/*########################################################
### Fonts généraux
########################################################## */

@font-face {
    font-family: Roboto;
    src: url('fonts/Roboto/Roboto-Regular.eot');
    src: url('fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-Regular.woff2') format('woff2'),
         url('fonts/Roboto/Roboto-Regular.woff') format('woff'),
         url('fonts/Roboto/Roboto-Regular.ttf') format('truetype'),
         url('fonts/Roboto/Roboto-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}
    font-family: Roboto;
    src: url('fonts/Roboto/Roboto-Bold.eot');
    src: url('fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-Bold.woff2') format('woff2'),
         url('fonts/Roboto/Roboto-Bold.woff') format('woff'),
         url('fonts/Roboto/Roboto-Bold.ttf') format('truetype'),
         url('fonts/Roboto/Roboto-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: Roboto;
    src: url('fonts/Roboto/Roboto-Medium.eot');
    src: url('fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto/Roboto-Medium.woff2') format('woff2'),
         url('fonts/Roboto/Roboto-Medium.woff') format('woff'),
         url('fonts/Roboto/Roboto-Medium.ttf') format('truetype'),
         url('fonts/Roboto/Roboto-Medium.svg') format('svg');
    font-weight: 500;
    font-style: normal;
  font-display: swap;
}

@font-face {
    font-family: Roboto-Condensed;
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Light.eot');
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Light.woff2') format('woff2'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Light.woff') format('woff'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Light.ttf') format('truetype'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Light.svg') format('svg');
    font-weight: 200;
    font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: Roboto-Condensed;
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.eot');
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Regular.woff2') format('woff2'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Regular.woff') format('woff'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Regular.ttf') format('truetype'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  font-display: swap;
}
@font-face {
    font-family: Roboto-Condensed;
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.eot');
    src: url('fonts/Roboto_Condensed/RobotoCondensed-Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Bold.woff2') format('woff2'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Bold.woff') format('woff'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Bold.ttf') format('truetype'),
         url('fonts/Roboto_Condensed/RobotoCondensed-Bold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'flexi-icones';
  src:  url('fonts/flexi-icones.eot');
  src:  url('fonts/flexi-icones.eot?#iefix') format('embedded-opentype'),
    url('fonts/flexi-icones.woff') format('woff'),
    url('fonts/flexi-icones.ttf') format('truetype'),
    url('fonts/flexi-icones.svg#icomoon') format('svg');
  font-weight:normal;
  font-style: normal;
}


/*#############################################################
### CSS général
###############################################################*/

.formulaire .FieldsetHeureSouhaitee .groupeSelect {
  width: auto;
  display: block;
  float: left;
  clear:none;
  margin: 0;
  padding-right:10px;
}

.glyphicon-calendar {
  display:inline-block;
  width:27px;
  height:28px;
  background:transparent url("../images/ico_cal.png") no-repeat;
  top: 9px;
  left: 2px;
  position:relative;
}

.boutonRadio .glyphicon-calendar {
  top: 2px;
}


.formulaire h4 {
  color:#0a0a0a;
  text-transform:none;
font-weight:600;
  margin-top:5px;
}

.glyphicon-calendar:hover, .glyphicon-calendar:focus {
  background:transparent url("../images/ico_cal.png") no-repeat 0 -32px;
  cursor:pointer;
}

.cache-accessibilite {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.resultats-recherche .boutonLangueMobile,
.resultats-recherche .pivAlignementDroit {
  display:none;
}

blockquote, blockquote p {
  color:#0a0a0a;
  border-left:0;
}

@media only screen and (max-width: 799px) {
 .cacherMobile{
   display:none;
  }
}

select, input[type="radio"] {
  cursor:pointer;
}

ul li.filRss {
  background: url(../images/icon-rss.png) left center no-repeat;
  padding-left: 20px;
  list-style:none;
}

div.filRss a {
  background: url(../images/icon-rss.png) left center no-repeat;
  padding-left: 20px;
}

body {
  font-family: Roboto;
}
a.hreflang-fr {
  background-color: transparent;
}
/*.row {
    max-width: 1024px;
}*/
span.texte_bleu {
  color: #024c7d;
  font-weight:normal;
  display:block;
  margin-bottom: 16px;
}
.accesRapide h2:lang(en){
    margin-bottom: 16px;
}

.accesRapide a.actif:link, .accesRapide a.actif:visited {
  /*font-weight:bold;*/
  color:#000000;
  text-decoration:none;
}

a.lien_externe img,
a.lien-externe img,
a.lien-externe-en img,
a.hreflang-en img{
  padding-left:2px;
      width: 20px;
    height: auto;
    position: relative;
    top: -2px;
   border: none!important;
}
a.hreflang-en{
background-color:transparent;
}

a[href="/connexion-espace-municipalites.html"]::after,
.icone-cadenas::after {
  content: url(../images/icone-cadenas.svg);
  background-size: 18px 18px;
  position: relative;
  width: 14px;
  height: 16px;
  margin: 0 -6px 0 3px;
  display:inline-block;
  top:2px;
  left:2px;
filter: invert(15%) sepia(69%) saturate(3462%) hue-rotate(189deg) brightness(92%) contrast(98%);
}
a[href="/connexion-espace-municipalites.html"].btn::after {
  content: url(../images/icone-cadenas.svg);
  background-size: 18px 18px;
  position: relative;
  width: 14px;
  height: 16px;
  margin: 0 -6px 0 3px;
  display:inline-block;
  top:2px;
  left:2px;
filter: invert(100%) sepia(4%) saturate(13%) hue-rotate(104deg) brightness(105%) contrast(100%);
}
#fil-ariane a[href="/connexion-espace-municipalites.html"]::after,
#fil-ariane .icone-cadenas::after {
 margin-right:1px;
}

.btn img{
  width: 20px;
  height: auto;
  filter: invert(1.5);
  top: -2px;
  position: relative;
margin-left:5px;
}

.text-right{
  text-align:right;
}

.text-center{
  text-align:center;
}

.text-justify {
  text-align:justify;
}

.pivHautMenu {
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
}

.invisible {
    display: none;
}

span.highlight{
  background: #FFFF80;
}

.clear-fix {
  width: 100%;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
  clear: both;
}

.chapitreSection:empty + .titrePage h1{
  margin-top: 25px;
}
.chapitreSection {
    margin-top: 25px;
}
.chapitreSection:empty{
display:none;
}
h1 {
  font-family: Roboto-Condensed;
  font-size: 2.5rem;
  line-height: 2.6rem;
  margin-top: 8px;
  margin-bottom: 1.1rem;
  font-weight:600;
}

h2 {
  font-family: Roboto-Condensed;
  font-size:1.7rem;
  line-height: 1.075;
  margin-bottom:0.2rem;
}

.contenu h2 {
  margin-top: 2.1rem;
  margin-bottom:1rem;
  font-weight:600;
}
.contenu li{
  margin:0 0 0.4rem 0;
}
.contenu ul li ul li{
 margin:0;
}

.containerContenu ul li a{
  vertical-align:top;
}

.containerContenu ul li sup a{
  vertical-align:inherit;
}

h3 {
  font-family: Roboto-Condensed;
  font-size:1.5rem;
  line-height: 1.1;
  margin-bottom:0.2rem;
  margin-top:1.5rem;
}

.contenu h3 {
  margin-top: 2.2rem;
  margin-bottom:0.3rem;
}
.contenu h2 + h3 {
  margin-top:0px;
}
h4 {
  font-family: Roboto;
  font-size:1rem;
  font-weight:bold;
  margin-bottom: 0;
  /*line-height:1.1;*/
  text-transform: uppercase;
  color: #024c7d;
  margin-top:21px;
}
p {
  line-height:1.5
}
.contenant_site a:link, .contenant_site a:visited {
  text-decoration:underline;
  color:#014b7c;
}

.contenant_site a.btn:link, .contenant_site a.btn:visited {
font-family: Arial;    
background-color: #014b7c;
    border: 1px solid #014b7c;
    color: #FFFFFF;
    padding: 10px 20px;
    margin-right: 3px;
    cursor: pointer;
    text-decoration: none;
}

.gdlr .contenant_site a.btn {
    display:inline-block;
    margin-top: 13px;
}

.contenant_site a.termeGlossaire:link, .contenant_site a.termeGlossaire:visited {
  text-decoration:none;
}

.contenant_site a:hover, .contenant_site a:focus {
  text-decoration:none;
}

div.lienAligneDroite {
  text-align:right;
}

div.lienAligneDroite a, p.lienAligneDroite a {
  background: transparent url("../images/chevron-bleu-gras.png") no-repeat scroll right top 5px;
  padding-right:14px;
}

a.lienAligneDroite {
  background: transparent url("../images/chevron-bleu-gras.png") no-repeat scroll right top 5px;
  padding-right:14px;
  display:inline-block;
}

.contenant_site a.lien-bouton:link,.contenant_site a.lien-bouton:visited {
  color:#FFFFFF;
}
strong a.lien-chevron-bleu{
  font-weight:normal;
}


span.lang-en, span.lang-fr {
    background-color: #fff;
}
.accueil h1 {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.accueil .colonneGauche .lienAligneDroite {
  border-top: 1px solid #dfdfdf;
  padding-top:5px;
  margin-right:23px;
}

a.lien-retour {
  padding-left:14px;
  background: transparent url("../images/chevron-bleu-gauche.png") no-repeat scroll left center;
}

/* liste alphabétique*/
ol{
margin-left:0;
}
ol.lower-alpha{
list-style-type: lower-alpha;
  list-style-position:outside!important:
}

ol.lower-alpha-paranthese {
  counter-reset: list;
}
ol.lower-alpha-paranthese > li {
  list-style: none;
  display:flex;
}
ol.lower-alpha-paranthese > li:before {
  content: counter(list, lower-alpha) ") ";
  counter-increment: list;
  margin-right: 4px;
}


@media only screen and (max-width: 799px) {

.accueil .colonneGauche .lienAligneDroite {
  margin-right:0;
}
}

.accueil .contenuDroite h2{
  font-weight:normal;
  text-transform:uppercase;
  font-size:1.4rem;
  margin-bottom:6px;
}
.accueil .contenuDroite ul + h2{
  margin-top:25px;
}
.accueil h3{
 margin-top:0;
}
.accueil .contenu .flexslider ul li{
  margin:0
}
/* Cible seulement les ul qui suivent les paragraphes*/
.contenu p + ul{
  margin-top:-8px;
}


ul, ol, dl{
  line-height:1.5;
}
ul {
  list-style-type: square;
}

.contenu ul:not(.slides):not(.listeNouvelles):not(.listeDocuments):not(.liste-questions), .contenu ol {
  padding-left:20px;
  margin-bottom: 1.8rem;
  margin-left: 2.6rem;
  margin-top:0.5rem;
}

.contenu ul li ul, .contenu ol li ul{
  /*margin-bottom:1rem!important;*/
  margin-left:2.8rem!important;
  margin-top:0.5rem!important;
}


.frame-type-menu_section li a {
  /*background: transparent url("../images/Ancre.png") no-repeat scroll right top -21px;*/
  padding-right:19px;
}

.pageLexique .frame-type-menu_section li a {
  background: none;
  padding-right:2px;
}

.lexique ul.csc-menu li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline;
    font-size: 1.5em;
    margin: 0 8px 0 0;
    padding: 0 0 5px;
}

.haut-de-page {
  text-align:right;
  margin-bottom:30px;
  /*margin-top: -15px;*/
}

.haut-de-page a {
  background: transparent url("../images/Ancre.png") no-repeat scroll left top;
  padding-left:19px;
}

.float-gauche {float: left; margin:0 15px 15px 0;}
.float-droite {float: right; margin-left:15px; width:20%;}
.float-droite-nouvelle {float: right; margin-left:15px;}

.vignette {font-size:0.7em;}

.tx-vibeo .tx-vibeo-single-media-item {
    margin: 0 0 0.8em 0!important;
    clear: both;
}

table thead, table tbody, table tfoot {
  border:none;
}

table.dataTable,
table.mobile,
table.contenttable,
table.resultatsRecherche {
  border-collapse:collapse;
  border-spacing:0;
  margin-bottom:2rem;
  border:none;
  table-layout: fixed;
  width: 100%;
}

table.dataTable th,
table.mobile th,
table.contenttable th,
.liste_sous_categories_licences.contentable th {
  background-color:#014b7c;
  color:#FFFFFF;
  border-top:none;
  border-bottom:1px solid #dadada;
  font-weight:500;
  text-align:left;
}
table.liste_sous_categories_licences.contenttable{
 table-layout: auto;
}
table.dataTable th, table.dataTable td,
table.mobile th, table.mobile td,
.contenttable th, .contenttable td{
  border-top:none;
  border-bottom:1px solid #dadada;
  border-left:1px solid #dadada;
  border-right:1px solid #dadada;
}

table.mobile th, table.mobile td:last-child,
.contenttable th, .contenttable td:last-child{
  
}

.contenttable th a.termeGlossaire-actif {
    border-bottom: 1px dashed #fff;
    text-decoration: none;
    color: #fff;
}

table.contenttable ul{
padding-left:0!important;
}

table td, table th{
  vertical-align:top!important;
  line-height:1.15;
}

table.datepicker-grid td, table.datepicker-grid th{
  vertical-align:inherit!important;
  line-height:inherit;
}

table.dataTable tr:nth-child(even),
table.mobile tr:nth-child(even),
table.contenttable tr:nth-child(even) {
  background-color: #ECECEC;
}


table.dataTable tr:nth-child(even) td,
table.mobile tr:nth-child(even) td,
table.contenttable tr:nth-child(even) td {
  background-color: transparent;
}


table.dataTable tr:nth-child(odd) td,
table.mobile tr:nth-child(odd),
table.contenttable tr:nth-child(odd) {
  background-color: #FFFFFF;
}

table.dataTable tr:nth-child(odd) td,
table.mobile tr:nth-child(odd) td,
table.contenttable tr:nth-child(odd) td {
  background-color: transparent;
}

figcaption, .figcaption, .csc-textpic-caption, .image-caption {
    padding:0;
    font-weight: normal!important;
    font-size: 0.9rem;
    line-height: 1.10rem;
  margin:10px 0 20px 0;
}
table caption {
    padding: 0;
    font-weight: 500;  
    text-align: left;
    line-height:1.3;
  margin-top:0.3rem;
  margin-bottom:0.35rem;
  font-size: 1rem;
    font-family: Roboto;
  text-transform:uppercase;
}
table td a{
  line-height:1.5;
}

.reponseFAQ table td p, .reponseFAQ table td li{
line-height:1.15em!important;
}

@media only screen and (max-width: 799px) {
  
.row table.table-mobile caption{
display:block;
}

table.mobile,
table.contenttable{
 -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
font-size:0.9rem;  
}

.row table.table-mobile tr {
    border: 1px solid #ECECEC;
    padding: 0;
    margin-bottom: 15px;
  }
.row table.table-mobile tr td{
   background:#ECECEC!important;
 }
.row table.table-mobile tr td:nth-child(odd){
  background:#ECECEC!important;
}
.row table.table-mobile div.right{
  padding:0 8px 10px 8px!important;
}
.row table.table-mobile div.left{
  padding:8px 8px 0 8px!important;
  width:100%!important;
  margin-bottom:5px;
}
/* Spécifique au tableau dans un item de FAQ */
ul.liste-questions div.left{
 font-size:1.3em;
}

.row table.table-mobile div.left p{
  margin-bottom:0;
}
.row table.table-mobile tr td div.right, .row table.table-mobile tbody tr th div.right{
  vertical-align: top;
  width:100%;
 }
}

p.btn {
  display:inline-block;
}
.note-bas-page{
    position: relative;
}
.note-bas-page p{
 font-size:0.85rem;
}

.contenant_site p.btn a:link, .contenant_site p.btn a:visited,
.contenant_site .frame:not(.note-encadree) a.btn:link, .contenant_site .frame:not(.note-encadree) a.btn:visited,
button.btn,
input.btn{
  background-color: #014b7c;
  border: 1px solid #014b7c;
  color:#FFFFFF;
  padding:10px 20px;
  margin-right:3px;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
  line-height: inherit;
  font-weight:600;
}

.contenant_site p.btn a:hover, .contenant_site p.btn a:focus,
.contenant_site .frame:not(.note-encadree) a.btn:hover,  .contenant_site .frame:not(.note-encadree) a.btn:focus,
button.btn:hover, button.btn:focus,
input.btn:hover, input.btn:focus{
  background-color: #0a182c;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.note-encadree a.btn {
    background-color: transparent;
    border: none;
    color: #014b7c;
    padding: inherit;
    margin-right: inherit;
    text-decoration: underline;
}

.note-encadree a.btn:hover, .note-encadree a.btn:focus {
    text-decoration: none;
}

.note-encadree .btn img {
	filter: inherit;
}

@media only screen and (max-width: 799px) {
	input.btn{
  		margin-bottom:10px!important;
	}
}

.contenant_site a.btn-blanc:link, .contenant_site a.btn-blanc:visited {
  background-color: #FFFFFF;
  border: 1px solid #014b7c;
  color: #014b7c;
  padding:10px 20px;
  margin-right:3px;
  cursor:pointer;
  text-decoration:none;
  display:inline-block;
}

.contenant_site a.btn-blanc:hover, .contenant_site a.btn-blanc:focus {
  background-color: #014b7c;
  color: #FFFFFF;
}

.lead{
  font-size:inherit;
  font-weight:bold;
}

.boite_bleu {
    border: solid 10px #176ca5;
    padding: 25px;
    margin-top: 9px;
    margin-bottom: 35px;
}

.containerContenu .contenu .boite_bleu p:last-child, .containerContenu .contenu .boite_bleue ul:last-child {
  margin-bottom:0;
}

.boite_bleu h2 {
  margin-top: 0px;
}

.boite_grise {
  background-color:#ececec;
  /*padding:15px 10px 15px 15px;*/
  padding:20px;
}

.boite_grise h2 {
  margin-top: 0px;
}

.containerContenu .contenu .boite_grise p:last-child, .containerContenu .contenu .boite_grise ul:last-child {
  margin-bottom:0;
  padding:4px 0 0 8px;
}

@media only screen and (max-width: 799px) {

 .accueil .contenant_site.mobile{
   padding-top:73px;
  }
 .contenant_site a.btn:link, .contenant_site a.btn:visited,
  .btn{
    width:100%;
    margin-bottom:10px;
    text-align:center;
  }

  .column, .columns{
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .contenttable th, .contenttable td{
    font-size:0.9rem;
  }
}

.fiche {
	border:1px solid #adadad;
	margin-bottom:40px;
}


.fiche h2 {
	margin-top:0px;
	padding-left:25px;
	padding-right:25px;
}

.fiche .grid-container {
	padding-left:20px;
	padding-right:20px;
}

.fiche .encadreNoir {
    background-color: #000000;
    text-align: left;
    font-size: 0.9rem;
    font-weight: bold;
    padding: 8px 17px 7px 17px;
    margin-bottom: 10px;
    display: inline-block;
    margin-right: 5px;
    color: #FFFFFF;
    margin-bottom: 30px;
}
.fiche p.btn{
display:block;
}

.fiche .grid-container .ge-container .boite_grise p:last-child{
 padding:0px; 
}

@media only screen and (max-width: 799px) {
  .fiche .grid-container {
    padding-left:10px;
    padding-right:10px;
  }
  .fiche .grid-container .columns:last-child {
		margin-bottom:20px;
	}

  .fiche h2 {
      margin-top:0px;
      padding-left:16px;
      padding-right:10px;
  }
  .fiche .encadreNoir {
	width:100%;
	}
 
}

/*#############################################################
### Liens ancres et menu de section typo3
###############################################################*/

.liens-ancres a::after, .frame-type-menu_section li a::after {
  content: url(../images/icone-lien-ancre.png);
  position: relative;
  top: 2px;
  left: auto;
  width: 13px;
  height: 12px;
  margin: 0 0 0 3px;
}


/*#############################################################
### Page citoyen
###############################################################*/

.citoyen .contenuDroite p{
  margin-bottom:0;
}

body.citoyen .containerContenu .colonneDroite .espacement div.contenuDroite,
body.citoyen .containerContenu .colonneDroite .espacement div.contenuDroite div {
  padding: 5px 0px 5px 0px;
}

/*#############################################################
### Bouton recherche
###############################################################*/
button.btn.bouton_filtrer{
  padding:5px;
}

.menu_mobile_Recherche label {
  border: 0;
  clip: inherit;
  height: inherit;
  margin: -inherit;
  overflow: inherit;
  padding: inherit;
  position: relative;
  width: inherit;
  color:#FFFFFF;
  font-size:1.1em;
}

.menu_mobile_Recherche input {
  margin-bottom:0;
}

.pivHaut .menu_mobile_Recherche {
  display: none;
}

.pivHautBoutonsMobile .boutonLangueMobile a:link, .pivHautBoutonsMobile .boutonLangueMobile a:visited {
  position: absolute;
  top: 7px;
  display: block;
  font-size:1.3em;
  right:86px;
  color:#9B9B9B;
  border: 1px solid #9B9B9B;
  border-radius:2px;
  text-transform: uppercase;
  padding:5px 7px 4px 7px;
}

.pivHautBoutonsMobile .boutonLangueMobile a:hover, .pivHautBoutonsMobile .boutonLangueMobile a:focus{
  color:#024c7d;
  border: 1px solid #024c7d;
}

.pivHaut.avecmenuRecherche .menu_mobile_Recherche {
  background-color: #08283f;
  right: 0;
  top: 62px;
  bottom: 0;
  border:0px;
  position: fixed;
  width: 100%;
  display: table-cell;
  z-index:100;
  overflow-y:auto;
  vertical-align: bottom;
}

.pivHaut.avecmenuRecherche .pivHautRecherche-mobile {
  padding: 10px 10px 10px 10px;
  background-color: #08283f;
}

.pivHaut.avecmenuRecherche .rechercheEntrepreneur {
  margin-top:-10px;
  color:#FFFFFF;
}

.pivHaut.avecmenuRecherche .rechercheEntrepreneur a:link, .pivHaut.avecmenuRecherche .rechercheEntrepreneur a:visited {
  color:#FFFFFF;
}

.pivHautBoutonsMobile li button.pivHautBoutonMenuRecherche {
  right: 61px;
  background-color: transparent;
  background-image: url('../images/btn-recherche-haut.png');
  background-repeat: no-repeat;
  background-position: left 15px top 11px;
  border-left:1px solid #C0C0C0;
}

.pivHautBoutonsMobile  li button.pivHautBoutonMenuRecherche:hover, .pivHautBoutonsMobile li  button.pivHautBoutonMenuRecherche:focus, .pivHaut.avecmenuRecherche  .pivHautBoutonsMobile li button.pivHautBoutonMenuRecherche {
  background-color: #08283f;
  background-position: left 15px top -49px;
}

.pivHaut.avecmenuRecherche .pivHautBoutonsMobile li button.pivHautBoutonMenuRecherche {
  background-color: #08283f;
  background-position: left 15px top -49px;
}
#entetePiv .logo{
margin-top:0px;
}
 .pivHautMenu a {
 font-size:0.80em;
  }
#entetePiv .nomOrganisme {
    padding-bottom: 0;
    vertical-align: middle;
}
#entetePiv .nomOrganisme {
    padding-bottom: 0;
    vertical-align: middle;
    /* max-height: 70px; */
}

