@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap'); @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); @import "/extensions/css/reset_print.css" print; .css_1{position:relative;width:100%;height:100%;}  @media screen and (max-width:1500px) {.css_1_p{position:relative;width:100%;height:100%;} }  @media screen and (max-width:1100px) {.css_1_t{position:relative;width:100%;height:100%;} }  @media screen and (max-width:700px) {.css_1_m{position:relative;width:100%;height:100%;} }   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; text-transform:uppercase; }  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; }  @media screen and (max-width:700px) {  div.conteneur{   width:100%;  }    nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li:not(.div_multi_colonne)>ul, nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li:not(.div_multi_colonne)>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;  }  }  .fx_edit_popup_fond { position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; overflow:hidden; background:#000; background:rgba( 0 , 0 , 0 , 0.3 ); z-index:100; cursor:pointer; }  .fx_edit_popup{ position:fixed;  top:50%;  left:50%;  transform:translate(-50%,-50%); max-width:90%; max-height:90%; min-width:500px; background:#fff; overflow-x:hidden; overflow-y:auto; color:#000; border:3px solid #000; border-radius:10px; padding:30px; }  .fx_edit_popup.fx_edit_popup_plein_ecran , .fx_edit_popup.fx_edit_popup_100{ top:50%; left:50%; right:auto;  transform:translate(-50%,-50%); height:90%; padding:0; }  .fx_edit_popup.fx_edit_popup_plein_ecran{ width:90%; }  .fx_edit_popup_100{ width:100%; max-width:100%; }  .fx_edit_popup.fx_edit_popup_plein_ecran img{ max-height:100%; max-width:100%; }  .fx_edit_popup.fx_edit_popup_plein_ecran iframe{ position:absolute; top:0; bottom:0; right:0; left:0; width:100%; height:100%; }  .fx_edit_fermer{ position:fixed; top:35px;  left:50%;  transform:translate(-50%,-50%);  border-radius:50%; cursor:pointer;  border:3px solid #000; background:#fff; width:50px; height:50px; }  .fx_edit_fermer:hover{ background:#ddd; }  .fx_edit_fermer:after , .fx_edit_fermer:before{ content:" "; position:absolute; top:50%; left:50%;  border-radius:2px; height:3px; width:80%; background:#000; }  .fx_edit_fermer:after{  transform:translate(-50%,-50%) rotate(45deg); }  .fx_edit_fermer:before{  transform:translate(-50%,-50%) rotate(-45deg); }  .fx_edit_hide{ display:none; }  .edit_patience_popup , .edit_patience_popup:after{ position:absolute; top:50%; left:50%;  border-radius:50%; }  .edit_patience_popup{ width:30px; height:30px; background:#fff; background:rgba(255,255,255,0.8); z-index:998;  transform:translate(-50%,-50%);  animation:animation_edit_patience_popup 3000ms infinite linear; }  .edit_patience_popup:after{ content:" "; top:0%; left:0%; bottom:20%; right:20%; border-top:5px solid #195193; border-right:5px solid #195193; border-bottom:5px solid #195193; border-left:5px solid transparent;  animation:animation_edit_patience_popup_after 1250ms infinite linear; z-index:999; }   .fx_edit_popup header h1 , .fx_edit_popup header h2 , .fx_edit_popup header h3{ line-height:1.2em; margin:0.3em 0; font-weight:300; color:#3a3a3a; }  .fx_edit_popup header h1{ font-size:2em; text-align:center; }  .fx_edit_popup header h2{ font-size:1.6em; }  .fx_edit_popup header h3{ font-size:1.3em; }  .fx_edit_popup{z-index:101;}  .fx_edit_fermer{z-index:102;}  .fx_edit_popup[data-niv='2']{z-index:103;}  .fx_edit_fermer[data-niv='2']{z-index:104;}  .fx_edit_popup[data-niv='3']{z-index:105;}  .fx_edit_fermer[data-niv='3']{z-index:106;}  .fx_edit_popup[data-niv='4']{z-index:107;}  .fx_edit_fermer[data-niv='4']{z-index:108;}  .fx_edit_popup[data-niv='5']{z-index:109;}  .fx_edit_fermer[data-niv='5']{z-index:110;}  @keyframes animation_edit_patience_popup{  0%{   transform:rotate(0deg);  }   100%{   transform:rotate(-360deg);  }  }  @keyframes animation_edit_patience_popup_after{  0%{   transform:rotate(0deg);  }   100%{   transform:rotate(360deg);  }  }  @media screen and (max-width:700px) {  .fx_edit_popup{  min-width:auto;  width:90%; }   }  .form_input_time{ display:inline-block; position:relative; padding:0 12px; width:15px; cursor:pointer; line-height:40px; }  .form_input_time>span{ display:inline-block; width:15px; height:15px; background:transparent url( /extensions/fonctions/form/images/clock.png) no-repeat center center; }  .form_input_time>div{ position:absolute; top:40px; left:-100px; width:100px; background:#fff; border:1px solid #000; z-index:100; }  .form_input_time>div>div{ float:left; width:50%; height:9.8em; overflow-x:auto; }  .form_input_time>div p{ border-bottom:1px solid #888; line-height:1.4em; text-align:center; }  .form_input_time>div p.actif , .form_input_time>div p:hover{ background:#ddd; }   .form_on_off{  position:relative;  display:inline-block;  width:60px;  height:34px; }  .form_on_off input{  opacity:0;  width:0;  height:0; }  .form_on_off span{  position:absolute;  cursor:pointer;  top:0;  left:0;  right:0;  bottom:0;  background-color:#ccc;  transition:.4s;  border-radius:34px; }  .form_on_off:hover input + span{  background-color:#aaa; }  .form_on_off span:before{  position:absolute;  content:"";  height:26px;  width:26px;  background-color:#fff;  transition:.4s;  border-radius:50%;  top:50%;  left:4px;  transform:translateY(-50%); }  .form_on_off input:checked + span{  background-color:#2196F3; }  .form_on_off:hover input:checked + span{  background-color:#0f70bc; }  .form_on_off input:focus + span{  box-shadow:0 0 1px #2196F3; }  .form_on_off input:checked + span:before{  left:calc( 100% - 30px ); }  .form_on_off span p{ position:absolute;  top:0;  bottom:0;  left:4px; max-width:calc( 100% - 34px ); text-align:left; line-height:34px; font-size:10px; padding:0 5px;  transition:all 0.3s;  opacity:0;  filter:alpha(opacity=0); }  .form_on_off span p:last-child{ text-align:right;  opacity:1;  filter:alpha(opacity=100);  right:4px; left:auto; }  .form_on_off input:checked + span p{  opacity:1;  filter:alpha(opacity=100); }  .form_on_off input:checked + span p:last-child{  opacity:0;  filter:alpha(opacity=0); }  .form_on_off.txt_off_2_lignes span p:last-child{ line-height:17px; }  .input_euro{ text-align:right; }  input[readonly]{ background:linear-gradient(-45deg, #eee 25%, #ccc 25%, #ccc 50%, #eee 50%, #eee 75%, #ccc 75%, #ccc); background-size:6px 6px; }  .banniere_bonjour{ position:fixed; top:0; left:0; right:0; background:#323334; color:#fff; padding:0 30px; font-size:24px; line-height:30px; }  .banniere_bonjour a{ float:right; display:block; position:relative; background:#36cbd8; width:20px; height:20px;  border-radius:50%; margin:5px 0; }  .banniere_bonjour a svg{ position:absolute; font-size:12px;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  .banniere_bonjour a svg *{ fill:#fff; }  .qui_etes_vous , .qui_etes_vous b{ float:left; display:block; width:100%; }  .qui_etes_vous{ padding:30px; text-align:center; }  .qui_etes_vous b{ font-size:22px; margin-bottom:20px; }  .qui_etes_vous a{ display:inline-block; position:relative; height:0; width:100px; padding-bottom:100px; border-radius:20px; box-shadow:5px 5px 5px #656565; border:1px solid #000; margin:10px; }  .qui_etes_vous a:hover{ background:#eee; }  .qui_etes_vous a span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80%; }  .planning{ position:fixed; top:30px; bottom:0; left:0; right:0; }  .col_intitule{ position:absolute; top:0; bottom:0; left:0; width:115px; }  .col_intitule>div{ background:#eee; }  .col_intitule>div , .col_j>div{ float:left; display:block; position:relative; width:100%; height:2em; line-height:2em; border:1px solid #000; white-space:nowrap; padding:0 2px; }  .col_intitule>div:nth-child(1) , .col_j>div:nth-child(1){ height:6em; }  .col_intitule>div:nth-child(1) p:nth-child(2) , .col_j>div:nth-child(1) p:nth-child(2){ font-size:1.8em; }  .planning_jours{ position:absolute; top:0; bottom:0; left:115px; right:0; overflow-x:visible; overflow-y:hidden; white-space:nowrap;  letter-spacing:-0.3em; }  .col_j{ display:inline-block;  letter-spacing:0em;  width:50px; text-align:center; }  .col_j:nth-child(4n+1)>div{ border-left:2px solid #00f; }  .col_j>div a{ position:absolute; top:0; bottom:0; right:0; left:0; }  .col_j>div a svg{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  .col_j>div a svg.picto_crayon *{ fill:#aaa; }  .col_j>div:nth-child(1) , .col_j>div:nth-child(2) , .col_j>div:nth-child(3){ background:#eee; }  .col_j>.disponible{ background:#049c0b; }  .col_j>.peutetre{ background:#d78e00; }  .col_j>.nondisponible{ background:#db0909; }  .col_j:hover>div:not(.disponible,.peutetre,.nondisponible){ background:#ddd; }  .form_activite{ text-align:center; }  .form_activite label.label_radio{ display:inline-block; padding:10px; width:80px; height:90px; margin-bottom:10px; }  .form_activite label.label_radio:hover{ background:#ddd; cursor:pointer; }  .form_activite label.label_radio svg{ width:60px; height:60px; }   #screenshot{  position:absolute;  background:#e4e4e4;  padding:10px;  border:1px solid #838383;  display:none;  z-index:500;  color:#000; max-width:800px; }  @media screen and (max-width:900px) {  #screenshot{  max-width:80%; }  }