@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{background-color:#f4f4f4;border-top-color:#d9d9d9;border-top-style:solid;border-top-width:1px;border-bottom-color:#d9d9d9;border-bottom-style:solid;border-bottom-width:1px;}  @media screen and (max-width:1500px) {.css_1_p{background-color:#f4f4f4;border-top-color:#d9d9d9;border-top-style:solid;border-top-width:1px;border-bottom-color:#d9d9d9;border-bottom-style:solid;border-bottom-width:1px;} }  @media screen and (max-width:1100px) {.css_1_t{background-color:#f4f4f4;border-top-color:#d9d9d9;border-top-style:solid;border-top-width:1px;border-bottom-color:#d9d9d9;border-bottom-style:solid;border-bottom-width:1px;} }  @media screen and (max-width:700px) {.css_1_m{background-color:#f4f4f4;border-top-color:#d9d9d9;border-top-style:solid;border-top-width:1px;border-bottom-color:#d9d9d9;border-bottom-style:solid;border-bottom-width:1px;} }  body.type_blanc_front{  background:#fff;  font-family:Verdana,Helvetica,Arial,Trebuchet MS,sans-serif;  font-size:12px;  color:#000; }  body.type_blanc_front A{color:#000;font-size:12px;font-weight:bold;text-decoration:none;}  body.type_blanc_front A:hover{text-decoration:underline;}  body.type_blanc_front *{outline:none;}  body.type_blanc_front img{border:0px;}  body.type_blanc_front a img{border:0px;}  body.type_blanc_front .clear{clear:both;}  body.type_blanc_front .hide{display:none;}  body.type_blanc_front .droit{float:right;display:inline;}  body.type_blanc_front .gauche{float:left;display:inline;}  body.type_blanc_front h1{font-family:Verdana,Helvetica,Arial,Trebuchet MS,sans-serif;font-size:25px;color:#000;font-weight:normal;margin:0 0 25px 0;}  body.type_blanc_front h2{font-family:Verdana,Helvetica,Arial,Trebuchet MS,sans-serif;font-size:20px;color:#000;font-weight:bold;margin:0 0 20px 0;}  body.type_blanc_front h3{font-family:Verdana,Helvetica,Arial,Trebuchet MS,sans-serif;font-size:15px;color:#000;font-weight:bold;margin:0 0 15px 0;}  body.type_blanc_front input , body.type_blanc_front select , body.type_blanc_front textarea{font-family:Verdana,Arial,Helvetica,sans-serif;font-size:12px;color:#333;background:transparent;border:1px solid #000;}  body.type_blanc_front input.vide,,select.vide,,textarea.vide{border:2px solid #f00;}  body.type_blanc_front input[type=submit]{font-weight:bold;padding:0 3px;}  body.type_blanc_front .boutonSauvegarder{background:url(/images/picto/sauvegarder.jpg) no-repeat;border:none;width:43px;height:45px;}  body.type_blanc_front .corps{margin:0px auto;width:95%;}  .festival_bouton { background-color:#e65a73; color:#fff; font-weight:bold; text-transform:uppercase; font-size:12px; -webkit-border-radius:20px; -khtml-border-radius:20px; -moz-border-radius:20px; -ms-border-radius:20px; -o-border-radius:20px; border-radius:20px; padding:8px 1.5ex; }  .festival_bouton:hover { background-color:#b3364c; }  .liste_enfant { border-right:3px double #2b65b0; background:#fafbfd; z-index:20; }  .enfant { padding:10px; }  .enfant a { font-size:20px; }  .enfant.select a svg *{ fill:#fff; }  .enfant a i { display:block; width:100%; font-size:11px; }  .enfant.select { background:#2b65b0; color:#fff; }  .enfant.select a { color:#fff; }  .enfant .enfant_jour { border-bottom:1px solid #2b65b0; padding:0.5em 0; }  .activite_total { padding:0.5em 0; border-bottom:3px double #2b65b0; }  .enfant.select .enfant_jour { border-bottom:1px solid #fff; }  .enfant .enfant_jour:last-child, .enfant.select .enfant_jour:last-child { border-bottom:none; }  .enfant_jour i { font-size:10px; }  .liste_jour { border-bottom:3px double #2b65b0; }  .liste_jour li a { padding:0.7em 1.5ex; font-weight:bold; font-size:1.2em; }  .liste_jour li:hover a, .liste_jour li.select a { color:#fff; background:#2b65b0; ; }  .liste_jour li:first-child:nth-last-child(1) {width:100%;}  .liste_jour li:first-child:nth-last-child(2) , .liste_jour li:first-child:nth-last-child(2)~li { width:50%; }  .liste_jour li:first-child:nth-last-child(3) , .liste_jour li:first-child:nth-last-child(3)~li { width:33.33333%; }  .liste_jour li:first-child:nth-last-child(4), .liste_jour li:first-child:nth-last-child(4)~li { width:25%; }  .liste_jour li:first-child:nth-last-child(5) , .liste_jour li:first-child:nth-last-child(5)~li { width:20%; }  .liste_jour li:first-child:nth-last-child(6) , .liste_jour li:first-child:nth-last-child(6)~li { width:16.6666%; }  .liste_jour li:first-child:nth-last-child(7) , .liste_jour li:first-child:nth-last-child(7)~li { width:14.2857142857%; }  .liste_jour li:first-child:nth-last-child(8) , .liste_jour li:first-child:nth-last-child(8)~li { width:12.5%; }  .liste_activite { padding-left:20px; }  .activite_inscription { margin-top:3px; }  .activite_inscription>div.heure_title, .activite_inscription>a>div, .ouverture_div_explication { padding:0.4em 1ex; }  .activite_inscription>a { border:2px solid #195193; color:#195193; text-transform:uppercase; -webkit-border-radius:8px; -khtml-border-radius:8px; -moz-border-radius:8px; -ms-border-radius:8px; -o-border-radius:8px; border-radius:8px; margin-left:15px; }  .activite_inscription>a:hover { background:#0b386d; color:#fff; }  .activite_inscription>a>div.droit { background:#195193; color:#fff; }  .ouverture_div, .ouverture_div * { display:inline-block; }  div.ouverture_div { border:2px solid #2b65b0; color:#2b65b0; width:25px; height:25px; line-height:20px; margin-left:1.5ex; }  div.ouverture_div.fermer { border:2px solid #e65a73; color:#e65a73 }  .activite_inscription div.ouverture_div { margin:20px 0 0 20px; -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%); }  .activite_tarif { background:#fff; border:3px double #2b65b0; color:#2b65b0; font-weight:bold; padding:0.2em 0.6ex; }  .activite_reduction, .recapitulatif_reduction .activite_tarif { border:3px double #e65a73; color:#e65a73; }  .activite_total, .enfant .activite_total { background:#2b65b0; color:#fff; padding:10px; border-bottom:2px solid #fff; }  .activite_enfant_sous_total b, .activite_total b , .activite_tarif_fin_journee b{ float:right; display:block; padding:0.3em 0.6ex; padding:calc( 0.2em + 3px) 0.6ex; }  .enfant_en_meme_temps { padding:0.4em 1ex; font-style:italic; color:#e65a73; }  .recapitulatif_pave{ display:grid; width:100%; grid-column-gap:10px; grid-row-gap:10px; grid-template-columns:1fr 1fr 1fr; }  .recapitulatif_pave>div{ border-radius:10px; border:1px solid #e65a73; padding:10px; }   html body .recapitulatif_pave input[type=submit], .recapitulatif_reduction.activite_total { background:#e65a73; }  .valide_admin { padding:0.4em 1ex; }  .popup_changement_age { -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; border:2px solid #d11414; background:rgba(210, 20, 20, 0.1); padding:15px; }  .festival_bloque_paiement { margin:1em 1.666666%; border:2px solid #d11414; background:rgba(210, 20, 20, 0.1); padding:15px; }  .festival_bloque_paiement span { font-size:1.3em; font-weight:bold; }  .type_paiement_valide , .festival_bloque_paiement.actif{ border:2px solid #007b00; background:#b0f9bf; padding:15px; }  .festival_bloque_paiement.actif input{ display:none; }  .festival_transport td { min-height:2em; }  .nom_enfant_recap .nom_enfant { font-weight:bold; font-size:22px; }  .festival_accompagnateur_ajouter input[type=text] { width:80%; }  .festival_accompagnateur_ajouter input[type=submit] { max-width:20%; }  .activite_en_plus_vos_activites , .activite_en_plus_ajouter_une_activite{ padding:10px; }  .activite_en_plus_vos_activites>spam , .activite_en_plus_ajouter_une_activite>spam{ display:inline-block; width:100%; font-weight:30px; background:#e65a73; color:#fff; padding:7px; }  .activite_en_plus_vos_activites>div{ padding:7px; }  .activite_en_plus_vos_activites>div:nth-child(2n+1){ background:#eee; }  .activite_en_plus_vos_activites>div p{ float:right; display:block; padding:2px;  background:#e65a73; color:#fff; margin-left:5px; }  .activite_en_plus_vos_activites>div i{ font-size:0.8em; }  .voir_les_spectacles_pour_les_accompagnateurs{ background:#e65a73; color:#fff; padding:4px; text-align:center; }  .voir_les_spectacles_pour_les_accompagnateurs:hover , .voir_les_spectacles_pour_les_accompagnateurs:hover svg{ background:#b3344b; }  .voir_les_spectacles_pour_les_accompagnateurs span{ float:left; display:block; width:100%; padding:8px 4px; border:2px solid #fff; position:relative; }  .voir_les_spectacles_pour_les_accompagnateurs svg{ position:absolute; width:2em; height:2em; top:0;  left:50%;  transform:translate( -50% , -50% ); background:#e65a73;  border-radius:50%; padding:3px; }  .voir_les_spectacles_pour_les_accompagnateurs svg *{ fill:#fff; stroke:#fff; }  .reserver_un_place{ float:left; display:block; width:100%; margin-bottom:0.5em; }  .activite_inscription>a.places_dispos_incompatibles{ background:#ddd; border-color:#aaa; color:#aaa; cursor:unset; }  @media screen and (max-width:1200px) {  .recapitulatif_pave {  width:49%; }   .recapitulatif_pave:nth-child(2n) {  clear:none; }   .recapitulatif_pave:nth-child(2n-1) {  clear:both; }   ul.liste_jour li{  float:left;  display:block;   width:100%!important;  white-space:nowrap;   }   ul.liste_jour li a {   padding:0.2em 1ex;   font-weight:normal; }   ul.liste_jour li a p{  display:inline-block; }   }  @media screen and (max-width:800px) {  .recapitulatif_pave{  width:99%;  clear:both; }  }  @media screen and (max-width:700px) {  .table_carte_avantage, .table_carte_avantage tr, .table_carte_avantage td {  float:left;  display:bock;  width:100%; }   .liste_jour {  border-top:3px double #2b65b0;  border-right:3px double #2b65b0;  border-left:3px double #2b65b0;  border-bottom:none; }   html .liste_jour li{  float:left;  display:block;  width:100%!IMPORTANT;  border-bottom:3px double #2b65b0; }   html .liste_jour li br{  display:none; }   html .liste_jour li a {  padding:0.1em 1ex;  font-size:1em; }   .liste_enfant_sur_mobile a:last-child{  border-bottom:3px double #2b65b0; }   .liste_enfant_sur_mobile a{  float:left;  display:block;  padding:0.1em 1ex;  font-size:1em;  text-align:center;  font-weight:bold;  width:100%;  border-top:3px double #2b65b0;  border-right:3px double #2b65b0;  border-left:3px double #2b65b0; }   .liste_enfant_sur_mobile a:hover , .liste_enfant_sur_mobile a.select{  background:#2b65b0;  color:#fff; }  }   .fx_admin_formulaire{ float:left; display:block; width:100%; clear:both; }  .fx_admin_conteneur{ float:left; display:block; width:100%; margin-bottom:1.2em; }  .fx_admin_liste{ float:left; display:block; width:100%; line-height:27px; cursor:pointer; }  .fx_admin_liste_enfant{ float:right; display:block; width:95%; width:calc( 100% - 60px ); }  [class*="fx_admin_ico_"]{ float:none; display:inline-block; width:27px; height:27px; overflow:hidden; cursor:pointer; vertical-align:middle; line-height:27px; }  .fx_admin_ico_ajout{ width:100%; margin:0 0 1em 0; line-height:27px; }  .fx_admin_ico_save{ width:auto; margin:0 1ex; line-height:27px; }  .fx_admin_popup_supprimer{ width:250px; text-align:center; }  .fx_admin_ico_non , .fx_admin_ico_oui{ width:50%; line-height:27px; }  .fx_admin_ico_non img , .fx_admin_ico_oui img{ height:16px; margin-right:1ex; }  .fx_admin_ico_chargement{ animation:rotation_infini 2s linear 0s infinite; }  @keyframes rotation_infini { from { transform:rotate(0deg); }  to { transform:rotate(360deg); }  }  .fx_admin_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; }  .fx_admin_popup{ position:fixed; top:100px; right:50%; -webkit-transform:translateX(50%); -khtml-transform:translateX(50%); -moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); transform:translateX(50%); max-width:90%; max-height:90%; overflow-x:hidden; overflow-y:auto; background:#fff; color:#000; border:3px solid #000; -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; padding:30px; z-index:101; }  .fx_admin_popup .fx_admin_fermer{ margin:0 auto; width:100px; display:block; }  [class*="fx_admin_form_intitule"]{ float:left; display:block; width:100%; text-align:left; }  [class*="fx_admin_form_champs"]{ float:left; display:block; width:100%; margin-bottom:1em; position:relative; }  .fx_admin_form_champs_cocher{ text-align:left; }  input.fx_admin_form_vide , select.fx_admin_form_vide , textarea.fx_admin_form_vide{ border:1px solid #c80000!IMPORTANT; -webkit-border-radius:10px 0 10px 10px; -khtml-border-radius:10px 0 10px 10px; -moz-border-radius:10px 0 10px 10px; -ms-border-radius:10px 0 10px 10px; -o-border-radius:10px 0 10px 10px; border-radius:10px 0 10px 10px; }  .fx_admin_form_vide ~ div{ position:absolute; right:0px; top:-2em; top:calc( -0.8em - 6px ); padding:3px 8px; -webkit-border-radius:10px 10px 0 0; -khtml-border-radius:10px 10px 0 0; -moz-border-radius:10px 10px 0 0; -ms-border-radius:10px 10px 0 0; -o-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; border-top:1px solid #c80000; border-right:1px solid #c80000; border-left:1px solid #c80000; color:#c80000; font-weight:bold; background:#fff; font-size:0.8em; }   [draggable]{ -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; user-select:none; -khtml-user-drag:element; -webkit-user-drag:element; }  .fx_admin_liste.over { border-bottom:2px dashed #000; }  .fx_admin_save_ok{ border:3px solid #009418; background:#51ba62; padding:8px; text-align:center; font-weight:bold; margin-bottom:1em; }  .fx_admin_liste.fx_admin_liste_image{ width:150px; height:150px; position:relative; margin:5px; text-align:center; }  .fx_admin_liste.fx_admin_liste_image>div{ position:absolute; bottom:0; right:0; left:0; padding:5px; background:#fff; background:rgba(255,255,255,0.3); z-index:2; text-align:left; }  .fx_admin_liste.fx_admin_liste_image>img{ max-width:100%; max-height:100%; }  #autocompletion{ position:absolute; left:0; right:0; width:100%; border:1px solid #000; z-index:50; }  #autocompletion>div , #autocompletion>p{ float:left; display:block; width:100%; padding:0.2em 1ex; background:#fff; cursor:pointer; }  #autocompletion>div:hover{ background:#ddd; }  #autocompletion .clic_page_fermer{ background:#555; color:#fff; text-align:center; }  #autocompletion .clic_page_fermer:hover{ background:#000; }  .fx_admin_form_champs_svg>label{ float:left; display:block; position:relative; width:50px; height:60px; border:1px solid #000; margin:2px; text-align:center; }  .fx_admin_form_champs_svg>label:hover , .fx_admin_form_champs_svg>label.actif{ background:#eee; }  .fx_admin_form_champs_svg>label svg{ width:30px; height:30px; }   div.fx_admin_form_champs_select:not(.select_recherche)>input.select_recherche{ display:none; }  @media screen and (max-width:700px) {  .fx_admin_popup{  top:20px;  right:5%;  left:5%;  -webkit-transform:none;  -khtml-transform:none;  -moz-transform:none;  -ms-transform:none;  -o-transform:none;  transform:none; }  }  .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; }    .form_on_off_empty{  position:relative;  display:inline-block;  height:34px; }  .form_on_off_empty input{  opacity:0;  width:0;  height:0; }  .form_on_off_empty span{ float:left;  position:relative; width:100%;  background-color:#aaa;  border-radius:34px; color:#fff; font-weight:bold;  text-shadow:0 0 5px #000;  transition:.4s; }  .form_on_off_empty:hover input + span{  background-color:#ccc; }  .form_on_off_empty input[value="2"] + span{  background-color:#F44336; }  .form_on_off_empty:hover input[value="2"] + span{  background-color:#bc2116; }  .form_on_off_empty input[value="1"] + span{  background-color:#009f13; }  .form_on_off_empty:hover input[value="1"] + span{  background-color:#015c0c; }  .form_on_off_empty span:before{  position:absolute;  content:"";  height:26px;  width:26px;  background-color:#fff;  transition:.4s;  border-radius:50%; z-index:1;  top:50%; }  .form_on_off_empty input[value="2"] + span:before{  left:4px;  transform:translateY(-50%); }  .form_on_off_empty input[value="0"] + span:before{  left:50%;  transform:translate(-50%,-50%); }  .form_on_off_empty input[value="1"] + span:before{  right:4px;  transform:translateY(-50%); }  .form_on_off_empty span p{ float:left;  cursor:pointer;  position:relative; line-height:34px; font-size:10px; padding:0 5px; z-index:2; text-align:center; min-width:28px; overflow:hidden; }  .form_on_off_empty span p:nth-child(1){padding-left:36px;}  .form_on_off_empty span p:nth-child(3){padding-right:36px;}  .form_on_off_empty span p:before{ content:" "; position:absolute; width:10px; height:10px;  border-radius:50%; background:rgba(255,255,255,0.8);  transition:.4s; opacity:0; }  .form_on_off_empty span p:nth-child(1):before{  transform:translate(-50%,-50%); left:26px; top:50%; }  .form_on_off_empty span p:nth-child(2):before{  transform:translate(-50%,-50%); left:50%; top:15px; }   .form_on_off_empty span p:nth-child(3):before{  transform:translate(50%,-50%); right:25px; top:50%; }  .form_on_off_empty span p:hover:before{ opacity:1; }  .form_on_off_empty span p:nth-child(1):hover:before{ left:16px; }  .form_on_off_empty span p:nth-child(2):hover:before{ top:5px; }   .form_on_off_empty span p:nth-child(3):hover:before{ right:16px; }  .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; }   .article_telechargement{ border:1px solid #D5C9B8; margin:0 0 10px 0;  color:#000; position:relative; overflow:hidden; }  .article_telechargement_lien{ background:#fff url(/images/picto/telechargement.png) no-repeat 5px 5px;  line-height:39px!IMPORTANT; padding-left:80px; }  .article_telechargement_lien img{ position:absolute;  top:50%;  left:45px;  -webkit-transform:translateY(-50%);  -khtml-transform:translateY(-50%);  -moz-transform:translateY(-50%);  -ms-transform:translateY(-50%);  -o-transform:translateY(-50%);  transform:translateY(-50%); }  .article_telechargement>div{ position:absolute; background:#D5C9B8; background:rgba( 213 , 201 , 184 , 0.9 ); top:0; width:100%; height:100%;  -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; }  .article_telechargement>div.clique{ left:-100%; }  .article_telechargement:not(.en_cours):hover>div.clique{ left:0; }  .article_telechargement>div.encours{ left:200%; }  .article_telechargement.en_cours>div.encours{ left:0; }  .article_telechargement>div>div{ position:absolute;  top:50%;  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%); font-weight:bold; }