.contenant_site.avecmenuRecherche {
    float: left;
    position: fixed;
    opacity: 0.2;
    filter: alpha(opacity=20);
    height: 100%;
}


.pivHautBoutonMenuRecherche:focus span.outline {
  display:block;
  width: 50px;
  height:50px;
  position:absolute;
  right:6px;
  top:6px;
  border:2px dotted #FFFFFF;
}

.avecmenu .pivHautBoutonMenuRecherche:focus span.outline {
  display:block;
  width: 50px;
  height:50px;
  position:absolute;
  right:4px;
  top:6px;
  border:2px dotted #FFFFFF;
}

.avecmenu #entetePiv .listePiv li.liLangue {
  display:none;
}

.contenant_site.mobile .fonctionnalites,
.contenant_site.mobile .rechercheEntrepreneur,
.avecmenu .pivHautBoutonsMobile .boutonLangueMobile {
  display:none;
}

@media only screen and (min-width: 799px) {
  .pivHautBoutonRecherche,
  .pivHautBoutonsMobile .boutonLangueMobile {
    display:none;
  }
}

@media only screen and (max-width: 799px) {
  .menu_mobile .pivAlignementDroit {
    display:none;
  }

  #txtSearch {
    height: 2.3rem;
  }

  .pivHautMenu a:hover, .pivHautMenu a:focus, .pivHautMenu a:active {
    text-decoration: none;
  }
}

/*#############################################################
### Bouton PES
###############################################################*/

.contenant_site a.btn-pes {
  background-color: #024c7d;
  padding: 13px 12px 13px 12px;
  margin: 0 0 24px 0;
  font-size: 16px;
  color: #fff!important;
  text-decoration: none;
  text-transform: uppercase;
  display:inline-block;
}

.contenant_site a.btn-pes:hover, .contenant_site a.btn-pes:focus {
  background-color: #0a182c;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-disable{
  background:#414042;
  opacity:0.3;
}

/*#############################################################
### Centre documentaire
###############################################################*/

.tx-ccw-documentation .triInput {
     text-align: right;
}

.tx-ccw-documentation .triInput label, .tx-ccw-documentation .triInput select {
    display: inline-block;
    width: auto;
}

.tx-ccw-documentation .criteres-type {
  display:none;
}

.tx-ccw-documentation .TypeDoc ul.listeDocuments > li {
  list-style:none;
}


.tx-ccw-documentation .filetypeInput {
  display:none;
}

.tx-ccw-documentation .categoriesInput {
  clear:left;
  margin-bottom: 3px;
}

.tx-ccw-documentation label {
  display: inline-block;
  font-weight:bold;
}


.tx-ccw-documentation .keywordInput {
  margin-bottom: 3px;
}

.tx-ccw-documentation .countRecherche{
  padding-left: 0;
  padding-top: 5px;
  font-weight:bold;
}


.tx-ccw-documentation .resume {
  /*margin-bottom:-10px;
  width:600px;*/
}

.tx-ccw-documentation .resume,
.tx-ccw-documentation .no_reference {
  display:block;
  margin-left:0;
  clear:left;
  display:inline-block;
}

.tx-ccw-documentation .titre_no_reference {
 display:inline;
}
.titre_no_reference{
margin-left:20px;
}
.tx-ccw-documentation .listeDocuments .date{
  display:inline-block;
  margin:0;
  clear:left;
}

.tx-ccw-documentation .boutonTriHaut::before, .tx-ccw-documentation .boutonTriBas::before {
    line-height: 1.1em;
}

.tx-ccw-documentation .listeDocuments .date_et_no {
  display:block;
  clear:left;
}

.tx-ccw-documentation .tri-titre a:link, .tx-ccw-documentation .tri-titre a:visited {
  text-decoration:none;
}

.tx-ccw-documentation .tri-titre a:focus, .tx-ccw-documentation .tri-titre a:hover {
  background: none;
}

.tx-ccw-documentation .tri-titre, .tx-ccw-documentation .tri-date {
  display:inline-block;
}

.tx-ccw-documentation .tri-titre a:focus .boutonTriHaut:before, .tx-ccw-documentation .tri-titre a:hover .boutonTriHaut:before,
.tx-ccw-documentation .tri-titre a:focus .boutonTriBas:before, .tx-ccw-documentation .tri-titre a:hover .boutonTriBas:before,
.tx-ccw-documentation  .tri-titre a .boutonTriHaut.boutonTriHaut_actif:before,  .tx-ccw-documentation .tri-titre a  .boutonTriBas.boutonTriBas_actif:before,
.tx-ccw-documentation .tri-date a:focus .boutonTriHaut:before, .tx-ccw-documentation .tri-date a:hover .boutonTriHaut:before,
.tx-ccw-documentation .tri-date a:focus .boutonTriBas:before, .tx-ccw-documentation .tri-date a:hover .boutonTriBas:before,
.tx-ccw-documentation  .tri-date a .boutonTriHaut.boutonTriHaut_actif:before,  .tx-ccw-documentation .tri-date a  .boutonTriBas.boutonTriBas_actif:before{
  color: #FFFFFF;
  background-color: #024c7d;
  border-radius:5px;
}

.tx-ccw-documentation ul li{
  background:none;
}

.tx-ccw-documentation ul.criteres li
{
  padding-left:0px;
  margin-left:-10px;
}

.tx-ccw-documentation .boutons-tri {
  padding-left:0px;
}

.tx-ccw-documentation .criteres {
  margin-left:30px;
}

.tx-ccw-documentation .filtres {
  margin-bottom:20px;
}

.tx-ccw-documentation .table-dam td {
    font-size:97%;
}

.tx-ccw-documentation .TypeDoc ul li {
  line-height:1.1rem;
}

.tx-ccw-documentation .tri-date-titre {
   margin-left: 60px;
}


.tx-ccw-documentation  .listeDocuments div.type-doc::before, .tx-ccw-documentation  .listeDocuments div.documentpdf.type-doc::before, .tx-ccw-documentation  .listeDocuments div.type-tab::before, .tx-ccw-documentation  .listeDocuments div.type-liens::before, .tx-ccw-documentation  .listeDocuments div.type-img::before {
  display:none;
}

@media only screen and (max-width: 799px) {

  .tx-ccw-documentation .tri-titre, .tx-ccw-documentation .tri-date {
    display:block;
    clear:left;
  }

  .tx-ccw-documentation .tri-date-titre {
    margin-left: 0px;
  }

  .tx-ccw-documentation .resume {
     width:100%;
  }
}

/*#############################################################
### Pagination
###############################################################*/


.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited
{
  text-decoration:underline;
}

.f3-widget-paginator li a:focus,
.f3-widget-paginator li a:hover
{
  text-decoration:none;
  color: #000000;
}

.f3-widget-paginator li.current span
{
  font-weight:bold;
  color: #000000;
}

.f3-widget-paginator {
  text-align: center;
}

.f3-widget-paginator li {
  display: inline-block;
  padding: 0 8px 0 8px;
  vertical-align:  top;
}

.f3-widget-paginator li a,
.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited,
.f3-widget-paginator li a:hover,
.f3-widget-paginator li a:focus {
  line-height: 2rem;
  color: #5c5c5e;
  text-decoration:none;
}

.f3-widget-paginator li a:hover,
.f3-widget-paginator li a:focus {
  background: none;
  padding: 0;
  text-decoration:none;
}

.f3-widget-paginator li a span {
  font-weight: normal;
  text-decoration:none;
}

.f3-widget-paginator li span {
  line-height: 2rem;
  font-weight: bold;
  color: #5C5C5E;
  text-decoration:none;
}

.f3-widget-paginator li.nav-icone a {
  display: inline-block;
  text-decoration:none;
}

.f3-widget-paginator li.first,
.f3-widget-paginator li.previous  {
  padding-left: 0;
  text-decoration:none;
}

.f3-widget-paginator li.next,
.f3-widget-paginator li.last  {
  padding-right: 0;
  text-decoration:none;
}

.f3-widget-paginator li.nav-icone a:before {
  display: inline-block;
  font-family: "flexi-icones";
  font-size:1.6666rem;
  color: #5c5c5e;
  font-weight: normal;
  text-decoration:none;
}

.f3-widget-paginator li.first a:before {
  content: "\e613";
  text-decoration:none;
}

.f3-widget-paginator li.previous a:before {
  content: "\e614";
  text-decoration:none;
}

.f3-widget-paginator li.next a:before {
  content: "\e601";
  text-decoration:none;
}

.f3-widget-paginator li.last a:before {
  content: "\e610";
  text-decoration:none;
}

.f3-widget-paginator li.last:hover a:before,
.f3-widget-paginator li.next:hover a:before,
.f3-widget-paginator li.previous:hover a:before,
.f3-widget-paginator li.first:hover a:before,
.f3-widget-paginator li.last:focus a:before,
.f3-widget-paginator li.next:focus a:before,
.f3-widget-paginator li.previous:focus a:before,
.f3-widget-paginator li.first:focus a:before{
  color: #000000;
}

.f3-widget-paginator li a:link,
.f3-widget-paginator li a:visited
{
  text-decoration:underline;
}}

.f3-widget-paginator li a:focus,
.f3-widget-paginator li a:hover
{
  text-decoration:none;
  color: #000000;
}

.f3-widget-paginator li.current span
{
  font-weight:bold;
  color: #000000;
}
.filtres-entreprises label{
display:inline;
  font-size:1rem;
}
#icone-aide img{
margin-left:5px;
}

/*#############################################################
### recherche Entreprises cspq_recherche_entreprises
###############################################################*/

.filtres-entreprises label{
  display:inline;
  font-size:1rem;
}

.pageInondations ul.ordre-tri {

}

