@charset "UTF-8"; @import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');  @import "/extensions/css/reset_fixe.css";  @import "/extensions/css/reset_portable.css" screen and (max-width:1500px);  @import "/extensions/css/reset_tablette.css" screen and (max-width:1100px);  @import "/extensions/css/reset_mobile.css" screen and (max-width:700px);  .css_1{border-left-color:#6fc7ca; border-left-style:solid; border-left-width:1px; padding-left:30px; }  @media screen and (max-width:1500px) {.css_1_p{border-left-color:#6fc7ca; border-left-style:solid; border-left-width:1px; padding-left:30px; } }  @media screen and (max-width:1100px) {.css_1_t{border-left-color:#6fc7ca; border-left-style:solid; border-left-width:1px; padding-left:30px; } }  @media screen and (max-width:700px) {.css_1_m{border-left-color:#6fc7ca; border-left-style:solid; border-left-width:1px; padding-left:30px; } }   html, body{  width:100%;   min-height:100%;   margin:0;   padding:0;  }  html{overflow:auto; }  body{ background:#fff;   font-family:"Open Sans",Arial,Georgia,Verdana,sans-serif;  font-size:16px;  font-weight:300;  color:#231f20;  }  a{color:inherit; text-decoration:none; }  a:hover{text-decoration:none; }  main{  overflow:hidden;  }  main h1,main h2,main h3{ line-height:1.2em;  margin:0.3em 0;  font-weight:300;  color:#3785c7;  }  main h1{font-size:1.8em; }  main h2{font-size:1.5em; }  main h3{font-size:1.2em; }  img,embed{  max-width:100%;  }  div.conteneur , main.conteneur{ width:90%;  max-width:1200px;  margin:0 auto;   clear:both;  }  header[role=banner]{ background:#f9d7bc;  }   .fond_logo{ background:url(/images/banniere_haut.png) no-repeat 60% 0%;  padding:10px 0;  }  .menu_principal_fond{ background:#3785c7;  color:#fff;  }  ul.menu_deroulant>li>a{ font-size:18px;  padding:0.3em 1ex;  }  html nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li:not(.div_multi_colonne)>ul , html nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li:not(.div_multi_colonne)>div{ background:#3785c7;  color:#fff;  }  main{ padding:60px 0;  }   footer[role=contentinfo]{ background:#3ea9e1;  padding:40px 0;  }  footer[role=contentinfo] a{ display:inline-block;  width:100%;  text-transform:uppercase;  padding:0.3em 0;  }  body ul.menu_deroulant ul ul{ display:block;  }  @media screen and (max-width:1200px) {  .fond_logo{  background-position:250px 0px;  }  }  @media screen and (max-width:1000px) {  ul.menu_deroulant>li>a{  font-size:14px;  }  }  @media screen and (max-width:700px) {  .fond_logo{  background-position:center 0;  }   .logo img{  margin-left:30px;  }    div.conteneur{   width:100%;   }    nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li>ul, nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li>div{   padding-left:2ex;   }    main article.conteneur>div , main article .conteneur>div , main .conteneur article>div{   padding:0px!IMPORTANT;   }    main article>div figure{   text-align:center;   }  }   a.menu_mobile{  display:inline-block!IMPORTANT;   background-repeat:no-repeat!IMPORTANT;   background-position:calc( 100% / 29 * 28 ) 0px;   background-size:auto 200%!IMPORTANT;   margin:8px 1ex!IMPORTANT;  width:32px;  height:32px;  overflow:hidden!IMPORTANT;  line-height:150px!IMPORTANT;  }  a.menu_mobile.menu_mobile_maison , a.menu_mobile.menu_mobile_menu{ float:left;  margin:1ex .3em;  }  a.menu_mobile.menu_mobile_menu{ float:right;  }  a.menu_mobile.menu_mobile_48{width:48px; height:48px; }  a.menu_mobile.menu_mobile_64{width:64px; height:64px; }  .menu_mobile_blanc{background-image:url(/pages/gestion_menus_mobile/icones/picto_blanc_32.png); }  .menu_mobile_blanc_transparent{background-image:url(/pages/gestion_menus_mobile/icones/picto_blanc_transparent_32.png); }  .menu_mobile_carre_couleur{background-image:url(/pages/gestion_menus_mobile/icones/picto_carre_couleur_32.png); }  .menu_mobile_carre_couleur_ombre{background-image:url(/pages/gestion_menus_mobile/icones/picto_carre_couleur_ombre_32.png); }  .menu_mobile_gris{background-image:url(/pages/gestion_menus_mobile/icones/picto_gris_32.png); }  .menu_mobile_logo{background-image:url(/pages/gestion_menus_mobile/icones/picto_logo_32.png); }  .menu_mobile_noir_clair{background-image:url(/pages/gestion_menus_mobile/icones/picto_noir_clair_32.png); }  .menu_mobile_rond_blanc{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_blanc_32.png); }  .menu_mobile_rond_couleur{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_couleur_32.png); }  .menu_mobile_rond_noir{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_noir_32.png); }  .menu_mobile_sobre{background-image:url(/pages/gestion_menus_mobile/icones/picto_sobre_32.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_blanc{background-image:url(/pages/gestion_menus_mobile/icones/picto_blanc_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_blanc_transparent{background-image:url(/pages/gestion_menus_mobile/icones/picto_blanc_transparent_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_carre_couleur{background-image:url(/pages/gestion_menus_mobile/icones/picto_carre_couleur_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_carre_couleur_ombre{background-image:url(/pages/gestion_menus_mobile/icones/picto_carre_couleur_ombre_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_gris{background-image:url(/pages/gestion_menus_mobile/icones/picto_gris_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_logo{background-image:url(/pages/gestion_menus_mobile/icones/picto_logo_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_noir_clair{background-image:url(/pages/gestion_menus_mobile/icones/picto_noir_clair_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_rond_blanc{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_blanc_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_rond_couleur{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_couleur_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_rond_noir{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_noir_64.png); }  a.menu_mobile.menu_mobile_48.menu_mobile_sobre{background-image:url(/pages/gestion_menus_mobile/icones/picto_sobre_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_blanc{background-image:url(/pages/gestion_menus_mobile/icones/picto_blanc_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_blanc_transparent{background-image:url(/pages/gestion_menus_mobile/icones/picto_blanc_transparent_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_carre_couleur{background-image:url(/pages/gestion_menus_mobile/icones/picto_carre_couleur_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_carre_couleur_ombre{background-image:url(/pages/gestion_menus_mobile/icones/picto_carre_couleur_ombre_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_gris{background-image:url(/pages/gestion_menus_mobile/icones/picto_gris_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_logo{background-image:url(/pages/gestion_menus_mobile/icones/picto_logo_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_noir_clair{background-image:url(/pages/gestion_menus_mobile/icones/picto_noir_clair_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_rond_blanc{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_blanc_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_rond_couleur{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_couleur_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_rond_noir{background-image:url(/pages/gestion_menus_mobile/icones/picto_rond_noir_64.png); }  a.menu_mobile.menu_mobile_64.menu_mobile_sobre{background-image:url(/pages/gestion_menus_mobile/icones/picto_sobre_64.png); }  a.menu_mobile_youtube{background-position:0 0; }  a.menu_mobile_contact{background-position:calc( 100% / 33 ) 0; }  a.menu_mobile_twitter{background-position:calc( 100% / 33 * 2 ) 0; }  a.menu_mobile_googleplus{background-position:calc( 100% / 33 * 3 ) 0; }  a.menu_mobile_facebook{background-position:calc( 100% / 33 * 4 ) 0; }  a.menu_mobile_pinterest{background-position:calc( 100% / 33 * 5 ) 0; }  a.menu_mobile_menu{background-position:calc( 100% / 33 * 6 ) 0; }  a.menu_mobile_instagram{background-position:calc( 100% / 33 * 7 ) 0; }  a.menu_mobile_maison{background-position:calc( 100% / 33 * 8 ) 0; }  a.menu_mobile_recherche{background-position:calc( 100% / 33 * 9 ) 0; }  a.menu_mobile_download{background-position:calc( 100% / 33 * 10 ) 0; }  a.menu_mobile_upload{background-position:calc( 100% / 33 * 11 ) 0; }  a.menu_mobile_telephone{background-position:calc( 100% / 33 * 12 ) 0; }  a.menu_mobile_play{background-position:calc( 100% / 33 * 13 ) 0; }  a.menu_mobile_stop{background-position:calc( 100% / 33 * 14 ) 0; }  a.menu_mobile_pause{background-position:calc( 100% / 33 * 15 ) 0; }  a.menu_mobile_debut{background-position:calc( 100% / 33 * 16 ) 0; }  a.menu_mobile_agrandir{background-position:calc( 100% / 33 * 17 ) 0; }  a.menu_mobile_parametre{background-position:calc( 100% / 33 * 18 ) 0; }  a.menu_mobile_map{background-position:calc( 100% / 33 * 19 ) 0; }  a.menu_mobile_supprimer{background-position:calc( 100% / 33 * 20 ) 0; }  a.menu_mobile_renouveler{background-position:calc( 100% / 33 * 21 ) 0; }  a.menu_mobile_cle{background-position:calc( 100% / 33 * 22 ) 0; }  a.menu_mobile_molette{background-position:calc( 100% / 33 * 23 ) 0; }  a.menu_mobile_bas{background-position:calc( 100% / 33 * 24 ) 0; }  a.menu_mobile_haut{background-position:calc( 100% / 33 * 25 ) 0; }  a.menu_mobile_ajout{background-position:calc( 100% / 33 * 26 ) 0; }  a.menu_mobile_tumblr{background-position:calc( 100% / 33 * 27 ) 0; }  a.menu_mobile_monde{background-position:calc( 100% / 33 * 28 ) 0; }  a.menu_mobile_linkedin{background-position:calc( 100% / 33 * 29 ) 0; }  a.menu_mobile_rss{background-position:calc( 100% / 33 * 30 ) 0; }  a.menu_mobile_blogger{background-position:calc( 100% / 33 * 31 ) 0; }  a.menu_mobile:hover{background-position-y:100%; }  html a.menu_mobile_svg{  background-position:0;   padding:5px;  }  html a.menu_mobile_svg svg{  float:left;   display:block;   width:100%;   height:100%;  }  footer .menu_mobile.menu_mobile_maison , footer .menu_mobile.menu_mobile_recherche , footer .menu_mobile.menu_mobile_contact{display:none; }  @media screen and (max-width:700px) {  table.menu_mobile{   display:table;   }   }  .banniere_fond {  position:relative;  }  .test p:nth-child(3n+1){  font-size:32px;   font-weight:bold;  }  div.banniere.banniere_js{  height:0;   padding-bottom:50%;  }  div.banniere_js>a , div.banniere_js>div{  position:absolute;   display:block;   width:100%;   height:100%;   top:0px;   left:0px;   z-index:2;  }  div.banniere_js>a.hide , div.banniere_js>div.hide{  display:none;  }  html div[class*="banniere_multiple"]:not(.banniere_fond)>a , html div[class*="banniere_multiple"]:not(.banniere_fond)>div{  width:50%;   right:auto;   left:auto;   bottom:auto;  }  div[class*="banniere_multiple"]:not(.banniere_fond)>a:nth-child(2n) , div[class*="banniere_multiple"]:not(.banniere_fond)>div:nth-child(2n){  right:0px;  }  div.banniere.banniere_js picture{  position:absolute;   top:0;   bottom:0;   left:0;   right:0;   width:100%;   height:100%;  }  div.banniere picture img{  width:100%;  }  div.banniere .bloc_hauteur picture img{  width:auto;   max-width:1000000%;  height:100%;  }  div.banniere>.image_centree>picture img , div.banniere>.image_bloquee_droite>picture img , div.banniere>.image_bloquee_gauche>picture img{  position:absolute;   top:50%;   width:auto;   max-width:10000%;   height:100%;  }  div.banniere>a.image_centree>picture img{  left:50%;   -webkit-transform:translate(-50%,-50%);   -khtml-transform:translate(-50%,-50%);   -moz-transform:translate(-50%,-50%);   -ms-transform:translate(-50%,-50%);   -o-transform:translate(-50%,-50%);   transform:translate(-50%,-50%);  }  div.banniere>.image_bloquee_droite>picture img{  right:0px;  }  div.banniere>.image_bloquee_gauche>picture img{  left:0px;  }  div.banniere_js>a:not(.paralaxe_inverse):not(.paralaxe):not(.image_centree):not(.bloc_hauteur)>picture img , div.banniere_js>div:not(.paralaxe_inverse):not(.paralaxe):not(.image_centree):not(.bloc_hauteur)>picture img{  position:absolute;   width:100%;   top:0px;   z-index:3;  }  div.banniere>.image_bloquee_droite>picture img{  right:0%;  }  div.banniere>.image_bloquee_gauche>picture img{  left:0%;  }  .banniere .description , .banniere .h1_gauche , .banniere .h1_droite{  position:absolute;   max-width:40%;   height:auto;   padding:15px;   background:#fff;   background:rgba(255,255,255,0.5);   color:#000;   z-index:4;  }  .banniere .description{  right:auto;   left:10%;   top:10%;  }  .banniere.h1_droite{  left:auto;   right:10%;   bottom:10%;  }  .banniere .h1_gauche{  right:auto;   left:10%;   bottom:10%;  }  .banniere_precedent , .banniere_suivant{  position:absolute;   display:none;   width:58px;   height:58px;   top:50%;   top:calc( 50% - 29px );   background:rgba(255,255,255,0.6) url(/pages/banniere/img/fleche.png) no-repeat center center;   background-size:auto 50%;   z-index:20;   cursor:pointer;   -webkit-opacity:0.5;   -khtml-opacity:0.5;   -moz-opacity:0.5;   -ms-opacity:0.5;   -o-opacity:0.5;   opacity:0.5;   filter:alpha(opacity=50);   -webkit-transition:all 0.3s;   -khtml-transition:all 0.3s;   -moz-transition:all 0.3s;   -ms-transition:all 0.3s;   -o-transition:all 0.3s;   transition:all 0.3s;   -webkit-border-radius:100%;   -khtml-border-radius:100%;   -moz-border-radius:100%;   -ms-border-radius:100%;   -o-border-radius:100%;   border-radius:100%;  }  .banniere_precedent{left:2%; }  .banniere_suivant{  right:2%;   -webkit-transform:rotate(180deg);   -ms-transform:rotate(180deg);   transform:rotate(180deg);  }  .banniere_fleche_exterieur .banniere_precedent{left:-2ex; }  .banniere_fleche_exterieur .banniere_suivant{right:-2ex; }  .banniere_fleche .banniere_precedent , .banniere_fleche .banniere_suivant{display:block; }  div.banniere_fond:hover .banniere_precedent , div.banniere_fond:hover .banniere_suivant{  -webkit-opacity:1;   -khtml-opacity:1;   -moz-opacity:1;   -ms-opacity:1;   -o-opacity:1;   opacity:1;   filter:alpha(opacity=100);  }  ul.banniere li{  vertical-align:top;  }  ul.banniere a{ float:left;  }  ul.banniere img{ float:left;  display:block;  width:100%;  }  .banniere_point{  position:absolute;   bottom:5px;   right:5px;   z-index:4;  }  .banniere_point p{  float:left;   display:block;   width:18px;   height:18px;   margin-left:5px;   cursor:pointer;   background:#000;   -webkit-opacity:0.5;   -khtml-opacity:0.5;   -moz-opacity:0.5;   -ms-opacity:0.5;   -o-opacity:0.5;   opacity:0.5;   filter:alpha(opacity=50);   -webkit-transition:all 0.3s;   -khtml-transition:all 0.3s;   -moz-transition:all 0.3s;   -ms-transition:all 0.3s;   -o-transition:all 0.3s;   transition:all 0.3s;  -webkit-border-radius:100%;  -khtml-border-radius:100%;  -moz-border-radius:100%;  -ms-border-radius:100%;  -o-border-radius:100%;  border-radius:100%;  border:1px solid #fff;  }  .banniere_point p:hover , .banniere_point p.actif{  -webkit-opacity:1;   -khtml-opacity:1;   -moz-opacity:1;   -ms-opacity:1;   -o-opacity:1;   opacity:1;   filter:alpha(opacity=100);  }  .conteneur_triple_ecran_droit , .conteneur_triple_ecran_gauche{  position:absolute;   top:0;   margin-top:80px;  width:75%;  max-width:1000px;  }  .conteneur_triple_ecran_gauche{  right:calc( ( 100% - 1200px ) / 2 + 1200px );  }  .conteneur_triple_ecran_droit{  left:calc( ( 100% - 1200px ) / 2 + 1200px );  }   div.banniere>a>div{  position:absolute;   z-index:5;  }  div.banniere>a>div img{  width:auto;  }  .banniere_paralaxe img{  float:left;   display:block;   width:100%;  }  .banniere_pagination{  position:absolute;   bottom:1.5em;   left:0;   right:0;   width:100%;   z-index:6;   text-align:center;  }  .banniere_pagination>div{  display:inline-block;   padding:7px 3ex;   background:#fff;   background:rgba(255,255,255,0.5);   color:#fff;   font-size:1.2em;   line-height:1.2em;   -webkit-text-shadow:1px 1px 3px #000;   -khtml-text-shadow:1px 1px 3px #000;   -moz-text-shadow:1px 1px 3px #000;   -ms-text-shadow:1px 1px 3px #000;   -o-text-shadow:1px 1px 3px #000;   text-shadow:1px 1px 3px #000;  }  .banniere_taille_ecran.banniere {  position:relative;  }  .banniere_taille_ecran img{  object-fit:cover;   width:auto;   height:100%;  }  .banniere_admin{ position:absolute;  top:0px;  left:0px;  background:#fff;  padding:10px;  z-index:50;  }  @media screen and (max-width:1333.33333333px) { .conteneur_triple_ecran_gauche , .conteneur_triple_ecran_droit{   display:none;   }   }  @media screen and (max-width:1000px) {   .banniere_precedent , .banniere_suivant{   width:30px;    height:30px;   }   div.banniere *{   font-size:20px!IMPORTANT;    line-height:1.2em!IMPORTANT;   }    div.banniere header h1{   font-size:22px!IMPORTANT;    line-height:1.2em!IMPORTANT;   }   }  @media screen and (max-width:700px) {   div.banniere>a:not(.image_centree)>picture img{   top:0%!IMPORTANT;    -webkit-transform:none!IMPORTANT;    -khtml-transform:none!IMPORTANT;    -moz-transform:none!IMPORTANT;    -ms-transform:none!IMPORTANT;    -o-transform:none!IMPORTANT;    transform:none!IMPORTANT;   }    div.banniere>a:not(.image_bloquee_droite):not(.image_centree)>picture img{   left:0%!IMPORTANT;   }    .banniere_fond.banniere_taille_ecran div.banniere{   height:400px!IMPORTANT;    padding-bottom:0px!IMPORTANT;   }    .banniere_fond.banniere_taille_ecran div.banniere a img{   width:auto;    max-width:10000%;    height:100%;   }  .banniere_precedent , .banniere_suivant{   font-size:1em;    line-height:0.6em;   }    .banniere_point p{   display:none;   }   html body .banniere .description , html body .banniere .banniere_h1_description{   top:auto;    bottom:20px;    right:auto;    left:50%;    width:80%;    max-width:80%;    -webkit-transform:translate(-50%,0);    -khtml-transform:translate(-50%,0);    -moz-transform:translate(-50%,0);    -ms-transform:translate(-50%,0);    -o-transform:translate(-50%,0);    transform:translate(-50%,0);   }   }  body #tarteaucitronRoot , body #tarteaucitronRoot #tarteaucitronAlertBig{ position:static;  float:left;  display:block;  -webkit-box-sizing:border-box;  -khtml-box-sizing:border-box;  -moz-box-sizing:border-box;  -ms-box-sizing:border-box;  -o-box-sizing:border-box;  box-sizing:border-box;  }  body #tarteaucitronAlertSmall #tarteaucitronManager{ width:10px;  white-space:nowrap;  color:rgba(0,0,0,0);  }