.bloc_gdlr {
  background-color:#dddddd;
  margin:5px;
  padding:5px;
  text-align:left;
}

.bloc_gdlr h2 {
  border:none;
  margin:0 0 10px 0;
}

.bloc_gdlr span.texte_gras {
  font-weight:bold;
}



/* 1. STYLES RESET  */

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, tt, var,
  b, u, i, center,re
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend, 
  table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;  padding: 0;  border: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
  body {line-height: 1.2em;}
  ul {list-style: none;}
  blockquote, q {quotes: none;}
  blockquote:before, blockquote:after,q:before, q:after {  content: '';}
  ins {text-decoration: none;}
  del {text-decoration: line-through;}
  address {font-style:normal}



/* 2. STYLES GÉNÉRAUX  */

.no-telephone-accueil {font-size: 1.8em; margin-top:13px; margin-bottom:2px;}
.accueil .boiteAccueilContenu h2 a:link, .accueil .boiteAccueilContenu h2 a:visited {color:#004b7d;}
/*.accueil .boiteAccueilContenu > h2 {display:none;}*/

  body{ text-align:center; background:white; font-size:0.75em; line-height:1.36em; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; color:#000; position:relative; height:100%}
    
  a, 
  a:link,
  a:visited {color:#00406B;/*text-decoration:underline;*/}

a.lien_externe img, a.lien-externe img {margin-left:2px;}
a.lien_fichier img {margin-top:-6px;}
  
  a:hover, 
  a:active, 
  a:focus {color:#376200;text-decoration:none;}

  /* Icône de lien externe */
  a.external-link img, a.external-link-en img {margin-left:4px;} 

  /* Images sans bordures dans les liens */
  a img{ border:none; }
  
  p{ margin: 0 0 1em; }
  
  .formulaire .similiFieldset.fichiers_inclusion {margin-top:10px;}
  h1,h2,h3,h4,h5,h6 { line-height:1em; font-family:Arial, Helvetica, sans-serif; color:#00406b; margin:1.3em 0 0.75em; padding:0; clear:both; }
  h1{ font-weight:bold; font-size:1.58em; line-height:1.1em; margin:0 0 0.7em 0; clear:none; }
  h2, .similiFieldset legend{ font-weight:bold; font-size:1.52em; line-height:normal; /*margin:0 0 0.75em;*/text-align:left; color:#000; border-top: 1px solid #E0E0E0; padding-top:0.5em; }
  h3 { font-weight:bold; font-size:1.167em; margin:0.75em 0 0.5em; line-height:1.2;}
  h4 { font-weight:normal; font-size:1.1em; margin-bottom:0.5em; margin-top:1em;font-weight:bold; line-height: 1.3em;}
  h5, .similiFieldset h4{ font-weight:normal; font-size:1em; margin-bottom:0.5em; margin-top: 1em; }
  
  sub, sup { line-height: 0;   position: relative;   vertical-align: baseline; }
  sup { top: -0.5em; }
  sub { bottom: -0.25em; }
    
  .csc-textpic-intext-left h2, .csc-textpic-intext-left h3, .csc-textpic-intext-left h4, .csc-textpic-intext-left h5, .csc-textpic-intext-left h6, .csc-textpic-intext-right h2, .csc-textpic-intext-right h3, .csc-textpic-intext-right h4, .csc-textpic-intext-right h5, .csc-textpic-intext-right h6{ clear:none;}
  
  ul{list-style:none outside none;margin:0 0 5px 10px;}
  ol{margin:10px 0 5px 10px; padding:0 0 0 16px;}
  ol li{padding-bottom:0.45em;}
  ul li, ol ul li, .lower-alpha li ul li, .tx-ccw-documentation .pas_de_resultat ul li{background:url(../images/puce-liste.gif) no-repeat scroll left 0.5em transparent;padding-bottom:0.4em;padding-left:10px;height:1%}
  /*ajout du padding-left 14 juillet 2016*/
  ul ol, ol ol, ul ul, ol ul{ margin-top:0.5em;padding-left:18px;}
  dt{margin:0 0 4px 0;}
  .lower-alpha{list-style-type:lower-alpha; margin-left:25px;}
  .lower-alpha li{background-image:none;padding-left: 0px;}
.liste-none{list-style-type: none;background:none;}
.liste-none li{list-style-type: none;background:none;}

  figure{margin:0; padding:0;}
  figcaption, .figcaption{font-size: 0.95em; line-height: 1.2em;color: #303030; font-weight:bold;margin:8px 0 3px 0;}
  .nowrap{white-space:nowrap;}
  /* Pour eviter le disspaearing background bug dans IE */
  #contenu ul, #contenu ol {position:relative}
  
  table {background:none repeat scroll 0 0 white; border-collapse:collapse; margin:0.6em 0 1em; width:100%;}
  caption {text-align:left; font-weight:bold; padding:0.5em 0; font-size:1.084em;color:#00406B;}
  table th {background:url(../images/bg-th.gif) repeat-x scroll left bottom;}
  table td, table th {padding:4px 8px; border: 1px solid #E0E0E0; border-width:1px 0; vertical-align:top; text-align:left;}
  table p{margin:0;}
  table .total{background-color:#efefec; font-size:1.2em; text-align:right;}
  .note-bas-page{font-size:0.918em;background-color:#FAFAFA;}
  .invisible {display:none}
  .transparent {visibility:hidden}
  .hors-champ, .visuallyHidden  {position:absolute;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;}
  .sans-puces {list-style:none;margin-left:0}
  .sans-puces li {list-style-type:none;background:none;margin-left:0;padding-left:0}
  ul.puces-chevrons li {background: url("../images/puce.gif") no-repeat 0.1em 0.35em;}
  .indent {padding-left:2em}  
  a.chevrons {text-decoration:none;margin:0;padding:0;height:0;padding-top:11px;overflow:hidden;width:15px;background:url(../images/en-savoir-plus.gif) left top no-repeat;display:inline-block;line-height:11px}
  .float_left {float: left;}
  .alignement-droite{ text-align:right;}
  .alignement-center{ text-align:center;}
  .crochet{background:url(../images/crochet.gif) no-repeat scroll left top;display:block;width:18px;height:14px; margin:0 auto}
  .crochet p{text-indent:-9000px;}
  .chiffres{text-align:right;white-space: nowrap;}
  .articles{color:#005194;}
  .bilan-colonne1{width:200px;}
  .table-colonne-petite{width:78px;}
  .table-colonne-moyenne{width:200px;}
  .table-colonne-large{width:250px;}
  .clearfix {width:100%;margin:0;padding:0;float:none;clear:both;overflow:hidden}
   .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;}
   .clearnone {clear:none;}
   .non-actif{color:#707070;}
   .liste-colonne {width: 31%; float: left;}
   .marge-block{margin-left:26px;}
   table tr .bordure-total {padding:4px 8px; border-top: 2px solid #000!important; border-width:1px 0; vertical-align:top; border-bottom:0;}
   th[scope="row"] {font-weight:normal; text-align:left; background-image:none;}
   .numero-tel{font-size:1.40em;}
 .flottant{clear:none;}
   .suggerer{color:#3B702F;}
   .interdit{color:#DD0320;}
/* note de pied de page */
.notepiedpage {border-top: 1px solid #CCCCCC;font-size:0.95em;}
.notepiedpage dl dd {border: 1px solid transparent;margin: 0.375em 0;position: relative;}
.notepiedpage dl dd p.piedpage-retour {margin: 0;overflow: hidden;padding-right: 0;position: absolute;top: 0;width: 2.75em;}
.notepiedpage dl dd p {margin: 0 0 0 2.125em;padding: 0 0.375em 0.375em;}
sup a.lien-pied, dl dd p.piedpage-retour a {background-color: #EEEEEE;border: 1px solid #CCCCCC;white-space: nowrap;}
dl dd p.notepiedpage-retour a {display: inline-block;padding-bottom: 0;background-color:#000;}

sup a.lien-pied, dl dd p.piedpage-retour a {background-color: #EEEEEE;border: 1px solid #CCCCCC;padding: 0 4px 1px;white-space: nowrap;}
sup a.lien-pied:hover, dl dd p.piedpage-retour a:hover {background-color: #555;border: 1px solid #555;padding: 0 4px 1px;white-space: nowrap;color:#fff;} 
abbr[title]{
    border-bottom: none!important;
     text-decoration: none;
}
.footnote-focus {background-color: red;border-color: red;}
.noborder{border-top: 0!important;}
.accueil h2, .boite_bleu h2{font-size:1.22em;}
  
  /* Formulaires */
  .formulaire label {display:block;font-weight:bold; margin:0;padding:0}
  .formulaire p, 
  .formulaire div,
  .formulaire .similiFieldset {margin:0;padding:0;}
  
  .formulaire div.attention {margin:0 0 1em 0;}
  .formulaire div.attention strong {font-weight:bold; color:#C00;}
  
  .formulaire .groupe {width:100%; overflow: hidden;padding:0 0 1em 0}  
  .formulaire .groupe p,
  .formulaire .groupe div {float:left;margin: 0 10px 0 0;}
  .formulaire .groupe div.conteneurRadio {float:none;}
  .formulaire .groupeSelect input {margin-top:1px}
  
  
  
  .formulaire input {width:210px; margin:2px 0 0 0;}
  #formeval.formulaire input {width:inherit;}
  .formulaire textarea {width:35em;height:6em;display:block;font-family:Arial,Helvetica,sans-serif;font-size:1em;padding:0.5em;vertical-align:top;}
    
  .formulaire select {margin:2px 0 0 0; padding:1px 2px; font-size: 100%;}
  .formulaire input.court {width:100px; }
  .formulaire input.trescourt {width:30px; }
  .formulaire input.btn {width:auto; overflow:visible; margin-top: 10px;}
  .obligatoire {color:#C00;}
  .formulaire .obligatoire {padding-right:1px;}

  .formulaire legend {margin:0.75em 0 0; }
  .formulaire h2 {margin:1.2em 0 0.5em; line-height:1.2em;}
  .formulaire h3 {margin:1.2em 0 0.5em; font-size:1.147em;}  
  .question {margin-left: 0;}  
  .reponse {margin-bottom: 5px;}
  
  .formulaire .libelleImprimerformulaire {margin-top:1.5em}
  
  .formulaire .champImpression {display:none;}
  /*ajout fait par AM le 13 juillet 2012*/
  .formulaire .champImpressionProvince {display:none;}
  .formulaire .champImpressionStatut {display:none;}
  .formulaire .champImpressionDate {display:none;}
  .formulaire .champImpressionRegion {display:none;}

  /*  
  .formulaire .error {color:#C00;display:block;}  
  .formulaire .error a, .formulaire .error a:visited, .formulaire .error a:hover, .input_error a, .input_error a:visited, .input_error a:hover {text-decoration:none}  
  .formulaire .errorList {color:#C00;display:block; padding-bottom:0;}  
  */
  
  .formulaire p a,
  .formulaire p a:link,
  .formulaire p a:visited, 
  .formulaire p a:hover, 
  .formulaire p a:focus, 
  .formulaire p a:active,  
  .formulaire .errorList a,
  .formulaire .errorList a:link,
  .formulaire .errorList a:visited, 
  .formulaire .errorList a:hover, 
  .formulaire .errorList a:focus, 
  .formulaire .errorList a:active,  
  .formulaire .groupe a,
  .formulaire .groupe a:link,
  .formulaire .groupe a:visited, 
  .formulaire .groupe a:hover, 
  .formulaire .groupe a:focus, 
  .formulaire .groupe a:active,
  .formulaire a .error,
  .formulaire a:link .error,
  .formulaire a:visited .error, 
  .formulaire a:hover .error, 
  .formulaire a:focus .error, 
  .formulaire a:active .error,  
  .formulaire .error {color:#CC0000;display:block;text-decoration:none !important;}  
  
  .formulaire .champEnErreur {border:1px solid red;}  

  /*.formulaire a.termeGlossaire {border-bottom:1px dashed #00406B;color:inherit;display:inline;}  */
  .formulaire .errorList {padding-bottom:0;}  
  
  /*
  .formulaire .groupe .boutonRadio {float:none;overflow:hidden;width:100%}
  .formulaire .groupe .boutonRadio .input-radio {width:auto;vertical-align:top}  
  .formulaire .groupe .boutonRadio label {display:inline}
  .formulaire .groupe .boutonRadio .labelComplementaire {margin-left:1.7em}
  .formulaire .groupe .boutonRadio .champComplementaire {margin:0}
  */
  

  .formulaire .groupe .boutonRadio {float:none;margin-left:20px;margin-bottom:1em}
  /*.formulaire .groupe .boutonRadio .input-radio {width:15px;height:15px;line-height:15px;margin-left:-20px;float:left;border:0}  */
  
  .formulaire .groupe .boutonRadio .input-radio {width:15px;padding:0;margin:0 0 0 -20px;float:left;border:0}  
  
  .formulaire .groupe .boutonRadio label {margin:0;display:inline}
  .formulaire .groupe .boutonRadio .labelComplementaire {float:none;display:inline;width:auto}
  .formulaire .groupe .boutonRadio .champComplementaire {margin:0;display:inline}
  h2.introFormulaire{border-top:none;}

.note-formulaire{color:#00406B; display:block;}
.inline{display:inline;}
.noir{color:#000000; }
.nobold{font-weight: normal!important;}
.nomarge{margin-bottom: 0!important; padding-bottom:0!important;}
.marge{margin-left:20px!important;}

  .stitre-form{font-weight: bold;font-size: 1.222em;margin: 1.2em 0 0.5em!important;
line-height: 1.2em;border-top: 1px solid #E0E0E0;padding-top: 0.5em!important;}
  .formulaire .reponseradio {overflow:hidden}
  .formulaire .reponseradio input {display:block;float:left;clear:left}
  .formulaire .reponseradio label, .formulaire .reponseradio .blocLabel {display:block;margin:0;padding:0;float:left;width:440px;margin-bottom:0.5em;}
  #formhandler_contact_form .formulaire .reponseradio .blocLabel label, 
  #formhandler_contact_form .formulaire .reponseradio .blocLabel input {display:inline;float:none;margin:0;}
  #formhandler_plainte_litige_entrepreneur_form .formulaire .reponseradio .blocLabel label, 
  #formhandler_plainte_litige_entrepreneur_form .formulaire .reponseradio .blocLabel input {display:inline;float:none;margin:0;}
  #formhandler_plainte_qualite_securite_bat_inst_form .formulaire .reponseradio .blocLabel label, 
  #formhandler_plainte_qualite_securite_bat_inst_form .formulaire .reponseradio .blocLabel input {display:inline;float:none;margin:0;}

  .form-parcourir{width:auto!important;background:#fff;}
.fichiers_inclusion label{margin-top:10px!important;}
 ::-ms-browse {
    margin-left: 10px;
}

  #votreOpinion #commentaires{width:500px;}
  
  .btn-remerciement {overflow:hidden;position:relative;width:100%}
  .btn-remerciement .btn {float:left;display:block;}
  
  .btn-remerciement button.btn {margin:0;/*height:2.2em;padding-top:3px*/}
  .btn-remerciement p.btn {margin:0;height:100%;padding: 9px 12px 5px 12px;}
  
  .btn-remerciement a,
  .btn-remerciement a:link,
  .btn-remerciement a:visited,
  .btn-remerciement a:active,
  .btn-remerciement a:hover {color:#fff!important;text-decoration:none}
  div#txt_h {padding-top:7px;}
  .similiFieldset .nobold label {font-weight: normal;}
  .question .nobold, .nobold label {font-weight: normal;}
  div#viseTravaux, div#dangerPresent {margin-bottom: 0;}
  div.note_exemple {margin-bottom: 10px;}
  
  
/* Message d'avertissement formulaire formhandler */
  .entree_erreur {font-weight:bold; margin-bottom:0.625em;}
  
  #formhandler_ChangementAdressePerso_form .error a{ color:#C00;}
  #formhandler_ChangementAdressePerso_form .error a:visited{ color:#360; }

  /* Styles divers */
  .clear-fix{ width:100%; margin:0; padding:0; height:0; overflow:hidden; clear:both; }
  .cache-accessibilite{ position:absolute; left:-100000px; top:auto; height:1px; width:1px; overflow:hidden; }
  .btn, .btn:visited { background:#3A6E26; color:#FFFFFF!important; display:inline-block; padding:6px 10px 6px; text-decoration:none; text-shadow:0 -1px 1px rgba(0, 0, 0, 0.25); border: 1px solid #fff; cursor:pointer;}
  .btn:hover, .btn:active, .btn:focus {color:#FFFFFF;cursor:pointer;background-color:#414042;}
  
  /* Lien de retour */
  div.lien-retour {overflow:hidden;clear: both;}
  div.lien-retour p { background:url(../images/retour.gif) left center no-repeat; padding-left:12px; float:right; margin:0;}
  
  /* Place l'ancre de haut de page */
  div#haut-de-page{ width:1px; height:1px; overflow:hidden; position:absolute;top:0; left:0; margin:0; padding:0; }

  /* Liste de Fils RSS */
  ul li.filRss{ background:url(../images/icon-rss.png) left 25% no-repeat; padding-left:20px; }
  /* Page accessibilité */
  .icone-accessibilite img{vertical-align:middle;}


/* 3. MISES EN PAGE  */

  /* 3.0. Globales  */
  .largeur-page, #page{ width:940px; margin:0 auto; text-align:left; }
  #page{width:940px; margin:0 auto; text-align:left; position:relative; clear:both;  background:url(../images/bg-utilitaires.gif) right top no-repeat;}
  #contenu-page { padding:16px 0 10px 10px; width:928px; border:1px solid #e1e0cd; border-width: 0 1px; overflow: hidden; }
  #contenu a:visited{color:#376200;}
  
  /* Colonne de droite toujours présente */
  #contenu-secondaire{width:190px; margin-left:10px; display:inline; margin-bottom:20px; float:left;}
  
  /* Page avec colonne de gauche */
  #col-petit{width:210px; float:left;margin:0; padding:0 0 10px;}
  #contenu{float:left; width:498px; padding:0 0 10px 10px; display:inline;}
  
  /* Page sans colonne de gauche (élargie la colonne de contenu) */
  #contenu.contenu-large{width:708px; padding-left:10px; }
  
  
  /* 3.1. Pages Spécifiques  */
  
  /* Accueil  */
  .accueil .entete {display:none}
  .accueil h1{position:absolute;left:-9999px;}
  #contenu-accueil{float:left; width:718px; margin:0; }
    .colonne-accueil{ float:left;width:518px; overflow:hidden; display:inline; }
    .colonne-accueil-secondaire{ float:left; width:190px; margin-left:10px; display:inline; overflow:hidden;}

    .boite-accueil {background:url("../images/bg-gris-accueil.gif") no-repeat scroll left top #fff; margin:0.5em 0 0; width:100%; overflow:hidden; }
  .boite-accueil .boiteAccueilContenu{ padding:0.75em; }
    .boite-accueil ul li {background:url("../images/puce1-off.gif") no-repeat scroll 0 .4em transparent;border:medium none;color:#252525;padding:0 0 0 8px;margin:0 0  0.5em 0;}
  .boite-accueil h2 {text-transform:uppercase;border-top:0px;margin:0 0 0.5em 0;padding: 0.2em 0 0 0;}
    .domaines {margin:0.5em 0 0.75em;padding:0.75em;}
  .fond-transparent {background:transparent}
  .titre-couleur-2 {color:#004b7d;}
  
  /* différence pour la colonne de gauche*/
  #col-petit .boiteAccueilContenu {
    border-top:5px solid #005a9b;   
  background:#ececec;
  }
  #col-petit .boiteAccueilContenu h2 {
    margin-top:0;
  }
 
  ul.navigation-domaines-accueil {margin:0; padding:0; list-style:none; float:left; width:216px;overflow:hidden}
  ul.navigation-domaines-accueil li {background:none;}
  ul.navigation-domaines-accueil a {display:block;overflow:hidden;text-decoration:none;cursor:pointer;width:100%}  
  ul.navigation-domaines-accueil a span.icon {float:left;width:34px;height:30px;clear:left;background:url(../images/icons-domaines-accueil.gif) 0 0 no-repeat; text-decoration:none; padding:0;}
  ul.navigation-domaines-accueil a span.text {float:left;width:165px;padding-left:5px;font-size:1.2em;line-height:1.2em;}  
  ul.navigation-domaines-accueil a:hover span.text {text-decoration:underline;}
  ul.navigation-domaines-accueil a:visited{color:#00406b!important;}  
    
  ul.navigation-domaines-accueil a.batiment span.icon{background-position:0 -1px;}
  ul.navigation-domaines-accueil a.plomberie span.icon {background-position:0 -29px;}
  ul.navigation-domaines-accueil a.electricite span.icon {background-position:0 -56px;}
  ul.navigation-domaines-accueil a.gaz span.icon {background-position:0 -82px;}
  ul.navigation-domaines-accueil a.ascenseurs span.icon {background-position:0 -110px;}
  ul.navigation-domaines-accueil a.jeux-mecaniques span.icon {background-position:0 -138px;}
  ul.navigation-domaines-accueil a.remontee-mecanique span.icon {background-position:0 -164px;}
  ul.navigation-domaines-accueil a.appareils-sous-pression span.icon {background-position:0 -192px;}
  ul.navigation-domaines-accueil a.equipements-petrolier span.icon {background-position:0 -219px;}
  ul.navigation-domaines-accueil a.lieux-baignade span.icon {background-position:0 -246px;}
  
.btn-nouveautes, .btn-profil-citoyen, .btn-profil-entrepreneur, .btn-licence {text-transform:uppercase; margin:0; color:#FFF;text-shadow: 0 0 4px #000;color:#FFF;}
 /*.btn-nouveautes, .btn-profil-citoyen, .btn-profil-entrepreneur, .btn-licence {text-transform:uppercase; margin:0.2em 0 0.2em 0;; color:#FFF;text-shadow: 0 0 4px #000;color:#FFF;}*/
 /* .btn-nouveautes, .btn-profil-citoyen, .btn-profil-entrepreneur, .btn-licence {text-transform:uppercase; margin:0; color:#FFF;text-shadow: 0 0 4px #000;color:#FFF;}*/
  .btn-profil-citoyen span, .btn-profil-entrepreneur span, .btn-licence span, .btn-nouveautes span{text-shadow: 0 0 4px #000;color:#FFF;}
  .btn-profil-citoyen a, .btn-profil-citoyen a:visited, .btn-profil-citoyen a:hover, {color:#FFF;display:block; font-size:1.417em; text-decoration:none; font-weight:bold; color:#FFF;background:url("../images/jesuis/btn-citoyen.gif") no-repeat scroll left bottom #004b7e; padding:0.8em 0 0.8em 10px;}

  .btn-profil-entrepreneur a, .btn-profil-entrepreneur a:visited, .btn-profil-entrepreneur a:hover {display:block; font-size:1.417em; text-decoration:none; font-weight:bold; color:#FFF;background:url("../images/jesuis/btn-entrepreneur.gif") no-repeat scroll left bottom #769e04; padding:0.8em 0 0.8em 10px;}
.btn-licence a, .btn-licence a:visited, .btn-licence a:hover {display:block; font-size:1.417em; text-decoration:none; font-weight:bold; color:#FFF!important;background:url("../images/jesuis/btn-entrepreneur.gif") no-repeat scroll left bottom #769e04; padding: 17px 0 16px 10px;}
 /* .btn-licence a, .btn-licence a:visited, .btn-licence a:hover {display:block; font-size:1.417em; text-decoration:none; font-weight:bold; color:#FFF!important;background:url("../images/jesuis/btn-entrepreneur.gif") no-repeat scroll left bottom #769e04; padding:0.8em 0 0.8em 10px;}*/
  .btn-nouveautes a, .btn-nouveautes a:visited, .btn-nouveautes a:hover {color:#FFF;display:block; font-size:1.417em; text-decoration:none; font-weight:bold; color:#FFF;background:url("../images/btn-nouveautes.gif") no-repeat scroll left bottom #004b7e; padding:0.8em 0 0.8em 10px;}

  .btn-profil-citoyen a:link, .btn-profil-citoyen a:hover, .btn-profil-citoyen a:active, .btn-profil-citoyen a:focus {color:#FFF;}
  .btn-profil-entrepreneur a:link, .btn-profil-entrepreneur a:hover, .btn-profil-entrepreneur a:active, .btn-profil-entrepreneur a:focus {color:#FFF;}

  .btn-licence a:link, .btn-licence a:hover, .btn-licence a:active, .btn-licence a:visited, .btn-licence a:focus {color:#FFF;}
  .btn-nouveautes a:link, .btn-nouveautes a:hover, .btn-nouveautes a:active, .btn-nouveautes a:focus, .btn-nouveautes a:visited {color:#FFF;}

  .accueil .note-bas-page{font-size:0.918em;padding:0.25em 0 0.75em; margin-top:4.5em; border-top: 1px solid #E0E0E0;}  
  .accueil .note-bas-page img{margin-right:10px;}      
  
  /* Formulaires, Publications */
  .filtres {overflow:hidden; margin-bottom:2em;background:#fff url(../images/bg-degrade-form-filtres.gif) left bottom repeat-x}  
  .filtres p {margin:0 0 0.4em 0;}
  .filtres form {float:left;padding:0.7em;}
  .filtres .btn {padding:0.2em 0.6em}
  .filtres .choix {float:left; margin-top:0.65em;}
  
  .ordre-tri {margin:0 0 2em 0;clear:both}
  .ordre-tri li {display:inline;}
  .ordre-tri li img {vertical-align:top}
  .ordre-tri li span {margin:0 0 0 3em}
  .ordre-tri li span.premier {margin-left:0}  
  .ordre-tri li a {margin:0 0 0 0.4em}
  
  .listing-dam li {margin:0 0 1em 0;}
  .listing-dam li p {margin:0;padding:0}
  .listing-dam li .listing-dam-details {font-size:90%}
  .listing-dam li .listing-dam-details span {margin-right:2em;}
  

  .tx-pagebrowse-pi1 {background:url(../images/bg-degrade-form-paginateur.gif) left top repeat-x;  float:left;  /*width:708px*/ width:100%; overflow:hidden;  position:relative; padding-top:5px;}  
  .tx-pagebrowse {clear:left;float:left;list-style:none;margin:0;padding:0;position:relative;left:50%;text-align:center;}

  .tx-pagebrowse li.tx-pagebrowse-prev,
  .tx-pagebrowse li.tx-pagebrowse-pages,
  .tx-pagebrowse li.tx-pagebrowse-next,
  .tx-pagebrowse li.tx-pagebrowse-first,
  .tx-pagebrowse li.tx-pagebrowse-last {display:block;float:left;list-style:none;margin:0;padding:0 10px 0 0;position:relative;right:30%;line-height:2em;}

  .tx-pagebrowse ol {float:left;overflow:hidden;margin:0;padding:0 1.5em;line-height:2em;font-weight:bold}    
  .tx-pagebrowse ol li  {display:block;float:left;margin-right:0.5em;padding:0 0.5em}
  .tx-pagebrowse ol li  a:link, .tx-pagebrowse ol li  a:hover, .tx-pagebrowse ol li  a:visited {text-decoration:none;color:#000}

  
  .tx-pagebrowse-first a:link, 
  .tx-pagebrowse-first a:visited, 
  .tx-pagebrowse-first a:hover, 
  .tx-pagebrowse-first p,
  .tx-pagebrowse-last a:link, 
  .tx-pagebrowse-last a:visited, 
  .tx-pagebrowse-last a:hover, 
  .tx-pagebrowse-last p,
  .tx-pagebrowse-prev a:link, 
  .tx-pagebrowse-prev a:visited, 
  .tx-pagebrowse-prev a:hover, 
  .tx-pagebrowse-prev p,
  .tx-pagebrowse-next a:link, 
  .tx-pagebrowse-next a:visited, 
  .tx-pagebrowse-next a:hover, 
  .tx-pagebrowse-next p {text-decoration:none;margin:0;color:#fff;display:block;width:17px;height:24px;text-indent:-9000px;text-align:left}

  .tx-pagebrowse-first a,.tx-pagebrowse-first p {background:url(../images/paginateur-premiere.gif) no-repeat top left;/*text-align:right;*/padding:0;}
  .tx-pagebrowse-last a,.tx-pagebrowse-last p {background:url(../images/paginateur-derniere.gif) no-repeat top left;/*text-align:right;*/padding:0;}
  .tx-pagebrowse-prev a,.tx-pagebrowse-prev p {background:url(../images/paginateur-precedente.gif) no-repeat top left;/*text-align:right;*/padding:0 0 0 10px;}
  .tx-pagebrowse-next a , .tx-pagebrowse-next p {background:url(../images/paginateur-suivante.gif) no-repeat top right;/*text-align:left;*/padding:0 0 0 10px;}
  .tx-pagebrowse-pages .tx-pagebrowse-current {background:url("../images/bg-paginateur-current.gif") repeat-x scroll 0 0 #2E652D; color:#fff}    

/*Entrepreneur reconstruction */
  .formulaire-entreprise {overflow:hidden; margin-bottom:2em;background:#fff url(../images/bg-degrade-form-filtres.gif) left bottom repeat-x; padding-bottom:1.6em;}  
  .formulaire-entreprise .groupe{ width:100%; overflow: hidden;}
  .formulaire-entreprise .groupe div{ margin: 0 10px 0 0; }
  .formulaire-entreprise .groupe div{ float:left; }
  .formulaire-entreprise label{ display:block; font-weight:bold;}
  .formulaire-entreprise input{ width:215px; margin:2px 0 6px; }
  .formulaire-entreprise select{ width:219px; margin:2px 0 6px; padding:1px 2px;}
  .formulaire-entreprise input.btn{ width:auto; overflow:visible; margin-top: 10px;}


  .filtres-entreprises {overflow:hidden; margin-bottom:2em;background:#fff url(../images/bg-degrade-form-filtres.gif) left bottom repeat-x; padding-bottom:1.6em;}  
  .filtres-entreprises label {font-weight: bold; float: left; width: 12em;}
  .filtres-entreprises form {margin:0.6em 0 0.6em 0;}
  .filtres-entreprises #cspq_rech_entreprise_nom, .filtres-entreprises #cspq_rech_entreprise_code_postal, .filtres-entreprises #cspq_rech_entreprise_rayon,     .filtres-entreprises #cspq_rech_entreprise_no_licence, .filtres-entreprises #cspq_rech_entreprise_ville, .filtres-entreprises #cspq_rech_entreprise_travaux {width:200px; margin:0 10px 0 20px;}

   .filtres-entreprises .btn {padding:0.1em 0.4em;height:1%;}
  .entreprise_nom{font-size:1.168em; font-weight:bold; margin:0 0 0.2em 0}
  .entreprise_distance{float:right; font-size:1.168em; font-weight:bold; margin:-1.3em 0 0.2em 0}
  .entreprise_adresse{margin:0 0 0.2em 0}
  .entreprise_nom_et_distance{  height: auto;}
  
  .tx-pagebrowse-current p, .tx-pagebrowse-page p{margin:0; padding:0;}
  .tx-pagebrowse-current p span.cache-accessibiliteYYZ, .tx-pagebrowse-page p span.cache-accessibiliteYYZ{position: absolute;left: -9999em; height:1%; padding:0; margin:0;}
  /*ol li:nth-child(odd) { background-color:#f0f0f0;}*/
  #icone-aide {position:absolute;}
  .lienResultat{font-weight:bold; clear: both;
    display: block;    
    text-align: right;
    width: 100%;}
  
  /* 3.2. Piv  */
  #piv{width:100%; color:#FFF; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:0.917em; border-bottom:1px solid #e1e0cc; }
  #logo-rbq{float:left; padding-bottom:12px; }
  #menu-piv{ font-family:Chaloult, Arial, Helvetica, sans-serif; overflow:hidden; width:710px; background-color:#039; margin:57px 0 20px;  padding:0 0 0 20px; float:left;}
    #menu-piv ul{ margin:0; float:left; }
    #menu-piv li{ background:none; list-style-type:none; margin:0; padding:0; display:inline; float:left; padding-right:20px;}
    #menu-piv a, #menu-piv a:visited{ color:#FFF; text-decoration:none;}
      #menu-piv a:hover, #menu-piv a:active, #menu-piv a:focus{ text-decoration:underline;}
    #menu-piv ul#langue{ float:right; padding-right:20px; }
    #menu-piv ul#langue li{ padding-left:15px; padding-right:0; }
  
  #skip a, #skip a:hover, #skip a:visited
{
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}

#skip a:active, #skip a:focus
{
position:static;
width:auto;
height:auto;



float:left
} 
  
    
    
  /* 3.3. Zone outils  */
  #utilitaires{ margin:0 auto; padding:0 20px; background:url(../images/bg-utilitaires.gif) left bottom no-repeat; }
  #utilitaires-interne{ padding:10px 10px 0; color:#FFF; background:url(../images/bg-utilitaires.gif) -20px bottom no-repeat #005294; width:880px; overflow:hidden; }
  #utilitaires a, #utilitaires a:visited { color:#FFF; text-decoration:underline; }
  #utilitaires a:hover, #utilitaires a:active,#utilitaires a:focus{ text-decoration:none;} 

    /* 3.3.1. Menu des domaines  */
    p.libelle_domaines{ margin:0; padding:0 0 3px; text-shadow: #000 1px 1px 1px; font-size:0.92em; line-height:1.2em; }
    
    ul.navigation-domaines{ margin:0; padding:0; list-style:none; color:#FFFFFF; float:left; }
    ul.navigation-domaines li{  background:none; margin:0 3px 0 0; padding:0; float:left; display:inline;}
    ul.navigation-domaines a{ background:url(../images/icons-domaines.gif) 100px 0 no-repeat; width:32px; height:32px; display:block;}
    ul.navigation-domaines span{position:absolute;left:-999em; color:#FFFFFF;}
    
    ul.navigation-domaines a.batiment{background-position:0 0; }
    ul.navigation-domaines a.plomberie {background-position:-32px 0;}
    ul.navigation-domaines a.electricite {background-position:-64px 0;}
    ul.navigation-domaines a.gaz {background-position:-96px 0;}
    ul.navigation-domaines a.ascenseurs {background-position:-128px 0;}
    ul.navigation-domaines a.jeux-mecaniques {background-position:-160px 0;}
    ul.navigation-domaines a.remontee-mecanique {background-position:-192px 0;}
    ul.navigation-domaines a.appareils-sous-pression {background-position:-224px 0;}
    ul.navigation-domaines a.equipements-petrolier {background-position:-256px 0;}
    ul.navigation-domaines a.lieux-baignade {background-position:-288px 0;}
    
    ul.navigation-domaines a:hover.batiment, ul.navigation-domaines a:focus.batiment, ul.navigation-domaines .actif a.batiment{background-position:0 -32px;}
    ul.navigation-domaines a:hover.plomberie, ul.navigation-domaines a:focus.plomberie, ul.navigation-domaines .actif a.plomberie{background-position:-32px -32px;}
    ul.navigation-domaines a:hover.electricite, ul.navigation-domaines a:focus.electricite, ul.navigation-domaines .actif a.electricite{background-position:-64px -32px;}
    ul.navigation-domaines a:hover.gaz, ul.navigation-domaines a:focus.gaz, ul.navigation-domaines .actif a.gaz{background-position:-96px -32px;}
    ul.navigation-domaines a:hover.ascenseurs, ul.navigation-domaines a:focus.ascenseurs, ul.navigation-domaines .actif a.ascenseurs{background-position:-128px -32px;}
    ul.navigation-domaines a:hover.jeux-mecaniques, ul.navigation-domaines a:focus.jeux-mecaniques, ul.navigation-domaines .actif a.jeux-mecaniques{background-position:-160px -32px;}
    ul.navigation-domaines a:hover.remontee-mecanique, ul.navigation-domaines a:focus.remontee-mecanique, ul.navigation-domaines .actif a.remontee-mecanique{background-position:-192px -32px;}
    ul.navigation-domaines a:hover.appareils-sous-pression, ul.navigation-domaines a:focus.appareils-sous-pression, ul.navigation-domaines .actif a.appareils-sous-pression{background-position:-224px -32px}
    ul.navigation-domaines a:hover.equipements-petrolier, ul.navigation-domaines a:focus.equipements-petrolier, ul.navigation-domaines .actif a.equipements-petrolier{background-position:-256px -32px;}
    ul.navigation-domaines a:hover.lieux-baignade, ul.navigation-domaines a:focus.lieux-baignade, ul.navigation-domaines .actif a.lieux-baignade{background-position:-288px -32px;}

    /* 3.3.2. Recherche  */
    #outil-recherche{padding:2px; color:#FFFFFF; background-color:#005a9b; float:right; _position:relative; } 
    #outil-recherche label{position:absolute;left:-9999px;}
    #outil-recherche-input{ margin:0; font-size:1em; border:1px solid #99b2cc; font-family:Arial, Helvetica, sans-serif; padding:3px 3px 4px 3px; width:150px; float:left;}
    #btn-recherche{float:left;border:0;height:24px;width:24px;padding:0;margin:0;overflow:hidden;}
      
    
    /* 3.3.3. Outils  */
    #outils{ width:100%; clear:both; _position:relative;} 
    #outils ul{float:right; font-size:0.916em; margin:0; padding:0; }
    #outils ul li{ background:none; float:left; margin:0; padding:1px 0 7px 12px;}
    #outils a{padding-left:20px;  display:block; }
    
    
    #outils ul#conteneurOutilsTexte {float:left;}
    ul li#outil-taille-texte{ padding-bottom:0; }
    #outil-taille-texte a{ padding-left:0; }
    #outil-taille-texte img{ float:left; }
    #outil-lexique{ background:url(../images/icon-lexique.gif) 0 center no-repeat; }
    #outil-convertisseur{ background:url(../images/icon-convertisseur.gif) 0 center no-repeat; }
    
    #outils #outil-taille-moyen, #outils #outil-taille-grand{display:none;}
    #outils ul li .boite-outils ul li {padding:0}
    
    #outils ul li.conteneurBoutonAccordeon {padding:0;}

    #bouton-ul_accordeon, #outil-impression {display:inline;overflow:visible;padding:0;background:url(../images/icon-affichage.gif) 0 center no-repeat;border:0;color:#fff;font-size:1em;cursor:pointer}
    #bouton-ul_accordeon span, #outil-impression span {text-decoration:underline;display:block;padding-left:20px;}
    #outil-impression {background-image:url(../images/icon-imprimer.gif)}

    .boite-outils { color:black; border:1px solid #cac9c7; background:#f6f5f1; float:left; padding:1em; margin-top:7px; position:relative; background:#fff; width:18em}

    .boite-outils ul, 
    .boite-outils li {margin:0; padding:0; list-style:none;}    
    .boite-outils button {border:none; overflow:visible; cursor:pointer; height:1.8em;}

    
    .boite-outils .outils-pointe {position:absolute; left:4em; top:-7px; width:14px; height:7px; display:block; background:url(../images/outil-affichage/pointe.gif) top left no-repeat;}
    
    .boite-outils .groupe-outils{ clear:both; overflow:hidden; padding-top:15px;}
    .boite-outils .groupe-outils-tailleTexte { margin-bottom: 5px !important;float:left;}
  
    
    .boite-outils .libelle-tailleTexte{float:right; display:inline;}


    
    .boite-outils #conteneurOutilsTexte ul.outils-tailleTexte {position:relative;float:left}
    .boite-outils .outils-tailleTexte li {float:left; overflow:hidden;height:18px;}    
    .boite-outils .outils-tailleTexte li button {height:18px;}



    .boite-outils .tailleTexte-petit{ background:url(../images/outil-affichage/petitTexte.gif) top left no-repeat transparent; }
    .boite-outils .tailleTexte-moyen{ background:url(../images/outil-affichage/moyenTexte.gif) top left no-repeat transparent; }
    .boite-outils .tailleTexte-gros{ background:url(../images/outil-affichage/grandTexte.gif) top left no-repeat transparent; }
    
    .boite-outils .tailleTexte-petit, 
    .boite-outils .tailleTexte-moyen, 
    .boite-outils .tailleTexte-gros { width:18px; margin-right:15px; display:block;}  
    
    .boite-outils .tailleTexte-petit:hover, 
    .boite-outils .tailleTexte-petit:focus,  
    .boite-outils .tailleTexte-moyen:hover, 
    .boite-outils .tailleTexte-moyen:focus,  
    .boite-outils .tailleTexte-gros:hover,
    .boite-outils .tailleTexte-gros:focus,
    .boite-outils .outils-tailleTexte .actif { background-position:0 -18px;}
    
    
    .boite-outils .outils-affichages li{ float:right; clear:both; text-align:left margin-bottom:1em;}
    /* hack Chrome / Safari */
    @media screen and (-webkit-min-device-pixel-ratio:0) {
      .boite-outils .outils-affichages button{ width:15em; text-align:left;}
    }
    .boite-outils .couleurs-normal,
    .boite-outils .couleurs-contrasteEleve, 
    .boite-outils .couleurs-contrasteInverse {padding-left:79px; padding-right:5px; overflow:visible; display:inline; background: left center no-repeat; line-height:1.8em; color:black; text-decoration:none; margin-bottom:4px; }
    .boite-outils .couleurs-normal {background-image:url(../images/outil-affichage/couleur-normal.gif);}
    .boite-outils .couleurs-contrasteEleve {background-image:url(../images/outil-affichage/couleur-contraste.gif);}
    .boite-outils .couleurs-contrasteInverse {background-image:url(../images/outil-affichage/couleur-inverse.gif);}
    .boite-outils .couleurs-normal:hover, 
    .boite-outils .couleurs-contrasteEleve:hover,  
    .boite-outils .couleurs-contrasteInverse:hover{ text-decoration:underline}


    
    
    
  /* 3.4. Entête  */
  .entete{ height:100%; overflow:hidden; padding:0 0 0 16px; margin:0; background:url(../images/bg-entete.gif) left bottom repeat-x; border:1px solid #e1e0cd; border-width:0 1px 1px; border-bottom-color:#969696; }
  .entete .titre-section, .entete h1 {float:left;font-size:1.9em;font-weight:bold;line-height:1.1em;margin:0 0 0.4em;padding:0.45em 0;clear:both;color:#00406B;font-family:Arial,Helvetica,sans-serif;}
  
    /* 3.4.1. Fil d'Ariane  */
    #fil-ariane{width:100%; padding:0; overflow:hidden; display:block; font-size:0.92em;}
    #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.gif) 8px 0.45em no-repeat; padding-left:22px;}
    #fil-ariane li.premier{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;}

    /* 3.4.2. Trames  */
    .trame{ background-position: right bottom; background-repeat:no-repeat; overflow:hidden; width:892px; }
      .trame-generale{ background-image:url(../images/entete-generale.gif); }
      .trame-ascenseurs{ background-image:url(../images/entete-ascenseurs.gif); background-position: right top; }
      .trame-batiments{ background-image:url(../images/entete-batiments.gif); }
      .trame-plomberie{ background-image:url(../images/entete-plomberie.gif); }
      .trame-electricite{ background-image:url(../images/entete-electricite.gif); }
      .trame-gaz{ background-image:url(../images/entete-gaz.gif); }
      .trame-jeux-mecaniques{ background-image:url(../images/entete-jeux-mecaniques.gif); }
      .trame-remontees-mecaniques{ background-image:url(../images/entete-remontees-mecaniques.gif); }
      .trame-appareils-sous-pression{ background-image:url(../images/entete-app-sous-pression.gif); }
      .trame-lieux-baignades{ background-image:url(../images/entete-baignades.gif); }
      .trame-equipements-petrolier{ background-image:url(../images/entete-equipements-petroliers.gif); }
          
  
  /* 3.5. Menu de boutons (Colonne de droite) */
  ul.liste-boutons{ margin:0; padding:0;}
  ul.liste-boutons li {margin:0; padding:0; background:none; width:100%; overflow:hidden; margin-bottom:5px; display:block;}    
  ul.liste-boutons li a, ul.liste-boutons li a:visited {line-height:1em;color:#fff;display:block; padding:10px 30px 8px 12px; text-decoration:none; font-weight:bold;}
  ul.liste-boutons li a:hover, ul.liste-boutons li a:focus, ul.liste-boutons li a:active {text-decoration:underline; color:#FFF;}
  ul.liste-boutons li.btn-trouver-entrepreneur a {background:#445e01 url(../images/bg-btn-entrepreneur.gif) top left no-repeat;}
  ul.liste-boutons li.btn-services-en-ligne a {background:#004b7d url(../images/bg-btn-services-en-ligne.gif) top left no-repeat;}



  
  
  
  /* 3.6. Menu secondaire (Colonne de droite) */
  #navigation-secondaire{ width:190px; padding:10px 0 0; margin:0 0 1.25em; background:url(../images/menu-secondaire.gif) top left no-repeat; }
    #navigation-secondaire-interne{ background:url(../images/menu-secondaire.gif) -190px bottom no-repeat; padding:0 0 15px; }
    #navigation-secondaire .contenu{  padding:0 12px 5px; background-color:#fafafa; border:1px solid #a0a0a0; border-width:0 1px; }
  #navigation-secondaire ul{ margin:0; padding:18px 0 0; list-style:none; font-weight:bold; line-height:1.4em; background:url(../images/separateur-menu-droite.gif) top left repeat-x;  }
    #navigation-secondaire ul.premier{ border:none; padding:0; margin:0; background:none }
  #navigation-secondaire ul li {background:url(../images/puce.gif) no-repeat 1px 0.4em transparent; padding:2px 0 2px 14px;line-height:1.2em;margin-bottom:0.4em}
  #navigation-secondaire a { text-decoration:none; color:#252525 }
  /*#navigation-secondaire a:visited {color:#336600; }*/
    #navigation-secondaire a:hover, #navigation-secondaire a:active, #navigation-secondaire a:focus {color:#376200; text-decoration:underline;}
  #navigation-secondaire-interne ul li.actif a{color:#376200;font-weight:bold;}
  #navigation-secondaire-interne ul li a{font-weight:normal;}
  /******************** modifications services en ligne *******/
  ul.services-enligne li.btn-services-en-ligne{
  
  }
  ul.services-enligne ul{
    padding: 8px 12px 5px;
  margin: 0;
  border: 1px solid #A0A0A0;
  border-width: 0px 1px 0px 1px;
  }
  .services-enligne-wrap .link-all{
    padding: 0px 12px 5px;
  margin: 0;
  border: 1px solid #A0A0A0;
  border-width: 0px 1px 0px 1px;
  }
  ul.services-enligne{
    list-style:none;
    margin:0;
  }
  ul.services-enligne li{
    padding:0;
  }
  ul.services-enligne li a {
    display: block;
  padding: 8px 25px 6px 12px;
  text-decoration:none;
  font-weight:bold;
  }
  ul.services-enligne li a:hover {
  text-decoration:underline;
  } 
  div.services-enligne-wrap{
    background: url("../images/bordure_services.gif") no-repeat bottom #FAFAFA;
  padding-bottom: 10px;
  margin-bottom:10px;
  }
  ul.services-enligne li li {
  background: url(../images/puce.gif) no-repeat 1px 0.4em transparent;
  padding: 2px 0 2px 14px;
  line-height: 1.2em;
  margin-bottom: 0.4em;
  }
  ul.services-enligne li li a{
    padding:0;
    color:#252525;
    text-decoration: none;
    background:none;
    font-weight:normal;
  }
  ul.services-enligne li a {
    color:#fff;
    background:#004b7d url(../images/bg-btn-services-en-ligne.gif) top left no-repeat;
  }
  ul.services-enligne li li a:hover, ul.services-enligne li li a:focus{
    color:#376200;
    text-decoration:underline;
  }
  ul.services-enligne li li.actif a {
    color:#376200;
    font-weight:bold;
  }
  
  ul.liste-boutons li.btn-services-en-ligne{
    margin-bottom:0;
  }
  /***************************/
  /* 3.7. Pied de page  */
  #pied-page{ margin-bottom:40px; text-align:center; font-size:0.917em; width:100%; overflow:hidden; background:url(../images/courbe-pied-page.gif) center 0 no-repeat transparent;}
  #menu-pied-page{width:900px; margin:0 auto; margin-top:25px; margin-bottom:40px; padding-bottom:10px; background:url(../images/bg-menu-pied-page.gif) left top repeat-x #005a9b;}
  #menu-pied-page li{display:inline; padding:0; background:none; border-right:1px solid #fff; padding:1px 15px 3px 0; margin-right:15px;}
    #menu-pied-page li.dernier{border:none; margin-right:0; padding-right:0;}
  #menu-pied-page a { color:#FFF; }
  #pied-page .pied-piv{ font-family:Chaloult, Arial, Helvetica, sans-serif; }
  
  /* 3.8. Onglets  */
  .onglets{ overflow:hidden; width:100%; margin:20px 0 0 0; font-size:1em; font-weight:bold; background:url(../images/bg-onglets.gif) left bottom repeat-x transparent;}
  .onglets ul{ margin:0; list-style:none outside none; padding:0 0 0 10px; }
  .onglets li{ float:left; background-color:#fff; margin:0 2px 0 0; padding:0; background:none; }
  .onglets a { background:url(../images/bg-onglets.gif) left bottom repeat-x transparent; float:left; text-decoration:none; padding:8px 10px 8px 10px; border: 1px solid #969696; border-bottom: none; -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; color:#00406B; }
    .onglets a:hover, .onglets li.actif span, #contenu .onglets li.actif span, .onglets li.actif a, #contenu .onglets li.actif a  { display:block; background:white; text-decoration:none; padding:8px 10px 8px 10px; border: 1px solid #969696; border-bottom: none;}
  .onglets li.actif span, #contenu .onglets li.actif span, .onglets li.actif a, #contenu .onglets li.actif a { -moz-border-radius: 4px 4px 0 0; -webkit-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; display:block; }
  .onglets a:visited, #contenu .onglets a:visited{ color:#00406B; }
  .onglets a:active, #contenu .onglets a:active, .onglets a:hover, #contenu .onglets a:hover{color:#749d07;}
    /* Dans le contenu */
    #contenu .onglets { margin:0 0 1.5em; }

  /* 3.9. Navigation principale (colonne de gauche)  */
  
   /* Reset des comportements pour constance cross-browser */
  ul.menu li a, 
  ul.menu li a:link, 
  ul.menu li a:visited, 
  ul.menu li a:hover, 
  ul.menu li a:focus, 
  ul.menu li a:active {text-decoration:none;}    
  
  ul.menu, 
  ul.menu ul {list-style-type:none; margin: 0;padding: 0;font-weight:bold;}
  ul.menu {margin-bottom:1.25em; width:100%; clear:both; overflow:hidden; }
  ul.menu li { margin-bottom: 1px; padding:0; line-height:1.3em; float:left; width:100%;font-weight:bold; }
  ul.menu a, 
  ul.menu strong {display:block; text-decoration: none; padding:7px 10px; zoom:1;}
  ul.menu strong {outline:0; }
  ul.menu a span, ul.menu strong span{ display:block; }  
    
  ul.menu li a, 
  ul.menu li a:visited, 
  ul.menu li strong {-moz-border-radius: 3px;-webkit-border-radius: 3px; border-radius:3px; border-bottom: 1px solid #a0a0a0; color:#252525;background-color: #e1e1e1;font-weight:bold; }
  
  ul.menu li.actif a, 
  ul.menu li.actif strong, 
  ul.menu li a:hover, 
  ul.menu li a:focus, 
  ul.menu li.focus strong, 
  ul.menu li.actif a:visited {background-position:0 -250px; background-color:#004b7d; color:#FFFFFF;cursor:pointer}  
  
  ul.menu li ul{ padding:0px; background: transparent;}
  ul.menu li li{background:none;float:none; width:auto; height:auto; padding:5px 0; border-bottom: 1px solid #E0E0E0; margin-bottom:0;}  
  ul.menu li li li{padding:0; border:none;}
  ul.menu li li.last{ border:none; padding-bottom:8px;}
  ul.menu li li li.last{padding-bottom:2px;}

  ul.menu li li a, 
  ul.menu li li a:link, 
  ul.menu li li a:visited, 
  ul.menu li.actif li a, 
  ul.menu li.actif li a:visited { padding: 0 25px 0px 12px;color:#252525; border:none;line-height:1.3; background-color:transparent;background-image:none;}  
  
  ul.menu li li a:hover, 
  ul.menu li li a:focus, 
  ul.menu li li.actif a,
  ul.menu li.actif li a:hover,
  ul.menu li.actif li a:focus { color:#376200; background-color:transparent; background-image:none;}  
  
  
  ul.menu li a:hover, 
  ul.menu li a:focus,   
  ul.menu li li a:hover, 
  ul.menu li li a:focus,   
  ul.menu li.actif li a:hover,
  ul.menu li.actif li a:focus,
  ul.menu li.focus strong span {text-decoration:underline}  
  
  
  
  ul.menu li.sub span {background:url(../images/puce-bas-innactif.png) right center no-repeat; padding-right:1em; }
  ul.menu-js li.actif strong span {background:url(../images/puce-haut-actif.png) right center no-repeat; padding-right:1em}
  ul.menu li.focus strong span {background:url(../images/puce-bas-actif.png) right center no-repeat;}
  ul.menu li.focus-actif strong span{ background:url(../images/puce-haut-actif.png) right center no-repeat; }
  ul.menu li.has-sub span{padding-left:0px; font-weight:normal;}
  ul.menu li.focus-actif strong {text-decoration:underline}
  
  ul.menu li.has-sub.actif span{
    font-weight:bold;
  }
  
  ul.menu li.has-sub span.toggle{
    cursor:pointer;
  }

  ul.menu ul ul {padding-bottom:0}
  ul.menu li li.actif li a,
  ul.menu li li.actif li a:visited,
  ul.menu li li.actif li a:hover, 
  ul.menu li li.actif li a:focus {padding-bottom:7px;font-weight:normal; font-size:0.92em;color:#252525}

  ul.menu li li a, 
  ul.menu li li a:visited, 
  ul.menu li li.actif li a, 
  ul.menu li li.actif li a:visited {color:#252525;font-weight:normal}  
  
  ul.menu li li.actif li a:hover, 
  ul.menu li li.actif li a:focus {color:#376200}
  
  ul.menu li li li.actif a, 
  ul.menu li li li.actif a:visited, 
  ul.menu li li li.actif a:hover, 
  ul.menu li li li.actif a:focus {font-weight:normal}   
  
  ul.menu li li.actif{
    color:#376200;
  }
  
  ul.menu li li.actif a, 
  ul.menu li li.actif a:visited, 
  ul.menu li li li.actif a, 
  ul.menu li li li.actif a:visited {color:#376200; font-weight:bold;background: transparent;}
    
  ul.menu li li a:hover,  
  ul.menu li li a:active, 
  ul.menu li li.actif li a:hover,  
  ul.menu li li.actif li a:active {color:#376200;}
  

  ul.menu li li.actif a:hover, 
  ul.menu li li.actif a:active, 
  ul.menu li li li.actif a:hover,  
  ul.menu li li li.actif a:active {color:#376200;font-weight:bold;background:transparent;}
  
  ul.menu ul.niveau-2 li.has-sub span.toggle{
    display: block;
    background: none;
    padding : 0px 25px 0px 12px;
  }

  ul.menu ul.niveau-2 li.has-sub{
    background: url("../images/fleche-bas-gris.png") no-repeat 95% 9px;
    padding-right:0px;
    padding-left:0px;
    /*background-color: #efefef;*/
    border-bottom: 1px solid #d3d3d3;
  }
  
  ul.menu ul.niveau-2 li.actif.has-sub{
    background: url("../images/fleche-haut-vert.png") no-repeat 95% 9px;
    /*background-color: #efefef;*/
  }
  
  ul.menu ul.niveau-2 li.has-sub ul.niveau-3 li a{
    padding-left:10px;
  }
  ul.menu ul.niveau-2 li.has-sub ul.niveau-3 {
    margin: 7px 0px 0px 22px;
    overflow:hidden;
    display:block;
  }
  ul.menu ul.niveau-2 li.has-sub ul.niveau-3 li{
    background:url(../images/puce-liste.gif) no-repeat scroll left 0.5em transparent;
  }
   ul.menu ul.niveau-2 li.has-sub ul.niveau-3 li.last a{
     padding-bottom:2px;
   }
  
  /* Exception pour le 'bug' RBQ-17   */
  ul.menu li li.parentDeNiveau2 a, 
  ul.menu li li.parentDeNiveau2 a:visited,
  ul.menu li li.parentDeNiveau2 a:hover {font-weight:normal} 
  
  /*ul.menu li li li.parentDeNiveau2 a, 
  ul.menu li li li.parentDeNiveau2 a:visited*/ 


  /* 3.10. Bloc 2 colonnes 50/50  */
  .colonnes-66-33{ width:100%; clear:both; overflow:hidden; margin-bottom:10px; }
  .colonne-66{ width:305px; float:left; display:inline; }
  .colonne-33{ width:188px; margin-left:5px; float:left; display:inline;  }
  
  /* 3.11. Bloc 2 colonnes 66/33  */
  .colonnes-50-50{ width:100%; clear:both; overflow:hidden; margin-bottom:10px; }
  .colonne-50, .colonne-50-derniere{ width:246px; margin-bottom:10px; margin-right:6px; float:left; display:inline; }
  .colonne-50-derniere{ margin-right:0; }
    /* Pour colonne large (sans colonne de gauche)  */
    .contenu-large .colonne-50, .contenu-large .colonne-50-derniere{ width:335px; margin-right:10px; }

.services-colonne-50{width:45%; margin-bottom:10px; margin-right:35px; float:left; display:inline;}
.services-colonne-50-derniere{width:45%; margin-bottom:10px; margin-right:0; float:left; display:inline; }

.renseignements-generaux #partage-page {display:none;}
.renseignements-generaux .colonne-50, .renseignements-generaux .colonne-50-derniere{ width:47%;}
.colonnes-33-33-33 {width:100%; clear:both; position:relative; float:left;} 
.colonnes-33-33-33 .colonne-1, .colonnes-33-33-33 .colonne-2, .colonnes-33-33-33 .colonne-3 {display:inline-block; width:32%; padding: 2px; vertical-align: top; position:relative; float:left;}

/*.renseignements-generaux .colonnes-66-33 {width:100%; clear:both; overflow:none; position:relative; display:inline-block;}*/
.colonnes-66-33 .colonne-1 {display:inline-block; padding: 2px; vertical-align: top; position:relative; width:65%; float:left;}
.colonnes-66-33 .colonne-2 {display:inline-block; padding: 2px; vertical-align: top; position:relative; width:32%; float:left;}

.boite_bleu {background-color:#004B7D; padding:10px; color:#ffffff; margin-top: 19px; font-size:1.2em; width:92%;}
.boite_bleu h2 {border-top:none; color:#ffffff; margin-top: 0px;}
    
/* Inondations - ajouter le 17 juin 2011 */

/* Colonne de droite toujours presente */
  #contenu-secondaire-inondation{width:190px; margin-left:10px; display:inline; margin-bottom:20px; float:left;}
  

  
  /* 3.6. Menu secondaire (Colonne de droite) */
  #navigation-secondaire-inondation{ width:190px; padding:210px 0 0; margin:0 0 1.25em; background:url(../images/menu-secondaire-inondation.gif) top left no-repeat; }
    #navigation-secondaire-interne-inondation{ background:url(../images/menu-secondaire-inondation.gif) -190px bottom no-repeat; padding:0 0 15px; }
    #navigation-secondaire-inondation .contenu{  padding:0 12px 5px; background-color:#fafafa; border:1px solid #a0a0a0; border-width:0 1px; }
  #navigation-secondaire-inondation ul{ margin:0; padding:0 0 0; list-style:none; font-weight:normal; line-height:1.4em;}
    #navigation-secondaire-inondation ul.premier{ border:none; padding:0; margin:0; background:none }
  #navigation-secondaire-inondation ul li {background:url(../images/puce.gif) no-repeat 1px 0.4em transparent; padding:2px 0 2px 14px;line-height:1.2em;margin-bottom:0.4em}
  #navigation-secondaire-inondation a { text-decoration:underline; color:#00406B; }
  /*#navigation-secondaire-inondation a:visited {color:#336600; }*/
    #navigation-secondaire-inondation a:hover, #navigation-secondaire-inondation a:active, #navigation-secondaire-inondation a:focus{ color:#376200; text-decoration:none; }
  
  

  /* 4.13. Encadré pour informations  */
    #contenu-secondaire-inondation .encadre{ width:160px; margin:0 0 10px; }

#navigation-secondaire-interne h2{/*line-height:1em;*/ font-family:Arial, Helvetica, sans-serif; color:#353436; /*margin:1.5em 0 0.75em;*/ padding:0 0 0.3em 0; clear:both;font-weight:bold; font-size:1.18em; margin:0.75em 0 0.75em; line-height:1.2;}
#navigation-secondaire-interne ul li span {font-weight:normal;}
#navigation-secondaire-interne-inondation .agenda, 
#navigation-secondaire-interne-inondation .agenda h2,
#navigation-secondaire-interne-inondation .agenda ul
{display:block}

/* Fin - Inondations - ajouter le 17 juin 2011 */



/* 4. ÉLÉMENTS DE CONTENU ET MODULES  */

  /* 4.0. Divers communs  */
  .titre{ font-size:1.17em; position:relative; background:url(../images/bg-titre.gif) left top repeat-x; margin:0; background-color:#e1e1e1; padding:6px 8px;border-bottom: 1px solid #a0a0a0; -moz-border-radius: 3px;-webkit-border-radius: 3px; }
  .titre-inverser{ font-size:1.17em; position:relative; background:url(../images/bg-titre-inverser.gif) left top repeat-x #004b7d; color:#FFF; padding:6px 8px; margin:0; -moz-border-radius: 3px;-webkit-border-radius: 3px; }
  /* icône de RSS, habitellement dans un .titre ou .titre-inverser */
  span.rss{ width:14px; height:14px; position:absolute; top:7px; padding:0; margin:0; right:8px;}

/* ajout 29 avril 2013*/
.titre-noir{  font-weight: bold;font-size: 1.45em;line-height: 1em;color: #363636;border-bottom: 0;padding-bottom: 0;margin:0;text-transform:uppercase;}
.titre-vert{  font-weight: bold;font-size: 1.2em;line-height: 1.45em;color: #597101;  border-bottom: 0;padding-bottom: 0.2em;text-transform:uppercase;margin:0;}


  /* 4.1. Haut de page  */
  p.haut-de-page{ margin:0 5px 0.5em 0; text-align:right; }
    p.haut-de-page a{ background:url(../images/haut-de-page.gif) left center no-repeat transparent; padding-left:13px; }
    p.haut-de-page a:visited{ color:#369;}
    p.haut-de-page a:hover, .phaut-de-page a:active, .phaut-de-page a:focus{ color:#4C8200; }
  
  /* 4.2. Menu type Domaines */
  ul.navigation-domaines-large{ margin:8px 0 8px 6px; padding:0; list-style:none; color:#FFFFFF; float:left; display:inline; }
  ul.navigation-domaines-large li{float:left; margin:0 5px 0 0; display:inline; background:none; padding:0;}
  ul.navigation-domaines-large a{ background:url(../images/icons-domaines-large.gif) 100px 0 no-repeat; width:46px; height:44px; display:block;}
  ul.navigation-domaines-large span{position:absolute;left:-999em; color:#FFFFFF;}
  
  ul.navigation-domaines-large a.batiment{background-position:0 0; }
  ul.navigation-domaines-large a.plomberie {background-position:-46px 0;}
  ul.navigation-domaines-large a.electricite {background-position:-92px 0;}
  ul.navigation-domaines-large a.gaz {background-position:-138px 0;}
  ul.navigation-domaines-large a.ascenseurs {background-position:-184px 0;}
  ul.navigation-domaines-large a.jeux-mecaniques {background-position:-230px 0;}
  ul.navigation-domaines-large a.remontee-mecanique {background-position:-276px 0;}
  ul.navigation-domaines-large a.appareils-sous-pression {background-position:-322px 0;}
  ul.navigation-domaines-large a.equipements-petrolier {background-position:-368px 0;}
  ul.navigation-domaines-large a.lieux-baignade {background-position:-414px 0;}
  
  ul.navigation-domaines-large a:hover.batiment, ul.navigation-domaines-large a:focus.batiment, ul.navigation-domaines-large .actif a.batiment{background-position:0 -43px;}
  ul.navigation-domaines-large a:hover.plomberie, ul.navigation-domaines-large a:focus.plomberie, ul.navigation-domaines-large .actif a.plomberie{background-position:-46px -43px;}
  ul.navigation-domaines-large a:hover.electricite, ul.navigation-domaines-large a:focus.electricite, ul.navigation-domaines-large .actif a.electricite{background-position:-92px -43px;}
  ul.navigation-domaines-large a:hover.gaz, ul.navigation-domaines-large a:focus.gaz, ul.navigation-domaines-large .actif a.gaz{background-position:-138px -43px;}
  ul.navigation-domaines-large a:hover.ascenseurs, ul.navigation-domaines-large a:focus.ascenseurs, ul.navigation-domaines-large .actif a.ascenseurs{background-position:-184px -43px;}
  ul.navigation-domaines-large a:hover.jeux-mecaniques, ul.navigation-domaines-large a:focus.jeux-mecaniques, ul.navigation-domaines-large .actif a.jeux-mecaniques{background-position:-230px -43px;}
  ul.navigation-domaines-large a:hover.remontee-mecanique, ul.navigation-domaines-large a:focus.remontee-mecanique, ul.navigation-domaines-large .actif a.remontee-mecanique{background-position:-276px -43px;}
  ul.navigation-domaines-large a:hover.appareils-sous-pression, ul.navigation-domaines-large a:focus.appareils-sous-pression, ul.navigation-domaines-large .actif a.appareils-sous-pression{background-position:-322px -43px}
  ul.navigation-domaines-large a:hover.equipements-petrolier, ul.navigation-domaines-large a:focus.equipements-petrolier, ul.navigation-domaines-large .actif a.equipements-petrolier{background-position:-368px -43px;}
  ul.navigation-domaines-large a:hover.lieux-baignade, ul.navigation-domaines-large a:focus.lieux-baignade, ul.navigation-domaines-large .actif a.lieux-baignade{background-position:-414px -43px;}

    /* Variante, dans une page de contenu */
    #contenu ul.navigation-domaines-large{ width:355px; margin:0 0 5px 10px; }
    #contenu ul.navigation-domaines-large li{ margin:0 15px 10px 0; }
  
  /* 4.3. Liste de Domaines  */
  .liste-domaines { background:url(../images/bg-degrade-gris.gif) left top repeat-x #fbfbfb; float:left; margin:0 0 1px; }
  #contenu .liste-domaines ul.navigation-domaines-large{ width:auto; margin:10px 5px 10px 16px; }
  #contenu .liste-domaines ul.navigation-domaines-large li{ margin:0 10px 5px 0;}
  
  /* 4.4. Module Carrousel */
  .carrousel{ position:relative; width:100%; overflow:hidden;  background:#f0f0f0; max-height:280px;}

  .carrousel div.ui-tabs-hide{ display: none; }
  .carrousel .ui-tabs-panel{ position:relative; top:0; left:0; width:100%; height:auto;}
  .carrousel .menuCarrousel{ position:absolute; bottom:10px; right:10px; z-index:500; }
  .carrousel .menuCarrousel ul{ margin:0; list-style:none; float:left; background:white; padding:2px 2px 2px 0; font-size:0.92em; }
  .ui-tabs-nav li, .playPause li{ float:left; padding:0 0 0 2px; background:none; margin:0; }

  .playPause li{ padding-left:0;}
  .ui-tabs-nav li a, .playPause li a{ display:block; padding:1px 7px; float:left; color:#252525; background:url(../images/bg_carrousel.gif) 0 0 no-repeat #f3f3f3; }  
  .ui-tabs-nav li a:visited, .playPause li a:visited{color:#252525!important;}    
  .carrousel .menuCarrousel li.ui-state-active a, .carrousel .menuCarrousel li.ui-tabs-selected a,.carrousel .menuCarrousel li a:hover{ color:white!important; background:url(../images/bg_carrousel.gif) -400px 0 no-repeat #5ca300;}
  .carrousel img{ float:left; /*width:100%; height:auto;*/}


  /* 4.5. Module Promotions */
  .zone-promo{ margin:0; padding:0; }
  .zone-promo img{ float:left;}
  .zone-promo .zone-promo-ligne{ width:100%; overflow:hidden; }
  .zone-promo .zone-promo-demi{ float:left; width:91px; overflow:hidden; margin:0; padding:0; }
  .zone-promo .zone-promo-demi-dernier{ margin-left:6px; display:inline; }
  .zone-promo p {margin:0;}

  /* Marge différente pour l'accueil (un peu plus large */
  .accueil .zone-promo .zone-promo-demi-dernier{ margin-left:8px;}
  
  /* 4.6. Module Je Suis */
  .bloc-je-suis{margin-bottom:5px; background-color:#ecedec; padding:0 0 0.75em; text-align:center;}
  .bloc-je-suis h2{ margin-bottom:0.75em; }
  .bloc-je-suis img{margin:0;}
  
  /* 4.7. Module Actualités (Communiqués, Nouveautés, etc.)  */
  .actualites{ background:url(../images/bg-degrade-gris.gif) left top repeat-x #fbfbfb; margin:0 0 0.75em; padding:0 0 0.75em; clear:both; }
  .actualites h3 { font-size:1em; margin:0.75em 0 0.35em; line-height:normal; }
  .actualites .date{ color:#252525; display:block; clear:both; font-weight:normal; font-size:0.92em; }
  .actualites ul{ margin:0 8px; padding-bottom:0.75em; }
  .actualites ul li{ margin:0; padding:0; background:none; }
  .actualites p{ margin:0; }
  .detail-tt-news #contenu {position:relative}
  .detail-tt-news #contenu h1 {margin-top:1.5em}
  
  
  .actualites p.vide{ margin:0; padding:0.5em 8px 0; }
  .actualites .en-savoir-plus {text-align:right; padding:0 8px;}  
  
  /* 4.8. Liste des Actualités (Communiqués, Nouveautés, etc.)  */
  .liste-actualites h2, .liste-actualites h3{ font-weight:bold; font-size:1.18em; margin:0.75em 0 0.5em; }
  .liste-actualites .date{color:#363636; display:block; clear:both; font-weight:normal; font-size:0.92em;}
  
  /* 4.9. Menu Alphabétique (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; font-size:1.5em; background:none; }
    
  /* 4.10. Termes du Lexique */
  h2.alpha{ margin:1em 0 0 0; font-size:1.666em; }
  .pageLexique dl.terme_infobulle { display:block; }
  dl.terme_infobulle  { display:none; }
  dl.terme_infobulle dt { font-weight:bold; font-size:1.166em; }
  dl.terme_infobulle dd li{ padding-bottom:0.2em; }
  
  
  /* 4.11. Infobulle */
  a.termeGlossaire-actif{ border-bottom:1px dashed #00406B; text-decoration:none; }
  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_infobulle.gif) left top no-repeat; padding-top:9px;}
  #infobulle .contenu-infobulle{ background:url(../images/infobulle/bas_infobulle.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; font-size:0.91em; 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_infobulle.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/pointe_infobulle2.gif) left top no-repeat; margin-top:-19px; margin-left:15px; left:0;}

  /* 4.12. Informations complémentaires (Pour colonne de gauche ou droite) */
  .infos-complementaires{ padding:0 0 0.75em 8px; }
  
  /* 4.13. Encadré pour informations  */
  .encadre{ width:200px; margin:0 5px 10px 10px; display:inline; border: 1px solid #a0a0a0; padding:15px 15px 5px; background:url(../images/bg-encadre.gif) left bottom repeat-x #fff; float:right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; z-index: 100;
position: relative;}
    #col-petit .encadre{ width:178px; margin:0 0 10px }
    #contenu-secondaire .encadre{ width:160px; margin:0 0 10px; }
  .encadre .titre-encadre{ margin:0; padding:0; font-size:1.167em; font-weight:bold; margin:0 0 0.75em; border:none;color:#00406b;}
  .encadre h2{font-size:1.167em;}
  
  /* 4.14. Module Bureaux Régionaux  */
  .bureaux_regionaux{ margin-bottom:0.75em; }
  .bureaux_regionaux address{ float:right; width:333px; font-style:normal}
  .bureaux_regionaux p.bureau_map{ margin:0; padding:0; float:right; width:165px;}
  .bureau_regional{ width:100%; overflow:hidden; margin-bottom:1.5em;}

  /* 4.15. Liste de raccourcis  */
  .liste-raccourci { clear:both; width:100%; display:block; background:url(../images/bg-degrade-gris.gif) left top repeat-x #fbfbfb; margin:0 0 1px; padding:0; overflow:hidden; }
  .liste-raccourci h2 { font-size:1.166em; }
  .liste-raccourci ul { padding:0 0 10px 10px; margin:0.75em 0 0; }
  .liste-raccourci ul li { background:url(../images/puce.gif) no-repeat scroll 1px 0.60em transparent;padding:2px 0 2px 16px; }
  .liste-raccourci .en-savoir-plus{ text-align:right; padding:0 8px; }
  
  /* Liste de raccourcis accordéons */
  .accordeon h2{ position:relative; padding-right:30px}
  .accordeon h2 span{ width:25px; height:1px; padding-top:24px; display:block; overflow:hidden; text-indent:25px; position:absolute; margin:0; top:2px; right:3px; background:url(../images/accordeon.gif) top left no-repeat;}
  .accordeon h2 span.fermer{ background-position: -25px 0}
  
  /* 4.16. Module Rangée de blocs (Services en ligne, Vous chezchez un spécialiste)  */
  .rangeeBlocs { width:100%; overflow:hidden; margin-bottom:0px; }
  .rangeeBlocs h2 {font-size:1.2em;border-bottom:none;}
  .rangeeBlocs .colonne {width:226px;margin-right:10px;float:left}
  .rangeeBlocs .colonne img { border:1px solid #ccc; padding:2px; }

  
  /* 4.17. Plan de site  */
  ul.plan-site {margin-left:0;}
  ul.plan-site li {background:none;}
  ul.plan-site li h2 {margin-bottom:0;border:0;}
  ul.plan-site li a {text-decoration:none}
  
  /* 4.18. FAQ  */
  .faq{ margin-bottom:3em;}
  .faq form, .message-envoye{ padding:0.2em 10px 1px;}
  .faq h3{ font-size:1em; font-weight:bold; color:#4E4E4E;}
  .faq .input-radio{ margin-left:0;}
  .faq textarea{ vertical-align:top; display:block; width:430px; padding:3px;  font-family:Arial,Helvetica,sans-serif; font-size:1em; }
  /*.faq ul{ width:100%; margin:0.6em 0 0.4em; padding:0; background:none; overflow:hidden;}
  .faq li{ margin:0 1.5em 0 0; padding:0; background:none; float:left; }*/
  .faq .ligne-bouton{ text-align:right; }
  .message-envoye{ padding-top:1em;  }
.renseignements-generaux .tx-irfaq-pi1 .show-hide-all button {margin-bottom: -6px;}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-all {display: inline-block; width: 97%; margin-bottom: 0px;}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-all button {color:#004B7D; background-color:#ffffff;}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-all button img {display:none}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-all button .show-all-text {background:url(../images/faq_ouvert.png) no-repeat right 5px transparent; padding-right:20px;}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-all button .hide-all-text {background:url(../images/faq_ferme.png) no-repeat right 5px transparent; padding-right:20px;}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-button {margin:0; display:inline-block !important;}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-button .show-answer-text.tx-irfaq-dyntext-visible {background:url(../images/faq_ouvert.png) no-repeat 3px 7px transparent; height: 14px; width:25px; display:inline-block; float:right;}
  .renseignements-generaux .tx-irfaq-pi1 .show-hide-button .hide-answer-text.tx-irfaq-dyntext-visible {background:url(../images/faq_ferme.png) no-repeat 3px 7px transparent; height: 14px; width:25px; display:inline-block; float:right;}
  .renseignements-generaux .tx-irfaq-dynheader .question {width:auto; margin-bottom:0px;}
  .renseignements-generaux .tx-irfaq-dynans-visible  {background-color:#ffffff; padding-left:40px;}
  .renseignements-generaux .tx-irfaq-pi1 ul li {border-bottom: 2px solid #e6e6e6; padding-top:10px;}
  .renseignements-generaux .tx-irfaq-pi1 ul li ul li {border-bottom: none; padding-top:0px;}
  .renseignements-generaux .tx-irfaq-pi1 .additional-info {border-top:none; border: none;}
  
  .renseignements-generaux .tx-irfaq-dynheader button {color:#004B7D;}
  .renseignements-generaux .tx-irfaq-dynheader button img {display:none}
  
    /* ajout FAQ 24 janvier 2013*/
  #faq-index ol{margin:0 0 0 10px; padding:0; background:none; text-align:left;}
  #faq-index h2{border:none;margin:0.95em 0 0.3em -0.5em;}
  #faq-index ol li{margin:0 0 20px 0; padding:0 0 0 0px; background:none; text-align:left;list-style-position: outside;}
  li.pas-de-puce{list-style-type:none; margin:0; padding:0; background:none;}
  #faq-index li ol li{margin:0 0 5px 8px;}
  #faq-index h3{margin:0.95em 0 0.3em -0.5em; padding:0;}
  
  /* 4.19. Penser sécurité  */
  .penser-securite .tx-nurlecteurvideo-pi1 {float:right;margin-left:10px;margin-bottom:10px}
  div.avp-controlbar{ font-size:1.1em;}
  span.avp-timer-label{ text-align:left; }
  
  
  /* 4.20. Extension cag_tables */
  .cagtables_result table {width:auto;}
  .cagtables_result table th, .cagtables_result table td {text-align:left}
  .cagtables_result table tr.even1 td {background:#ddd}
  
  /* 4.21. formhandler_QuePensezVous_form */
  #formhandler_QuePensezVous_form textarea{ height:3em; vertical-align:top; display:block; width:430px; padding:3px;  font-family:Arial,Helvetica,sans-serif; font-size:1em; }
  /*#formhandler_QuePensezVous_form label{ display:block;}*/
  #formhandler_QuePensezVous_form .question { margin-top:1em;margin-bottom:0.3em;}  
  
  /* 4.22 Flex content Avant de nous appeler */
  .boite-avant-appeler, .boite-avant-appeler-en {background:url(../images/bg-zone-avant-appeler.gif) left bottom repeat-x #fff;margin-bottom:1em;border-bottom:1px solid #dfdfdf}
  .boite-avant-appeler h2, .boite-avant-appeler-en h2 {display:block;background:url(../images/lbl-avant-appeler-fr.gif) left top no-repeat;border:0;height:0;padding-top:40px;overflow:hidden;}
  .boite-avant-appeler-en h2 {background-image:url(../images/lbl-avant-appeler-en.gif);}

  /* 4.23 Flex content Ressources complementaires */
  .boite-ressources, .boite-ressources-en {background:url(../images/bg-zone-ressources.gif) left top repeat-x #fff;padding:0 1em 1em 1em;border-top:1px solid #dfdfdf;margin:2em 0 1em 0;}
  .boite-ressources h2, .boite-ressources-en h2 {display:block;background:url(../images/lbl-ressources-complementaires-fr.gif) left top no-repeat;border:0;height:0;padding-top:29px;overflow:hidden;}
  .boite-ressources-en h2 {background-image:url(../images/lbl-ressources-complementaires-en.gif);}

  /* 4.24 Flex content Note importante */
  .boite-note-importante { margin:0 5px 20px 10px; display:inline; border: 1px solid #a0a0a0; padding:15px 15px 5px; background:url(../images/bg-encadre.gif) left bottom repeat-x #fff; float:right; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
  .boite-note-importante h2 {border-top:none;}
  .boite-note-importante-inner {background:transparent url(../images/bg-zone-note-importante-inner.gif) left bottom no-repeat;padding:1em;}
  
  /* 4.25 Style pour le RTE pour les révisions */
  .texte-a-venir {color:#000;background:yellow;}

   /* 4.26. Flex content Menu gdlr etapes */
  ul#etapes  {list-style:none outside none;margin:1em 0;overflow:hidden; font-size:1.168em; }
  ul#etapes li {display:inline;float:left;width:104px;padding:0.6em 0 1em 20px;margin:0;background:url(../images/blancblanc.jpg) no-repeat;font-weight:bold;color:#000000;text-decoration:none;font-family:Arial, Helvetica, sans-serif;}
  ul#etapes #et4 {background:url(../images/blanc.jpg) no-repeat;}

  .etape1 #et1 {background:url(../images/vertblanc.jpg) no-repeat;}
  .etape1 #et1 a {color:#FFFFFF;}

  .etape2 #et1 {background:url(../images/blancvert.jpg)  no-repeat;}
  .etape2 #et2 {background:url(../images/vertblanc.jpg) no-repeat;}
  .etape2 #et2 a{color:#FFFFFF;}

  .etape3 #et2 {background:url(../images/blancvert.jpg) no-repeat;}
  .etape3 #et3 {background:url(../images/vertblanc.jpg) no-repeat;}
  .etape3 #et3 a{color:#FFFFFF;}

  .etape4 #et3 {background:url(../images/blancvert.jpg) no-repeat;}
  #menu-etapes ul.etape4 #et4 {background:url(../images/vert.jpg) no-repeat;color:#FFFFFF;}

  .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}
  
  .retourGDLR {overflow:hidden;font-size:1.17em;font-weight:bold; display:none;}  
  .retourGDLR a {float:right;display:block;background:url("../images/puce.gif") no-repeat 1px 0.3em transparent;padding-left:12px}
  
  /* 4.27. Page erreur 404 */  
  body.erreur-404 #fil-ariane {visibility:hidden}
  
  /* 4.28 Focus additionnel */
  .needsMoreFocus:focus {outline:1px dotted white}
  .accueil .zone-promo a:focus {outline:1px dotted black}

  /* 4.29. Formhandler */
  .reponseradio input.input-radio {width:15px;margin:2px 12px; _margin:-2px 12px; }
  
  /* formhandler_contact_form */
  #formhandler_contact_form textarea{ height:3em; vertical-align:top; display:block; width:430px; padding:3px;  font-family:Arial,Helvetica,sans-serif; font-size:1em; }
  /*#formhandler_contact_form label{ display:block;}  */

  /* formhandler_plainte_qualite_securite_bat_inst_form */
  #formhandler_plainte_qualite_securite_bat_inst_form textarea{ height:3em; vertical-align:top; display:block; width:430px; padding:3px;  font-family:Arial,Helvetica,sans-serif; font-size:1em; }
  /* #formhandler_plainte_qualite_securite_bat_inst_form label {display:block;} */

  /* formhandler_plainte_litige_entrepreneur_form */
  #formhandler_plainte_litige_entrepreneur_form textarea{ height:3em; vertical-align:top; display:block; width:430px; padding:3px;  font-family:Arial,Helvetica,sans-serif; font-size:1em; }
  #formhandler_plainte_litige_entrepreneur_form label{/*display:block;*/line-height: 16px; vertical-align: top; _margin: 4px 0;}

  /* formulaire-changement-adresse (classe pour changement d'adresse personnel et d'entreprise */
  /*.formulaire-changement-adresse div.input_error {margin-bottom: 10px;}*/
  .input_error {margin-bottom: 10px;}
  
  /* formhandler_QuePensezVous_form */
  #formhandler_QuePensezVous_form textarea{ height:3em; vertical-align:top; display:block; width:500px; padding:3px;  font-family:Arial,Helvetica,sans-serif; font-size:1em; }
  #formhandler_QuePensezVous_form label{ display:inline;}
        
        
        .formulaire-changement-adresse p { _margin: -5px 10px 0px 0; }
        .formulaire-changement-adresse .groupe p { _margin: 0px 10px 0px 0px; }
        #formhandler_ChangementAdresseEntreprise_form label{_margin-bottom: 5px;}
        
       /* Visuel Promos */ 
       #respect{
  width:90%;
  background:url(../images/bg-promo-respect.jpg) no-repeat;padding-bottom:10px;}
  #respect h2{color:#00406b; border-bottom: 0px;padding:20px 0 0 20px;width:250px;}
  #respect h3{color:#000;width:270px; margin:0 0 20px 20px;}
  #respect h3.inverse{color:#fff; background-color:#006cb7; padding:10px; width:100%; margin-left:-10px; 
    -moz-box-shadow: 1px 1px 5px #555;
    -webkit-box-shadow: 1px 1px 5px #555;
    box-shadow: 1px 1px 5px #555;
  }
  

  /* 4.30 Google Search */
  #GoogleSearchAll div, 
  #GoogleSearchAll form, 
  #GoogleSearchAll table, 
  #GoogleSearchAll td, 
  #GoogleSearchAll th, 
  #GoogleSearchAll input {margin:0;padding:0;background:none;border:0}
  
  #GoogleSearchAll {float:right;background-color:#005A9B;padding:2px 2px 1px 2px;width:180px}  
  #GoogleSearchAll td.gsc-clear-button {display:none}
  /* #GoogleSearchAll input.gsc-search-button {background:url("../images/btn-recherche.gif") no-repeat left top;height:24px;width:24px;min-width:24px;float:left;cursor:pointer;text-align: left;color: transparent;text-transform: capitalize;padding:0} */
  #GoogleSearchAll input.gsc-search-button {background:url("../images/btn-recherche.gif") no-repeat left top;height:24px;width:24px;min-width:24px;float:left;cursor:pointer;line-height:999px;overflow:hidden;font-size:0}
  #GoogleSearchAll td.gsc-input {text-align:right}
  #GoogleSearchAll td.gsc-input input {font-size:1em;padding:3px 3px 4px 3px;width:150px;float:left;background:#fff !important;}
  
  .gsc-completion-container {text-align:left !important;font-size:1em !important}
  html .gsc-cursor .gsc-cursor-current-page {color:#FFFFFF !important;}
  
  
  #GoogleResults table th, 
  #GoogleResults table td,
  #GoogleResultsSpecificPage table th, 
  #GoogleResultsSpecificPage table td {border:0}
  
  #GoogleResults .gs-title,
  #GoogleResults .gs-title b,
  #GoogleResultsSpecificPage .gs-title, 
  #GoogleResultsSpecificPage .gs-title b {/*font-size:100%*/ color:#00406B;}
  
  #GoogleResults .gsc-input input,
  #GoogleResultsSpecificPage .gsc-input input {background:#fff !important}  
  
  #GoogleResults .gsc-above-wrapper-area, 
  #GoogleResults .gsc-above-wrapper-area-container,
  #GoogleResultsSpecificPage .gsc-above-wrapper-area,
  #GoogleResultsSpecificPage .gsc-above-wrapper-area-container {padding:0; margin:0}  
  
  #GoogleResults .gs-no-results-result ul, 
  #GoogleResultsSpecificPage .gs-no-results-result ul {margin-bottom:18px} 
    
  #GoogleResults .gsc-webResult .gsc-result, 
  #GoogleResultsSpecificPage .gsc-webResult .gsc-result {border-bottom:1px solid #EBEBEB;}
  #GoogleResults .gsc-result .gs-title,
  #GoogleResultsSpecificPage .gsc-result .gs-title {height:auto;overflow:visible}
  
  #GoogleResults .gs-no-results-result div, 
  #GoogleResultsSpecificPage .gs-no-results-result div {padding:0.5em;background-color: #fff;border: none;}
    
  #GoogleResults .cse input.gsc-search-button, 
  #GoogleResults input.gsc-search-button,
  #GoogleResultsSpecificPage .cse input.gsc-search-button, 
  #GoogleResultsSpecificPage input.gsc-search-button {width:8em} 
  
  #GoogleResults .gsc-clear-button,
  #GoogleResultsSpecificPage .gsc-clear-button {display:none}
  #GoogleResults .gs-webResult .gs-visibleUrl,
  #GoogleResultsSpecificPage .gs-webResult .gs-visibleUrl {font-weight:normal}
  .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl {color: #000!important;text-decoration: none;}
 
  /* 4.31 Newsletter */
  #tt_address_form_categories {margin:1em 0 0 0}
  #tt_address_form_categories li {background:none;padding:0;margin:0 0 0.5em 0;line-height:1em;}  
  #tt_address_form_categories li.categorieNouveaute {padding-left:1.5em}
  #tt_address_form_categories input {width:auto;padding:0;margin:0 0.5em 0 0;line-height:1em;height:1em;vertical-align:top}
  #tt_address_form_categories label {display:inline;padding:0;margin:0;line-height:1em}
  #tt_address_form_categories ul.liste-checkbox {margin-bottom:1.5em}
  
  /*
  #tt_address_form_categories li {background:cyan;line-height:0.5em;padding-left:0;}  
  
  #tt_address_form_categories li input {vertical-align:top;display:inline}
  #tt_address_form_categories label {display:inline}
  
  #tt_address_form_categories p {margin:inherit}
  */
  
  /*21 mars 2013 - bannière tours de refroidissement*/
  
  #ban-tours-refroidissement{ background:url("../images/bg-tours-refroidissement.png") no-repeat bottom right;margin:10px auto 20px auto;padding:0 20px 20px 20px;}
  
  #ban-tours-refroidissement h2{padding-top:12px;font-size:1.083em;border-bottom:0;}
  
  #ban-tours-refroidissement ul{font-size:1em;margin-top:-8px;padding:0 0 5px 20px}  
 /*articles de lois et reglement*/
 .articles-lois, .note-importante {
  background-color: #F2F2F2;
  padding:15px 20px 15px 20px;
  border: solid #dfdfdf 1px;
  margin:10px 0 20px 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
     background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f2f2f2));
   background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); 
   background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
   background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
   background: -o-linear-gradient(top, #ffffff, #f2f2f2);
   clear:both;
  }
  .articles-lois h2, .note-importante h2{margin-top:0;} 
.note-importante h2{  
  color: #da7600;
  font-size: 19px;
  border-top:none;
}
.note-importante .titre-rouge{  
  font-family: Arial, Helvetica, sans-serif!important;
  color: #C00000;
  font-size: 18px;
 line-height: 18px;
  margin: 0 0 13px 0;
}
 .titre-rouge-accueil{  
color: #C00000;
font-size: 14px;
line-height: 17px;
margin: 0 0 0 0;
position: relative;
top: -10px;
}
 .titre-rouge-accueil a,  .titre-rouge-accueil a:hover{
 color: #C00000;
 }
.note-importante p{ 
  font-family: Arial, Helvetica, sans-serif!important;  
  margin-top:0;
} 
  .encart-articles, .note {
  background-color: #F2F2F2;
  padding:20px 20px 10px 20px;
  border: solid #dfdfdf 1px;
  margin-bottom:20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#f2f2f2));
   background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); 
   background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
   background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
   background: -o-linear-gradient(top, #ffffff, #f2f2f2);
   clear:both;
  }
  .note{padding:10px 20px 10px 20px;clear:both;}
  /*Lien ancres ajout 23 avril 2013*/
  /*Lien ancres ajout 23 avril 2013*/
.liens-ancres, ul.csc-menu {
  background-color: #EDEDED;
  padding: 10px 20px 15px 20px;
  border: solid #dfdfdf 1px;
  border:0;
  margin:0 0 15px 0;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#EDEDED));
  background: -webkit-linear-gradient(top, #ffffff, #EDEDED);
  background: -moz-linear-gradient(top, #ffffff, #EDEDED);
  background: -ms-linear-gradient(top, #ffffff, #EDEDED);
  background: -o-linear-gradient(top, #ffffff, #EDEDED);
}

ul.csc-menu li.csc-section {
  margin-left:0px;
}

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

.soustitre {border-bottom:0;line-height:auto;padding:0;margin:0 0 8px 0;font-size:1.4em;} 
.logo-rbqenligne{background: url("../images/logo-rbq-enligne.png") no-repeat right -12px;width: 100%;} 

.couleur-fond{
padding:10px;
background-color:#E6E6E6!important;
}
  
   /****** Partage ******/
  #partage-page{
    float:right;
    margin-right:7px;
    font-size:0.9em;
  position: relative;
  z-index: 500;
  }
  #partage-page .black-border{
    border:none;
  }  
  #partage-page ul li {
    background:none;
    padding:0;
    float:left;
  }
  #partage-page a.style10 {
    margin:1px 5px 20px 0;
  }
   #partage-page .st_socialnetwork_g_style10{
    margin-top: 0;
  margin-right: 6px;
  margin-left: 0;
   }
   #partage-page-hidden {
    display:none;
   }
  /****** Formulaire nous joindre******/
  #formhandler_share{
    text-align:left;
  }
  #formhandler_share .double{
    border-bottom:1px solid #ccc;
    margin: 0;
  }
  
  #formhandler_share .psujet{
    padding:10px;
  }

  #formhandler_share div.double{
    padding-bottom:10px;
    padding-top: 10px;
    padding-lefT:10px;
  }
  #formhandler_share .double-partage{
    padding-top: 10px;
  margin-left: 10px;
  float:left;
  width:430px;
  }
  #formhandler_share div.double label{
    margin-left:0;
  }
  
  #formhandler_share input, #formhandler_share textarea{
    border:none;
    font-family: arial;
  }
  #formhandler_share label{
    margin-left:10px;
    vertical-align:middle;
  }
  #formhandler_share label.message{
    display:block;
  }
  #formhandler_share textarea{
    width:95%;
  }
  
  #formhandler_share input[type="text"]{
    height:30px;
    width:91%;
  }
  #formhandler_share p.simple_bouton{
    text-align: right;
    margin-top: 20px;
    padding-right: 20px;
  }
  #formhandler_share h1{
    color: black;
    padding-left: 24px;
    padding-top: 8px;
    margin-bottom: 0;
    padding-bottom: 8px;
    background: url("../images/enveloppe.gif") no-repeat left #E5E5E5;
  }
  #formhandler_share .entree_erreur, #formhandler_share li a{
    color:#C00;
  }
  #formhandler_share span.placeholder{
  font-size:100%;
  }
  #formhandler_share span.lien-partage{
    color: #00406B;
    text-decoration:underline;
  }
  .partage-confirmation {
    text-align : center;
    margin-top:30px;
    line-height: 25px;
  font-size: 1.5em;
  }
/****** Lightbox *****/
  
  #contenu .csc-textpic img, #contenu .csc-textpic-text img, #contenu .lightbox-link img, figure img {
    border: 8px solid #e5e5e5;
  }
  
  .bouton-ouvrir-lightbox {
    position:absolute;
    bottom:16px;
    right:14px;
  }
  
  #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-link {
  position:relative;
}

#contenu .external-link img {
  border: none;
}

span.date-single{
  display:block;
  margin:13px 0;
}

.agrandir_image {
  background: url('/fileadmin/templates/images/bouton-ouvrir.png');
  display:block;  
  width:25px;
  height:23px;
}

/*Zone vedette */

#vedette {
  margin:20px 0;
  padding:13px;
  background: url("../images/bg-vedette.jpg") no-repeat scroll left top #fff;
}

.enVedette {
  background:#fff;
  display:inline-block;
  width:136px;
  padding:7px;
  margin-right:13px;
  float: left;
}

#vedette h2 {
  margin:0 0 10px;
  text-transform:none;
  font-size:1.5em;
  color:#2f2f2f;
  font-weight:normal;
}

#vedette h3 {
  font-size:1.13em; 
  color:#000;
}

.enVedette .btn {
  padding:2px 5px;
  font-weight:bold;
  float:right;
  margin:0 0;
}

/*Zone Nouvelles */

#nouvelle {
  padding: 13px 0px 13px 0px;
  background: url("../images/bg-nouvelle.png") no-repeat scroll left top #fff;
  margin-top:10px;
}

#nouvelle h2 {
  text-transform:uppercase;
  color:#2f2f2f;
  border:none;
  margin:0 0 0.5em;
  font-size:1.6em;
  padding-left: 10px; 
}

#nouvelle h3 {
  font-weight:bold;
  margin-top:0;
  font-size:1em;
}

#nouvelle a {
  font-weight:bold;
}

#nouvelle .date {
  color: #252525;
  display: block;
  clear: both;
  font-weight: normal;
  font-size: 0.92em;
}

.nouveaute {
  display: inline-block;
  width: 239px;
  float: left;
  margin-left: 10px;
}

.nouveaute h3{
  margin: 0.75em 0 0.1em;
}
#nouvelle .linkall{
  padding-left:10px;
}

/*Zone de contenu à gauche */

.contenu-gauche {
  min-height:278px;
}

@font-face {
  font-family: 'franklinGothic';
  src: url('franklinGothic.eot');
  src: local('☺'), url('franklinGothic.woff') format('woff'),
  url('franklinGothic.ttf') format('truetype'), 
}

.contenu-gauche h1 {
  border:none;
  color:#2f2f2f;
  margin:0; 
  font-size:2.8em;
  line-height:0.9em;
  font-family: "franklinGothic", Arial, sans-serif; 
  font-weight:normal; 
  text-transform: uppercase;  
  margin: 0 0 0.2em 0;
}

.contenu-gauche h2 {
  color:#2f2f2f;  
  font-size:2.10em;
  line-height:0.95em;
  font-family: "franklinGothic", Arial, sans-serif; 
  font-weight:normal; 
  text-transform: uppercase;  
  line-height: 100%;
  border:none;
  margin:0;
}


/* Zone suivez-nous */

.suiverznous {
  display:inline-block;
}

.suiveznous span {
  color:#fff;
  font-size:0.75em;
  font-weight:bold;
}

.suiveznous img {
  vertical-align:middle;
}

/* Zone rechercher par sujet */

#rechercheSujet {
  background: url(../images/bg-recherche.png) repeat-x bottom left;
  padding:0 0 10px 3px;
}


p#sujetChoisit {
  font-weight: bold;
  font-size: 1.222em;
  line-height: normal;
  text-align: left;
  color: #363636;
  padding-bottom: 0.2em;  
  margin-top:42px;
}

#rechercheSujet label {
  font-weight:bold;
  display:block;
}

#rechercheSujet select{
  width:250px;
  margin-right:5px;
}

#rechercheSujet .btn {
  padding:2px 5px;
  margin:0;
}

/* boite de partage */

#partage-page {
  width:106px;
  padding: 2px 5px 6px 7px;
  border: 1px solid #dadada;
  text-align:right;
  background: #fff url(../images/bg-partage.png) repeat-x top;
  margin: 0 0 7px 7px;
}

#partage-page ul {
  margin:0;
  float:right;
}

#partage-page #outil-impression{
  color:#000;
  display:block;
  float:right;
  padding-top:2px;
  background-image: url(../images/btn-print.png);
}

#partage-page .lbl-share{
  clear:both;
  display:block;
  padding-top:3px;
}

#partage-page a.style10 {
  margin: 1px 5px 0px 0;
}

.partage-mail img{
  padding-left:1px;
}

.googleplus img {
  padding-right:1px;
}

/* Zone Plus d'info, sources + citation */
.plus-dinfo{
  width:40%;
  float:right;
  margin:0em 1em 1em 2em;
  background:url(../images/bg-zone-ressources.gif) left top repeat-x #fff;
  padding:0 1em 1em 1em;
  z-index: 500;
position: relative;
}
.plus-dinfo h2{border-top:none;padding-top: 0em;font-size: 1.4em;margin:1em 0 0.2em 0}
 .h2-noblock{ font-weight:bold; font-size:1.222em; line-height:normal; border-top: 1px solid #E0E0E0; 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;
}

.plus-dinfo ul{
  padding-top:1em;
}

.citation{
  font-size:1.8em;
  font-weight:bold;
  color:#00406b;
  text-align:right;
  line-height:1.1em;
  width:50%;
  float:right;
  padding: 1em 1em 2em 2em;
  background:url(../images/bg-citation.png) right 60% no-repeat;
}
.citation-page{
  font-size:1.8em;
  font-weight:bold;
  color:#00406b;
  text-align:right;
  line-height:1.1em;
  width:90%;
  float:right;
  padding: 1em 1em 2em 2em;
  background:url(../images/bg-citation-page.png) right 60% no-repeat;
}
.source h4, .pour-information h4{
 font-size:1.1em;
 font-weight:bold;
 color:#00406b;
}
.source p, .pour-information p{
  /*padding-top:0.5em;
  border-top: 1px solid #E0E0E0; */
  width:100%;
}
.pour-information{
  float:right;
  padding-right:11em;
}
.source{
  float:left;
}

.vignette, .csc-textpic-caption{font-size:0.918em;padding:0;margin-bottom: 15px;}
.lead{font-size:1.15em; font-weight:bold; color:#000;line-height:1.22em;}
.lien-retour{
  clear:both;
}
.vignette p {margin:0em!important; margin-top:-12px!important;}

/*Boite promo dans le contenu*/
.boite {
  width:39%;
  float:right;
  margin:0em 1em 1em 0.5em;
  background:url(../images/bg-zone-ressources.gif) left top repeat-x #f4f4f4;
  padding:0 1.5em .5em 1.5em;
  border: 1px solid #a0a0a0;
  -webkit-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
        z-index: 500;
position: relative;
}
.titre-boite {
  border-top:none;
  padding: 0em 0 0.3em 0;
  font-size: 1.8em;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0.8em 0 0;
}
.sous-titre-boite {
border: 0;
  font-size:1.3em;
  line-height: 1.1em;
  font-weight:bold;
  color:#000;
  display:block;
  text-align:left;
  margin: 0.3em 0 0.2em 0;
}
.titre-boite-no-cap {
  border-top:none;
  padding: 0em 0 0.3em 0;
  font-size: 1.3em;
  line-height: 1.2em;
  margin: 0.8em 0 0;
}
.h2-noblock-nouvelle{ font-weight:bold; font-size:1.222em; line-height:normal; border-top: 1px solid #E0E0E0; padding-top:0.5em; width:65%;  clear:none;}
.municipalite{background:url(../images/bg-boite-municipalite.png) center bottom repeat-x #f4f4f4;}

.plan-garantie{
  background: url(../images/bg-promo-plan-garantie.png) right top no-repeat #f4f4f4;
  text-align: left;
}
.plan-garantie .titre-boite{
  padding: 0em 0 0em 0;
  font-size: 1.7em;
  line-height: 1em;
  text-transform: uppercase;
  margin: 0.8em 20px 0.2em 0;
}
.plan-garantie .sous-titre-boite{
  font-size: 1.1rem;
  margin: 0 0 0.8em 0;
  font-weight: normal;
}
.plan-garantie p{margin: 0 70px 2em 0; padding: 0;}



/* Liens vers medias sociaux */
  #social-networks-links {
       position: absolute;
       top:55px;
       left:475px;
       width: 235px;   
    }
    
      #social-networks-links div{
       position: relative;
       float:right;
    }
    
     #social-networks-links span{
       color: #FFFFFF;
       font-weight:bold;
       position:relative;
       float:left;
       margin-top:4px;
    }
    #social-networks-links ul{
       position:relative;
       float:left;
       list-style-image:none;
       margin: 0 0 0 0;
    }
  #social-networks-links ul li {
        background-repeat: no-repeat;
        float: left;
        height: 21px;
        margin: 0;
        width: 22px;
        background:none;
        padding-left:3px;
    }

     #social-networks-links .style10 {
      background-repeat: no-repeat;
      font-size: auto !important;
      height: 21px;
      line-height: auto !important;
      overflow: auto !important;
      text-indent: 0 !important ;
      width: 22px;
      margin: 0 7px 0 0;
    }
    #social-networks-links ul li a:focus{
      outline: #FFFFFF dotted 1px; 
    }
      
    #social-networks-links .twitter {
      background-image: url("../images/icn-twitter.gif");
    }

   #social-networks-links .linkedin {
      background-image: url("../images/icn-linkedin.gif");
    }
    
    #social-networks-links .youtube{
      background-image: url("../images/icn-youtube.gif");
    }    


/*Page composante du site web,  boite composante  */
.boite-composante {
margin: 30px 0 5px 0;
padding: 10px;
border-left: 3px solid #eee;
}
.boite-titre {
background-color: #fdf7f7;
border-color: #d9534f;
}
.titre-composante{font-size: 2.5em;line-height: 1em;margin:0;padding:0;border-top:none;}

table.requete {
  /*width:1900px;*/
}

table.requete td {
  border: solid 1px #000000;
  text-align:left;
}

table.requete td p {
  width:450px;
}

table.requete th {
  border: solid 1px #000000;
  text-align:center;
}


/*Boite a ouitls edimestre*/
.btn-outils, .btn-outils:visited {
font-weight:bold;
font-size: 1.15rem;
color: #000000;
padding: 5px 10px 6px;
background: -moz-linear-gradient(
top,
#ffffff 0%,
#ffffff 50%,
#d6d6d6);
background: -webkit-gradient(
linear, left top, left bottom,
from(#ffffff),
color-stop(0.50, #ffffff),
to(#d6d6d6));
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid #000000;
-moz-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
-webkit-box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
box-shadow:
0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 3px rgba(255,255,255,1);
text-shadow:
0px -1px 0px rgba(000,000,000,0.1),
0px 1px 0px rgba(255,255,255,1);
margin-bottom:1.2rem;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#d6d6d6, endColorstr=#ffffff)";
}
.btn-outils:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background:#fff;
color: #000;
display: inline-block;
padding: 5px 10px 6px;
text-decoration: none;
border: 1px solid #000;
cursor: pointer;
font-size: 1.15rem;
font-weight:  bold;
color: #000;
margin-bottom:1.2rem;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient (GradientType=0, startColorstr=#ffffff, endColorstr=#ffffff)";
}
.btn-logout{
display:block;
border:none;
padding:10px;
font-size:1rem;
color:#000;
padding:0px;
line-height:1.667rem;
background:none;
font-weight:  bold;
text-decoration:underline;
margin:0px;
}


/**** formulaire evaluer page ***/
#formhandler_evaluer h2{
  text-transform: uppercase;
}
#formhandler_evaluer h2 .vert{
  color:#718F00;
}

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

#formhandler_evaluer .radiooption {
  display: inline-block;
  width: 22%; 
  text-align:center;  
  background:#eee;
}

#formhandler_evaluer .radiooption .inputradio{
  display:block;
  margin: 5px auto;
}

#formhandler_evaluer .radiooption .acomprendre{
  display:block;
  font-weight:normal;
}

#formhandler_evaluer label{
  font-weight:bold; 
  display:block;
  margin-top:10px;
}

#formhandler_evaluer .radiooptions{
  margin-bottom:15px;
}

#formhandler_evaluer #message{
  width:95%;
}
#formhandler_evaluer p.simple_bouton{
    margin-top: 10px;
  }
/*** select nouvelles, formulaires et publications ***/

optgroup{
  font-style:normal;
}


/*** Tableau pages ***/

table#example{
  width:3200px
}

table#example tbody, table#example thead
{
    display: block;
}

table#example tbody{
   overflow: auto;
   height: 1000px;
}


table#example,  table#example td {
   border: 1px solid black;
}

/**** diffusion ****/
  
  .table-dam td.lien {
    word-wrap: break-word;
    word-break:break-all;
  }
  
  table th.date {
    width:60px;
  }
  table th.file{
    width:80px;
  }
  table th.objet {
    width:180px;
  }
  .bold{
    font-weight:bold;
  }
  
  .diffusion .noteform{
  font-weight:bold;
  color:#00406B;      
  }
  .alllink{
    padding-bottom: 15px;
  }
  
.tx-ccw-documentation .diffusion label{
  display:block;
  width:auto;
  font-weight:bold;
  text-align: left;
}

.tx-ccw-documentation .diffusion .btn{
  font-weight:normal;
  float:none;
  margin:0;
}

/**** message général ****/
.message_general{
    padding:8px;
    border:2px solid #00406b;
    margin:0px 10px 10px 0px;
}

.message_general p{
    margin-bottom:0px;
    color:#00406b;
}

/*====================================================================================================
:: Centre documentaire
==================================================================================================== */

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

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


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

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

.tx-ccw-documentation label {
  width: 188px;
  display: inline-block;
  text-align:right;
  padding-top:2px;
}


.tx-ccw-documentation .btn {
  font-weight: bold;
  margin: 2px 0px 4px 190px;
  float:left;
}


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

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

.tx-ccw-documentation .listeDocuments a {
  
}

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

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

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

.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 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: url("../images/bg-btn.gif") repeat-x scroll 0 0 #2e652d;
  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;
  margin-left:190px;
}

.tx-ccw-documentation #keywordField {
  width:262px;
}

.tx-ccw-documentation .filtres {
  padding-top:10px;
  padding-bottom:10px;
}

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

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

.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;
}

/**************************************************************************************
******* 008 - 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;
}

/******* 008 - Fin Pagination ************************************************************
**************************************************************************************/
 /* Style pour des pages PES */
@font-face {
    font-family: 'ralewaysemibold';
    src: url('fonts/raleway-semibold-webfont.eot');
    src: url('fonts/raleway-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/raleway-semibold-webfont.woff2') format('woff2'),
         url('fonts/raleway-semibold-webfont.woff') format('woff'),
         url('fonts/raleway-semibold-webfont.ttf') format('truetype'),
         url('fonts/raleway-semibold-webfont.svg#ralewaysemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.pes-promo {
  background: #414042;
    border-bottom: 6px solid #004b7d;
    padding:20px 14px 14px 14px;
    color:#fff;
    text-align: left;
}
.pes-promo-titre {
  margin: 0 0 5px 0;
  font-family:'ralewaysemibold'!important;
  font-weight: normal;
  font-size: 22px;
  line-height: 24px;
}
.pes-promo p {
  font-size: 14px;
  line-height: 16px;
}
.pes-promo a, 
.pes-promo a:visited, 
.pes-promo a:active,
.pes-promo-titre a,
.pes-promo-titre a:visited,
.pes-promo-titre a:active{
  text-transform: uppercase; 
  color: #fff!important;
}

.pes-titre {
  text-transform: uppercase;
  width: 45%;
}
/*Bouton PES*/
.btn-pes {
    background: #3A6E26;
    /*background: #004b7d;*/
    padding: 13px 12px 13px 12px;
    margin: 0 0 24px 0;
    font-family:'ralewaysemibold'!important;
    font-size: 16px;
    color: #fff!important;
    text-decoration: none;
    text-transform: uppercase;
}
/* Effet Hover sur les boutons Sweep To Top */
.hvr-sweep-to-top {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-top:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #414042;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
  color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.hvr-sweep-to-top2 {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.hvr-sweep-to-top2:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #004b7d;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-sweep-to-top2:hover, .hvr-sweep-to-top2:focus, .hvr-sweep-to-top2:active {
  color: white;
}
.hvr-sweep-to-top2:hover:before, .hvr-sweep-to-top2:focus:before, .hvr-sweep-to-top2:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}

.btn-promo-accueil {
  background: #414042;
  border-bottom: 6px solid #004b7d;
  margin-top: 5px;
  font-family:'ralewaysemibold';
  font-size: 1.35em;
  color: #fff!important;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: -0.6px;
}
.btn-promo-accueil a, 
.btn-promo-accueil a:active, 
.btn-promo-accueil a:hover {
  display: block;
  padding: 16px 0 11px 10px;
  color: #fff!important;
  text-decoration: none;
}
.btn-promo-accueil-min-marge{margin-top:4px;}

/* ancien nouveau reglement */
.boite-avant-apres{
  padding: 0 0 4px 0;
  box-sizing: border-box;
  margin:10px 0 10px 0;
}
.ancien{
  background: #f5f5f5;
}
.titre-ancien, .titre-nouveau{
  background: #e0e0e0;
  color: #000;
  padding: 8px 8px 8px 14px;
}
.ancien p, 
.ancien h4, 
.nouveau p, 
.nouveau h4{
  margin-left: 14px;
  margin-right: 14px;
}
.nouveau{
  /*background: #EDEDED;*/
  background: #f5f5f5;
}
.titre-nouveau{
  background: #00406b;
  color: #fff;
}
.boite-avant-apres h3{
  margin:0;
}
.highlight{
  background: #FFFF80;
  font-style: normal;
}
.nouveau p:first-of-type{
    margin-top:15px;
    font-weight:bold;
}