.pageInondations .ordre-tri li {
  display:inline-block;
}

.pageInondations .ordre-tri li a{
  padding-right:4px;
  padding-left:4px;
}

.pageInondations .ordre-tri li span{
  margin-right:5px;
  margin-left:20px;
}

.pageInondations .ordre-tri li span.premier{
  margin-left:0px;
}

.pageInondations .contenu ul.ordre-tri {
  padding-left: 0px !important;
  margin-left:0px !important;
  margin-top:10px;
  display:inline-block;
  margin-bottom: 5px !important;
}
.entreprise_nom,
.entreprise_distance,
.entreprise_noLicence,
.entreprise_adresse{
margin-bottom:0;
}
.entreprise_nom{
font-size:1.3rem;
  font-weight:500;
}
.entreprise_type_travaux{
margin-bottom:50px;
}
.pageInondations ol{
    margin-left: 0;
    list-style: none;
    padding-left: 0;
}
.pageInondations .sans-puces{
 list-style: none;
 display:inline;
  
}

.pageInondations .page{
  display:inline-block;
  margin: 0 0.3rem 0 0.3rem;
}

.pageInondations .tx-pagebrowse .sans-puces{
  margin-left:0!important;
  padding-left:0!important;
}
.pageInondations .courrante{
  font-weight:bold;
}


@media only screen and (max-width: 799px) {
  .pageInondations .ordre-tri li {
    display:inline;
  }
  .pageInondations .contenu ul.ordre-tri {
    display:block;
  }

  .pageInondations .ordre-tri li span{
    margin-left:0px;
  }
  .pageInondations .lienResultat {
    margin-top:10px;
  }
}

/*#############################################################
### recherche Google
###############################################################*/

.rechercheEntrepreneur {
  text-align:left;
  margin-bottom:0;
  font-size:0.8rem;
  margin-top:3px;
  font-family:arial;
}

.rechercheEntrepreneur a:link, .rechercheEntrepreneur a:visited {
  text-decoration:underline;
  color:#014b7c;
}

.rechercheEntrepreneur a:hover, .rechercheEntrepreneur a:focus{
  text-decoration:none;
}

.resultats-recherche table.gsc-input {
  margin-bottom:0;
}

.resultats-recherche table tbody th, .resultats-recherche table tbody td {
  padding:0px;
}

.resultats-recherche table tbody td .gsc-input {
  padding: 0 0 0 3px!important;
  background:none !important;
  box-shadow:none;
  text-indent: 0px !important;
  height: 31px!important;
}

.resultats-recherche .cse .gsc-control-cse, .resultats-recherche .gsc-control-cse {
    padding: 0;
}

.resultats-recherche table tbody td .gsc-input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000;
}
.resultats-recherche table tbody td .gsc-input::-moz-placeholder { /* Firefox 19+ */
  color: #000000;
}
.resultats-recherche table tbody td .gsc-input:-ms-input-placeholder { /* IE 10+ */
  color: #000000;
}
.resultats-recherche table tbody td .gsc-input:-moz-placeholder { /* Firefox 18- */
  color: #000000;
}
.resultats-recherche .gsst_a {
    padding-top: 10.5px;
}
.gsc-cursor-page {
  font-size:1.2em;
}

.resultats-recherche .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  color:#FFFFFF;
  padding: 0px 1px;
}

.resultats-recherche .gsc-result .gs-title {
  height:auto;
}
.resultats-recherche .gsc-input input::placeholder{
  color:transparent !important;
}

.resultats-recherche .gsc-input input:-ms-input-placeholder { /* IE 10+ */
  color:transparent!important;
}
.resultats-recherche  .gsc-webResult.gsc-result:hover,  .resultats-recherche  .gsc-imageResult:hover, .resultats-recherche  .gsc-webResult.gsc-result.gsc-promotion:hover {
  border-color: #FFFFFF;
  background-color: #FFFFFF;
  border-left:none;
  border-bottom: 1px solid #FFFFFF;
}

.resultats-recherche .gs-promotion a.gs-title:link, .gs-promotion a.gs-title:link *, .gs-promotion .gs-snippet a:link{
color:#024C7D!important;
}

 .resultats-recherche .gsc-promotion:hover{
border-bottom: 1px solid #CCCCCC!important;
}

.resultats-recherche .gsc-search-button-v2, .gsc-search-button-v2:hover, .gsc-search-button-v2:focus {
  border-color: #024c7d!important;
  background-color: #024c7d!important;
  background-image: none;
  filter: none;
  min-height: 33px;
  margin-top: 0!important;
}
.resultats-recherche .gsc-search-button-v2:hover {
  border-color: #000!important;
  background-color: #000!important;
}

.resultats-recherche .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
  font-size: 1.3rem!important;
  line-height:1.5rem!important;
}

.resultats-recherche .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {
  color: #555555!important;
  text-decoration: none;
  padding-bottom: 2px;
  font-size: 0.8rem;
}
.resultats-recherche .gs-snippet {
  font-size:1rem!important;
  line-height:1.3rem!important;
}

.resultats-recherche .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
  border-color: #333333;
  background-color: #333333;
  color: #fff!important;
  padding: 0.2em 0.8em 0.2em 0.8em;
}
.resultats-recherche .gsc-results .gsc-cursor-box .gsc-cursor-page {
  border-color: #777777;
  color: #024C7D;
  padding: 0.2em 0.4em 0.2em 0.4em;
}
.resultats-recherche .gsc-webResult.gsc-result.gsc-promotion{
  padding-bottom:20px;
  margin-bottom: 10px;
}
.resultats-recherche .gsc-completion-container {
  padding:8px;
}

.resultats-recherche .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet {
    padding: 5px;
    margin: 5px;
    border: 0 solid rgb(255,204,51)!important;
    background-color: transparent!important;
}

.resultats-recherche a[data-ctorig$=".pdf"]:before {
  content:'[PDF] ';
    font-size: 0.6em;
    position: relative;
    top: 1px;
}

.resultats-recherche a[href*="/salle-de-presse/les-nouvelles/"]:before {
  content:'[Nouvelle] ';
   font-size: 0.6em;
    position: relative;
    top: 1px;
    
}

.resultats-recherche .gscb_a{
line-height:13px!important;
}
.resultats-recherche .gsc-results .gsc-cursor-box .gsc-cursor-page {
    color: #FFFFFF;
}
.resultats-recherche .gsc-webResult .gsc-result{
   padding: 0 0 3em 0;
  border-bottom:0;
}

/*#############################################################
### GDLR
###############################################################*/

ul#etapes  {list-style:none outside none;margin:1em 0; overflow:auto;}
ul#etapes  li {display:inline;float:left;padding:0.6em 39px 0.6em  0px;margin:0;color:#000000; background:url("../images/fil-ariane.png")  right 15px center no-repeat;}
ul#etapes li:last-child {background:none;}

.etape1 #et1 a {font-weight:bold;}
.etape2 #et2 a {font-weight:bold;}
.etape3 #et3 a {font-weight:bold;}
#menu-etapes ul.etape4 #et4 {font-weight:bold;}

ul#etapes li a:link, ul#etapes li a:visited {color:#000000;}
div.gdlr-historique .ligne {border-bottom: 1px solid #e6e6e6; display: flex; padding: 4px 0 6px 0;}
div.gdlr-historique div p, div.gdlr-historique div a {margin:0;}
div.gdlr-historique .ligne:last-child {border-bottom: none;}
div.gdlr-historique .medium-3 {font-weight:bold;}

.gdlr-historique-titre, .completer_demande_licence {margin-top:3em}
.en_cas_de_doute {margin-top:2em;}
.gdlr-erreur {font-weight:bold;color:red}
.gdlr-criteres,.gdlr-info {font-weight:bold}

.annexes .blocTitreAnnexe {margin-top:2em}
.annexes .blocTitreAnnexe h3, .annexes .blocTitreAnnexe div, .annexes .blocTitreAnnexe p {display:inline}
.annexes .annexe ul {margin-top:.5em; list-style:none; margin-left:0;}
.annexes .annexe ul li {list-style-image:none;}

.retourGDLR {font-size:1.17em;font-weight:bold; display:none;}  
.retourGDLR a {float:right;display:block;padding-left:12px}

@media only screen and (max-width: 799px) {
  div.gdlr-historique .ligne {display: inherit; border-bottom:none;}
  div.gdlr-historique .medium-3 {margin-bottom:15px;}
  ul#etapes li {padding-right:30px; background-position: right 10px center;}
  ul#etapes .nom {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

  ul#etapes.etape1 #et1 .nom,
  ul#etapes.etape2 #et2 .nom,
  ul#etapes.etape3 #et3 .nom,
  ul#etapes.etape4 #et4 .nom
  {
    border: inherit;
    clip: inherit;
    height: inherit;
    margin: inherit;
    overflow: inherit;
    padding: inherit;
    position: inherit;
    width: inherit;
  }
}


/*#############################################################
### Lexique
###############################################################*/

ul.alpha, .pageLexique ul.csc-menu { margin:0; padding:10px 0 1em; }
ul.alpha li, .pageLexique ul.csc-menu li { padding:0 0 5px; margin:0 8px 0 0; display:inline; background:none; }

h2.alpha{ margin:1em 0 0 0; }
.pageLexique dl.terme_lexique { display:block; }
dl.terme_lexique  { display:none; }
.lexique dl.terme_lexique {display:block;}
dl.terme_lexique dt { font-weight:bold; }
dl.terme_lexique dd li{ padding-bottom:0.2em; }

a.termeGlossaire-actif{ border-bottom:1px dashed #00406B; text-decoration:none; color: #000;}
a.termeGlossaire-actif:visited,  a.termeGlossaire-actif:hover, a.termeGlossaire-actif:active,  a.termeGlossaire-actif:focus{ border-bottom-color:#336600;}
#infobulle{  text-align:left; z-index: 5000; position:absolute; width:404px;  background:url(../images/infobulle_haut.gif) left top no-repeat;  padding-top:9px; font-size:0.75em;}
#infobulle  .contenu-infobulle{ background:#FFFFFF url(../images/infobulle_bas.gif)  left bottom no-repeat; padding:1px 17px 12px; margin-top:0;  position:relative;}
#infobulle .contenu-infobulle dl,  #infobulle .contenu-infobulle dt, #infobulle .contenu-infobulle dd,  #infobulle .contenu-infobulle p{ margin:0;}
#infobulle .contenu-infobulle dt{ font-size:1.09em; padding-bottom:0.4em;}
#infobulle .contenu-infobulle dd{ display:inline; margin-left:0; padding-left:0; line-height:1.3em;}
#infobulle .contenu-infobulle dd p{ padding-bottom:0.5em;}
#infobulle  .pointe-infobulle{ width:23px; height:11px;  background:url(../images/infobulle_pointe.gif) left top no-repeat;  margin-top:-2px; margin-left:15px; position:absolute; left:0; }
#infobulle  .pointe-infobulle2{ width:23px; position:absolute; height:11px;  background:url(../images/infobulle_pointe2.gif) left top no-repeat;  margin-top:-19px; margin-left:15px; left:0;}

a.termeGlossaire {
    display: none;
}
a.modal-bootstrap.termeGlossaire-actif {display:inline;}
/*a.modal-bootstrap.termeGlossaire-actif {display:none;}

@media only screen and (max-width: 799px) {
  a.termeGlossaire {display:none;}
  a.modal-bootstrap.termeGlossaire-actif {display:inline;}
}*/

/*#############################################################
### Fenêtres modal pour définitions en mobile
###############################################################*/

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  padding-right: 0px !important;
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 0.5rem;
  pointer-events: none;
}

.modal.fade .modal-dialog {
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
}

.modal.show .modal-dialog {
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.modal-dialog-centered {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: calc(100% - (0.5rem * 2));
}

.modal-content {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}

.modal-backdrop.fade {
  opacity: 0;
}

.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem;
  border-bottom: 1px solid #e9ecef;
}

.modal-header h1 {
  font-size:1.1em;
  margin-top:0;
}


.modal-header .close {
  padding: 0.6rem;
  margin: -1rem -1rem -1rem auto;
  cursor:pointer;
}

.modal-header .close:hover, .modal-header .close:focus {
  background-color: #0a182c;
}

.modal-title {
  margin-bottom: 0;
  /*line-height: 1.5;*/
  margin-top:0;
  font-size:1.8rem;
}

.modal-body {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 1rem;
}

.modal-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 1rem;
  border-top: 1px solid #e9ecef;
}

.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}

.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.modal-header {
  background-color:#024c7d;
  color:#FFFFFF;
  font-weight:bold;
  font-size: 1.4em;
}

.modal-content {
    border-radius: 0px;
}

.modal .close {
  color: #FFFFFF;
  opacity:1;
}


@media (min-width: 576px) {
  .modal-dialog {
    max-width: 800px;
    margin: 1.75rem auto;
  }
  .modal-dialog-centered {
    min-height: calc(100% - (1.75rem * 2));
  }
  .modal-sm {
    max-width: 300px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}


/*#############################################################
### Ressources complémentaires
###############################################################*/

.boite-ressources, .boite-ressources-en {
  background-color:#efefef;
  border-top:6px solid #014b7c;
  padding:18px;
  padding-top:17px;
  margin-top:30px;
}
.boite-ressources ul{
  margin-bottom:0!important;
  margin-top:0.4rem;
}
.boite-ressources h2, .boite-ressources-en h2 {
  text-transform: uppercase;
  line-height:1em;
  margin-top:0;
  font-size:1.5rem;
}

.boite-ressources h2 .last-word, .boite-ressources-en h2 .last-word {
  color: #0D5181;
}

.boite-ressources p:last-child, .boite-ressources ul:last-child {
  margin-bottom:0;
}

/*#############################################################
### Encadré articles
###############################################################*/

.encart-articles {
  border: 1px solid #ececec;
  border-left:6px solid #024c7d;
  padding:20px;
  margin-bottom:20px;
}

.encart-articles p:last-child, .encart-articles ul:last-child {
  margin-bottom:0px;
}

/*#############################################################
### Encadré
###############################################################*/

.note-encadree, .encadre, .plus-dinfo {
  border-top:6px solid #024c7d;
  background-color:#ececec;
  padding: 20px;
  padding-top: 15px;
  margin-bottom:20px;
  margin-left:20px;
  margin-top:15px;
  max-width: 300px;
  float:right;
}

.note-encadree h2, .note-encadree h3, .encadre h2, .encadre h3 {
  font-family: Roboto-Condensed;
  line-height: 1.1;
  margin-top:0;
  font-weight:normal;
}
h2.titre-encadre:empty{
display:none;
}
.note-encadree ul, .encadre ul{
 padding-left:0px!important;
}

blockquote.note-encadree h2,
blockquote.encadre h2 {
  font-weight:bold;
}

.note-encadree p:last-child, .note-encadree ul:last-child,
.encadre p:last-child, .encadre ul:last-child {
  margin-bottom:0px;
}

/* Zone Plus d'info, sources + citation */

.plus-dinfo h2{border-top:none;padding-top: 0em;font-size: 1.4em;margin:1em 0 0.2em 0}
 .h2-noblock{ line-height:normal; padding-top:0.5em; width:45%;  clear:none;}
  .h3-noblock{clear:none;}
.plus-dinfo h3{
 font-size:1.1em;
 font-weight:bold;
 color:#00406b;
 display:block;
 text-align:left;
}

.note-encadree.mobile,
.encadre.mobile {
  display:none;
}


@media only screen and (max-width: 799px) {
  .note-encadree,
  .encadre {
    display:none;
  }
  blockquote.note-encadree,
  blockquote.encadre {
    display:block;
    width:100%;
    margin-left:0;
    max-width:inherit;
    float:inherit;
  }
  .note-encadree.mobile,
  .encadre.mobile {
    display:block;
    max-width: inherit;
    margin-left:0px;
    float:none;
  }
}

/*#############################################################
### Formulaires
###############################################################*/


.contenu #formation_reconnaissance_activite ul.detailChoix {
  list-style:none;
  margin-left: 18px;
  margin-top: 5px;
  margin-bottom: 0;
}

.consentementTexteFin {
    font-size: 0.9em;
margin:10px 0 40px;
}

.Tx-Formhandler .labelRadio {
  margin-bottom:0px;
}

.Tx-Formhandler .motsRestants span {
  display:inline;
}

.Tx-Formhandler .motsRestants span.error {
  color: #CC0000;
}

.Tx-Formhandler a.modal-bootstrap.termeGlossaire-actif {
    text-decoration: none;
} 

