@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400&family=Nunito+Sans:wght@700&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; @media screen and (max-width:1500px) {}  @media screen and (max-width:1100px) {}  @media screen and (max-width:700px) {}   html, body{  width:100%;  min-height:100%;  margin:0;  padding:0; }  html{overflow:auto;}  body{ background:#18739a;  font-family:"Open Sans",Arial,Georgia,Verdana,sans-serif; font-size:16px; color:#121212; }  a{color:inherit;text-decoration:none;}  a:hover{color:#019ee0;text-decoration:none;}  body>picture img{ position:fixed; bottom:0;  left:50%;  transform:translateX(-50%); min-width:100%; max-width:10000%; min-height:100%; object-fit:contain;  z-index:2; }  main h1,main h2,main h3{ line-height:1.2em; margin:0.3em 0; font-weight:400; text-transform:uppercase; color:#009ee0; }  main h1{ float:left; display:block; padding-bottom:10px; margin-bottom:30px; font-size:24px; font-weight:bold; border-bottom:3px solid #009ee0; }  main h2{font-size:1.5em;}  main h3{font-size:1.2em;}  main.page_liste h1{ color:#fff; border-color:#fff; }  main.page_liste .fx_edit_popup h1{ color:#000; }  img,embed{  max-width:100%; }  div.conteneur , main.conteneur , main.page_liste{ width:90%; max-width:1200px; margin:0 auto;  clear:both; }  main.conteneur , main.page_liste{  margin-top:40px;  margin-bottom:40px; }  main.conteneur , main.page_liste .mapomme_article_liste{ background:#fff; padding:30px;  border-radius:20px; }  .graphisme_page_connexion main{ margin:120px auto 20px auto; padding:30px; width:90%; max-width:600px; background:#fff;  border-radius:20px;  box-shadow:0 0 20px 10px rgba(0,0,0,0.3); }  .main_fixed{ position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; z-index:2; overflow-y:auto; }  .logo_fond{ overflow:hidden; height:0; padding-bottom:20%; }  .logo_fond>picture img{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); width:100%; z-index:1; }  .logo{ display:inline-block; vertical-align:middle; font-weight:bold; color:#009ee0; font-size:1.2em; text-align:center; margin-bottom:20px; width:100%; z-index:1; }  .logo img{ vertical-align:middle; display:inline-block; margin-right:1ex; }  .logo_fond .logo{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); background:#fff; width:400px; padding:5px;  border-radius:63px; }  header[role=banner] h1{ display:inline-block; line-height:112px; }  .menu_haut{ background:#fff; border-bottom:1px #505050 solid; }  .menu_haut ul{ float:right; }  .menu_haut>div>ul>li{ float:left; position:relative; }  .menu_haut ul li a , .menu_haut ul li>font{ display:inline-block; padding:1em 3ex; }  .menu_haut svg{ display:inline-block; margin-right:1ex; }   .menu_haut li>ul{ position:absolute; display:none; white-space:nowrap; border-bottom:1px solid #019ee0; border-left:1px solid #019ee0; border-right:1px solid #019ee0; background:#fff; z-index:50; }  .menu_haut li:hover>ul{ display:block; }  .mapomme_rubrique{ background:#fff; }  .mapomme_rubrique .conteneur>ul , .mapomme_rubrique .conteneur>ul>li{ float:left; display:inline-block; position:relative; }  .mapomme_rubrique .conteneur>ul>li:before{ content:"|"; display:inline-block; line-height:0px; width:1px; }  .mapomme_rubrique .conteneur>ul>li:first-child:before{ display:none; }  .mapomme_rubrique .conteneur>ul>li ul{ position:absolute; display:none; background:#fff; z-index:50; }  .mapomme_rubrique .conteneur>ul>li:hover>ul{ display:block; }  .mapomme_rubrique li>a{ display:inline-block; padding:1em 2ex; }  .mapomme_rubrique li.actif>a{ background:#18739a; color:#fff; }  footer[role=contentinfo]{ border-top:1px #505050 solid; padding:1em 3ex; margin-top:40px; font-size:0.9em; background:#fff; }  input[type=text], input[type=email], input[type=date], input[type=time], input[type=datetime], input[type=number], input[type=range], input[type=tel], input[type=url], input[type=password], input[type=search], input[type=file], input[type=submit], select, textarea{ border-color:#019ee0; }  .formulaire_membre>div{ margin-bottom:12px; }  .lieu_menu_connecte_administrateur li{ float:left; display:block; margin-left:0; margin-bottom:30px; text-align:center; }  .lieu_menu_connecte_administrateur li:first-child:nth-last-child(1) { width:100%; }  .lieu_menu_connecte_administrateur li:first-child:nth-last-child(2), .lieu_menu_connecte_administrateur li:first-child:nth-last-child(2) ~ li { width:50%; }  .lieu_menu_connecte_administrateur li:first-child:nth-last-child(3), .lieu_menu_connecte_administrateur li:first-child:nth-last-child(3) ~ li { width:33.33333%; }  .lieu_menu_connecte_administrateur li:first-child:nth-last-child(4), .lieu_menu_connecte_administrateur li:first-child:nth-last-child(4) ~ li { width:25%; }  .lieu_menu_connecte_administrateur li:first-child:nth-last-child(5), .lieu_menu_connecte_administrateur li:first-child:nth-last-child(5) ~ li { width:50%; }  .lieu_menu_connecte_administrateur li:first-child:nth-last-child(6), .lieu_menu_connecte_administrateur li:first-child:nth-last-child(6) ~ li { width:33.33333%; }  .lieu_menu_connecte_administrateur li svg , .lieu_menu_connecte_administrateur li spam{ float:left; display:block; width:100%; }  .lieu_menu_connecte_administrateur li svg{ height:50px; margin-bottom:15px; }  .lieu_menu_connecte_administrateur li svg *{  fill:#019ee0; }  body main ul.li_sans li{   list-style-type:none;  margin-left:0; }  ul.li_sans li ul{ display:block; margin-left:5%; width:95%; }  .espace_membre_gestion_membre , .espace_membre_gestion_membre tbody{ border:thick double #777; }  .espace_membre_gestion_membre td[rowspan="2"]{ text-align:center; }  .espace_membre_gestion_membre td[rowspan="2"] svg{ margin:3px; }  .espace_membre_gestion_membre .annee{ white-space:nowrap; }  .mapomme_admin_menu_article{ float:left; display:block; width:100%; margin:1em 0; }  .mapomme_admin_menu_article li{ float:left; display:block; margin-left:0; list-style-type:disc; width:25%; text-align:center; }  .mapomme_admin_menu_article li a{ float:left; display:block; position:relative; width:100%; }  .mapomme_admin_menu_article li svg{ width:2em; height:2em; }  .mapomme_admin_menu_article li:hover a , .mapomme_admin_menu_article li a.active{ color:#019ee0; }  .mapomme_admin_menu_article li:hover svg * , .mapomme_admin_menu_article li .active svg *{ fill:#019ee0; }  .mapomme_admin_menu_article li a div{ position:absolute; top:0px; left:50%;  transform:translateX(-50%); width:2em; height:1px; }  .mapomme_admin_menu_article li a div font{ position:absolute; top:0px; left:100%;  transform:translate(-40%,-40%); background:#f00; font-size:12px; color:#fff; text-align:center;  border-radius:50%; line-height:1.6em; min-width:1.6em; height:1.6em; }  .mapomme_article_liste time , .mapomme_article_liste_detail time{ float:left; display:block; margin-right:3ex; font-size:0.8em; font-style:italic; padding:3px 8px; }  .mapomme_article_liste_detail header , .mapomme_article_liste_detail header>*{ padding:0; margin:0 0 8px 0; }  a.mapomme_article_liste_rubrique{ float:left; display:block; position:relative; padding:3px 8px;  border-radius:5px; font-size:0.8em; overflow:hidden; margin-right:2ex; }  a.mapomme_article_liste_rubrique:after{ content:" "; position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#000;  transition:all 0.2s;  opacity:0;  filter:alpha(opacity=0); }  a.mapomme_article_liste_rubrique:hover:after{  opacity:0.3;  filter:alpha(opacity=30); }  .mapomme_article_liste .preview{ float:right; display:block; position:relative; margin-left:1ex; }  .mapomme_article_liste .preview svg *{ fill:#089831; }  .mapomme_article_liste .preview span{ position:absolute; display:block; top:0; left:98%;  transform:translateY(-50%);  border-radius:50%; font-size:0.8em; width:1em; height:1em; line-height:1em; text-align:center; color:#fff; background:#089831;  box-shadow:0 0 5px rgba(0,0,0,0.5); }   .mapomme_article_liste_en_savoir_plus{ float:right; display:block; border:1px solid #009ee0; background:#fff; padding:4px 10px; font-size:1em; font-weight:bold; color:#009ee0; margin-left:2ex; }  .mapomme_article_liste_en_savoir_plus:hover{ background:#dcf5ff; }  .mapomme_article_liste_en_savoir_plus svg{ width:0.8em; height:0.8em; }  .mapomme_liste_article_picto svg{ width:1.5em; height:1.5em; }  .mapomme_article_detail_retour{ display:inline-block; margin-top:15px; color:#009ee0; }  .mapomme_article_fichier a{ float:left; display:table; padding:25px; border:1px solid #c2c2c2; white-space:nowrap; height:105px; margin:1ex; overflow:hidden; }  .mapomme_article_fichier a:hover{ background:#eee; }  .mapomme_article_fichier a.mapomme_zoom_image{ padding:2px; }  .mapomme_article_fichier a>div{ display:table-cell; height:50px; vertical-align:top; padding-right:1.5ex; }  .mapomme_article_fichier svg{ width:50px; height:50px; }  .mapomme_article_fichier a p:nth-child(1){ padding-bottom:0.5em; }  .mapomme_article_fichier a p:nth-child(2){ font-style:italic; }  .mapomme_zoom_image figure , .mapomme_zoom_image picture , .mapomme_zoom_image img{ max-height:100px; width:auto; max-width:1000%; }  .mapomme_zoom_image p{ line-height:90px; }  .mapomme_zoom_image_fond{ position:fixed; top:0; bottom:0; right:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:100; cursor:pointer; }  .mapomme_zoom_image_fond img{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); max-width:95%; max-height:95%; z-index:101; }  .mapomme_article_participant , .mapomme_article_non_participant{ margin-top:50px; }  .mapomme_article_participant a , .mapomme_article_non_participant a{ display:inline-block; padding:0.2em 3ex; border:1px solid #808381; color:#808381; margin-bottom:20px; }  .mapomme_article_participant a svg , .mapomme_article_non_participant a svg{ width:0.8em; height:0.8em; }  .mapomme_article_participant a svg * , .mapomme_article_non_participant a svg *{ fill:#808381; }  .mapomme_article_participant a:hover , .mapomme_article_participant a.actif{ border:1px solid #089831; background:#089831; color:#fff; }  .mapomme_article_non_participant a:hover , .mapomme_article_non_participant a.actif{ border:1px solid #c71414; background:#c71414; color:#fff; }  .mapomme_article_non_participant a:hover svg * , .mapomme_article_non_participant a.actif svg * , .mapomme_article_participant>a:hover svg * , .mapomme_article_participant>a.actif svg *{ fill:#fff; }  html .pagination a{ border:1px solid #fff; background:transparent; color:#fff; font-weight:bold; }  html .pagination a:hover , html .pagination a.actif{ background:#fff; color:#18739a; }  .mapomme_article_liste_en_savoir_plus svg * , .mapomme_article_detail_retour svg * , .mapomme_article_fichier svg * , .menu_haut svg * , html .forum_sujet_icone svg * , html .forum_sujet_mini_icone svg *{ fill:#009ee0; }  .forum_sujet_mini_icone{ margin-right:0.5ex; }  .burger_menu{ position:absolute; top:4px; right:4px; width:30px; height:30px; cursor:pointer; }   .burger_menu>div , .burger_menu:after , .burger_menu:before{ position:absolute;  border-radius:2px;  left:50%;  transform:translate(-50%,-50%); width:100%; height:4px; background:#777; z-index:100;  transition:all 0.3s; transform-origin:center; }   .burger_menu:after , .burger_menu:before{ content:" "; }  .burger_menu>div{  top:50%; }  .burger_menu:after{  top:20%; }  .burger_menu:before{  top:80%; }  .burger_menu:hover:after{  top:30%; }  .burger_menu:hover:before{  top:70%; }  .burger_menu.actif>div{  opacity:0;  filter:alpha(opacity=0); }  .burger_menu.actif:after{  top:50%;  transform:translate(-50%,-50%) rotate(45deg); }  .burger_menu.actif:before{  top:50%;  transform:translate(-50%,-50%) rotate(-45deg); }  .paypal_bouton_prix input:hover{ background:#abe6ff; }  .paypal_conteneur span{ display:inline-block; margin-bottom:1em; text-transform:uppercase; color:#009ee0; }  .paypal_conteneur span i{ font-size:0.8em; }  @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;  }   .menu_haut ul li a , .menu_haut ul li>font{   padding:0.5em 1.2ex; }   header[role=banner] .logo{   margin:0.5em 0; }   html main.conteneur {   padding-top:10px;   padding-bottom:10px; }   main h1{   padding-bottom:10px;   margin-bottom:10px; }   .menu_haut ul , .menu_haut li , .menu_haut li a , .mapomme_rubrique .conteneur>ul , .mapomme_rubrique .conteneur>ul>li , .mapomme_rubrique .conteneur>ul>li>a{  width:100%; }   .mapomme_rubrique .conteneur>ul>li:before{  display:none; }   a.mapomme_article_liste_rubrique{  margin-bottom:3px; }   }  .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; }   .verification_champs{ float:left; display:none; font-weight:bold; text-indent:5px;  color:#a80000;  font-size:1.2em; }  .verification_champs_afficher{ display:inline; }   .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%;  }   }  .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; }  .mapomme_rubrique_liste{ float:left; display:block; position:relative; margin-bottom:20px; border:1px solid #000; padding:15px; z-index:80; white-space:nowrap; }  .mapomme_rubrique_liste>ul{ position:absolute; display:none; top:100%; top:calc( 100% - 1px ); left:-1px; border:1px solid #000; background:#fff; z-index:81; }  .mapomme_rubrique_liste:hover>ul{ display:block; }  .mapomme_rubrique_liste li{ padding:0.2em 2ex; display:block; width:100%; margin-left:2ex; }   #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%; }  }  .pagination.nowrap{  white-space:nowrap; }  .pagination>div.bloc_30{  margin:0 1.6666666666666666666%; }   .pagination .droit{  direction:rtl; }  .pagination .relative{  height:40px; }  .pagination a{  display:inline-block;  padding:0;  background:rgba(0,0,0,0.2);  margin:0 2px;  text-align:center;  width:40px;  height:40px;  line-height:40px; }  .pagination a:hover , .pagination a.actif{  background:rgba(0,0,0,0.6); color:#fff; }   .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%; }   }