@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 , body , main{ overflow:hidden; }  html body.body_admin {  padding-bottom:0!IMPORTANT; }  body{ background:#2a284f;  font-family:"Open Sans",Arial,Georgia,Verdana,sans-serif; font-size:16px; font-weight:300; color:#fff; }  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;padding:1em 0;}  main h3{font-size:1.2em;}  main.scroll_snap{ display:block; width:100%; height:100vh; }  img,embed{  max-width:100%; }  div.conteneur , main.conteneur , .article_type_template_et_svg>div>div{ width:90%; max-width:1200px; margin:0 auto;  clear:both; }  .graphisme_page_scroll_snap header[role=banner]{ position:absolute; top:0; right:0; left:0; z-index:10; }  header[role=banner]{ display:block; width:100%; background:#2a284f; }  header[role=banner] , header[role=banner] *{ vertical-align:middle; }  header[role=banner] svg *{ fill:#fff; }  header[role=banner] .conteneur , .logo , .logo img , .header_contact{  transition:all 0.3s; }  header[role=banner] .conteneur{ position:relative; border-bottom:1px solid #fff; }  header[role=banner] .conteneur .logo img{ margin-bottom:8px; }  header[role=banner] .conteneur .logo{ color:#30a7df; text-transform:uppercase; font-size:30px; letter-spacing:0.4ex; }  .logo{ float:left; display:block; padding:20px; width:40%; text-align:center; }  .logo img{ max-width:100%; }  .ecouteur_scroll_top_false .logo{ padding:5px; width:15%; }  .header_contact{ position:absolute; padding:10px; right:0; top:50%; width:60%;  transform:translateY(-50%); text-align:center; }  .ecouteur_scroll_top_false .header_contact{ width:85%; }  .header_tel_mail , .header_tel_mail>li , .header_tel_mail>li a , .header_reseaux_sociaux a{ display:inline-block; }  .header_tel_mail{ margin-block-start:0; margin-block-end:0; }  .header_tel_mail>li a{ padding:8px;  border-radius:10px;  transition:all 0.3s; margin:0 10px 20px 10px; }  .ecouteur_scroll_top_false .header_tel_mail>li a{ margin-bottom:0; }  .header_tel_mail>li a:hover{ background:#2e80b4; }  .header_tel_mail>li a svg{ margin-right:1.5ex; }  .header_reseaux_sociaux{ display:inline-block; width:100%; }  .ecouteur_scroll_top_false .header_reseaux_sociaux{ width:auto; }  .header_reseaux_sociaux a{ width:40px; height:40px; position:relative;  border-radius:50%;  transition:all 0.3s; background:#2e80b4; margin:0 10px; }  .header_reseaux_sociaux a:hover{ background:#0577ab; }  .header_reseaux_sociaux a svg , .header_reseaux_sociaux a img{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  main.scroll_snap .template_svg{  margin:0; }  main.scroll_snap .article_type_template_et_svg{ height:100vh; overflow-x:hidden; overflow-y:scroll; scroll-snap-type:y mandatory; }  main.scroll_snap .article_type_template_et_svg>div:not(.clear){ border-bottom:3px solid #fff; height:100vh; scroll-snap-align:center; }  main.scroll_snap .article_type_template_et_svg>div.clear{ display:none; }  body:not(.graphisme_page_scroll_snap) main{ padding:60px 0; }  .article_type_template_et_svg>div.fond_cercle{ background:transparent url(/images/fond-cercle.jpg) no-repeat bottom; background-size:100% auto; }  .article_type_template_et_svg>div.fond_droite{ background:#0e72a9 url(/images/fond-droite.jpg) no-repeat bottom; background-size:100% auto; }  .article_type_template_et_svg>div.couple{ background:#262343 url(/images/fond-gauche.jpg) no-repeat bottom; background-size:100% auto; }  .article_type_template_et_svg>div.texte_seul_fond_bleu_clair , .article_type_template_et_svg>div.formulaire_contact{ background:#0074ab; }  .article_type_template_et_svg>div.texte_seul_fond_violet_fonce{ background:#222346; }  .article_type_template_et_svg>div.texte_seul_fond_violet_clair{ background:#2d2e5c; }  main.scroll_snap .article_type_template_et_svg>div>div{ position:relative; height:100vh; display:flex; align-items:center; }  main.scroll_snap .article_type_template_et_svg>div.fond_cercle>div , main.scroll_snap .article_type_template_et_svg>div.couple>div{ justify-content:end; }  main.scroll_snap .article_type_template_et_svg>div.fond_droite>div{ justify-content:start; }  main.scroll_snap .article_type_template_et_svg>div img{ max-height:75vh; }  main.scroll_snap .article_type_template_et_svg>div.fond_cercle img{ position:absolute; bottom:0; left:0; max-width:40%; }  main.scroll_snap .article_type_template_et_svg>div.fond_droite img{ position:absolute; bottom:0; right:0; max-width:40%; }  main.scroll_snap .article_type_template_et_svg>div.couple img{ position:absolute; bottom:0; left:0; max-width:40%; }  .template_fond_cercle_textes , .template_couple_textes{ width:58%; }  .template_fond_droite_textes{ width:60%; }  .template_svg.picto{ background:#2e2c5a; }  .template_picto{ float:left; display:block; margin:30px 0; width:100%; }  .template_picto li{ float:left; display:block; position:relative; padding-top:50px; margin-left:0; list-style-type:none; width:14.28%; text-align:center; margin-bottom:10px; }  .template_picto li img{ position:absolute; top:25px;  left:50%;  transform:translate(-50% , -50%); }  .template_svg.picto>div>div>picture{ float:left; display:block; width:50%; }  .template_picto_texte_2{ float:right; display:block; width:48%; }  .article_type_template_et_svg>div.texte_seul_fond_violet_clair header{ text-align:center; }  .article_type_template_et_svg>div.texte_seul_fond_violet_clair picture{ float:left; display:block; width:50%; padding:15px; }  .graphisme_page_scroll_snap footer[role=contentinfo]{ position:absolute; bottom:0; right:0; left:0; }  footer[role=contentinfo]{ width:100%;  background:#2a284f; }  .graphisme_page_scroll_snap footer[role=contentinfo]{ display:none; }  .ecouteur_scroll_bottom_true footer[role=contentinfo]{ display:block; }  footer[role=contentinfo]>a , footer[role=contentinfo]>font{ display:inline-block; padding:20px; }  @media screen and (max-height:730px) , screen and (max-width:900px) {  html{   overflow:auto; }   .graphisme_page_scroll_snap header[role=banner] , .graphisme_page_scroll_snap main , main.scroll_snap .article_type_template_et_svg , main.scroll_snap .article_type_template_et_svg>div:not(.clear) , .ecouteur_scroll_bottom_true footer[role=contentinfo]{  position:relative;  float:left;   height:auto; }   main.scroll_snap .article_type_template_et_svg{   overflow-y:hidden;  scroll-snap-type:none; }   main.scroll_snap .article_type_template_et_svg>div{  scroll-snap-align:none!IMPORTANT; }   main.scroll_snap .article_type_template_et_svg>div div>picture>img{   max-height:90%; }   main.scroll_snap .article_type_template_et_svg>div>div{   height:auto;  padding-bottom:40px; }   }  @media screen and (max-width:900px) {  .logo{  width:100%; }   .header_contact , main.scroll_snap .article_type_template_et_svg>div>div{  position:relative;  float:left;  display:block;  width:100%;  transform:none; }   main.scroll_snap .article_type_template_et_svg>div div>picture{  position:relative;  float:left;  display:block;  width:100%!important;  text-align:center;  margin:0 auto; }   .article_type_template_et_svg .template_svg>div>div , .template_picto_texte_2{  position:relative;  display:block;  width:90%!important;  margin:30px 5%; }   main.scroll_snap .article_type_template_et_svg>div>div{  padding-bottom:0; }   main.scroll_snap .article_type_template_et_svg>div div>picture>img{  position:relative!important;  display:inline-block;   max-width:100%!important; }   .template_picto li{   width:33.333%; }   }  @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;  }  }   .formulaire_intitule{ float:left; display:inline;  text-align:right;  margin-bottom:1em;  clear:both; }  .formulaire_intitule.intitule_champs{  width:23%; }  .formulaire_intitule.intitule_champs.formulaire_intitule_texte_seul, .formulaire_intitule.intitule_dessus, .formulaire_intitule.intitule_dessus_form_droite {  text-align:left;  width:100%;  margin-bottom:0; }  .formulaire_intitule.intitule_dans{  display:none; }   .formulaire_champs{ float:right; display:inline;  margin-bottom:1em; }  .formulaire_champs.intitule_champs , .formulaire_champs.intitule_dessus_form_droite {  width:75%; }  .formulaire_champs.intitule_dessus, .formulaire_champs.intitule_dans {  width:100%; }  .formulaire_champs.intitule_champs.formulaire_champs_nombre input{  max-width:8em; }   .formulaire_bouton{ float:right; display:inline;  clear:both; }  .formulaire_intitule.formulaire_obligatoire:after{  content:"*";  display:inline-block;  color:#c10e0e;  font-weight:bold;  margin-left:0.4em; }  .formulaire_liste_erreur{  border:2px solid #c10e0e;  padding:20px; }  .formulaire_champs.formulaire_erreur>* , input.formulaire_erreur , select.formulaire_erreur , textarea.formulaire_erreur{  border:2px solid #c10e0e; }  .formulaire_div_erreur{  border:2px solid #c10e0e;  padding:5px; }  .formulaire_liste_succes{  border:2px solid #068a03;  padding:20px; }  .formulaire_champs .label_radio{ float:left; display:block; width:100%; padding:0.5em 3ex 0.5em 0; }  @media screen and (max-width:1000px) {  .formulaire_intitule.intitule_champs{   width:33%;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:65%;  }   }  @media screen and (max-width:900px) {  .formulaire_intitule.intitule_champs{   width:38%;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:60%;  }   }  @media screen and (max-width:800px) {  .formulaire_intitule.intitule_champs{   width:43%;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:55%;  }   }  @media screen and (max-width:700px) {  .formulaire_intitule.intitule_champs{   width:100%;   text-align:left;   margin-bottom:0;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:100%;  }   }  .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;  -webkit-transition:.4s;  -khtml-transition:.4s;  -moz-transition:.4s;  -ms-transition:.4s;  -o-transition:.4s;  transition:.4s;  -webkit-border-radius:34px;  -khtml-border-radius:34px;  -moz-border-radius:34px;  -ms-border-radius:34px;  -o-border-radius:34px;  border-radius:34px; }  .form_on_off span:before {  position:absolute;  content:"";  height:26px;  width:26px;  left:4px;  bottom:4px;  background-color:#fff;  -webkit-transition:.4s;  -khtml-transition:.4s;  -moz-transition:.4s;  -ms-transition:.4s;  -o-transition:.4s;  transition:.4s;  -webkit-border-radius:50%;  -khtml-border-radius:50%;  -moz-border-radius:50%;  -ms-border-radius:50%;  -o-border-radius:50%;  border-radius:50%; }  .form_on_off input:checked + span{  background-color:#2196F3; }  .form_on_off input:focus + span{  box-shadow:0 0 1px #2196F3; }  .form_on_off input:checked + span:before{  -webkit-transform:translateX(26px);  -khtml-transform:translateX(26px);  -moz-transform:translateX(26px);  -ms-transform:translateX(26px);  -o-transform:translateX(26px);  transform:translateX(26px); }  body.tarteaucitron_fenetre_bas #tarteaucitronRoot>section>#tarteaucitronAlertBig{  position:fixed; top:auto; bottom:0; left:0; right:0; width:100%; height:0; z-index:100; background:transparent; }  body.tarteaucitron_fenetre_bas #tarteaucitronRoot>section>#tarteaucitronAlertBig>#tarteaucitronCentre{  position:fixed;  background:#333; padding:10px; bottom:20px; left:20px; right:20px; height:auto; z-index:101; text-align:center; }  body.tarteaucitron_fenetre_bas #tarteaucitronDisclaimerAlert{ display:inline-block; }  body.tarteaucitron_fenetre_bas button#tarteaucitronPersonalize , body.tarteaucitron_fenetre_bas button#tarteaucitronRefuse{ display:block; width:auto; }  body.tarteaucitron_fenetre_bas button#tarteaucitronCloseAlert{ display:none!IMPORTANT; }  body.tarteaucitron_fenetre_bas button#tarteaucitronPrivacyUrl{ color:#fff; }  body.tarteaucitron_fenetre_bas #tarteaucitronAlertBig button#tarteaucitronRefuseCroix{ position:absolute; display:block; top:0; right:0;  -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%);  -webkit-border-radius:50%;  -khtml-border-radius:50%;  -moz-border-radius:50%;  -ms-border-radius:50%;  -o-border-radius:50%;  border-radius:50%; width:30px; height:30px; color:#fff; text-align:center; line-height:30px; margin:0; padding:0; cursor:pointer; }  .template_svg{ float:left; display:block; width:100%; margin:1em; }  .popup_fond{ position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:#000; background:rgba(0,0,0,0.3); cursor:pointer; z-index:30; }  .popup:not(.fixed){ float:left; display:block; width:100%; margin-bottom:1.5em; }  .popup:not(.fixed) , .popup.fixed>div{ -webkit-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -khtml-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -moz-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -ms-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -o-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); }  .popup>div{ padding:1em 2ex; text-align:center; background:#fff; }  .popup.fixed{ width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:31; }  .popup.fixed>div{ position:absolute; max-width:60%; 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%); -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; cursor:pointer; }  .popup_fond .fermer{ position:absolute; top:5px; right:5px; background:#fff; color:#f00; font-weight:bold; z-index:32; }  .popup_{ font-weight:bold; }  .popup_erreur{ color:#a80000; font-weight:bold; }  .popup h3{  text-align:center;  margin-bottom:1em; }  .popup ul li , .popup ul{  margin:0px;  list-style:none outside none; }  .popup ul li{  padding:0.8em 5%; background:#444243;  margin-bottom:3px; }  .popup ul li:hover{ background:#655f62; }  .popup ul li a{  color:#fff;  font-size:1.2em;  display:block;  width:100%;  height:100%; }  .popup ul li a .rond{  float:left;  display:inline;  margin-right:10px;  width:21px;  height:21px;  background:#444243; border:5px solid #655f62; }  .popup a:hover .rond , .popup a.sur .rond{  background:#ff85a2; border:5px solid #444243; }  .popup ul li , .popup ul li a .rond , .popup_fond .fermer{  -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:30px;  -khtml-border-radius:30px;  -moz-border-radius:30px;  -ms-border-radius:30px;  -o-border-radius:30px;  border-radius:30px; }  .popup table{  width:100%; }  .popup table tr td{  padding:2px; }