.Tx-Formhandler a .infobulle {
  background: transparent url("../images/info-circle-solid.svg") no-repeat scroll left center;
background-size: 18px;
display: inline-block;
text-indent: -9999px;
width: 18px;
height: 19px;
margin-left:2px;
} 


.Tx-Formhandler a:hover .infobulle,  .Tx-Formhandler a:focus .infobulle{
  opacity:0.5;
} 

.Tx-Formhandler .indentation {
  margin-left:20px !important;
}

.Tx-Formhandler input.btn {
  margin-right:3px;
}

.Tx-Formhandler .textareaImpression {
   display: none;
}

span.error {
  display:inline-block;
  width:100%;
}

.formulaire .champImpression {display:none;}
.formulaire .champImpressionProvince {display:none;}
.formulaire .champImpressionStatut {display:none;}
.formulaire .champImpressionDate {display:none;}
.formulaire .champImpressionRegion {display:none;}

.formulaire select {
  display: block;
  width: 100%;
  margin-bottom:0;
  /*padding-left: 0.3rem;*/
  font-size: 0.9rem;
  /*height: 2rem;*/
  padding-top:6px;
}

.formulaire select.selectCourt {
  width: auto;
}
.formulaire label{
  font-size:inherit;
  line-height:inherit;
}
.formulaire h3{
  font-size:1.4rem
}

.formulaire .groupe.telephonePoste p {
  display:inline-block;
}

.formulaire .groupe.telephonePoste p:last-child {
  margin-left:10px;
}


.formulaire .groupeSelect{
  display: block;
  width: 100%;
}

.formulaire .justificationDelai .groupeSelect{
  display: block;
  width: inherit;
}

.formulaire .justificationDelai .groupeSelect p{
  margin-left:10px;
}

.justificationDelai {
  margin-top:20px;
}

.formulaire .justificationDelai .boutons{
  position:relative;
  margin-top:22px;
}
.formulaire .exemple{
font-style: normal;
    font-size: 0.85rem;
background: #EAEAEA;
    display: block;
padding:20px 20px 18px 20px;
margin-bottom:10px!important;
}
.formulaire .exemple p:last-child{
margin-bottom:0px;
}

.justificationDelai .ajout {
  background: #014b7c url("../images/boutonPlus-moins.png") no-repeat scroll left -17px top 7px;
  display: inline-block;
  height: auto;
  max-width: 202px;
  position: absolute;
  right: 15px;
  top: 2px;
  cursor:pointer;
  color:#FFFFFF;
  padding:7px 6px 7px 29px;
}

.justificationDelai .supprimer {
  background: #014b7c url("../images/boutonPlus-moins.png") no-repeat scroll left -17px top -22px;
  display: inline-block;
  height: 30px;
  width: 28px;
  position: absolute;
  right: 226px;
  top: 2px;
  cursor:pointer;
}

.justificationDelai .ajout:hover, .justificationDelai .ajout:focus,
.justificationDelai .supprimer:hover, .justificationDelai .supprimer:focus {
  background-color:#0a182c;
}

.formulaire .justificationDelai input.court {
    width: 105px;
}

.formulaire .justificationDelai .groupeSelect p.inputFormulaire{
  margin-left:0px;
}


.formulaire [type="checkbox"] + label, .formulaire [type="radio"] + label {
  max-width:80%;
  vertical-align: top;
}

.formulaire .champEnErreur {
    border: 2px solid red;
}

.formulaire .input-radio.champEnErreur, .formulaire .input-checkbox.champEnErreur {
    box-shadow: 0px 0px 3px red;
}

.Tx-Formhandler p.boutonRadio {
  margin-bottom:0;
  display: block;
}

.formulaire .champImpressionDate {
    display: none;
}

.formulaire .groupe {
  padding: 0 0 1em 0;
  clear:left;
}

.formulaire .justificationDelai .groupe {
  padding: 0;
  clear:none;
}

.formulaire .groupe p, .formulaire .groupe div {
    margin: 0 10px 0 0;
}

.formulaire .groupeSelect p {
    float: left;

}

.formulaire .groupe .boutonRadio .labelComplementaire {
  display: block;
  width: auto;
  margin-left:17px;
  vertical-align:top;
}

.formulaire input, .formulaire .groupe .boutonRadio .champComplementaire {
    max-width: 400px;
    margin: 0;
    display: inline;
}

.formulaire .groupe .boutonRadio .champComplementaire {
  max-width:400px;
  margin-left:17px;
  display: inline-block;
}

.formulaire .groupe .boutonRadio .champComplementaireSpan .error {
  margin-left:17px;
}

.formulaire .groupe .boutonRadio input {
  vertical-align:top;
  margin-top:5px;
}

.formulaire textarea {
  height: 6em;
  margin-bottom:0px;
  /*max-width:400px;*/
}

.formulaire textarea.restreintHauteur {
  height: 3em;
}


#formhandlerAccompagnement h3 {
  margin-top:30px;
  margin-bottom:5px;
  font-weight:600;
}

#formhandlerAccompagnement h2 + h3 {
  margin-top:10px;
  margin-bottom:0.8rem;
}
#espace_municipalite_accompagnement .error_commentaires_required,
#rencontre_cohabitation .error_commentaires_required{
    position: relative;
    top: -12px;
}
.formulaire input.court {
    width: 150px;
}

.formulaire input.moyencourt {
    width: 50px;
}

.formulaire input.trescourt {
    width: 60px;
  margin-bottom:10px!important;
}
.formulaire .texte-petit {
    font-size: 12px;
}
span.note-formulaire.inline.noir {
    display: inherit;
}
.formulaire #X_langueCorrespondance,
.formulaire #X_typeOrganisationDispensateur,
.formulaire #X_formationSpecifique,
.formulaire #X_modeDiffusionEtLieu,
.formulaire #X_typeActivite,
.formulaire #X_sujetsVisesNonSpecifiques,
.formulaire #X_methodePedagogique {
    margin-left: 10px;
}
#formation_reconnaissance_activite legend,
#formation_inscription_dispensateur legend
{
    margin-top: 0;
    padding-top: 0;
}
#formation_reconnaissance_activite textarea,
#formation_inscription_dispensateur textarea
{
    margin-bottom: 0;
}

/*[type='text'],
[type='password'],
[type='date'],
[type='datetime'],
[type='datetime-local'],
[type='month'],
[type='week'],
[type='email'],
[type='number'],
[type='search'],
[type='tel'],
[type='time'],
[type='url'],
[type='color'],
textarea {
height:2rem;
}*/
.Tx-Formhandler h2, .similiFieldset legend {
  /*font-size:1.3rem;*/
  margin-top:12px;
  padding-top:15px;
  clear:left;
}

.Tx-Formhandler h3 {
  /*font-size:1.1rem;*/
  margin-top:10px;
}

.Tx-Formhandler ul {
  list-style-image:none;
}
/* Ajout 15 septrembre 2021*/

div#X_transmissionAutresOrganismes, div#X_aviserEntrepreneur, div#X_depotAudiencePublique {
    margin-top: 5px;
}
.sous-titre-consentement {

margin:1.3rem 0 0.6rem!important;
}
.question-consentement {
    margin-top: 10px!important;
}
/* Fin ajout 15 septrembre 2021*/

/* Ajout spcéfique pour formulaire Demande de reconnaissance d’une formation */
#formation_reconnaissance_activite{

}
#formation_reconnaissance_activite .etiquette-bold{
font-weight:500;
}

#formation_reconnaissance_activite .marge-espacement{
margin-bottom:16px;
}
#formation_reconnaissance_activite .marge-espacement-top{
margin-top:20x;
}
#formation_reconnaissance_activite .formulaire [type="checkbox"] + label {
    max-width: 95%!important;
}
#formation_reconnaissance_activite .formulaire [type="radio"] + label {
    max-width: 95%!important;
}
#formation_reconnaissance_activite .formulaire [type="checkbox"] + label, .formulaire [type="radio"] + label {
    max-width: 95%!important;
    vertical-align: top;
}

#formation_reconnaissance_activite [type='checkbox'] + label, [type='radio'] + label {
    margin-right: 0rem!important;
}

#X_sujetsSousCategories [type="checkbox"] + label, .formulaire [type="radio"] + label {
    max-width: 95%!important;
    vertical-align: top;
}


.contenant_site .entree_erreur a:link, .contenant_site .entree_erreur a:visited,
.contenant_site .errorList a:link, .contenant_site .errorList a:visited,
.contenant_site .Tx-Formhandler a .error,
.tx-felogin-pi1 .error{
  color: #CC0000;
  text-decoration: underline;
  vertical-align: top;
}
.tx-felogin-pi1 .error{
  text-decoration: none;
}
.contenant_site .entree_erreur a:hover, .contenant_site .entree_erreur a:focus,
.contenant_site .Tx-Formhandler a:hover .error, .contenant_site .Tx-Formhandler a:focus .error,
.contenant_site .errorList a:hover, .contenant_site .errorList a:focus {
  color: #CC0000;
  text-decoration: none;
}

.obligatoire {
    color: #CC0000;
margin-right:1px;
}

#formhandler_evaluer {
  margin-top: 30px;
  background-color: #d8e9f5;
  border-top: 3px solid #014b7c;
  padding: 4px 24px 8px 24px;  
}

#formhandler_evaluer h2{
  text-transform: uppercase;
  font-size:1.5rem;
  margin-bottom: 20px;
  margin-top: 0;
}
#formhandler_evaluer h2 .vert{
  color:#014b7c;
}

#formhandler_evaluer .evallabel, #formhandler_evaluer .evallabelRecherche{
  font-weight:bold;
}

#formhandler_evaluer .boutonRadio{
  display: inline-block;
  font-weight: normal;

}

#formhandler_evaluer .boutonRadio a {
  display: block;
}

#formhandler_evaluer .boutonRadio .input-radio{
  display:inline-block;
  margin: 5px auto;
  font-weight:normal;
}

#formhandler_evaluer .boutonRadio label {
  margin-right: 0.5rem;
  font-weight:normal;
  margin-left:2px;
}


#formhandler_evaluer label{
  font-weight:bold;
  display:inline-block;
  margin-top:0;
}

#formhandler_evaluer label .ajoutInfo{
  font-weight:normal;
  display:block;
  font-size:0.9rem;
}


#formhandler_evaluer label .ajoutInfo strong{
  font-weight:bold;
}



#formhandler_evaluer #message{
  width:95%;
}

#formhandler_evaluer #precisez{
  display:block;
}

#formhandler_evaluer p.simple_bouton{
    margin-top: 10px;
}
#formhandler_evaluer select{
margin:0;
  max-width:400px;
}
#formhandler_evaluer .input_error {
    font-size: 0.8rem;
}

/* Ajout évaluation de page */

.formulaireEvaluation legend {
    margin-bottom: 0;
}

.formulaireEvaluation textarea#message, .formulaireEvaluation select#vousetes, .formulaireEvaluation input#participer {
    margin-top: 5px;
    margin-bottom:0px;
}
.formulaireEvaluation input#participer {
margin-bottom:0;
}
#formhandler_evaluer .radiooptions{
margin-bottom:18px;
margin-top:2px;
}
#formhandler_evaluer .obligatoire{
font-weight:normal;
}

.phrase-commentaire {
    padding-top: 8px!important;
}
#boiteRecherche input.sqc-srig-searchbox:focus,
[type='text']:focus, 
[type='password']:focus, 
[type='date']:focus, 
[type='datetime']:focus, 
[type='datetime-local']:focus, 
[type='month']:focus, 
[type='week']:focus, 
[type='email']:focus, 
[type='number']:focus, 
[type='search']:focus, 
[type='tel']:focus, 
[type='time']:focus, 
[type='url']:focus, 
[type='color']:focus,
[type='checkbox']:focus,
[type='radio']:focus,
textarea:focus,
select:focus{
    border-color: #2d99f2;
    outline: 0;
    -webkit-box-shadow: 0 0 0 0.2rem rgba(9, 87, 151, 0.25);
    box-shadow: 0 0 0 0.2rem rgba(9, 87, 151, 0.25);
}

@media only screen and (max-width: 799px) {

  #formhandler_evaluer{
    margin-bottom:20px;
  }
  #formhandler_evaluer .boutonRadio {
    /*width: 48%;*/
    margin-bottom:4px;
  }

  .justificationDelai .ajout {
    left: 55px;
    right: inherit;
  }

  .justificationDelai .supprimer {
    left:15px;
    right: inherit;
  }
  .formulaire .justificationDelai .boutons {
    min-height:40px;
  }
}

@media only screen and (max-width: 599px) {

  .formulaire .justificationDelai .boutons {
    margin-top:0px;
  }
}
/*#############################################################
### Citations
###############################################################*/

.citation{
  font-size:1.0em;
  font-weight:bold;
  color:#00406b;
  text-align:left;
  line-height:1.1em;
  width:50%;
  float:right;
  padding: 0px 45px 0px 45px;
  margin: 10px 0px 10px 0px;
  position:relative;
}

.citation p:last-child, .citation ul:last-child {
  margin-bottom:0px;
}

.citation::before{
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  top:3px;
  left:3px;
  background:url("../images/citations.png") left top -55px no-repeat;
  content: ' ';
}

.citation::after{
  display:block;
  width:40px;
  height:40px;
  position:absolute;
  bottom:7px;
  right:3px;
  background:url("../images/citations.png") left top no-repeat;
  content: ' ';
}

.exergue, .flottant {
    font-size: 1.6em;
    line-height: 1.3em;
    width: 70%;
    position: relative;
    border-left: 6px solid #024c7d;
    padding: 20px;
    padding-top: 15px;
    padding-left: 29px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 15px;
    max-width: 370px;
    float: right;
}
.exergue-pleine-largeur{
    font-size: 1.6em;
    line-height: 1.3em;
    width: 90%;
    position: relative;
    border-left: 6px solid #024c7d;
    padding: 20px;
    padding-top: 15px;
    padding-left: 29px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-top: 15px;
    float: none;
display:block;
}
@media only screen and (max-width: 599px) {
  
.exergue, .flottant {
  float:none;
  display:block;
  margin-left:0;
  width:95%!important;
  padding-right:0;
  }
}
/*#############################################################
### Note importante
###############################################################*/

.note-importante {
  border:4px solid #0a0a0a;
  padding:25px;
  margin-top:9px;
  margin-bottom:25px;
}

.note-importante h2,
.note-importante h3,
.note-importante h4{
  color: #C00000;
  margin-top:0;
}
.note-importante h3{
  color: #000;
  margin-top:0;
}
.note-importante p:last-child {
  margin-bottom:0px;
}
.note-importante h3 {
  margin:0;
}
.note-importante h4 {
  font-weight:bold;
}
.note-importante ul {
  margin-bottom:0!important;
  margin-top:8px!important;
}
.titre-rouge{
  color: #C00000;
  font-size:1.5rem!important;
  font-weight:normal;
}
.note-importante-contenu {
  border:solid 6px #176ca5;
  padding:18px;
  margin-top:9px;
  margin-bottom:35px;
}
.note-importante-contenu h2{
  color: #C00000;
  margin-top:0;
margin-bottom:10px!important;
}
/*#############################################################
### Note bas de tableau
###############################################################*/
[aria-describedby="footnote-label"] {
  counter-increment: footnotes;
  text-decoration: none;
  color: inherit;
  cursor: default;
  outline: none;
}
[aria-describedby="footnote-label"]::after {
  content:counter(footnotes);
vertical-align:super;
  font-size: 0.70em;
  margin-left: 0;
  text-decoration: underline;
  cursor: hand;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 1px 4px 2px;
  display:inherit;
  font-weight:bold;
}
[aria-describedby="footnote-label"]:focus::after {
 outline: thin dotted;
  outline-offset: 4px;
    border-color: #2491eb;
    outline: 1px dotted #2491eb;
  background:#014b7c;
  color:#fff;
}
[aria-label="Retour au tableau"], [aria-label="Back to the table"]  {
  font-weight:bold;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 0 6px 1px;
  font-size:0.85rem;
  margin-right:5px;
   max-height: 22px;
}
#footnotes a:focus{
  outline: thin dotted;
  outline-offset: 4px;
  border-color: #2491eb;
  outline: 1px dotted #2491eb;
  background:#014b7c;
  color:#fff;
}
li#footnotes {
    display: flex;
}

#footer :target{
  /*background: #ececec;*/
  outline: thin dotted;
  outline-offset: 4px;
  border-color: #2491eb;
  outline: 1px dotted #2491eb;
}
#footer ol{
  list-style-type: none;
  padding-left:0;
  margin-top:8px;
}
#footer ol li, #footer p{
  font-size: 0.85rem;
  line-height:1rem;
  display: flex;
}
#footer {
  margin-top: -25px;
}
/*#############################################################
### Avis d'interruption
###############################################################*/

.avisInterruption .frame {
    border: 0 solid #C00000;
    padding: 15px;
    margin-bottom: 20px;
    color: #000;
    margin-top: 10px;
    background-color: #fffad0;
    border-top: 3px solid #f0ad4e;
}

.avisInterruption .frame p:last-child {
  margin-bottom:0px;
}

.avisInterruption p.alerte, .avisInterruption p.arret {
    margin-left:30px;
}

.avisInterruption a{
    color:#0a182c!important;
}

.avisInterruption p.alerte:before {
    content: " ";
   background: transparent url("../images/ico-alerte.png") no-repeat left center;
  display: inline-block;
  width: 37px;
  height: 24px;
  background-size: 30px;
  margin-top: -1px;
  position: absolute;
  margin-left:-35px;
}
.avisInterruption p.arret:before {
    content: " ";
   background: transparent url("../images/ico-x-alerte.png") no-repeat left center;
  display: inline-block;
  width: 37px;
  height: 24px;
  background-size: 30px;
  margin-top: -1px;
  position: absolute;
  margin-left:-35px;
}
.avisInterruption ul{
  margin-left:50px;
}
/*#############################################################
### Note
###############################################################*/

.note .frame {
  padding: 15px;
  margin-bottom: 25px;
  color: #000;
  background-color: #fffad0;
}

.note .frame p:last-child {
  margin-bottom:0px;
}

/*#############################################################
### Lightbox
###############################################################*/
  
.csc-textpic-imagewrap {
  margin-top:10px;
  margin-bottom:10px;
}

.contenu .lightbox-image img,
.contenu .csc-textpic img,
.contenu div.csc-textpic .csc-textpic-imagewrap img,
.contenu .csc-textpic-text img,
.contenu .lightbox-link img,
figure img {
  /*border: 8px solid #e5e5e5;*/
}

.contenu img.noBorder{ border:0 }
.contenu .img-partage {
  border:none;
}

.black-border {
  display:inline-block;
  text-align:center;
  padding:1px;
}

.black-border:hover {
  border:1px solid #010101;   
  padding:0;
}

.black-border img {
  display:block;
}


.lightbox-image {
  position:relative;
  display: inline-block;
}

#contenu .external-link img {
  border: none;
}
.date, .no_reference{
 font-size:0.9rem;
display:block;
}
span.date-single{
  display:block;
  margin:13px 0 0 0;
}

.bouton-ouvrir-lightbox {
  position:absolute;
  bottom:16px;
  right:8px;
}

.agrandir_image {
  background: url('../images/bouton-ouvrir.png') right bottom;
  display:block;  
  width:25px;
  height:24px;
  position:absolute;
  bottom:10px;
  right:10px;
}

/*#############################################################
### Foire aux questions
###############################################################*/
.show-hide-button .show-answer-text,
.show-hide-button .hide-answer-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.show-hide-button{
margin: -20px -6px 15px 0;
}
.tx-irfaq-dynheader .question {
  color: #014b7c;
  width: 90%;
  font-size: inherit;
  /*line-height: 1.18em;*/
  line-height: 1.20em;
  display: inline-block;
  margin-bottom: 8px;
  vertical-align: top;
  padding: 0px 15px 0px 15px;
  font-family: Roboto;
    font-weight: 500;
}

.tx-irfaq-dynans-visible {
  padding: 10px 15px 5px 15px;
  background-color: transparent;
}

.tx-irfaq-dynans-visible p:last-child {
  margin-bottom:0px;
}

.tx-irfaq-pi1 .additional-info {
  border:none;
}

.tx-irfaq-pi1 ul li {
    border-bottom: 2px solid #e6e6e6;
  margin:0;
}

.tx-irfaq-pi1 ul li ol li,
.tx-irfaq-pi1 ul li ul li {
  list-style:inherit;
  border-bottom: none;
}

.tx-irfaq-pi1 .tx-irfaq-dynans-visible ul li {
  padding-left:0px;
}

ul.liste-questions {
    padding-right: 0px;
}

button.irfaq-button {
  position:relative;
  padding-top:12px;
}

.tx-irfaq-pi1 .show-hide-all {
  margin-bottom: 0px;
}

.ouvrirElementFAQ {
  background: transparent url("../images/boutonHautBas.png") no-repeat scroll left top;
  display:block;
  position:absolute;
  right:5px;
  top:12px;
  width:27px;
  height:18px;
}

.fermerElementFAQ {
  background: transparent url("../images/boutonHautBas.png") no-repeat scroll left top -22px;
  display:block;
  position:absolute;
  right:5px;
  top:10px;
  width:27px;
  height:18px;
}

.tx-irfaq-pi1 .show-hide-all button {
  background-color:transparent;
  color: #014b7c;
  font-weight:normal;
  text-decoration:none;
}

.tx-irfaq-pi1 .show-hide-all button:hover, .tx-irfaq-pi1 .show-hide-all button:focus {
  text-decoration:underline;
}
.sujet {
    color: #014b7c;
    font-size: 1.05em;
}

/*#############################################################
### Menu principal
###############################################################*/

.accueil .containerMenuPrincipal {
  margin-top:25px;
  margin-bottom:10px;
  background-color: #024c7d;
}
.containerMenuPrincipal {
  margin-top:25px;
  margin-bottom:5px;
  background-color: #024c7d;
}
.main_menu{
 padding-right:0.9375rem;
}
@media only screen and (max-width: 799px) {
.main_menu{
 padding-right:0;
}
}
.main_menu ul {
  margin:0;
  width:100%;
  font-family: 'Roboto-Condensed', sans-serif;
}

.main_menu ul li {
  list-style:none;
  vertical-align:top;
  display:table-cell;
  padding:0px;
  max-width:195px;
  /*min-width:130px;*/
}

.main_menu ul li a:link, .main_menu ul li a:visited {
  color: #FFFFFF;
  min-height:75px;
  padding:15px 17px 15px 17px;
  font-size: 1.25rem;
  /*font-weight:bold;*/
  text-transform:uppercase;
  width:100%;
  display:block;
  line-height:1.1em;
  text-decoration:none;
}

.main_menu ul li a:hover, .main_menu ul li a.actif , .main_menu ul li a:focus  {
  background-color: #0a182c;
  text-decoration:none;
   transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.colonneBoutonsPiv {
    width: 24%;
    float: right;
    padding-right: 2rem;
    padding-left: 0;
}
#recherchePiv.actif {
  display:none;
}

@media only screen and (min-width: 799px) {
  li.liPivMobile {
    display:none !important;
  }
}

@media only screen and (max-width: 799px) {

  #recherchePiv.actif {
    background-color: #08283f;
    padding-top: 10px;
    margin-top: 18px;
    padding-bottom: 10px;
    position: fixed;
    height: 100%;
    display:block;
  }

  .rechercheEntrepreneur {
     color:#FFFFFF;
  }

  .champRechercheSubmit {
    top: 2px;
  }

  .rechercheEntrepreneur a:link, .rechercheEntrepreneur a:visited {
     color:#FFFFFF;
  }

  .main_menu ul li {
    max-width:inherit;
  }

  .containerMenuPrincipal {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .main_menu ul li{
    display:block;
    width:100%;
  }

  .menu .pivHautMenu, .recherche .pivHautRecherche {
    border-top: 1px solid #08283f;
  }

  .pivHautMenu li {
    padding: 2px 7px 2px 7px;
  }

  .pivHaut .menu_mobile .navigation-principale-mobile {
    background-color: transparent;
  }
  
  .pivHautMenu ul, .lte8.no-js .banniere ul,
  .pivHaut .menu_mobile {
    background-color:#024c7d;
    text-align:left;
  line-height:1.6rem;
  }
  /*.pivHautBoutonMenu:hover, .pivHautBoutonMenu:focus, .pivHautBoutonMenu:active {
    background-color: #024c7d;
  }

  .avecmenu .pivHautBoutonMenu {
    background-color: #024c7d;
  }

  .avecmenu .pivHautBoutonsMobile::after {
    background-color: #024c7d;
  }*/
  .main_menu ul li a:link, .main_menu ul li a:visited {
    min-height:inherit;
    font-size: 1.1rem;
    text-transform: inherit;
    border-bottom: 1px solid #08283f;
  }
  .avecmenu #entetePiv .listePiv li a:hover, .avecmenu #entetePiv .listePiv li a:focus,
  .main_menu ul li a:hover, .main_menu ul li a:focus {
    background-color: #08283f;
  }

  .pivHautMenu li, .lte8.no-js .banniere ul li {
    display: inline-block;
  }

  .avecmenu #entetePiv .listePiv li {
    border-top:1px solid #08283f
  }

  .avecmenu #entetePiv .listePiv li:last-child {
    border-bottom:1px solid #08283f
  }

  .pivHautMenu li {
    padding:0;

  }
  .pivHautMenu {
    padding-right:0;
  }

  .menu .pivHautMenu, .recherche .pivHautRecherche {
    border-top: none;
  }

  .avecmenu .listePiv {
    margin-bottom:0;
  }

  .mobileResponsivePresent .contenant_site.mobile {
    /*padding-top:103px;*/
  }

  .mobileResponsivePresent .contenant_site.mobile.avecrecherche {
    padding-top: 191px;
   }

  /*.pivHautBoutonsMobile li button {
    background-color: #014b7c;
    background-position: center -60px;
    cursor:pointer;
  }

  .pivHautBoutonMenu:hover, .pivHautBoutonMenu:focus {
    background-position: center -60px;
    background-color: #08283f;
  }

  .avecmenu .pivHautBoutonMenu,
  .pivHautBoutonMenu:active {
    background-position: 0px -129px;
    background-color: #014b7c;
  }

  .avecmenu .pivHautBoutonMenu:hover, .avecmenu .pivHautBoutonMenu:focus {
    background-position: 0px -129px;
    background-color: #024c7d;
  }*/
}

/*#############################################################
### Menu section
###############################################################*/

.contenuMenuSection {
  margin-bottom:15px;
  /*margin-top:10px;*/
  width:100%;
  display:block;
}

.menuAccueilSections .contenuMenuSection {
  width:95%;
}

.menuAccueilSectionColonneDroite,
.menuAccueilSectionColonneGauche {
  width:50%;
  position:relative;
  float:left;
}

.menuAccueilSectionColonneDroite {
  float:right;
}

ul.menuSection {
  margin-left:0;
  background-color:#eef2f5;
  /*padding:4px 0 4px 0;*/
}

ul.menuSection ul {
  margin-left:0;
  margin-bottom:20px;
}

ul.menuSection ul.sousMenu2 {
  margin-bottom:0px;
}

ul.menuSection .sousMenu1 .texteMenu {
  margin-left:30px;
}

ul.menuSection .sousMenu1 a .texteMenu {
  margin-left:0px;
}
.texteMenu{
color:#014b7c;
  display:block;
}

ul.menuSection li {
  list-style:none;
}

ul.menuSection li a{
  width:100%;
  /*font-size:0.8em;*/
  padding:10px 10px 10px 15px;
  line-height: 1.1em;
}

ul.menuSection li.current > a{
  font-weight:bold;
}

ul.menuSection li.sub > a{
  padding-right:1.3em;
}

ul.menuSection li.sub > a:hover, ul.menuSection li.sub > a:focus{
  padding-right:1.3em;
}


ul.menuSection li.subactif > a{
  padding-right:1.3em;
}

ul.menuSection li.subactif > a:hover, ul.menuSection li.subactif > a:focus {
  padding-right:1.3em;
}



ul.menuSection ul.sousMenu1 li.sub1 > a{
  padding-right:1.3em;
}

ul.menuSection ul.sousMenu1 li.sub1 > a:hover, ul.menuSection ul.sousMenu1 li.sub1 > a:focus{
  background-color:#d0d9de;
}

ul.menuSection ul.sousMenu1 li.subactif1 > a{
  padding-right:1.3em;
}

ul.menuSection ul.sousMenu1 li.subactif1 > a:hover, ul.menuSection ul.sousMenu1 li.subactif1 > a:focus{
  background-color:#d0d9de;
}

ul.menuSection ul.sousMenu2 li.sub2 > a{
  padding-right:1.3em;
}

ul.menuSection ul.sousMenu2 li.subactif2 > a{
  padding-right:1.3em;
}

ul.menuSection li.current1 > a{
  font-weight:bold;
}


ul.menuSection ul.sousMenu1 li.current1 > a{
  font-weight:bold;
}

ul.menuSection ul.sousMenu2 li.current2 > a{
  font-weight:bold;
}
ul.sousMenu1.sousMenu {
  margin-bottom: 0px;
  margin-top:-3px;
}
ul.menuSection a.page_active{
  font-weight:bold;
}

ul.menuSection > li {
  padding:0px 0px 0px 0px;
}

ul.menuSection li a.page_active{
  background-color:#dee5eb;
  font-weight:bold;
}

ul.menuSection li a:link, ul.menuSection li a:visited{
  text-decoration:none;
  display:block;
}


ul.menuSection li a:hover, ul.menuSection li a:focus {
  background-color:#dee5eb;
}

ul.menuSection ul li a:hover, ul.menuSection ul li a:focus {
  background-color:#dee5eb;
  text-decoration:underline;
}

ul.menuSection ul.sousMenu.cacher {
  display:none;
}

.contenuMenuSection ul.menuSection li {
  position:relative;
}


ul.menuSection ul.sousMenu1 li a {
  padding:7px 30px 7px 30px;
}


ul.menuSection ul.sousMenu1 ul.sousMenu2 li a {
  padding:5px 3px 5px 45px;
}

ul.menuSection ul.sousMenu1 ul.sousMenu2 ul.sousMenu3 li a {
  padding:5px 3px 5px 60px;
}
ul.menuSection > li:last-child{
padding-bottom:0;
}

.contenuMenuSection a.affichage,
.contenuMenuSection button.affichage {
  color:#fff;
  background-color:#014b7c;
  text-align:left;
  width:100%;
  padding:15px 48px 15px 15px;
  border-radius:0;
  border:2px solid #014b7c;
  position:relative;
  cursor:pointer;
  overflow:hidden;
  font-size:1.15em;
  line-height:1.1;
  font-weight:bold;
}


.contenuMenuSection button.affichage span.cacher {
  display:none;
}

.contenuMenuSection button.affichage span.bouton {
  background: #014b7c url("../images/plusMoinsBlanc.png") no-repeat scroll left center;
  display:table-cell;
  height:100%;
  width:44px;
  position:absolute;
  right:0px;
  top:0px;
}

.contenuMenuSection button.affichage.moins span.bouton {
  background-position: left -75px center;
  background-color: #014b7c;
}

.contenuMenuSection button.affichage:hover span.bouton,
.contenuMenuSection button.affichage:focus span.bouton {
  background-color: #07283f;
}

.contenuMenuSection ul.menuSection {display:none;}
.contenuMenuSection ul.menuSection.afficher {display:block;padding:6px 0 6px 0;}

.contenuMenuSection button.affichageSousMenu {
  cursor: pointer;
  display: block;
  width:100%;
  margin-bottom:2px;
}

.contenuMenuSection button.affichageSousMenu .texteBouton {
  display:block;
  padding: 10px 34px 10px 16px;
  cursor: pointer;
  text-align:left;
  color: #014b7c;
}

.contenuMenuSection  button.affichageSousMenu:hover .texteBouton , .contenuMenuSection  button.affichageSousMenu:focus .texteBouton  {
  color: #014b7c;
}

.contenuMenuSection button.affichageSousMenu:hover , .contenuMenuSection button.affichageSousMenu:focus  {
  background-color: #dee5eb;
  color:#014b7c;
}


.contenuMenuSection button.affichageSousMenu .bouton {
  background: transparent url("../images/boutonPlus-moins.png") no-repeat scroll left top 6px;
  display:block;
  height:24px;
  width:20px;
  position:absolute;
  right:10px;
  top:3px;
  cursor: pointer;
}

.contenuMenuSection button.affichageSousMenu:hover .bouton, .contenuMenuSection button.affichageSousMenu:focus .bouton {
  /*background-position: left -21px top 6px;*/
  background-position: left top 6px;
}

.contenuMenuSection button.affichageSousMenu.ouvert .bouton {
  background-position: left top -23px;
}

.contenuMenuSection  button.affichageSousMenu.ouvert:hover .bouton, .contenuMenuSection  button.affichageSousMenu.ouvert:focus .bouton {
  /*background-position: left -21px top -23px;*/
  background-position: left top -23px;
}

.contenuMenuSection button.affichageSousMenu .cacher {
  display:none;
}

.menuAccueilSections {
  display: block;
  overflow: hidden;
}

.menuAccueilSections .contenuMenuSection a.affichage,
.menuAccueilSections .contenuMenuSection button.affichage {
  min-height:100px;
}

.menuAccueilSections .medium-6 {
  padding-right:0;
}


.menuAccueilSections .contenuMenuSection .positionnement {
  display:table;
  width:100%;
  vertical-align:middle;
}

.menuAccueilSections .contenuMenuSection .positionnement a {
  padding:15px 15px 15px 15px;
  display:table-cell;
  width:100%;
  height: 100px;
  vertical-align:middle;
}

.menuAccueilSections .contenuMenuSection button.affichage span.bouton {
  right:5px;
}

.menuAccueilSections .contenuMenuSection a.affichage, .menuAccueilSections .contenuMenuSection button.affichage {
  background-color:#024c7d;
  color:#FFFFFF;
  text-decoration:none;
}

.menuAccueilSections .contenuMenuSection a.affichage:hover,
.menuAccueilSections .contenuMenuSection a.affichage:focus,
.menuAccueilSections .contenuMenuSection button.affichage:hover,
.menuAccueilSections .contenuMenuSection button.affichage:focus {
  background-color:#07283f;
  text-decoration:none;
}


ul.navigation-domaines {
  margin-left:0;
}

ul.navigation-domaines li, ul.navigation-domaines li.columns:last-child {
  list-style:none;
  float:left;
  /*margin-top:10px;*/
}

ul.navigation-domaines li {
  margin-bottom:12px;
}

ul.navigation-domaines li a:link, ul.navigation-domaines li a:visited {
  display:block;
  width:100%;
  background-color: #024c7d;
}

.contenu ul.navigation-domaines li a:hover, .contenu ul.navigation-domaines li a:focus {
  background-color:#000000;
  text-decoration:none;
}

ul.navigation-domaines li a span {
  display:table-cell;
  vertical-align:middle;
  color:#FFFFFF;
  font-size:1.15rem;
  line-height:1.1em;
  height:90px;
  padding:0px 15px 0px 15px;
  margin:0px 15px 0px 15px;
  width:100%;
  font-weight:bold;
}

ul.navigation-domaines li a:link, ul.navigation-domaines li a:visited {
  text-decoration:none;
}

ul.navigation-domaines li a.batiment {
  background: #024c7d url("../images/DomainesInterventions/DomaineBatiment.png") no-repeat scroll right 10px bottom -10px;
}

ul.navigation-domaines li a.ascenseurs {
  background: #024c7d url("../images/DomainesInterventions/DomaineAscenseurs.png") no-repeat scroll right 10px bottom -8px;
}

ul.navigation-domaines li a.jeux-mecaniques {
  background: #024c7d url("../images/DomainesInterventions/DomaineManege.png") no-repeat scroll right 10px bottom -8px;
}

ul.navigation-domaines li a.remontee-mecanique {
  background:  #024c7d  url("../images/DomainesInterventions/DomaineRemonteesMecaniques.png")  no-repeat scroll right 10px bottom -8px;
}

ul.navigation-domaines li a.appareils-sous-pression{
  background: #024c7d url("../images/DomainesInterventions/DomainePression.png") no-repeat scroll right 10px bottom -12px;
}

ul.navigation-domaines li a.equipements-petrolier {
  background: #024c7d url("../images/DomainesInterventions/DomainePetroliers.png") no-repeat scroll right 10px bottom -13px;
}

ul.navigation-domaines li a.efficacite {
  background: #024c7d url("../images/DomainesInterventions/DomaineEfficacite.png") no-repeat scroll right 10px bottom -8px;
}

ul.navigation-domaines li a.lieux-baignade {
  background: #024c7d url("../images/DomainesInterventions/DomaineBaignade.png") no-repeat scroll right 10px bottom -13px;
}

ul.navigation-domaines li a.plomberie {
  background: #024c7d url("../images/DomainesInterventions/DomainePlomberie.png") no-repeat scroll right 10px bottom -10px;
}

ul.navigation-domaines li a.electricite {
  background: #024c7d url("../images/DomainesInterventions/DomaineElectricite.png") no-repeat scroll right 10px bottom -20px;
}

ul.navigation-domaines li a.gaz {
  background: #024c7d url("../images/DomainesInterventions/DomaineGaz.png") no-repeat scroll right 10px bottom -8px;
}

ul.navigation-domaines li a:hover, ul.navigation-domaines li a:focus {
  background-color: #0a182c;
}


@media only screen and (max-width: 799px) {
  .menuAccueilSectionColonneDroite,
  .menuAccueilSectionColonneGauche,
  .colonneDroite,
  .colonneGauche{
    width:100%;
  }

  .menuAccueilSections .medium-6 {
    width:100%;
    padding-right: 0.9375rem;
  }

  .contenuMenuSection {
    width:100%;
    margin-bottom:20px;
  }
  .menuAccueilSections .contenuMenuSection {
    width:100%;
  }
}

/*#############################################################
### Fil d'Ariane
###############################################################*/

.labelFilAriane {display:none;}
#fil-ariane{width:100%; padding:0; overflow:hidden; display:block; font-size:0.92em; margin-bottom:17px; margin-top:-10px;}
#fil-ariane a, #fil-ariane a:visited { color:#00406b; }
#fil-ariane a:hover, #fil-ariane a:active{ color:#360; }
#fil-ariane ul{margin:10px 17px 0 0; padding:0; list-style:none;}
#fil-ariane  li{white-space:nowrap;padding-bottom:0; float:left;  background:url("../images/fil-ariane.png") 6px 0.38em no-repeat;  padding-left:20px;}
#fil-ariane li:first-child{padding-left:0; background:none;}
#fil-ariane strong{ font-weight:bold;}
#fil-ariane p {float:left;margin-right:1em;margin-top:10px;margin-bottom:0}
#fil-ariane li.cacher, #fil-ariane li.cacher a {display:none;}

/*#############################################################
### Section colonne droite
###############################################################*/

/* La colonne de droite sera affichée par script si non vide. Voir rbq.js */
.colonneDroite .espacement {
  display:none;
}

body:not(.accueil) .containerContenu .colonneDroite {
  font-size:0.9rem;
  margin-top:0px;
}

body:not(.accueil) .containerContenu .colonneDroite .espacement {
  background-color:#ececec;
  padding:20px;
}

body:not(.accueil) .containerContenu .colonneDroite .espacement div div {
  margin-bottom:20px;
}

body:not(.accueil) .containerContenu .colonneDroite .espacement div div:last-child {
  margin-bottom:0px;
}

.accueil a.lien-bouton:link, .accueil .colonneDroite a.lien-bouton:visited {
  background: #0a182c url("../images/fleche-blanche.png") no-repeat scroll right 10px center;
  padding:10px;
  text-decoration:none;
  /*font-size:1.1rem;*/
  margin-bottom:28px;
}

.accueil a.lien-bouton:hover, .accueil a.lien-bouton:focus {
  background-color: #000000;
}


.accueil .colonneGauche a.lien-bouton {
  display:none;
  margin-bottom:20px;
}

.accueil .colonneGauche .contenu p:first-child {
  margin-bottom:0;
}

.colonneDroite h2 {
  font-size:1.6rem;
  line-height:1.65rem;
  margin-top:0;
  margin-bottom:0px;
  font-weight:bold;
}

.accueil .colonneGauche h2 {
  margin-bottom:10px;
  text-transform: uppercase;
    /*font-size: 1.4rem;*/
}
.accueil .colonneDroite h2 {
 font-weight:600;
}

body:not(.accueil) .colonneDroite h2 {
  text-transform:uppercase;
  font-family: Roboto-Condensed;
}

.colonneDroite h3 {
  font-size:1.3rem;
  line-height: 1.45rem;
  /*margin-bottom:0;*/
  font-weight:600;
}

.colonneDroite ul.listeNouvelles h3 {
  margin-top:2px;
}

.colonneDroite ul.listeNouvelles p.chevrons {
  display:none;
}

.colonneDroite .lienToutesLesNouvelles {
  margin-top:-10px;
}


.colonneDroite h4 {
  font-size:1.0rem;
}

.colonneDroite ul {
  margin-left:0;
  margin-bottom:15px;
}

.colonneDroite ul li {
  /*padding:5px 0 0 0;*/
  margin-left: 20px;
}


.colonneDroite ul li a:link, .colonneDroite ul li a:visited {
  display:inline-block;
  clear:right;
  line-height:1.2em;
  margin-bottom:10px;
}

.colonneDroite ul li:last-child {
  border-bottom: none;
}

.colonneDroite h2.titre-droite-pas-uppercase{
  text-transform:none!important;
  font-size:1.9em;
  line-height:1.05em;
  margin-bottom:10px;
}

h2.titre-droite-pas-uppercase + p, h2.titre-droite-pas-uppercase + p + p{
 font-size:1.1em;
}


@media only screen and (max-width: 799px) {
.colonneDroite ul li{
    margin-bottom: 0.3rem;
}  

.accueil .colonneDroite a.lien-bouton {
    margin-top:10px;
  }

  .accueil .colonneDroite a.lien-bouton {
    display:none;
  }

  .accueil .colonneGauche a.lien-bouton {
    display:block;
  }
}

/*#############################################################
### Section Autres informations accueil
###############################################################*/
.containerAutresInformations {
  background-color: #ececec;
  padding:20px 0px 20px 0px;
  margin:70px 0px 20px 0px;
}

.containerAutresInformations h2 {
  font-size:1.4em;
  /*font-weight: bold;*/
}

.containerAutresInformations ul {
  margin-bottom:0;
  margin-left:0;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
}

.containerAutresInformations ul li {
  list-style:none;
}
@media only screen and (max-width: 799px) {
.containerAutresInformations ul li {
    margin-bottom: 0.40rem;
    line-height: 1.35;
}
}

.containerAutresInformations a {
  font-size:0.9em;
}

.containerAutresInformations .boutonBleu:link, .containerAutresInformations .boutonBleu:visited {
  background: #014b7c;
  color: #ffffff;
  font-size:1.4em;
  display:block;
  text-align:center;
  padding:5px;
  margin-top:10px;
  text-decoration:none;
}

.containerAutresInformations .boutonBleu:hover, .containerAutresInformations .boutonBleu:focus {
  background: #0a182c;
}


.containerAutresInformations .joindre h3 {
  font-size:1.1em;
  margin-top:15px;
  margin-bottom:3px;
}


/*#############################################################
### Liens vers medias sociaux
###############################################################*/

ul.liensReseauxSociaux li {
  background:none;
  padding-left:3px;
  display:inline-block;
  margin: 0 7px 0 0;
}

.liensReseauxSociaux .style10 {
  height: 30px;
  width: 30px;
  display:block;
}
.liensReseauxSociaux ul li a:focus{
  outline: #FFFFFF dotted 1px;
}

.liensReseauxSociaux .twitter {
  background-image: url("../images/icon-twitter.png");
}

.liensReseauxSociaux .linkedin {
  background-image: url("../images/icon-linkedin.png");
}

.liensReseauxSociaux .youtube {
  background-image: url("../images/icon-youtube.png");
}   


/*#############################################################
### Nouvelles
###############################################################*/

.video_news video {
  width: 80%;
}


#filtresNouvelles label {
  font-weight:bold;
}

#filtresNouvelles {
  padding: 0 0px 17px 0px;
  margin-bottom:10px;
}

ul.listeNouvelles, .listeNouvelles{
  margin-left:0;
  margin-bottom:0;
}

ul.listeNouvelles li {
  display:block;
  list-style:none;
  margin-right:29px;
  margin-left:0;
}
.colonneDroite ul.listeNouvelles li{
padding-top:0;
}

.accueil ul.listeNouvelles li {
  display:inline-block;
  width:46%;
  vertical-align: top;
}

ul.listeNouvelles h2{
  font-size:1.4rem;
  font-weight:normal;
  font-family: Roboto;
  margin:0;
  
}
.colonneDroite ul.listeNouvelles h3 {
  font-size:1rem;
  font-weight:normal;
  font-family: Roboto;
  margin:0;
  
}

ul.listeNouvelles li h2 a:link, ul.listeNouvelles li h2 a:visited,
ul.listeNouvelles li h3 a:link, ul.listeNouvelles li h3 a:visited {
  color: #014b7c;
}

ul.listeNouvelles li p {
  margin-bottom:2px;
}

ul.listeNouvelles li p.chevrons {
  margin-bottom:50px;
  text-align:right;
}

ul.listeNouvelles li p.chevrons a {
  display:inline-block;
  clear:both;
  padding-right:14px;
  background: transparent url("../images/chevron-bleu.png") no-repeat scroll right center;
}
.dernieresNouvelles ul{
padding-top:0;
}
.news-list-browse{
 font-size:0.9rem;
}
@media only screen and (max-width: 799px) {
  ul.listeNouvelles li {
    width:100%;
  }
  .accueil ul.listeNouvelles li {
    display:inline-block;
    width:100%;
  }

  .video_news video {
    width: 100%;
 }
}

/*#############################################################
### Carrousel
###############################################################*/

.tx-cspqresponsiveslider-pi1 .flexslider .flex-pause, .tx-cspqresponsiveslider-pi1 .flexslider .flex-play {
  opacity:0.8;
}

.tx-cspqresponsiveslider-pi1 .flex-pauseplay {
  left:93%;
  top:-18px;
}

.tx-cspqresponsiveslider-pi1 .flex-direction-nav {
 display:none;
}


.tx-cspqresponsiveslider-pi1 .flex-pauseplay a.flex-pause {  
    background: rgba(0, 0, 0, 0) url("../images/pause-button.svg") no-repeat scroll bottom 10px right 10px;
    height: 36px;
    width: 36px;
    margin-top: -18px;
    background-size: 15px 15px;
    -moz-transition: transition:all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}

.tx-cspqresponsiveslider-pi1 .flex-pauseplay a.flex-play {
    background: rgba(0, 0, 0, 0) url("../images/play-button.svg") no-repeat scroll bottom 10px right 10px;
    height: 36px;
    width: 36px;
    margin-top: -18px;
    background-size: 15px 15px;
    -moz-transition: transition:all 0.3s ease;
    -webkit-transition: all 0.3s ease;
}
.tx-cspqresponsiveslider-pi1 .flex-control-nav{
  margin-bottom:0;
}
.tx-cspqresponsiveslider-pi1 .flex-control-nav {
  text-align:center;
  /*background: transparent url("../images/fond-noir-transparent.png") repeat;*/
  bottom:0;
  background-color:#ececec;
  /*line-height: 1.7;*/
}

.tx-cspqresponsiveslider-pi1 .flex-control-paging li a {
  background:#FFFFFF;
  border:1px solid #000;
  box-shadow:none;
  margin-top: 5px;
  margin-bottom: 4px;
}

.tx-cspqresponsiveslider-pi1 .flex-control-paging li a.flex-active {
  background: #024c7d;
  border:1px solid #000;
  margin-top:14px;
}
ol.flex-control-nav.flex-control-paging{
  padding-left:0;
  position:relative;
  margin-left:0;
}
.tx-cspqresponsiveslider-pi1 .slides li div.caption {
  width: 60%;
  padding: 15px 8px 8px 8px;
  float: left;
  bottom: 163px;
  background: transparent url("../images/fond-blanc-transparent.png") repeat;
  color: #000000;
  margin-left: 0px;
  border: none;
  font-size:1.5rem;
  text-transform:uppercase;
}

.tx-cspqresponsiveslider-pi1 .slides li div.caption h2 {
  font-size:2.5rem;
  line-height: 1.0em;
  margin-bottom:0px;
}

.tx-cspqresponsiveslider-pi1 .slides li div.caption p:last-child {
  margin-bottom:0;
}
.mejs-container{
  margin-bottom:0!important;
}

@media only screen and (max-width: 799px) {
  .tx-cspqresponsiveslider-pi1 .flex-pauseplay{
    left:85%;
    top:-18px;
  }

  .tx-cspqresponsiveslider-pi1 .flex-control-nav {
    margin-bottom:0;
    /*background: transparent url("../images/fond-noir-transparent.png") repeat;*/
    position:relative;
    /*margin-top: -26px;*/
    z-index:10;
    background-color:#ececec;
  }
.tx-cspqresponsiveslider-pi1 .flex-pauseplay a.flex-play, .tx-cspqresponsiveslider-pi1 .flex-pauseplay a.flex-pause{
   position: relative;
   right: -10px;
}
  .tx-cspqresponsiveslider-pi1 .slides li div.caption {
    bottom: 60px;
    font-size:0.9rem;
  }
  .tx-cspqresponsiveslider-pi1 .slides li div.caption h2 {
    font-size:1.4rem;
  }
  .tx-cspqresponsiveslider-pi1 .flex-control-paging li a {
    width: 12px;
    height: 12px;
  }
}

/*#############################################################
### Modules de recherche
###############################################################*/

.moduleRecherche label {
  font-weight:bold;
}

.moduleRecherche input[type="text"] {
  width:100%;
  padding:5px;
  height: 2.3rem;
  border: 1px solid #014b7c;
}

.moduleRecherche [type="submit"] {
  width:100%;
}


@media only screen and (max-width: 799px) {
  .moduleRecherche [type="text"],
  .moduleRecherche [type="submit"] {
    margin-bottom:10px;
  }
}

/*#############################################################
### Recherche haut-site
###############################################################*/

.pivHautFonctionnalites {
    margin-top: 26px;
}

#boiteRecherche {
  position:relative;
}

.pivHautRecherche-bureau {
  width: 100%;
}

#boiteRecherche button.sqc-srig-searchbutton {
  background: #000000 url("../images/btn-recherche.png") no-repeat left 5px top 4px;
  height: 30px;
  width: 32px;
  cursor: pointer;
  right:0px;
  top:0px;
  position:absolute;
  z-index:10;
  border:none;
}

#boiteRecherche button.sqc-srig-searchbutton:hover, #boiteRecherche button.sqc-srig-searchbutton:focus {
  background-color: #024c7d;
}


#boiteRecherche input.sqc-srig-searchbox {
  text-indent: 0 !important;
  font-size: 0.9rem;
  height:30px;
  padding: 3px 35px 4px 6px;
  width: 100%;
  margin: 0;
  border: 1px solid #014b7c;
  min-height: 16px;
  z-index:8;
  position:relative;
  border-radius:0px;
}

#txtSearch {
  border-radius:0px;
}

/*#############################################################
### Vous êtes
###############################################################*/


.vousEtes {
  float:right;
}

.vousEtes .boutonVousEtes:link, .vousEtes .boutonVousEtes:visited {
  background: #fff url("../images/fleche-noire.png") no-repeat right 5px center;
  display:block;
  border:1px solid #000000;
  text-align:center;
  color:#000000;
  padding:3px 2px 2px 2px;
  font-size:1.0rem;
  font-weight:bold;
  text-decoration:none;
}

.vousEtes .boutonVousEtes:hover, .vousEtes .boutonVousEtes:focus {
  background: #014b7c url("../images/fleche-blanche.png") no-repeat right 5px center;
  color:#ffffff;
}

.avecmenu .vousEtes .boutonVousEtes {
  margin:0 10px;
  font-size:1.1rem;
}

.vousEtes.mobile {
  display:none;
}


@media only screen and (max-width: 799px) {
  .vousEtes.mobile {
    display:block;
    margin-top:15px;
    margin-bottom:10px;
  }
  .vousEtes .boutonVousEtes {
    background: #FFFFFF url("../images/fleche-noire.png") no-repeat right 5px center;
    border:none;
    color:#1c2739;
  }
  .vousEtes .boutonVousEtes:hover, .vousEtes .boutonVousEtes:focus {
    background: #08283f url("../images/fleche-blanche.png") no-repeat right 5px center;
    color:#ffffff;
  }
}

/*#############################################################
### Nous joindre
###############################################################*/
.renseignements-generaux .contenu_extensible {
    display: none;
    padding: 22px 20px 22px 71px;
  /*border: 1px solid #024c7d;*/
  margin-top: -1px;
}
@media only screen and (max-width: 799px) {
  .renseignements-generaux .contenu_extensible {
      display: none;
      padding: 15px 0 0 15px;
    /*border: 1px solid #024c7d;*/
    margin-top: -1px;
  }
  .renseignements-generaux .ouvrir_contenu:last-of-type {
    margin-bottom: 20px!important;
}
}
.renseignements-generaux h2{
  font-weight:bold;
}

.renseignements-generaux h3 {
 margin-top: 0rem;
  margin-bottom: 0.3rem;
}
.renseignements-generaux h3:last-of-type {
    margin-top:2rem;
    margin-bottom: 0.3rem;
}


.renseignements-generaux .ouvrir_contenu {
  	background-color:#024c7d;
	border-radius:8px;
	border-bottom: 2px solid #fff;
  	padding: 12px 0 12px 0;
}
.renseignements-generaux .ouvrir_contenu:hover {
  	background-color:#07283f!important;
}
.renseignements-generaux .ouvrir_contenu:last-of-type{
    border-bottom: 2px solid #e5e5e5;
    margin-bottom: 0px;
} 
.renseignements-generaux .ouvrir_contenu:hover, .renseignements-generaux .ouvrir_contenu:focus,.renseignements-generaux .ouvrir_contenu.contenuOuvert {
    background-color: #07283f;
    cursor: pointer;
}

.renseignements-generaux .ouvrir_contenu .titreContenu {
	color:#FFFFFF;
	padding-top: 3px;
	padding-left: 70px;
	position: relative;
  width:75%!important;
}


.renseignements-generaux .ouvrir_contenu h2 {
    font-size: 1.5rem;
    /*line-height: 1.85rem;*/
    font-weight: 500;
    padding-top: 0;
}

.renseignements-generaux .ouvrir_contenu .bouton_action_ouvrir:before {
    font-weight: bold;
    filter: invert(1);
}
.renseignements-generaux .ouvrir_contenu .bouton_action_fermer:before {
    font-weight: bold;
    filter: invert(1);
}


.renseignements-generaux .ouvrir_contenu .titreContenu::before {
  background-image: url("../images/icone-rencontre-virtuelle.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 16px 0px;
  border: none;
  width: 60px;
  height:40px;
  background-size:45px;
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: -5px;
}

.renseignements-generaux .ouvrir_contenu:nth-of-type(2) .titreContenu::before {
	background-image: url("../images/icone-enligne.svg");
	background-size:45px;
}

.renseignements-generaux .ouvrir_contenu:nth-of-type(3) .titreContenu::before {
	background-image: url("../images/icone-telephone.svg");
	background-size:45px;
	top: -5px;
}

.renseignements-generaux .ouvrir_contenu:nth-of-type(4) .titreContenu::before {
	background-image: url("../images/icone-poste.svg");
	background-size:35px;
	top: 5px;
	left:5px;
}

.renseignements-generaux .ouvrir_contenu:nth-of-type(5) .titreContenu::before {
	background-image: url("../images/icone-en-personne.svg");
	left:0;
}

.renseignements-generaux  .grid-row .columns:last-child a.btn {
  font-size: 1.3rem;
  line-height:1.1em;
  font-weight:bold;
  display: block;
  padding:28px 20px 28px 20px;
  width:100%;
}

.renseignements-generaux .boite_grise ul {
    margin-left: 0!important;
}

.renseignements-generaux .boite_grise h2 {
  margin-top:0;
}

/*.renseignements-generaux .renseignements-generaux .columns-2.medium-4 p {
  margin-bottom:0;
}

.renseignements-generaux .colonne-2.medium-4 a.btn, .renseignements-generaux .colonne-50-derniere.medium-6.columns a.btn {
  font-size: 1.3rem;
  line-height:1.1em;
  font-weight:bold;
  display: block;
  padding:76px 20px;
  width:100%;
}

.renseignements-generaux .colonne-3.medium-4.columns p{
margin-bottom:0.9375rem;
}
.renseignements-generaux .colonnes-66-33 .columns,
.renseignements-generaux .colonne-3.medium-4.columns{
  padding-right:0;
}

.renseignements-generaux .reponseFAQ h3{
font-size:1.35rem;
}

.renseignements-generaux .boite_grise ul {
    margin-left: 0!important;
}

@media only screen and (max-width: 799px) {
.renseignements-generaux .colonnes-66-33 .columns,
.renseignements-generaux .colonne-3.medium-4.columns{
  padding-right:0.9375rem;
}
.renseignements-generaux .contenu .colonnes-33-33-33 .colonne-3 a.btn {
  padding:20px;
}
}


@media only screen and (max-width: 799px) {
  
.renseignements-generaux .contenu .colonnes-33-33-33 .colonne-3{
  margin-top:0;
}
.renseignements-generaux .colonne-2.medium-4 {
    margin-top:20px;
  }

  .renseignements-generaux .colonne-2.medium-4 a.btn {
    padding:20px;
  }
}
*/
/*#############################################################
### Footer
###############################################################*/

.menuPivBas, .publiciteBas {
  text-align:center;
}

.publiciteBas {
  margin-bottom:40px;
}

.menuPivBas ul, .publiciteBas ul {
  margin-left:0;
  margin-bottom:0px;
}

.menuPivBas ul li {
  list-style:none;
  display:inline-block;
  padding:5px 15px;
  font-size:0.8em;
}

.publiciteBas ul li {
  list-style:none;
  display:inline-block;
  padding:10px 15px;
}

.publiciteBas ul li img {
  height: 60px !important;
  width:auto !important;
}

.signatuteQuebec, .copyrightRBQ {
    text-align: center;
}
.textimpression {
   display: none;
}
.copyrightRBQ {
  margin-bottom:30px;
  font-size:0.8em;
}

@media only screen and (max-width: 799px) {
  .publiciteBas {
    margin-bottom: 20px;
  }
}

/*#############################################################
### Datatable - Table avec recherche
###############################################################*/

.dataTables_wrapper label {
  font-weight:bold;
}

table.dataTable thead .sorting {
  background: #014b7c url("../images/sort_both.png") no-repeat right 2px top 8px;
  cursor:pointer;
  padding-right:15px;
}
table.dataTable thead .sorting_asc {
  background: #0a182c url("../images/sort_asc.png") no-repeat right 2px top 11px;
  cursor:pointer;
  padding-right:15px;
}
table.dataTable thead .sorting_desc {
  background: #0a182c url("../images/sort_desc.png") no-repeat right 2px top 4px;
  cursor:pointer;
  padding-right:15px;
}
table.dataTable thead .sorting_asc_disabled {
  background: #014b7c url("../images/sort_asc_disabled.png") no-repeat right 2px top 8px;
  cursor:pointer;
  padding-right:15px;
}
table.dataTable thead .sorting_desc_disabled {
  background: #014b7c url("../images/sort_desc_disabled.png") no-repeat right 2px top 8px;
  cursor:pointer;
  padding-right:15px;
}

table.dataTable thead .sorting:focus {
  background: #014b7c url("../images/sort_both.png") no-repeat right 2px top 8px;
  cursor:pointer;
  padding-right:15px;
}
table.dataTable thead .sorting_asc:focus {
  background: #0a182c url("../images/sort_asc.png") no-repeat right 2px top 11px;
  cursor:pointer;
  padding-right:15px;
}
table.dataTable thead .sorting_desc:focus {
  background: #0a182c url("../images/sort_desc.png") no-repeat right 2px top 4px;
  cursor:pointer;
  padding-right:15px;
}
.datemisejour {
    font-size: 14px;
    display: block;
    text-transform: none;
    margin-bottom: 0;
    font-weight: normal;

}

/*#############################################################
### CA
###############################################################*/

.ca-photo {
  border-top-left-radius: 50% 50%;
  border-top-right-radius: 50% 50%;
  border-bottom-right-radius: 50% 50%;
  border-bottom-left-radius: 50% 50%;
  min-width:100px;
}
.ca-vignette-text{
display: inline-flex;
}
.ca-text{
    /*display: inline-flex;*/
    margin-left: 20px;
      align-items: center;
}

h3.marge-titre-ca {
    margin-left: 120px;
    border-top: 1px solid #868686;
    padding-top: 10px;
}
@media only screen and (max-width: 799px) {
  .ca-vignette-text{
    display:block;
  }
.ca-text{
margin-left:0;
}
h3.marge-titre-ca {
    margin-left: 0;
    border-top: 1px solid #868686;
    padding-top: 10px;
}
}

/*#############################################################
### Retour haut de page
###############################################################*/

#bouton-hautpage {
  display: inline-block;
  background-color: #014b7c;
  width: 50px;
  height: 50px;
  text-align: center;
  border-radius: 4px;
  position: fixed;
  bottom: 30px;
  right: 209px;
  transition: background-color .3s,
    opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
}
@media only screen and (max-width: 1024px) {
  #bouton-hautpage {
    right: 30px;
  }
}
#bouton-hautpage::after {
  background-image: url("../images/flechesBlancheHautBas.svg");
  background-repeat: no-repeat;
  background-color: transparent;
  background-position: 16px 0px;
  border: none;
  width: 67px;
  height: 50px;
  background-size:52px;
  cursor: pointer;
  content: "";
  display: block;
  position: absolute;
  right: 0px;
  top: -2px;
}
#bouton-hautpage:hover {
  cursor: pointer;
  background-color: #333;
}
#bouton-hautpage:active {
  background-color: #555;
}
#bouton-hautpage.show {
  opacity: 1;
  visibility: visible;
}


/*#############################################################
### modal commentaire
###############################################################*/

.modal.commentaire h5 {
  font-size:1.1rem;
}

.formulaireParticipation .error,
.modal.commentaire .error {
  color:#CC0000;
} 

.formulaireParticipation [type="text"],
.modal.commentaire [type="text"] {
  margin-bottom:0;
}

.formulaireParticipation [type="text"] {
  width:40%;
}

.formulaireParticipation .modal-body {
  padding:0;
}

.modal.commentaire .modal-body {
    padding: 1rem 1rem 3px 1rem;

}

@media only screen and (max-width: 799px) {
  .formulaireParticipation [type="text"] {
    width:100%;
  }
}
.gorendezvous.btn {
    background-color: #014b7c;
    color: #fff;

}




/* Ajout accordéon FAQ non conformité électricité*/

.nonConformiteElectricite .tx-irfaq-dynheader button{
background: #014b7c;
}
.nonConformiteElectricite .tx-irfaq-dynheader .question {
    color: #fff;
    padding: 0px 15px 10px 15px;
}
.nonConformiteElectricite .ouvrirElementFAQ,
.nonConformiteElectricite .fermerElementFAQ {
    filter: invert(1);
}
.nonConformiteElectricite .tx-irfaq-pi1 .additional-info {
    margin-bottom: 5px;
}
.nonConformiteElectricite .tx-irfaq-dynans-visible {
    padding: 18px 15px 5px 15px;
}
.nonConformiteElectricite ul.liste-questions li .tx-irfaq-dynheader button:nth-child(2) {
   background:red;
}
.nonConformiteElectricite .highlight {
    background-color: #fffad0;
    position: relative;
    top: 3px;
}
.nonConformiteElectricite .pasmarge {
margin:0;
padding:0;
}

/*Espace municipalites*/
.espace-municipalites .colonneGauche{
background: url("../images/bg-espace-municipalites.png");
background-position: top 0 left 15px;
 background-repeat: no-repeat;
padding-top:100px; 
}
.espace-municipalites.banniere-espace-municipalites .colonneGauche{
padding-top:0; 
}
.espace-municipalites img{
    border: none;
}
.espace-municipalites .titrePage {
    margin-top: 40px;
}
.espace-municipalites.banniere-espace-municipalites .titrePage {
    margin-top: 147px;
}
.espace-municipalites .chapitreSection{
position:relative;
top:35px;
}
.espace-municipalites.banniere-espace-municipalites .contenuMenuSection {
    margin-bottom:15px;
margin-top:0;
}
.espace-municipalites .contenuMenuSection {
    margin-bottom: 15px;
    /* margin-top: 10px; */
    /*width: 100%;*/
    display: block;
margin-top:35px;
}
@media only screen and (max-width: 599px) {
.espace-municipalites .colonneGauche{
background-position: top 0 right 0px;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 736px) {
.espace-municipalites .colonneGauche{
background-position: top 0 right 15px;
}
}

/*Accordeon contenu*/
#content-accordeon {
margin-bottom:40px;
}
.accordeon-contenu summary {
  padding-left: 0px;
}
.accordeon-contenu h2 {
  font-size: 1.6em;
}

.accordeon-contenu .numero {
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  margin-right: 10px;
}
.accordeon-contenu .phrase {
  display: inline-block;
  width: 89%;
  vertical-align: top;
}

.accordeon-contenu details > summary {
  list-style: none;
  background-color: #fff !important;
}
#content-accordeon .accordeon-contenu details::last-child {
  margin-bottom: 50px;
}


#content-accordeon .accordeon-contenu summary {
  cursor: pointer;
  font-weight: 500;
  color: #0a0a0a;
  max-width: none;
  background-color: #fff !important;
  border-bottom: 0px solid #fff;
  border-top: 2px solid #e5e5e5;
  padding: 20px 12px 20px 6px !important;
  margin-top: -6px;
}
#content-accordeon .accordeon-contenu summary:hover {
  cursor: pointer;
  font-weight: 500;
  color: #0a0a0a;
  max-width: none;
  background-color: #ececec !important;
  border-bottom: 0px solid #fff;
  border-top: 2px solid #e5e5e5;
  padding: 20px 12px 20px 6px !important;
}
.accordeon-contenu.dernier {
  border-bottom: 2px solid #e5e5e5;
}
#content-accordeon .accordeon-contenu summary {
  display: list-item;
}
.accordeon-contenu .reponse {
  background-color: #fff;
  padding: 10px 12px 36px 10px;
  margin-top: 6px;
  margin-left: 29px;
}
.accordeon-contenu .reponse .btn {
text-transform:uppercase;
margin-bottom:10px;
}

#content-accordeon .accordeon-contenu summary::after {
  position: relative;
  content: " ";
  background-size: 32px;
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  top: 0px;
  left: 0px;
  line-height: initial;
  filter: none;
  background-image: url(../images/arrow-down-s-line.svg);
  transition: background ease 0.2s, top ease 0.2s 0.2s, transform ease 0.2s;
}

#content-accordeon details[open] summary::after {
  position: relative;
  content: " ";
  background-size: 32px;
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  top: 0px;
  left: 0px;
  line-height: 19px;
  filter: none;
  background-image: url(../images/arrow-up-s-line.svg);
  transition: background ease 0.2s, top ease 0.2s 0.2s, transform ease 0.2s;
}

#content-accordeon details[open] summary {
  background: #ececec!important;
}
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
  .accordeon-contenu .phrase {
    width: 88%;
  }
}
@media only screen and (max-width: 799px) {

  .accordeon-contenu .phrase {
    width: 80%;
  }
  .accordeon-contenu .numero {
    margin-right: 5px;
  }
  .accordeon-contenu h2 {
    font-size: 1.4em;
  }
  .accordeon-contenu .reponse {
    margin-left: 0px;
  }
.accordeon-contenu .reponse .btn {
max-width: fit-content;
}
}

/* Fin accordeon*/





/* détails ouvert et fermes */

.h3-titre-question {
    font-family: Roboto;
    font-size: 1rem;
    margin-bottom: 0;
    text-transform: uppercase;
    color: #024c7d;
font-weight: 500;
}
details {
 margin-bottom: 6px;
}

details  :first-of-type {
  margin-top: 6px;
}
details h2, details h3, details h4{
display: contents;
}
summary {
  cursor: pointer;
font-weight:500;
color: #014b7c;
max-width:max-content;
}
details>summary {
  list-style: none;
padding: 8px 12px 8px 16px;
background-color: #ececec;
/*background-color: #014b7c;*/
}
summary::-webkit-details-marker {
  display: none
}

summary::after {
   position: relative;
  content: url(../images/plus-circle-solid.svg);
  background-size: 20px 20px;
  position: relative;
  width: 18px;
  height: 18px;
  display:inline-block;
  top:3px;
left:0px;
line-height:19px;
filter: invert(19%) sepia(85%) saturate(1649%) hue-rotate(183deg) brightness(92%) contrast(99%);
}

details[open] summary::after {
  position: relative;
  content: url(../images/minus-circle-solid.svg);
 /*content: url(../images/minus.svg);*/
  background-size: 20px 20px;
  position: relative;
  width: 18px;
  height: 18px;
  display:inline-block;
  top:3px;
line-height:19px;
filter: invert(19%) sepia(85%) saturate(1649%) hue-rotate(183deg) brightness(92%) contrast(99%);
}
details[open] summary {
 /* background: red;*/
/*background-color: #014b7c;*/
}
details p{
margin-bottom:12px!important;
}

.reponse{
 background-color: #ececec;
padding: 15px 12px 8px 16px;
margin-top:6px;
}


/* Schemas 2 utlisation dans les Étapes de traitement d’une réclamation*/
.schemas-2 .level-2-wrapper ol {
    padding-left: 30px;
    margin-bottom: 0;
    margin-left: 0;
}
.schemas-2 {
  /*max-width: 610px;*/
 max-width: 545px;
  padding: 0;
  margin: 0 auto;
  box-sizing: border-box;
margin-bottom:50px;
}
.schemas-3 {
max-width: 400px;
  padding: 0;
  box-sizing: border-box;
margin-bottom:50px;
margin-left:0;
}
.schemas-2 ol {
  list-style: none;
}

.schemas-2 .rectangle {
  position: relative;
  padding: 12px 20px 10px 15px;
 /* box-shadow: 0 5px 15px rgba(0, 0, 0, 0.15);*/
}
.schemas-2 .numero {
  margin: 0 auto;
  font-size:70px;
  line-height:70px;
  float:left;
    top: -4px;
    position: relative;
}
.schemas-2 .titre-numero {
margin: 0 auto;
    vertical-align: top;
    line-height: 24px;
    position: relative;
    left: 10px;
    top: 4px;
    text-transform: uppercase;
}

/* LEVEL-1 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.schemas-2 .level-1 {
  width: 100%;
  color:#014b7c;
  margin: 0 auto 40px;
  background:#014b7c;
  background: #d8e9f5;
  font-weight:normal;
  text-align:left;
min-height:85px;
}
.schemas-2 .level-1 h3{
  font-weight:normal;
  vertical-align:top;
  margin:0!important;
}
.schemas-2 .level-2 h3{
  font-weight:normal;
  vertical-align:top;
   margin:0!important;
}
.schemas-2 .level-1 .texte{
  font-weight:normal;
  position:relative;
margin-left: 45px;
 margin-top: 0;
}
.schemas-2 .level-1 .texte p{
  margin-bottom:10px;
padding-top:6px;
}
.schemas-2 .level-1::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 40px;
  background: #014b7c;
}
.schemas-2 .level-1::before {
  /*content: "\21A7";*/
  /*content:"\1F817";*/
  font-size:30px;
  color:#014b7c;
  position: absolute;
  top: 100%;
  left: 48%;
  transform: translateX(-50%);
  width: 0;
  height: 40px;
  content: url(../images/icone-arrow-down-schemas.png);
}
.schemas-2 .level-1.dernier {
margin-bottom:0;
}
.schemas-2 .level-1.dernier::before {
  content: "";
  height: 0px;
}
.schemas-2 .level-1.dernier-dossier::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 49%;
  transform: translateX(-50%);
  width: 2px;
  height: 25px;
  background: #014b7c;
}
/* LEVEL-2 STYLES
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.schemas-2 .level-2-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}

.schemas-2 .level-2-wrapper::before {
  content: "";
  position: absolute;
  top: -20px;
  left: 25%;
  width: 50%;
  height: 2px;
  background: #014b7c;
}

.schemas-2 .level-2-wrapper::after {
  display: none;
  content: "";
  position: absolute;
  left: -20px;
  bottom: -20px;
  width: calc(100% + 20px);
  height: 2px;
  background: #014b7c;
}

.schemas-2 .level-2-wrapper li {
  position: relative;
}

.schemas-2 .level-2-wrapper > li::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  background: #014b7c;
}

.schemas-2 .level-2 {
  width: 75%;
  margin:-19px auto 20px;
  background: #ececec;
  text-align:center;
  display:block;
}

.schemas-2 .level-2::before {
  content: "";
  position: absolute;
  top: 100%;
  left: 48.5%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  background: #014b7c;
}
.schemas-2 .level-2::after{
  content: "test";
  position: absolute;
  top: 100%;
  left: 49%;
  transform: translateX(-50%);
  width: 2px;
  height: 20px;
  background: #000;
}
.schemas-2 .level-2::after {
  display: none;
  content: "";
  position: absolute;
  top: 50%;
  left: 0%;
  transform: translate(-100%, -50%);
  width: 20px;
  height: 2px;
  background: red;
}

div#fldSujetsSousCategoriesCMMTQ, #fldSujetsSousCategoriesCMEQ {
    opacity: 1;
}
.btn-remerciement p.btn {
    display: none;
}

/**************************************************************************************
********** 002 - Début Contenu extensible *********************************************/

.contenu_extensible {
  display:none;
  padding: 10px 12px 12px 30px;
}
.colonneGauche .contenu_extensible {
  display:none;
  padding: 10px 12px 36px 14px;
  margin-top: 6px;
}
.contenu_extensible h3:first-of-type {
    margin-top: 0rem;
    margin-bottom: 0.3rem;
}

.ouvrir_contenu {
  background-repeat:no-repeat;
  background-color: #FFFFFF;
  border: none;
  border-top: 2px solid #e5e5e5;
  margin:0px;
  /*padding:16px 0px 16px 4px;*/
  padding:10px 0px 10px 4px;
  text-align:left;
  width: 100%;
}
.colonneGauche .ouvrir_contenu {
  padding:10px 0px 10px 4px;
}
.ouvrir_contenu:last-of-type {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom:20px;
}

.colonneGauche .contenu .ouvrir_contenu:last-of-type {
  border-bottom: 2px solid #e5e5e5;
  margin-bottom:30px;
}

.ouvrir_contenu.contenuOuvert :last-of-type {
  margin-bottom:0px;
}

.ouvrir_contenu .titreContenu {
  display:inline-block;
  width:90%;
}
.colonneGauche .contenu .ouvrir_contenu .titreContenu {
  display:inline-block;
  width:90%;
  margin-left:10px;
}

.ouvrir_contenu div.bouton_action_ouvrir, .ouvrir_contenu div.bouton_action_fermer {
  background-color: transparent;
  border: medium none;
  color: #000000;
  float: right;
  font-size: 30px;
  margin: 0;
  padding: 2px 0 0 0;
  position: relative;
  margin-right: 12px;
}

.ouvrir_contenu .bouton_action_ouvrir:before {
  content: "\e60d";
  font-family: "flexi-icones";
}

.ouvrir_contenu .bouton_action_fermer:before {
  content: "\e60e";
  font-family: "flexi-icones";
}

.ouvrir_contenu:hover .bouton_action_ouvrir ,
.ouvrir_contenu:focus .bouton_action_ouvrir ,
.ouvrir_contenu:hover .bouton_action_fermer ,
.ouvrir_contenu:focus .bouton_action_fermer {
  background-color:#transparent;
}

.ouvrir_contenu:hover,
.ouvrir_contenu:focus,
.ouvrir_contenu.contenuOuvert {
  background-color:#ececec;
  cursor: pointer;
}

.ouvrir_contenu h2, .ouvrir_contenu h3, .ouvrir_contenu h4, .ouvrir_contenu h5 {
  float:left;
  position:relative;
  vertical-align:middle;
  padding:0;
  margin:0;
  width:100%;
}


.ouvrir_contenu h2 {
  padding-top: 3px;
}

.ouvrir_contenu h2 .bouton_action_ouvrir ,
.ouvrir_contenu h2 .bouton_action_fermer {
  margin-top: -3px;
}

.ouvrir_contenu h3 {
  padding-top: 6px;
}

.ouvrir_contenu h3 .bouton_action_ouvrir ,
.ouvrir_contenu h3 .bouton_action_fermer {
  margin-top:-6px;
}

.ouvrir_contenu h4 {
  padding-top: 7px;
}

.ouvrir_contenu h4 .bouton_action_ouvrir ,
.ouvrir_contenu h4 .bouton_action_fermer {
  margin-top:-7px;
}

.ouvrir_contenu h5 {
  padding-top: 8px;
}

.ouvrir_contenu h5 .bouton_action_ouvrir ,
.ouvrir_contenu h5 .bouton_action_fermer {
  margin-top:-8px;
}
.frame.contenu_extensible.frame-type-onecol.frame-layout-0.ext_ouvert, .frame.contenu_extensible.frame-type-onecol.frame-layout-0{
padding: 10px 12px 36px 31px;
}
/*******002 - Fin Contenu extensible**************************************************
**************************************************************************************/


/**************************************************************************************
********** Bandeaux promos *********************************************/

.containerBandeauPromo.carriere {
	background:transparent url("/fileadmin/medias/images/bandeauxPromos/bandeau-carriere-cote.png") repeat-x;
	background-size: contain;
	margin-top: -5px;
    margin-bottom: 15px;
}
.containerBandeauPromo.campagne {
	background:transparent url("/fileadmin/medias/images/bandeauxPromos/bandeau-promo-cote.gif") repeat-x;
	background-size: contain;
	margin-top: -5px;
    margin-bottom: 15px;
}
.containerBandeauPromo .mobile {
  	display:none;
}

@media only screen and (max-width: 799px) {
  .containerBandeauPromo .bureau {
  	display:none;
  }
  .containerBandeauPromo .mobile {
  	display:block;
  }
}

/******* Fin Bandeaux promos **************************************************
**************************************************************************************/


/******* Ajout pour les citations **************************************************
**************************************************************************************/

 .blockquote {
   font-family:"Open Sans",sans-serif;
	display: block;
	margin: 48px 0;
	text-align: left;
	padding: 0 70px;
	border-width: 0;
  border-left: 1px solid rgb(212, 212, 212);
}
p.blockquote-quote {
	display: block;
	position: relative;
	margin-bottom: 16px;
	color: #223654;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.25px;
	font-weight: normal;
}
.blockquote p.blockquote-quote:before {
	position: absolute;
	transform: translate3d(-15px, 0, 0);
}
.blockquote.lang-fr p.blockquote-quote:before {
	content: "« ";
}
.blockquote.lang-en p.blockquote-quote:before {
	content: '"';
}
.blockquote.lang-fr p.blockquote-quote:after {
	content: " »";
}
.blockquote.lang-en p.blockquote-quote:after {
	content: '"';
}

div.author-block {
	display: block;
	margin-left: 32px;
}

p.author-name {
	display: block;
	position: relative;
	margin-bottom: 0;
	font-size: 16px;
	line-height: 24px;
	font-weight: 600;
}
p.author-name:before {
	content: "";
	position: absolute;
	top: 12px;
	display: block;
	width: 17px;
	height: 1px;
	background: #a1a1a1;
	transform: translate3d(-32px, 0, 0);
}

p.author-title {
	display: block;
	margin: 0;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
	max-width: 85%;
}
/******* Fin pour les citations **************************************************
**************************************************************************************/



/******* Timer dans la section FCO **************************************************
**************************************************************************************/
.flipdown.flipdown__theme-dark {
    margin-left: 16px;
  max-width: 565px;
     margin: auto;
  text-align:center;
}

.timer{
  border: 4px solid #f7ea50;
  margin:20px 0 45px 0;
}
.timer h2 {
    font-size: 2rem;
    padding: 10px 10px 8px 10px;
    text-transform: uppercase;
    font-weight: 300;
    max-width: 100%;
    margin-top: 0;
    text-align: center;
      margin-bottom: 1.8rem;
}
.timer h3 {
    padding: 20px 20px 16px 20px;
    text-transform: uppercase;
    font-weight: 300;
    margin: auto;
    margin-top: 1.5rem;
    max-width: 350px;
    margin-bottom: 0;
  text-align:center;
}
.timer .plus-infos {
    background: #151515;
    color: #fff;
    margin: auto;
    max-width: 315px;
    border-radius: 4px 4px 0px 0px;
    text-align: center;
}
.timer .couleur-accent{
   background: #F7EA50;
}
.flipdown {
    overflow: visible;
    width: 100%;
    height: 110px;
    margin-bottom: 20px;
}


@media (max-width: 550px) {
.flipdown {
    width: 100%!important;
}
  .flipdown.flipdown__theme-dark {
    margin-left: 0;
}
}

/*########################################################
### Ajustements pour écrans larges
########################################################## */

@media only screen and (min-width: 1240px) {
  .row {
    max-width: 1140px
  }
}



/*########################################################
### Modification css pour formulaire dans un accordéon
########################################################## */

.Tx-Formhandler .h3-accordeon{
  font-family: Roboto-Condensed;
  font-size: 1.5rem;
  line-height: 1.075;
  margin: 2.4rem 0 0.6rem 0!important;
  font-weight: normal;
}
.Tx-Formhandler .p-form-accordeon{
  font-weight: 600;
  margin:0.8rem 0 0.2rem;
}

.contenu_extensible .Tx-Formhandler h3:first-of-type{
  margin: 0rem 0 0.6rem 0;
}