@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) {}    :root {  --couleur-animation-survole:#6ea19c; --couleur-hover:#beede8; }   html, body{  width:100%;  min-height:100%;  margin:0;  padding:0; }  html{overflow:auto;}  body{ background:#f5f5f5;  font-family:"Open Sans",Arial,Georgia,Verdana,sans-serif;  font-optical-sizing:auto; font-size:16px; font-weight:300; color:#231f20; position:relative; height:100%; }  body main *{ line-height:1.4em; }  a{color:inherit;text-decoration:none;}  a:hover{text-decoration:none;}  main{  overflow:hidden; }  main a{color:#0C8DA0;}  .logo svg *{fill:#666666;}  .display{ display:none; }  main h1,main h2,main h3{ line-height:1.2em; margin:0.3em 0; font-weight:300; color:#3a3a3a; }  main h1{ font-size:1.8em; text-align:center; }  main h2{padding-top:1em;font-size:1.5em;}  main .chone_extranet_liste h2{ text-align:center; }   main h3{font-size:1.2em;}  img,embed{  max-width:100%; }   .animation_souligne{ display:inline-block; padding:12px 8px 4px 8px; transition:color 0.3s; position:relative; cursor:pointer;  transition:all 0.3s; }  .animation_souligne:hover svg *{  transition:all 0.3s; }  .animation_souligne::after {  content:'';  position:absolute;  bottom:0;  left:0;  width:100%;  height:2px;  background-color:var(--couleur-animation-survole);  transform:scaleX(0);  transform-origin:bottom right;  transition:transform 0.3s ease-out; }  .animation_souligne:hover {  color:var(--couleur-animation-survole); }  .animation_souligne:hover::after {  transform:scaleX(1);  transform-origin:bottom left; }  .animation_souligne:hover svg *{  fill:var(--couleur-animation-survole); }  .main_non_connect .logo svg *{ fill:#666666!important; }   header[role=banner]{ position:fixed; top:0; left:0; right:0; width:100%; background:#fff; border-bottom:2px solid #d2f2f2; z-index:2; }  header[role=banner] a.logo{ padding:32px 20px; }  body.main_scrolled header[role=banner] a.logo{ padding:2px 0; }  header[role=banner] a.logo svg{ float:left; display:block; width:170px; height:36px; }  header[role=banner] .bonjour_prenom , header[role=banner] .fil_ariane , nav[role=navigation] .menu_principal ul>li * , .bonjour_prenom>ul>li>a{ color:#666666; line-height:100px; }   body.main_scrolled header[role=banner] .bonjour_prenom , body.main_scrolled header[role=banner] .fil_ariane , body.main_scrolled nav[role=navigation] .menu_principal ul>li * , body.main_scrolled .bonjour_prenom>ul>li>a{ line-height:40px; }  header[role=banner] .bonjour_prenom{ position:relative; }  .bonjour_prenom>ul>li>a{ display:inline-block; padding:0 20px; z-index:1; }  header .menu_principal ul>li:hover>a , header .menu_principal ul>li.active>a , .bonjour_prenom>ul>li>a:hover , .bonjour_prenom>ul>li>a.active{ background:#d2f2f2; }  .menu_principal ul>li svg * , .bonjour_prenom>ul>li>a svg *{ fill:#666666; }  .bonjour_prenom>ul>li{ position:relative; }  .bonjour_prenom>ul>li *{  transition:all 0.3s; }  .bonjour_prenom>ul>li>ul{ position:absolute; width:100%; bottom:0; right:0; left:0; z-index:10; }  .bonjour_prenom>ul>li>ul , .bonjour_prenom>ul>li>ul>li , .bonjour_prenom>ul>li>ul>li svg , .bonjour_prenom>ul>li>ul>li a{ height:5px; }  .bonjour_prenom>ul>li:hover>ul{ display:block; bottom:-35px; overflow:visible; }  .bonjour_prenom>ul>li:hover>ul , .bonjour_prenom>ul>li:hover>ul>li , .bonjour_prenom>ul>li:hover>ul>li svg , .bonjour_prenom>ul>li:hover>ul>li a{ height:40px; }  .bonjour_prenom>ul>li>ul>li{ float:left; display:block; position:relative; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(1) { width:100%; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(2), .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(2) ~ li { width:50%; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(3), .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(3) ~ li { width:33.33333%; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(4), .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(4) ~ li { width:25%; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(5), .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(5) ~ li { width:20%; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(6), .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(6) ~ li { width:16.6666%; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(7), .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(7) ~ li { width:14.2857142857%; }  .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(8), .bonjour_prenom>ul>li>ul>li:first-child:nth-last-child(8) ~ li { width:12.5%; }   .bonjour_prenom>ul>li>ul>li a{ display:block; width:100%; background:#d2f2f2; }  .bonjour_prenom>ul>li>ul>li a:hover{background:#beede8;}  .bonjour_prenom>ul>li>ul>li span{ display:none; position:absolute; bottom:105%;  left:50%;  transform:translateX(-50%); text-align:center; font-size:12px; white-space:nowrap; }  .bonjour_prenom>ul>li>ul>li:hover span{display:block;}  .bonjour_prenom>ul>li>ul>li svg{ position:absolute; padding:8px; width:100%;  top:50%;  left:50%;  transform:translate(-50%,-50%); overflow:hidden; }  .bonjour_prenom>ul>li:hover>ul>li svg{ padding:8px; }  .bonjour_prenom>ul>li>ul>li svg *{ fill:#666; }   .burger-menu.menu_hamburger{ margin-top:30px; }   .menu_principal ul>li{ float:left; display:block; position:relative; white-space:nowrap; color:#666666; }  .menu_principal ul>li a{ float:left; display:block; width:100%; padding:0 20px; }  .menu_principal>ul>li>ul{ position:absolute; display:none; top:100px; left:0; background:#fff;  box-shadow:0 5px 5px #656565; }  body.main_scrolled .menu_principal>ul>li>ul{ top:40px; }  nav[role=navigation] .menu_principal ul>li>ul *{ line-height:40px; }  .menu_principal ul>li:hover>ul{ display:block; }  .menu_principal ul>li svg{ display:inline-block; margin-right:0.5ex; }   .menu_principal ul>li>ul li{ width:100%; }  .menu_principal>ul>li>ul ul{ padding-left:30px; }  ul.menu_deroulant ul li:not(.div_multi_colonne)>ul{ display:block; }  .menu_principal_gestion li{ display:block; }  .menu_principal_gestion li a{ display:inline-block; padding:0.3em 1ex; }  .menu_principal_gestion li a:hover{ background:#ddd; }   .graphisme_page_connexion { background:#f5f5f5; }  body.graphisme_page_connexion{  position:absolute; }  .main_non_connect{ position:absolute; width:650px;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  .main_non_connect .logo{ float:left; display:block; width:100%; text-align:center; }  .main_non_connect .logo svg{ display:inline-block; width:300px; height:150px; }  .main_non_connect>div{ float:left; display:block; width:100%; background:#fff; border:1px solid #e5e5e5;  border-radius:15px; padding:50px 130px; color:#666666; }  .main_non_connect .lieu_menu_connexion li{ display:block; margin-left:0; text-align:right; }  .main_non_connect .lieu_menu_connexion li.active{ display:none; }  .main_non_connect .lieu_menu_connexion svg{ margin-right:10px; }  .body_admin.graphisme_page_connexion main{ bottom:auto; }  .graphisme_page_connexion footer[role=contentinfo]{ position:fixed; bottom:0; right:0; left:0; width:100%; text-align:center; padding:10px; }  .graphisme_page_connexion footer[role=contentinfo] li{ display:inline-block; padding:0 15px; }   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:1px solid #e5e5e5;  border-radius:10px; }  input[type=text]:focus , input[type=email]:focus, input[type=date]:focus, input[type=time]:focus, input[type=datetime]:focus, input[type=number]:focus, input[type=range]:focus, input[type=tel]:focus, input[type=url]:focus, input[type=password]:focus, input[type=search]:focus, input[type=file]:focus, input[type=submit]:focus, select:focus, textarea:focus{ background:#f5f5f5; border:1px solid #adaaaa; }  html input[type="submit"]:not([class*="bloc_"]){ background:#7dd3c7; color:#fff;  border-radius:12px; border:none; padding:10px 30px; }  html input[type="submit"]:not([class*="bloc_"]):hover{ background:#37897e; }   .notification{ margin:30px 10px; position:relative; }  .notification svg{ width:28px; height:28px; }  .notification svg *{ fill:#666; }  .notification span{ position:absolute;  top:4px;  left:2px;  border-radius:50%; background:#ff0000; color:#fff; font-size:8px; line-height:8px; font-weight:bold; width:12px; height:12px; overflow:hidden; }  .notification span p{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); height:8px; }  .liste_notification li{ float:left; display:block; position:relative; width:100%; margin-left:0; padding:8px; border-left:5px solid transparent; }   .liste_notification li[data-vu="0"]{ border-color:#000; }  .liste_notification li:nth-child(2n){ background:#eee; }  .liste_notification li a:not(.marquer_non_lu) , .liste_notification li b{ float:left; display:block; width:100%; }  .liste_notification li b{ font-weight:bold; }  .liste_notification li time{ font-weight:normal; font-style:italic; font-size:12px; }  .liste_notification .marquer_non_lu{ position:absolute; z-index:10; top:0; right:0; border:1px solid #999;  border-radius:4px; font-size:10px; padding:2px;  }  .liste_notification .marquer_non_lu:hover{ background:#ddd; }   body:not(.graphisme_page_corps_100):not(.graphisme_page_corps_90):not(.graphisme_page_connexion) main , .conteneur{ width:1350px; max-width:100%; margin:100px auto 60px; padding:0 40px; }  .graphisme_page_corps_100 main{ position:fixed; top:100px; bottom:48px; left:0; right:0; width:100%; z-index:1; overflow:auto; }  html body.graphisme_page_corps_blanc main{ margin-top:140px!important; width:900px; background:#fff; border:2px solid #d2f2f2;  border-radius:10px; padding:40px!important; }  body.main_scrolled .graphisme_page_corps_100 main{ top:40px; }  .graphisme_page_corps_90 main{ max-width:90%; margin:100px auto 50px auto; }  main svg *{ fill:#666; }  main a{ color:#666; }   html .menu_bas{ position:fixed; background:#fff; border-top:2px solid #d2f2f2;  z-index:299; bottom:0; right:0; left:0; width:100%; text-align:right; padding-right:20px; }  .menu_bas [class*=-adapeibtn-][class*=-grand-]{ width:auto; height:auto; padding-bottom:0; background:#fff!important; margin:8px; padding:0 6px; border-radius:5px; line-height:20px;  box-shadow:0 0 5px #656565; }  .menu_bas [class*=-adapeibtn-][class*=-grand-] *{ color:#666666!important; fill:#666666!important; }  .menu_bas [class*=-adapeibtn-][class*=-grand-] svg[class*=picto]{ position:static; width:16px; height:16px; transform:none; }  .menu_bas [class*=-adapeibtn-] span{ position:static; transform:none; display:inline-block; font-size:16px; padding:0; border-radius:0; text-align:left; opacity:1; filter:alpha(opacity = 100); max-width:100%; background:transparent; }  .menu_bas [class*=-adapeibtn-]:hover span{ font-size:inherit; line-height:inherit; }   .body_admin main{ bottom:60px; }   .chone_extranet_recherche_accueil{ display:grid;  grid-template-columns:minmax( auto, min(20%, 130px)) 1fr;  gap:20px;  width:98%; margin:0 1%; }  .chone_extranet_colonne{  background-color:#fff; padding:40px 0; }  .chone_extranet_colonne li{ float:left; display:inline-block; width:100%; margin-left:0; }  .chone_extranet_colonne li a{ float:left; display:inline-block; position:relative; width:100%; padding:0.6em 15px 0.6em 5px; }   .chone_extranet_colonne li:hover a , .chone_extranet_colonne li.actif a{ background:var(--couleur-hover); }  .chone_extranet_colonne li>a>svg{ display:none; margin-right:5px; }  .chone_extranet_colonne li>a span.bulle{ position:absolute; display:block; top:50%; right:3px; transform:translateY(-50%); font-size:10px; background:var(--couleur-hover); text-align:center; line-height:16px; border-radius:5px; overflow:hidden; white-space:nowrap; padding:2px; }  .chone_extranet_colonne li:hover>a span.bulle , .chone_extranet_colonne li.actif>a span.bulle{ background:#666; color:#fff }  .chone_extranet_colonne li:hover>a span.bulle svg *, .chone_extranet_colonne li.actif>a span.bulle svg *{ fill:#fff; }    .dossier_acces>p{ text-align:center; }  .dossier_acces>a{ float:left; display:block; width:100%; padding:3px 7px;  border-radius:10px; }  .dossier_acces>a.hide{ display:none; }  .dossier_acces>a:hover{ background:#e5e5e5; }  .dossier_acces>div{ margin:30px 0; }  .dossier_acces>div>a{ float:left; display:block;  border-radius:10px; background:#b0b0b0; border:1px solid #323334; padding:3px 7px; color:#323334; margin:2px; }  .dossier_acces>div>a.rouge{ border-color:#a20000; background:#a68f8f; }  .dossier_acces>div>a[data-admin="0"] , .dossier_acces>a{ cursor:pointer; }  .dossier_acces>div>a:before{ content:"X"; margin-right:1ex; font-weight:bold; }  .dossier_acces>div>a>svg{ display:none; }  [class*=popin_] svg{  border-radius:50%; padding:3px;   width:22px;   height:22px; }  [class*=popin_] svg *{ fill:#fff; }  [class*=popin_] span{ display:none; position:absolute; bottom:30px;  left:50%;  transform:translateX(-50%);  border-radius:5px; border:1px solid #000; background:#fff; padding:5px; text-align:left; width:300px; z-index:100; }  [class*=popin_]:active span{ display:block; }  .form_on_off[data-name=recu].recu_rouge span{ background:#de1c24; color:#fff; }  .form_on_off[data-name=recu] input:checked + span{ background:#3cb43c; color:#fff; }   .chone_extranet_liste_recherche{  display:grid;   grid-template-columns:1fr 40px 40px;  gap:0; background:#fff;  border-radius:10px; border:1px solid #e5e5e5; position:relative; margin:50px 0; }  .chone_extranet_liste_recherche input[type=text]{ border:none; }  .chone_extranet_liste_recherche svg{ width:40px; height:40px; padding:10px; cursor:pointer; }  .chone_extranet_liste_recherche input[type=submit] , .chone_extranet_liste_recherche .picto_fleche_haut{  display:none; }  .chone_extranet_liste_recherche>div{ position:absolute; left:0; right:0; top:50px; background:#fff; padding:10px;  border-radius:10px;  grid-column:1 / 4; border:1px solid #e5e5e5; z-index:50; }  .vider_la_recherche{ display:inline-block; padding:12px 8px 4px 8px; }   .recherche_liste_des_tri ul{  display:grid; grid-auto-flow:column; gap:10px; margin-bottom:35px; }  .recherche_liste_des_tri ul[nb_3]{grid-auto-columns:1fr 1fr 42px;}  .recherche_liste_des_tri ul[nb_4]{grid-auto-columns:1fr 1fr 1fr 42px;}  .recherche_liste_des_tri ul[nb_5]{grid-auto-columns:1fr 1fr 1fr 1fr 42px;}  .recherche_liste_des_tri ul[nb_6]{grid-auto-columns:1fr 1fr 1fr 1fr 1fr 42px;}  .recherche_liste_des_tri ul[nb_7]{grid-auto-columns:1fr 1fr 1fr 1fr 1fr 1fr 42px;}  .recherche_liste_des_tri ul[nb_8]{grid-auto-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 42px;}  .recherche_liste_des_tri ul[nb_9]{grid-auto-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 42px;}  .recherche_liste_des_tri ul li:not(.bleu){ display:inline-block; margin-left:0; background:#fff; border:1px solid #e5e5e5; padding:0.8em 3ex; text-align:center; }  .recherche_liste_des_tri ul li.bleu{ display:inline-block; margin-left:0; text-align:right; }  .recherche_liste_des_tri ul li.bleu a{ display:inline-block; padding:0.8em; }  .recherche_liste_des_tri ul li.a_englobe{ padding:0; }  .recherche_liste_des_tri ul li.a_englobe a{ display:block; padding:0.8em 3ex; }  .recherche_liste_des_tri ul li.a_englobe a:hover{ background:#eee; }  .recherche_liste_des_tri ul li p{ display:inline-block; background:var(--couleur-hover);  border-radius:12px; padding:0 1.5ex; margin:0 1ex; }   .chone_extranet_liste_resultat{ background:#fff; border:1px solid #e5e5e5;  border-radius:10px; width:100%; }  .chone_extranet_liste_resultat>div{ display:grid;   grid-template-columns:42px 18ex 1fr  80px  1fr  32px  140px; border-bottom:4px solid #fff; border-top:4px solid #fff; padding:0 4px; gap:4px; box-shadow:0 1px 1px #beede8; overflow:hidden; }  .chone_extranet_liste_resultat>div[sans_form]{  grid-template-columns:42px 18ex 1fr 2fr; }  .chone_extranet_liste_resultat>div[sans_form]>a{ display:inline-block;  border-radius:10px; background:#f5f5f5; padding:5px 2ex; text-align:center; }  .chone_extranet_liste_resultat>div[sans_form]>a:hover{ background:#666666; color:#fff; }  .chone_extranet_liste_resultat>div:not(:first-child){ height:40px;  transition:all 0.3s; }  .chone_extranet_liste_resultat>div.deplier{ height:auto; }  .chone_extranet_liste_resultat>div:first-child{ border-bottom:1px solid #e5e5e5; font-weight:bold; text-align:center; white-space:nowrap; }  .chone_extranet_liste_resultat>div:first-child>*{ padding:8px 0; position:relative; color:inherit; }  .chone_extranet_liste_resultat>div:first-child>* span{ display:inline-block; position:relative; height:20px; font-size:22px; background:#f00; }  .chone_extranet_liste_resultat>div:first-child>* span:before{ position:absolute; content:"\25BF"; top:4px; }  .chone_extranet_liste_resultat>div[tri=dossier][order=desc]>*[dossier]>span:before , .chone_extranet_liste_resultat>div[tri=nom][order=desc]>*[nom]>span:before , .chone_extranet_liste_resultat>div[tri=phases][order=desc]>*[phases]>span:before , .chone_extranet_liste_resultat>div[tri=todo][order=desc]>*[todo]>span:before , .chone_extranet_liste_resultat>div[tri=todo][order=vide]>*[todo]>span:before , .chone_extranet_liste_resultat>div[tri=sign][order=desc]>*[sign]>span:before , .chone_extranet_liste_resultat>div[tri=sign][order=vide]>*[sign]>span:before{ content:"\0025BE"; transform:scale(1.6); }  .chone_extranet_liste_resultat>div:first-child>* span:after{ content:"\0025B5"; position:absolute; bottom:-4px; }  .chone_extranet_liste_resultat>div[tri=dossier][order=asc]>*[dossier]>span:after , .chone_extranet_liste_resultat>div[tri=nom][order=asc]>*[nom]>span:after , .chone_extranet_liste_resultat>div[tri=phases][order=asc]>*[phases]>span:after , .chone_extranet_liste_resultat>div[tri=todo][order=asc]>*[todo]>span:after , .chone_extranet_liste_resultat>div[tri=todo][order=vide]>*[todo]>span:after , .chone_extranet_liste_resultat>div[tri=sign][order=asc]>*[sign]>span:after , .chone_extranet_liste_resultat>div[tri=sign][order=vide]>*[sign]>span:after{ content:"\0025B4"; transform:scale(1.6); }  .chone_extranet_liste_resultat>div:hover{ background:#eee; }  .chone_extranet_liste_resultat div[ref]{ white-space:nowrap; }  .chone_extranet_liste_resultat>div>div:not([paramettres]) a{ display:inline-block; padding:0.3em 0.7ex; border-radius:5px; background:#d2f2f2; margin-right:1ex; }  .chone_extranet_liste_resultat>div>div a[dossier] , .chone_extranet_liste_resultat>div>div:not([paramettres]) a:hover{ background:#beede8; }  .chone_extranet_liste_resultat>div>div a[formulaire]{ transition-delay:0s; opacity:0; }  .chone_extranet_liste_resultat>div.deplier>div a[formulaire]{ opacity:1; }  .chone_extranet_liste_resultat>div:hover>div a[formulaire]{ animation:apparition 0.1s forwards;  animation-delay:1s; }  @keyframes apparition {  from { opacity:0; }   to { opacity:1; }  }  .chone_extranet_liste_resultat>div:hover>div a[formulaire] , .chone_extranet_liste_resultat>div>div[phase] span{ background:transparent; white-space:nowrap; }  .chone_extranet_liste_resultat>div>div[phase] .picto_cadena1 *{ fill:#2cbda9; }  .chone_extranet_liste_resultat>div>div[phase] .picto_alert *{ fill:#bc2e2e; }  .chone_extranet_liste_resultat div[signe] input[type=date]{ padding:2px; }  .chone_extranet_liste_resultat>div>div[todo]{ position:relative; }  html .form_todo>span{ background:#d2f2f2; }  .chone_extranet_liste_resultat>div>div[deplier] a{ display:none; position:relative; border-radius:50%; background:#d2f2f2; width:32px; height:32px; }  .chone_extranet_liste_resultat>div.plier:hover>div[deplier] a{ display:block; }  .chone_extranet_liste_resultat div[deplier] a svg{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  .chone_extranet_liste_resultat div[deplier] a svg.picto_fleche_haut , .chone_extranet_liste_resultat>div.deplier div[deplier] a svg.picto_fleche_bas{ display:none; }  .chone_extranet_liste_resultat>div.deplier div[deplier] a svg.picto_fleche_haut{ display:block; }   .chone_extranet_liste_resultat>div>div[paramettres] a{ position:relative; float:left; display:block; border:1px solid #e5e5e5; border-radius:50%; width:30px; height:30px; margin-right:1.5ex; }  .chone_extranet_liste_resultat>div>div[paramettres] a:hover{ background:#ddd; }  .chone_extranet_liste_resultat>div>div[paramettres] svg{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  ul.resultats_parametres li , ul.resultats_parametres li p , ul.resultats_parametres li a{ position:relative; float:left; display:block; width:100%; }  ul.resultats_parametres li p{ background:#beede8; }  ul.resultats_parametres li:hover a{ background:#f2ffff; }  ul.resultats_parametres li span{ position:relative; float:left; display:block; border:1px solid #e5e5e5; border-radius:50%; width:30px; height:30px; margin-right:1.5ex; }  ul.resultats_parametres li span svg{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  ul.resultats_parametres li>*{ float:left; display:block; padding:4px; line-height:30px; }   .etapes_creation_dossier{ float:left; display:grid; margin:10px; width:100%; grid-column-gap:10px; grid-row-gap:10px; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr)); }  .etapes_creation_dossier>div{ background:#ddd; color:#000; font-size:10px; text-align:center; padding:10px 8px; }  .etapes_creation_dossier>div.actif{ background:#aaa; }  .etapes_creation_dossier_form a[data-etape]{ float:left; display:block; border-bottom:1px dotter #aaa; }  .etapes_creation_dossier_form a[class*=-d-]{ clear:both; border:1px solid #aaa; padding:0.8em 2ex; color:#000; }  .etapes_creation_dossier_form a[class*=-d-]:hover{ background:#eee; }   .etapes_creation_dossier_form .hide{ display:none; }  [class*=liste_dossier_]{ float:left; display:block; width:100%; margin-bottom:1em; }  [class*=liste_dossier_] *:not(span,svg){ float:left; display:block; width:100%; margin-left:0; }  [class*=liste_dossier_] ul{ max-height:10em; overflow-y:auto; border:1px solid #d4f4f4; }  [class*=liste_dossier_] a , .liste_dossier_legende li span{ display:inline-block; padding:0.2em 2ex; }  [class*=liste_dossier_] a:hover{ background:#d4f4f4; }  [class*=liste_dossier_] ul ul{  border:none; }  [class*=liste_dossier_] ul ul a{ padding-left:5ex; }  [class*=liste_dossier_] ul ul a:before{ content:"\0027A5 "; }  [class*=liste_dossier_] ul ul li.liste_dossier_ajouter a:before{ content:"+ "; }  .liste_dossier_legende ul{ margin-bottom:1em; }  .dossier_lie_externe{ padding:11px; }   .grid_compte_metier_modifier>ul>li{ display:grid!important; width:100%; grid-template-columns:10ex 10ex 1fr; grid-row-gap:10px; align-items:center; margin-top:25px; }  .grid_compte_metier_modifier>ul>li.hide{ display:none!important; }  .grid_compte_metier_modifier>ul>li:hover{ background:#eee; }  .grid_compte_metier_modifier>ul>li.b{ padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #aaa; }  .grid_compte_metier_modifier>ul>li label{ text-align:center; }  .liste_select_metier>div{ display:grid!important; width:100%; grid-template-columns:3ex 16ex 1fr 1fr 7ex; align-items:center; padding:0.5em 0; }  .liste_select_metier>div:nth-child(2n){ background:#eee; }  .liste_select_metier>div .b{ text-align:center; }  .liste_select_metier>div a{ text-align:center; }  .liste_select_metier>div *:last-child{ text-align:center; }  .liste_select_metier>div font a{ display:inline-block; background:#6e7dcf; color:#fff; padding:3px 1ex 3px 3ex;  border-radius:10px; position:relative; white-space:nowrap; margin:1px; }  .liste_select_metier>div font a:hover{ background:#3F51B5; }  .liste_select_metier>div font a:before{ content:"\002716"; background:#F44336; position:absolute; left:5px;  top:50%;  transform:translateY(-50%);  border-radius:50%; text-align:center; width:16px; height:16px; line-height:16px; font-size:10px; }  .liste_select_metier>div font a:hover:before{ background:#bc2116; }  .liste_select_metier>div div a{ display:inline-block; background:#000; color:#fff; padding:3px 1ex;  border-radius:10px; white-space:nowrap; margin:1px; }  .liste_select_metier>div div a:hover{ background:#222; }  .liste_select_metier>div div a:before{ content:"+"; margin-right:.5ex; }   .extranet_formulaire_titre{ float:left; display:block; position:relative; width:100%; margin:20px 0; background:#fff; padding:30px 60px 30px 30px; }  .extranet_formulaire_titre .formulaire_clos{ position:absolute; right:10px;  top:50%;  transform:translateY(-50%); }  .extranet_formulaire_titre ul{ position:absolute; right:0;  top:50%;  transform:translateY(-50%); width:40px; }  .extranet_formulaire_titre ul li{ float:left; display:block; width:40px; margin-left:0; }  .extranet_formulaire_titre ul li a{ float:left; display:block; position:relative; width:40px; height:40px; }  .extranet_formulaire_titre ul li a:hover{ background:#beede8; }  .extranet_formulaire_titre ul li a svg{ position:absolute; left:5px;  top:50%;  transform:translateY(-50%); width:25px; height:25px; }  .extranet_formulaire_titre header , .extranet_formulaire_titre header *{ float:left; display:block; width:100%; font-size:16px; margin:0; padding:0; text-align:left; }  .extranet_formulaire_titre header *{ padding:5px 0; }  .extranet_formulaire_titre header h1{ font-weight:bold; }   .liste_des_phases{  display:grid; grid-auto-columns:1fr; grid-auto-flow:column; gap:10px; }  .liste_des_phases>*{ position:relative; background:#fff; text-align:center; padding:8px 8px 90px 8px; position:relative; }  .liste_des_phases>*>*{ display:inline-block; width:100%; }  .liste_des_phases>*>span{ padding:10px 0; }  .liste_des_phases>*>span>svg{ position:absolute; top:5px; right:5px; }  .liste_des_phases>*>i{ padding-bottom:10px; }  .liste_des_phases .form_on_off { position:absolute; bottom:45px;  left:50%;  transform:translateX(-50%); }  .liste_des_phases .ancre_phase{ position:absolute; bottom:5px;  left:50%;  transform:translateX(-50%);  border-radius:50%; width:30px; height:30px; }  .liste_des_phases .ancre_phase:hover{ background:#890d0d; }  .liste_des_phases .ancre_phase svg{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  .liste_des_phases .ancre_phase svg *{ fill:#fff; }  .liste_des_phases .form_on_off { color:#fff; font-weight:bold; }  .liste_des_phases>*[data-fait="0"]>span>svg>*{ fill:#bc2e2e; }  .liste_des_phases>*[data-fait="1"]>span>svg>*{ fill:#2cbda9; }  .liste_des_phases>*[data-fait="2"]>span>svg>*{ fill:#666666; }  .liste_des_phases>*[data-fait="0"] .form_on_off span , .liste_des_phases>*[data-fait="0"] .ancre_phase{ background:#bc2e2e; }  .liste_des_phases>*[data-fait="1"] .form_on_off input:checked + span , .liste_des_phases>*[data-fait="1"] .ancre_phase{ background:#2cbda9; }  .liste_des_phases>*[data-fait="2"] .form_on_off span , .liste_des_phases>*[data-fait="2"] .ancre_phase{ background:#666666; }   .template_form{ float:right; display:block; width:95%; width:calc( 99% - 70px ); margin-right:1%; }  .template_affichage_dossier , .template_form ul , .template_form li{ float:left; display:block; width:100% }  .template_form>ul{  border-radius:10px; border:1px solid #e5e5e5; background:#fff; margin-bottom:20px; }  .template_form li{ display:block; margin-left:0; }   .template_affichage_dossier{  border-radius:10px; border-bottom:1px solid #e5e5e5; font-size:18px; text-transform:capitalize; padding:10px 40px; }  .template_affichage_dossier .imprimer{ float:right; }  .template_affichage_dossier .imprimer svg{ display:block; width:1.2em; height:1.2em; }  .template_affichage_dossier svg , li.champs_caches .template_affichage_dossier svg.picto_voir_non , li.champs_caches .template_affichage { display:none; }   .template_affichage{ display:grid; width:80%; width:calc( 100% - 60px ); margin:0 30px; grid-template-columns:40px 1fr 350px 1fr 40px; grid-column-gap:30px; margin-bottom:30px; text-align:center; color:#666666; }  table.template_affichage , table.template_affichage>div , table.template_affichage>div td{ border:none; }  .template_affichage>div{ position:relative;  border-radius:5px; }  .template_affichage>div:not(.template_affichage_observation){ padding:10px 20px; }   .template_affichage>div svg.picto_case_cochee , .template_affichage>div svg.picto_case_non_cochee{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); }  .template_affichage>div svg.picto_case_cochee * , .template_affichage>div svg.picto_case_non_cochee *{ fill:#e5e5e5; }  .template_affichage.barre{ display:none; }  .template_affichage.grise>div:nth-child(n+2){  opacity:0.2;  filter:alpha(opacity=20); }  .template_affichage>div:not(.template_affichage_observation):nth-child(1){ display:none; }  .template_affichage.template_affichage_intitule{ line-height:34px; font-size:20px; color:#000; font-weight:bold; }  .template_affichage:nth-child(2n):not(.template_affichage_intitule)>div:nth-child(3) , .template_affichage:nth-child(2n):not(.template_affichage_intitule)>div:nth-child(4){ background:#f5f5f5; }  .template_affichage:not(.template_affichage_intitule):nth-child(2n+3)>div:nth-child(3) , .template_affichage:not(.template_affichage_intitule):nth-child(2n+3)>div:nth-child(4) , .template_affichage textarea{ border:1px solid #f5f5f5; }  .template_affichage .popin_aide svg * , .template_affichage .popin_alert svg * { fill:#000; }   .template_groupe_liste{ position:fixed;  top:50%;  left:50%;  transform:translate(-50%,-50%); background:#fff; border:3px double #000; z-index:100; }  .template_groupe_liste li{ padding:5px 15px; display:block; width:100%; margin-left:0; cursor:pointer; }  .template_groupe_liste li:hover{ background:#eee; }  .template_groupe_liste li.actif{  background:#003865; color:#fff; }  .template_groupe_liste_deroulante ul , .template_groupe_liste_choix_multiple ul{ width:100%; }  .template_groupe_liste_deroulante ul li , .template_groupe_liste_choix_multiple ul li{ margin-left:0; display:block; }  .ai_mail_type_form {  padding:30px; }   .mail_type_envoyer{ float:left; width:80%; width:calc(100%-50px); }  .mail_type_envoyer .form_on_off{ float:left; display:inline-block; margin-right:1.5ex; }  .mail_type_envoyer a{ float:left; display:inline-block; white-space:nowrap; line-height:34px; }  .template_affichage[data-type='mail_type'] .mail_type_archives{ position:absolute; top:0; right:0; height:44px; width:44px; padding:5px; }  .template_affichage[data-type='mail_type'] .mail_type_archives svg{ width:34px; height:34px; }  .template_affichage[data-type='mail_type'] .mail_type_archives font{ position:absolute; top:3px; right:3px; border-radius:50%; width:15px; height:15px; background:#ff0000; color:#fff; font-size:12px; line-height:15px; text-align:center; }   .liste_des_phases_corps>div{ position:fixed; top:100px; left:0; width:64px; padding:2px; background:#323334; border:1px solid #000; border-left:none;  border-radius:0 10px 10px 0; z-index:101; text-align:center; color:#fff; }    .alert_composition , .alert_composition_front{ float:left;  display:grid; width:100%; grid-template-columns:1fr 1fr; grid-column-gap:10px; grid-row-gap:10px; }  .alert_composition>div , .alert_composition_front>div{  grid-column-end:span 2; }  .alert_composition>div[data-w='50'] , .alert_composition_front>div[data-w='50']{  grid-column-end:span 1; }  .alert_composition>div>*:not(.composition_action){ float:left; display:block; width:calc( 98% - 50px ); min-height:50px; border:1px solid #000; padding:8px; margin:2px 1%; overflow:hidden;  transition:all 0.3s; }  .composition_action{ float:left; display:block; background:#0f0;  transition:all 0.3s; width:44px; height:50px; font-size:16px; background:#888;  border-radius:3px; }  .alert_composition>div[data-type=h2] .composition_action{background:#56aa26;}  .alert_composition>div[data-type=texte] .composition_action{background:#E91E63;}  .alert_composition>div[data-type=image] .composition_action{background:#84a0ad;}  .alert_composition>div[data-type=fichier] .composition_action{background:#8E24AA;}  .composition_action *{ line-height:16px; }  .composition_action a{ float:left; display:block;  border-radius:3px; padding:3px; }  .composition_action a:hover{ background:#444; }  .composition_action svg *{ fill:#fff; }  .alert_composition>div[data-type=h2] , .alert_composition_front>div[data-type=h2]{}  .alert_composition>div[data-type=texte] , .alert_composition_front>div[data-type=texte]{text-align:justify;}  .alert_composition>div[data-type=image] , .alert_composition_front>div[data-type=image]{}  .alert_composition>div[data-type=fichier] , .alert_composition_front>div[data-type=fichier]{}  .alert_composition_liste_fichiers , .alert_composition_liste_fichiers a{ float:left; display:block; width:100%; padding:3px 0; }  .alert_composition_liste_fichiers a{ }  .alert_composition_liste_fichiers a:hover{ background:#eee; }  .picto_interactions{ position:relative; }  .picto_interactions>font{ position:absolute;  top:0;  right:0; background:#bc2e2e; color:#fff;  border-radius:50%; text-align:center; font-size:8px; line-height:9px; font-weight:bold; width:9px; height:9px; }   .compte_gestion_liste{ float:left; display:block; width:100%; margin:30px 0; }  .compte_gestion_liste>div{ float:left; display:grid; width:100%;  grid-template-columns:23px 2fr 1fr 8ex 8ex 8ex 90px 0; gap:10px; align-items:center; padding:5px; }  .compte_gestion_liste>div:first-child{ font-weight:bold; text-align:center; }  .compte_gestion_liste>div:nth-child(2n){ background:#d2f2f2; }  .compte_gestion_liste>div:hover:nth-child(2n){ background:#beede8; }  .compte_gestion_liste>div:hover:nth-child(2n+1){ background:#f8fcfc; }  .compte_gestion_liste>div[supprime]{ background:#f8b4b4; }  .compte_gestion_liste>div[supprime]:hover{ background:#f18383; }  .compte_gestion_liste>div>div:nth-child(4) , .compte_gestion_liste>div>div:nth-child(5) , .compte_gestion_liste>div>div:nth-child(6) , .compte_gestion_liste>div>div:nth-child(7){ text-align:center; }   .gestion_export_champs , .gestion_export_champs ul , .gestion_export_champs li{ float:right; display:block; margin-left:0; width:100%; }  .gestion_export_champs li{ padding-bottom:3px; }  .gestion_export_champs a:not(.coche)>svg.picto_case_cochee , .gestion_export_champs a.coche>svg.picto_case_non_cochee{ display:none; }  .gestion_export_champs ul{ width:95%; }   .compte_gestion_liste>div>div:last-child{ display:none; }  .compte_gestion_liste .picto_actif_desactif:not(.actif){ display:none; }  .fx_supprimer .oui , .fx_supprimer .non{ display:inline-block; -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:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; padding:10px; margin:20px; color:#fff; font-size:22px; font-weight:bold; text-transform:uppercase; }  .fx_supprimer .oui{ background:#3c9906; }  .fx_supprimer .oui:hover{ background:#87d30c; }  .fx_supprimer .non{ background:#991e06; }  .fx_supprimer .non:hover{ background:#d3430d; }  .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:900; cursor:pointer; }  .fx_edit_popup , .fx_edit_erreur{ 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:901;}  .fx_edit_fermer{z-index:902;}  .fx_edit_popup[data-niv='2']{z-index:903;}  .fx_edit_fermer[data-niv='2']{z-index:904;}  .fx_edit_popup[data-niv='3']{z-index:905;}  .fx_edit_fermer[data-niv='3']{z-index:906;}  .fx_edit_popup[data-niv='4']{z-index:907;}  .fx_edit_fermer[data-niv='4']{z-index:908;}  .fx_edit_popup[data-niv='5']{z-index:909;}  .fx_edit_fermer[data-niv='5']{z-index:910;}  .fx_edit_popup.fx_edit_image{ width:90%; height:90%; }  @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; }    .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; }  .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; }   .form_todo { min-height:1.5em; outline:none; padding-left:5px; }  .form_todo>span{ position:absolute; top:3px; right:3px; z-index:10; border-radius:50%; background:#ddd; font-size:12px; line-height:15px; text-align:center; font-weight:bold; width:15px; height:15px; }  .form_todo p{ display:flex; position:relative; align-items:center; min-height:32px; margin-bottom:5px; padding:5px 8px 5px 34px; background-color:#f8f9fa; border-radius:4px; transition:background 0.2s; }  .form_todo p:hover { background-color:#f1f3f4; }   .form_todo p span{ position:absolute; left:5px;  top:6px;  width:24px; height:24px; cursor:pointer; color:#d93025; font-weight:bold; user-select:none;  transition:transform 0.2s; }  .form_todo p span:after{ content:"\01F5F4"; }  .form_todo p span:hover:after , .form_todo.form_todo_fait p span:after{ content:"\01F5F8"; transform:scale(1.3); color:#34a853; }  .form_todo.form_todo_fait p span:hover:after{ content:"\01F5D1"; color:#666666; }  .form_todo p.is-empty{ background:transparent; }  .form_todo p.is-empty span:after { content:" "; color:#1a73e8; }  .form_todo:focus p.is-empty span:after , .form_todo:hover p.is-empty span:after{ content:"\002B"; }  .form_todo:focus p.is-empty , .form_todo:hover p.is-empty{  background-color:#f8f9fa; }   .form_todo p.is-empty span:hover:after { color:#1a73e8; transform:none; }   #screenshot{  position:absolute;  background:#e4e4e4;  padding:10px;  border:1px solid #838383;  display:none;  z-index:500;  color:#000; max-width:800px; }  #screenshot h1{ font-weight:bold; font-size:24px; }  #screenshot h2{ font-weight:bold; font-size:21px; }  #screenshot h3{ font-weight:bold; font-size:18px; }  #screenshot a{ text-decoration:underline; }  @media screen and (max-width:900px) {  #screenshot{  max-width:80%; }  }  .menu_hamburger{ float:right; position:relative; display:inline-block; margin-left:1ex; width:40px; height:24px; }  .menu_hamburger_ligne{ transition-timing-function:cubic-bezier(.55,.055,.675,.19); transition-duration:75ms; top:50%; display:block; margin-top:-2px; }  .menu_hamburger_ligne , .menu_hamburger_ligne:after , .menu_hamburger_ligne:before{ position:absolute; width:40px; height:4px; transition-timing-function:ease; transition-duration:.15s; transition-property:transform; border-radius:4px; background-color:#000; }  .menu_hamburger_ligne:after, .menu_hamburger_ligne:before{ display:block; content:""; }  .menu_hamburger_ligne:after{ transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55,.055,.675,.19); bottom:-10px; }  .menu_hamburger_ligne:before{ transition:top 75ms ease .12s,opacity 75ms ease; top:-10px; }  .menu_hamburger.actif .menu_hamburger_ligne{ transition-delay:.12s; transition-timing-function:cubic-bezier(.215,.61,.355,1); transform:rotate(45deg); }  .menu_hamburger.actif .menu_hamburger_ligne:before{ top:0; transition:top 75ms ease,opacity 75ms ease .12s; opacity:0; }  .menu_hamburger.actif .menu_hamburger_ligne:after{ bottom:0; transition:bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; transform:rotate(-90deg); }   .burger-menu {  float:right; display:block; position:relative;  width:40px;  height:40px;  cursor:pointer; margin-left:10px; overflow:hidden; }  .burger-menu .line{ position:absolute;  left:0;  width:100%;  height:4px;  background-color:#fff;  transition:all 0.3s ease;  transform-origin:center center; }  .burger-menu .line:nth-child(1){  top:6px; }  .burger-menu .line:nth-child(2){  top:calc( 50% - 2px ); }  .burger-menu .line:nth-child(3){  bottom:6px; }  .burger-menu:hover .line:nth-child(1) , .burger-menu.actif .line:nth-child(1){  top:calc( 50% - 2px );  transform:rotate(45deg); }  .burger-menu:hover .line:nth-child(2) , .burger-menu.actif .line:nth-child(2){  left:100%; height:0px; }  .burger-menu:hover .line:nth-child(3) , .burger-menu.actif .line:nth-child(3){  bottom:calc( 50% - 2px );  transform:rotate(-45deg); }  .exemple_adapeibtn [class*=-adapeibtn-]{ margin:3px; }  .exemple_adapeibtnopt{ border:1px solid #000; padding-bottom:120px; position:relative; }  .exemple_adapeibtnopt [class*=-adapeibtnopt-]{ position:absolute!important; }  [class*=-adapeibtn-]{ display:inline-block; position:relative; width:1.4em; height:0; padding-bottom:1.4em; border-radius:50%; }  [class*=-adapeibtn-].hide{ display:none; }  [class*=-adapeibtn-][href]:not([href=""]), [class*=-adapeibtn-][data-href]:not([data-href=""]){ cursor:pointer; }  [class*=-adapeibtn-][class*=-grand-]{ width:50px; padding-bottom:50px; background:#fff; }  [class*=-adapeibtn-] svg[class*=picto]{ position:absolute; width:70%; height:70%; top:50%; left:50%; transform:translate(-50%,-50%); }  [class*=-adapeibtn-]:hover{background:#c5c5c5;}  [class*=-adapeibtn-][class*=-alert-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-ajouter-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-crayon-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-supprimer-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-croix-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-rechercher-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-download-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-aide-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-retour-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-fleche_droite-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-mise_en_avant-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-dossier-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-formulaire-]:not([class*=-NB-]) * , [class*=-adapeibtn-][class*=-duppliquer-]:not([class*=-NB-]) *, [class*=-adapeibtn-][class*=-bulle-]:not([class*=-NB-]) *, [class*=-adapeibtn-][class*=-plan_du_site-]:not([class*=-NB-]) *, [class*=-adapeibtn-][class*=-image-]:not([class*=-NB-]) *, [class*=-adapeibtn-][class*=-membre-]:not([class*=-NB-]) *, [class*=-adapeibtn-][class*=-h1-]:not([class*=-NB-]) *, [class*=-adapeibtn-][class*=-h2-]:not([class*=-NB-]) *, [class*=-adapeibtn-][class*=-h3-]:not([class*=-NB-]) *{ fill:#fff; color:#fff; }  [class*=class_adapei_couleur_]{ display:inline-block; padding:0.5em 1.5ex; margin:1px; color:#fff; width:40%; text-align:center; }  [class*=-adapeibtn-][class*=-alert-]:not([class*=-NB-]) , .class_adapei_couleur_ff0000{background:#ff0000;}  [class*=-adapeibtn-][class*=-alert-]:not([class*=-NB-]):hover , .class_adapei_couleur_c90000{background:#c90000;}  [class*=-adapeibtn-][class*=-ajouter-]:not([class*=-NB-]) , .class_adapei_couleur_9C27B0{background:#9C27B0;}  [class*=-adapeibtn-][class*=-ajouter-]:not([class*=-NB-]):hover , .class_adapei_couleur_831197{background:#831197;}  [class*=-adapeibtn-][class*=-crayon-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-bulle-]:not([class*=-NB-]) , .class_adapei_couleur_00BCD4{background:#00BCD4;}  [class*=-adapeibtn-][class*=-crayon-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-bulle-]:not([class*=-NB-]):hover , .class_adapei_couleur_0090a2{background:#0090a2;}  [class*=-adapeibtn-][class*=-supprimer-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-croix-]:not([class*=-NB-]) , .class_adapei_couleur_F44336{background:#F44336;}  [class*=-adapeibtn-][class*=-supprimer-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-croix-]:not([class*=-NB-]):hover , .class_adapei_couleur_bc2116{background:#bc2116;}  [class*=-adapeibtn-][class*=-rechercher-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-membre-]:not([class*=-NB-]) , .class_adapei_couleur_8BC34A{background:#8BC34A;}  [class*=-adapeibtn-][class*=-rechercher-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-membre-]:not([class*=-NB-]):hover , .class_adapei_couleur_669b28{background:#669b28;}  [class*=-adapeibtn-][class*=-download-]:not([class*=-NB-]) , .class_adapei_couleur_607D8B{background:#607D8B;}  [class*=-adapeibtn-][class*=-download-]:not([class*=-NB-]):hover , .class_adapei_couleur_415c69{background:#415c69;}  [class*=-adapeibtn-][class*=-aide-]:not([class*=-NB-]) , .class_adapei_couleur_8E24AA{background:#8E24AA;}  [class*=-adapeibtn-][class*=-aide-]:not([class*=-NB-]):hover , .class_adapei_couleur_AB47BC{background:#AB47BC;}  [class*=-adapeibtn-][class*=-retour-]:not([class*=-NB-]) , .class_adapei_couleur_3F51B5{background:#3F51B5;}  [class*=-adapeibtn-][class*=-retour-]:not([class*=-NB-]):hover , .class_adapei_couleur_6e7dcf{background:#6e7dcf;}  [class*=-adapeibtn-][class*=-fleche_droite-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-h1-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-h2-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-h3-]:not([class*=-NB-]) , .class_adapei_couleur_56aa26{background:#56aa26;}  [class*=-adapeibtn-][class*=-fleche_droite-]:not([class*=-NB-]):hover , .class_adapei_couleur_78bb51{background:#78bb51;}  [class*=-adapeibtn-][class*=-mise_en_avant-] , .class_adapei_couleur_9a8338{background:#9a8338;}  [class*=-adapeibtn-][class*=-mise_en_avant-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-h1-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-h2-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-h3-]:not([class*=-NB-]):hover , .class_adapei_couleur_7b651c{background:#7b651c;}  [class*=-adapeibtn-][class*=-dossier-]:not([class*=-NB-]) , .class_adapei_couleur_FF5722{background:#FF5722;}  [class*=-adapeibtn-][class*=-dossier-]:not([class*=-NB-]):hover , .class_adapei_couleur_dc3804{background:#dc3804;}  [class*=-adapeibtn-][class*=-formulaire-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-plan_du_site-]:not([class*=-NB-]) , .class_adapei_couleur_E91E63{background:#E91E63;}  [class*=-adapeibtn-][class*=-formulaire-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-plan_du_site-]:not([class*=-NB-]):hover , .class_adapei_couleur_cf094c{background:#cf094c;}  [class*=-adapeibtn-][class*=-duppliquer-]:not([class*=-NB-]) , [class*=-adapeibtn-][class*=-image-]:not([class*=-NB-]) , .class_adapei_couleur_84a0ad{background:#84a0ad;}  [class*=-adapeibtn-][class*=-duppliquer-]:not([class*=-NB-]):hover , [class*=-adapeibtn-][class*=-image-]:not([class*=-NB-]):hover , .class_adapei_couleur_5c8ba1{background:#5c8ba1;}   [class*=-adapeibtn-] div{ display:none; }  [class*=-adapeibtn-][class*=-grand-] div{ display:block; position:absolute; top:5px; right:5px; width:20px; height:20px; background:inherit; border-radius:50%;  transform:translate(+50%,-50%); border-bottom:2px solid #fff; border-left:2px solid #fff; }  [class*=-adapeibtn-] span{ display:none; background:inherit; }  [class*=-adapeibtnopt-]{ position:fixed; bottom:40px; right:40px; z-index:5; }  [class*=-adapeibtnopt-] [class*=-adapeibtn-]{ margin-right:8px; }  [class*=-adapeibtnopt-] [class*=-adapeibtn-]:last-child{ margin-right:0; }  [class*=-adapeibtn-] span{ position:absolute; bottom:50%; left:50%; transform:translateX(-50%); display:block; line-height:2em; padding:0 1em; border-radius:1em; text-align:center; transition:all 0.3s; opacity:0; filter:alpha(opacity=0); font-size:0; max-width:200px; white-space:nowrap; z-index:5; }  [class*=-adapeibtn-]:hover span{ bottom:90%; opacity:1; filter:alpha(opacity=100); font-size:12px; }  [class*=-adapeibtn-][class*=-petit-] span{ left:20%; }  [class*=-adapeibtns-][class*=-droite-] [class*=-adapeibtn-] span , [class*=-adapeibtns-][class*=-gauche-] [class*=-adapeibtn-] span , [class*=-adapeibtn-][class*=-droite-] span , [class*=-adapeibtn-][class*=-gauche-] span{ transform:translateX(0); }  [class*=-adapeibtn-][class*=-droite-]:hover span , [class*=-adapeibtn-][class*=-gauche-]:hover span , [class*=-adapeibtn-]:hover [class*=-droite-]>span , [class*=-adapeibtn-]:hover [class*=-gauche-]>span{ bottom:80%; }  [class*=-adapeibtns-][class*=-droite-] [class*=-adapeibtn-] span , [class*=-adapeibtn-][class*=-gauche-] span{ left:auto; right:10%; }  [class*=-adapeibtns-][class*=-droite-] [class*=-adapeibtn-]:hover span , [class*=-adapeibtn-][class*=-gauche-]:hover span{ right:80%; }  [class*=-adapeiliste-]>li:first-child [class*=-adapeibtn-]:hover span{ bottom:-80%; }  [class*=-adapeiliste-] , [class*=-adapeiliste-]>li , [class*=-adapeiliste-] ul>li{ float:left; display:block; width:100%; }  [class*=-adapeiliste-]>li , [class*=-adapeiliste-] ul>li{ border-bottom:1px solid #a3a3a3; position:relative; background:#f2f6fc; border-left:5px solid transparent; margin-left:0; }  [class*=-adapeiliste-]>li:hover , [class*=-adapeiliste-] ul>li:hover , [class*=-adapeiliste-]>li.actif , [class*=-adapeiliste-] ul>li.actif{ border-left-color:#4ed700; box-shadow:0 0 5px rgba(0,0,0,0.3); z-index:4; }  [class*=-adapeiliste-]>li.sous{ background:#267daa; border-left:none; padding-left:32px; box-shadow:inset 1px 1px 3px rgba(20,20,20,0.7); }  [class*=-adapeiliste-]>li.sous:hover{ border-left-color:transparent; }  [class*=-adapeiliste-]>li.sous>ul{ box-shadow:-3px 0px 3px rgba(20,20,20,0.7); }  [class*=-adapeiliste-]>li>a , [class*=-adapeiliste-] ul>li>a{ display:inline-block; width:100%; padding:0.2em 2ex; color:#5e2263; }  [class*=-adapeiliste-]>li>a:hover , [class*=-adapeiliste-] ul>li>a:hover{ background:#f4f4f4; }   [class*=-adapeiliste-]>li>div[class*=-libelle-] , [class*=-adapeiliste-] ul>li>div[class*=-libelle-]{ float:left; display:block; position:relative; width:100%; vertical-align:bottom; padding-left:2em; }  [class*=-adapeiliste-] [class*=-adapeibtns-]{ position:absolute; top:3px; }  [class*=-adapeiliste-] [class*=-adapeibtns-][class*=-gauche-]{ left:0.4em; }  [class*=-adapeiliste-] [class*=-adapeibtns-][class*=-gauche-] [class*=-adapeibtn-][class*=-petit-]{ margin-right:0.3em; }   [class*=-adapeiliste-][class*=-btng0-]>li>a{padding-left:0.5em;}  [class*=-adapeiliste-][class*=-btng1-]>li>a{padding-left:2.5em;}  [class*=-adapeiliste-][class*=-btng2-]>li>a , [class*=-adapeiliste-][class*=-btng1-]>li[class*=-enfant-]>a{padding-left:4.5em;}  [class*=-adapeiliste-][class*=-btng3-]>li>a , [class*=-adapeiliste-][class*=-btng2-]>li[class*=-enfant-]>a{padding-left:6.5em;}  [class*=-adapeiliste-][class*=-btng4-]>li>a , [class*=-adapeiliste-][class*=-btng3-]>li[class*=-enfant-]>a{padding-left:8.5em;}  [class*=-adapeiliste-][class*=-btng5-]>li>a , [class*=-adapeiliste-][class*=-btng4-]>li[class*=-enfant-]>a{padding-left:10.5em;}  [class*=-adapeiliste-][class*=-btng6-]>li>a , [class*=-adapeiliste-][class*=-btng5-]>li[class*=-enfant-]>a{padding-left:12.5em;}  [class*=-adapeiliste-] [class*=-adapeibtns-][class*=-droite-]{ right:0.4em; }  [class*=-adapeiliste-] [class*=-adapeibtns-][class*=-droite-] [class*=-adapeibtn-][class*=-petit-]{ margin-left:0.3em; }  [class*=-adapeiliste-][class*=-btnd0-]>li>a{padding-right:0.5em;}  [class*=-adapeiliste-][class*=-btnd1-]>li>a{padding-right:2.5em;}  [class*=-adapeiliste-][class*=-btnd2-]>li>a{padding-right:4.2em;}  [class*=-adapeiliste-][class*=-btnd3-]>li>a{padding-right:5.9em;}  [class*=-adapeiliste-][class*=-btnd4-]>li>a{padding-right:7.6em;}  [class*=-adapeiliste-][class*=-btnd5-]>li>a{padding-right:9.3em;}  [class*=-adapeiliste-][class*=-btnd6-]>li>a{padding-right:11em;}  [class*=-adapeiliste-] li>div[class*=-libelle-]>span{ display:inline-block; font-size:0.8em; border-radius:5px; background:#d0d2d4; padding:0.1em 1ex; margin:4px 3px; }  [class*=-adapeiliste-] time{ position:absolute; top:0; right:0; font-size:8px; line-height:8px; font-style:italic; }  [class*=-adapeireduire-]{ height:1.8em; overflow:hidden; }  [class*=-adapeireduire-]:hover{ height:auto; overflow:auto; }  [class*=-adapeireduire-]:after{ content:"+"; position:absolute; top:2px; left:2px; border:1px solid #000; height:10px; width:10px; line-height:8px; font-size:14px; text-align:center; font-weight:bold; background:#fff; z-index:10; }  [class*=-adapeireduire-]:hover:after{ content:"-"; }  [class*=-adapeirecherche-]{ position:relative; float:left; display:block; width:100%; }  [class*=-adapeirecherche-].recherche_popup{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); width:80%; padding:15px;  background:#323334;  border-radius:20px; }  [class*=-adapeirecherche-] input[type=submit]{ display:none; }  [class*=-adapeirecherche-] input[type=text]:not([class*="-"]){ border-top:none; border-left:none; border-right:none; border-bottom:2px dotted #ccc; width:96%; margin:0 2% 8px 2%;  border-radius:10px 10px 0 0; }  [class*=-adapeirecherche-] input[type=text]:not([class*="-"]):focus{ border-bottom-color:#000; }  [class*=-adapeirecherche-] [class*=-adapeibtn-][class*=-croix-] , [class*=-adapeirecherche-] [class*=-adapeibtn-][class*=-rechercher-]{ position:absolute; top:50%; transform:translateY(-50%); right:3px; width:40px; padding-bottom:40px; }  [class*=-adapeirecherche-] [class*=-adapeibtn-][class*=-croix-]{ right:49px; }  [class*=-adapeiliste-]>li.hide_recherche , [class*=-adapeiliste-] ul>li.hide_recherche{ display:none; }  [class*=-pourcentage-]{ position:absolute; right:50px; top:15px; transform:translateY(-50%); background:#F44336; width:100px; height:12px; }  [class*=-pourcentage-]>div{ position:absolute; top:0; bottom:0; left:0; width:0%; background:#56aa26; z-index:1; }  [class*=-pourcentage-]>span{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:bold; font-size:10px; line-height:12px; color:#fff; z-index:2; -webkit-text-shadow:-1px 0 0 rgba(0, 0, 0, 0.8) ,  1px 0 0 rgba(0, 0, 0, 0.8) ,  0 -1px 0 rgba(0, 0, 0, 0.8) ,  0 1px 0 rgba(0, 0, 0, 0.8); -khtml-text-shadow:-1px 0 0 rgba(0, 0, 0, 0.8) ,  1px 0 0 rgba(0, 0, 0, 0.8) ,  0 -1px 0 rgba(0, 0, 0, 0.8) ,  0 1px 0 rgba(0, 0, 0, 0.8); -moz-text-shadow:-1px 0 0 rgba(0, 0, 0, 0.8) ,  1px 0 0 rgba(0, 0, 0, 0.8) ,  0 -1px 0 rgba(0, 0, 0, 0.8) ,  0 1px 0 rgba(0, 0, 0, 0.8); -ms-text-shadow:-1px 0 0 rgba(0, 0, 0, 0.8) ,  1px 0 0 rgba(0, 0, 0, 0.8) ,  0 -1px 0 rgba(0, 0, 0, 0.8) ,  0 1px 0 rgba(0, 0, 0, 0.8); -o-text-shadow:-1px 0 0 rgba(0, 0, 0, 0.8) ,  1px 0 0 rgba(0, 0, 0, 0.8) ,  0 -1px 0 rgba(0, 0, 0, 0.8) ,  0 1px 0 rgba(0, 0, 0, 0.8); text-shadow:-1px 0 0 rgba(0, 0, 0, 0.8) ,  1px 0 0 rgba(0, 0, 0, 0.8) ,  0 -1px 0 rgba(0, 0, 0, 0.8) ,  0 1px 0 rgba(0, 0, 0, 0.8); }  @media screen and (max-width:700px) {  .chone_extranet_colone[class*=-adapeiliste-] , .chone_extranet_liste{  position:static;  float:left;  display:block;  width:100%;   border-right:none;   border-bottom:3px double #a3a3a3;   overflow-y:hidden; }   }  .ia_chat_menu , .ia_chat_menu li , .ai_mail_type_lien{ float:left; display:block; width:100%; list-style-type:none; }  .ia_chat_menu li:hover{ background:#eee; }  .ia_chat_menu li a{ display:inline-block; padding:0.5em 2ex; width:100%; }  .ai_mail_type_message , .ai_mail_type_lien{ border:3px double #000; }  .ai_mail_type_exp_reg{ font-weight:bold; }  .ai_mail_type_envoyer svg{ width:3em; height:3em; }   .ia_chat{ position:fixed; bottom:110px; right:15px;  border-radius:30px 30px 0 0; border:3px solid #0090a2; background:#fff; color:#fff; z-index:301;  box-shadow:0px 0px 5px rgba(0,0,0,0.7); width:400px; height:500px; }   .ia_chat>svg{ z-index:304; position:absolute; bottom:-30px; right:5px; width:30px; height:30px; }  .ia_chat>svg .bulle_virgule_interieur{ fill:#fff; }  .ia_chat>svg .bulle_virgule_bord{ fill:#0090a2; }   .ia_chat_header{ position:absolute; top:0; right:0; left:0; width:100%; background:#0090a2; color:#fff;  border-radius:25px 25px 0 0; z-index:310; }  .ia_chat_header span{ float:left; display:block; width:100%; padding:0.5em 3ex; font-size:12px; }  .ia_chat_header>.picto_croix{ position:absolute; right:15px; z-index:311;  background:#FF5722;  border-radius:50%;  top:50%;  transform:translateY(-50%); }  .ia_chat_header>.picto_croix:hover{  background:#dc3804; }  .ia_chat_header>.picto_croix *{ fill:#fff; }  .ia_chat_header>ul{ position:absolute; top:-3px; right:40px; z-index:311; }  .ia_chat_header li{ display:block; margin-left:0; }  .ia_chat_header>ul>li{ position:relative; height:32px; width:40px; }  .ia_chat_header>ul>li:hover{ background:#00BCD4; }  .ia_chat_header ul li svg{ position:absolute;  top:50%;  left:50%;  transform:translate(-50%,-50%); height:1.4em; width:1.4em; }  .ia_chat_header ul li svg *{ fill:#fff; }  .ia_chat_header ul ul{ position:absolute; display:none; z-index:312; top:32px; right:0; width:200px; font-size:14px; background:#fff; border-bottom:3px solid #0090a2; border-left:3px solid #0090a2; }  .ia_chat_header ul:hover ul{ display:block; }  .ia_chat_header ul ul a{ float:left; display:block; width:100%; padding:0.2em 1.5ex; }  .ia_chat_header ul ul a:hover{ background:rgba(0,0,0,0.1); }  .ia_chat_header ul ul li.ajouter_chat a{ position:relative; background:#00BCD4; color:#fff; padding:0.2em 1.5ex 0.2em 4ex; }  .ia_chat_header ul ul li.ajouter_chat a:hover{ background:#0090a2; }  .ia_chat_header ul ul li.ajouter_chat a svg{ position:absolute;  top:50%; left:5px;  transform:translateY(-50%); }   .ia_chat_liste_message{ position:absolute; top:29px; bottom:29px; right:0; left:0; z-index:302; overflow:hidden; }  .ia_chat_liste_message>div{ position:absolute; right:18px; left:8px; bottom:0; padding:10px 0; }  .ia_chat_liste_message>p{ position:absolute; top:0; bottom:0; right:0; width:11px; height:100%; background:#eee; cursor:pointer; }  .ia_chat_liste_message>p>span{ position:absolute; bottom:0; right:1px; width:9px; height:80px; background:#dc3804;  border-radius:4px; cursor:pointer; }  .ia_chat_liste_message>p>span:active{ background:#FF5722; }  .ia_chat_liste_message>div div{ float:right; display:block; max-width:80%; background:#6e7dcf; clear:both;  border-radius:10px; padding:8px; }  .ia_chat_liste_message>div div.ia{ float:left;  background:#AB47BC; }   .ia_chat>form{ position:absolute; bottom:0; right:0; left:0; }  .ia_chat>form{ z-index:303; }  .ia_chat>form textarea:not([class*="h_"]):not(.wysiwig){ float:left; display:block; width:80%; width:calc( 100% - 40px ); padding:3px; margin:0;  border-bottom:0;  border-left:0;  height:1.8em; }  .ia_chat>form>svg{ position:absolute; bottom:0; right:0; top:0; width:40px; height:100%; background:#00BCD4; cursor:pointer; }  .ia_chat>form>svg:hover{ background:#0090a2; }  .ia_chat>form>svg *{ fill:#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; }  }  .drop_fichier textarea{  display:none; }  .drop_fichier>div.drop_fichier_upload{  border:3px dashed #BBBBBB;  text-align:center; }  .drop_fichier>div.drop_fichier_upload.sur{  border-color:#0111b2!IMPORTANT; }  .drop_fichier>div.drop_fichier_upload.dans{  min-height:1em;  border-color:#22730d; }  .drop_fichier div.drop_fichier_depot{  height:6em;  top:0;  bottom:0;  left:0;  right:0;  background:#fff;  background:rgba(255,255,255,0.8);  z-index:10; }  .drop_fichier div.drop_fichier_depot>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%);  line-height:16px;  vertical-align:text-top; }  .drop_fichier>div>p.drop_fichier_valider{  background:rgba(0,168,0,0.5);  box-shadow:inset 0 0 5px 1px #444;  height:40px;  -webkit-transition:background .3s;  -moz-transition:background .3s; }  .drop_fichier>div>p.drop_fichier_valider::before , .drop_fichier>div>p.drop_fichier_valider::after {  position:absolute;  display:block;  content:'';  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%); }  .drop_fichier>div>p.drop_fichier_valider::before {  top:28px;  height:0;  width:0;  border-top:20px solid #fff;  border-left:10px solid transparent;  border-bottom:10px solid transparent;  border-right:10px solid transparent; }   .drop_fichier>div>p.drop_fichier_valider::after {  top:10px;  background:#fff;  width:8px;  height:8px; }  .drop_fichier>div>p.drop_fichier_valider:hover{  background:rgba(0,168,0,1); }  .drop_fichier>div.drop_fichier_upload img{  display:inline-block;  margin-right:1.5ex; }  .drop_fichier_ligne , .drop_fichier_erreur{  float:left;  display:block;  position:relative;  width:100%;  height:22px;  border-bottom:1px solid #222;  text-align:left;  overflow:hidden; }  .drop_fichier_erreur{  background:#f5bebe; }  .drop_fichier_erreur strong{ float:right; display:block; cursor:pointer; }  .drop_fichier_ligne:last-child{  border-bottom:none; }  .drop_fichier_ligne>span , .drop_fichier_erreur>span{  position:absolute;  top:0;  bottom:0;  left:0;  right:0;  width:100%;  height:100%;  padding:5px 1.5ex;  z-index:3;  font-size:12px;  line-height:12px; color:#fff; }  .drop_fichier_ligne>div.drop_fichier_pourcentage{  position:absolute;  top:0;  bottom:0;  left:0;  width:0%;  background:#0d79cc;  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#0d79cc), to(#094777));  background:-moz-linear-gradient(top, #0d79cc, #094777);  z-index:1;  border-right:1px solid #083e67;  -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; }  .drop_fichier_ligne>div.drop_fichier_pourcentage:after {  content:'||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||';  display:block;  position:absolute;  top:0;  bottom:0;  left:0;  right:0;  width:100%;  height:100%;  overflow:hidden;  border-radius:12px;  -webkit-border-radius:12px;  -moz-border-radius:12px;  transform:skewX(-30deg);  -webkit-transform:skewX(-30deg);  -moz-transform:skewX(-30deg);  -o-transform:skewX(-30deg);  font:bold 120px/80px sans-serif;  letter-spacing:-6px;  color:#000;  opacity:0.06;  z-index:2; }  .drop_fichier_ligne .croix{  display:block;  position:absolute;  top:3px;  right:3px;  width:16px;  height:16px;  border-radius:50% 50%;  transform:scale(1.3);  cursor:pointer;  -webkit-transition:background .3s;  -moz-transition:background .3s; }  .drop_fichier_ligne .croix::before , .drop_fichier_ligne .croix::after{  background:#000;  position:absolute;  display:block;  content:'';  top:47%;  left:15%;  width:70%;  height:6%; }   .drop_fichier_ligne .croix::before{  transform:rotate(45deg); }  .drop_fichier_ligne .croix::after{  transform:rotate(-45deg); }  .drop_fichier_ligne .croix:hover {  background:rgba(211,0,0,1);  box-shadow:inset 0 0 5px 1px #444; }  .drop_fichier_ligne .croix:hover::before{  background:#fff;  box-shadow:0px 0px 8px -1px #555; }  .drop_fichier_ligne .croix:hover::after{  background:#fff;  box-shadow:0px 0px 8px -1px #555; }  .drop_fichier_ligne .pourcentage{  display:block;  position:absolute;  top:3px;  right:22px;  height:16px; color:#fff; font-weight:bold; }  .form_image_apercu{  width:90px;  height:6em;  border:3px solid #aaa;  background:rgba(255,255,255,0.3);  overflow:hidden; }  .form_image_apercu>div{  position:absolute;  background:rgba(255,255,255,0.3);  padding:1px;  top:0px;  right:0px;  -webkit-border-radius:0 0 0 10px;  -khtml-border-radius:0 0 0 10px;  -moz-border-radius:0 0 0 10px;  -ms-border-radius:0 0 0 10px;  -o-border-radius:0 0 0 10px;  border-radius:0 0 0 10px;  z-index:5; }  .form_image_apercu>div>a>svg{ width:12px; height:12px; }  .form_image_apercu>a>img{  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%);  z-index:2; }  .form_image_apercu>div.form_image_apercu_alert_rogner{ font-size:9px; line-height:10px; padding:2.5em 1ex 0 1ex; color:#a80000; font-weight:bold;  z-index:4; }  .drop_fichier_activer{  float:left;  display:block;  width:100%;  text-align:center;  line-height:2.5em;  background:#fff;  background:rgba(255,255,255,0.8);  border:2px solid #BBBBBB;  cursor:pointer; }  .drop_fichier_txt_fini{ position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:#000; background:rgba(0,0,0,0.6); z-index:11; }  .drop_fichier_txt_fini>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%);  -webkit-border-radius:10px;  -khtml-border-radius:10px;  -moz-border-radius:10px;  -ms-border-radius:10px;  -o-border-radius:10px;  border-radius:10px; background:#fff; padding:20px; z-index:12; }  .drop_fichier_txt_fini>div:after{ content:"X"; position:absolute; top:0px; 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%; background:#fff; border:1px solid #000; font-weight:bold; color:#f00; font-size:20px; text-align:center; line-height:24px; width:26px; cursor:pointer; }   #zoombox iframe,#zoombox img{ border:none; }  #zoombox .zoombox_mask{ background-color:#000; position:fixed; width:100%; z-index:900; height:100%; top:0; left:0; }  #zoombox .zoombox_container{ position:absolute; z-index:905; }  #zoombox .relative{ position:relative; }  #zoombox .zoombox_prev{ position:absolute; top:0; left:0; width:50%; height:100%; cursor:pointer;  filter:alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity:0; opacity:0; }  #zoombox .zoombox_prev:hover{  filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; }  #zoombox .zoombox_next{ position:absolute; top:0; right:0; width:50%; height:100%;  filter:alpha(opacity=0); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); -moz-opacity:0; opacity:0; }  #zoombox .zoombox_close,#zoombox .zoombox_next,#zoombox .zoombox_prev{ cursor:pointer; }  #zoombox .multimedia .zoombox_next,#zoombox .multimedia .zoombox_prev{ display:none; }  #zoombox .zoombox_next:hover{  filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; }  #zoombox .zoombox_gallery{ position:fixed; z-index:920; bottom:-60px; left:0; right:0; text-align:center;  filter:alpha(opacity=85); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85); -moz-opacity:0.85; opacity:0.85; cursor:pointer; width:auto; background-color:#050505; height:60px; overflow:hidden; display:none; }  #zoombox .zoombox_gallery img{ height:50px; padding:5px;  filter:alpha(opacity=30); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30); -moz-opacity:0.3; opacity:0.3; }  #zoombox .zoombox_gallery img:hover,#zoombox .zoombox_gallery img.current{  filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; }  #zoombox_loader{ background:url(/images/zoombox/loader.png) no-repeat left top; position:absolute; height:40px; width:40px; cursor:pointer; top:50%; left:50%; margin:-20px 0 0 -20px; z-index:910; }  .zoombox .zoombox_container{ background:#000; color:#666;  -moz-box-shadow:0px 0px 10px #000000; -webkit-box-shadow:0px 0px 10px #000000; -o-box-shadow:0px 0px 10px #000000; box-shadow:0px 0px 10px #000000; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; -o-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000; }  .zoombox .content{ background:#000; }  .zoombox .zoombox_title{ color:#FFF;  position:absolute; left:-1px; top:-22px;  -moz-text-shadow:1px 1px #000000; -webkit-text-shadow:1px 1px #000000; -o-text-shadow:1px 1px #000000; text-shadow:1px 1px #000000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; -o-text-shadow:1px 1px #000; text-shadow:1px 1px #000; }  .zoombox .zoombox_close{ background:url(/images/zoombox/close.png) no-repeat; width:30px; height:30px;  position:absolute; right:-15px; top:-15px; }  #zoombox.zoombox .zoombox_next{ background:url(/images/zoombox/next.png) no-repeat right center; }  #zoombox.zoombox .zoombox_prev{ background:url(/images/zoombox/prev.png) no-repeat left center; }  .lightbox .zoombox_container{ background:#FFF; margin-left:-30px; padding:10px 10px 37px; color:#666; }  .lightbox .zoombox_close{ background:url(/images/zoombox/lightclose.gif) no-repeat left top; width:66px; height:22px; top:auto;  position:absolute; right:12px; bottom:6px; }  .lightbox .zoombox_title{ text-align:left; }  .lightbox .zoombox_next{ background:url(/images/zoombox/lightnext.gif) no-repeat right 50px; }  .lightbox .zoombox_prev{ background:url(/images/zoombox/lightprev.gif) no-repeat left 50px; }  #zoombox.lightbox .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; }  .prettyphoto .zoombox_container{ border:10px solid #0B0A0A;  -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px 10px 10px 10px; background:#FFF; padding:10px 10px 37px; margin-left:-20px; color:#797979; }  .prettyphoto .zoombox_title{ text-align:left; }  .prettyphoto .zoombox_close{ background:url(/images/zoombox/ppsprite.png); width:27px; height:24px; top:auto;  position:absolute; right:6px; bottom:8px; }  .prettyphoto .zoombox_next{ background:url(/images/zoombox/ppnext.png) no-repeat right center; }  .prettyphoto .zoombox_prev{ background:url(/images/zoombox/ppprev.png) no-repeat left center; }  .prettyphoto .multimedia .zoombox_next,.prettyphoto .multimedia .zoombox_prev{ display:none; }  #zoombox.prettyphoto .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; }  .darkprettyphoto .zoombox_container{  -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px 10px 10px 10px; background:#0C0C0C; padding:10px 10px 37px; margin-left:-30px; color:#828282; }  .darkprettyphoto .zoombox_title{  text-align:left; }  .darkprettyphoto .zoombox_close{ background:url(/images/zoombox/ppsprite.png); width:27px; height:24px; top:auto;  position:absolute; right:2px; bottom:6px; }  .darkprettyphoto .zoombox_next{ background:url(/images/zoombox/ppnext.png) no-repeat right center; }  .darkprettyphoto .zoombox_prev{ background:url(/images/zoombox/ppprev.png) no-repeat left center; }  .darkprettyphoto .multimedia .zoombox_next,.darkprettyphoto .multimedia .zoombox_prev{ display:none; }  #zoombox.darkprettyphoto .zoombox_gallery{ left:10px !important; right:10px; bottom:36px; }  .simple .zoombox_container{ background:#000; }  .simple .zoombox_title{ color:#FFF;  position:absolute; left:-1px; top:-22px;  -moz-text-shadow:1px 1px #000000; -webkit-text-shadow:1px 1px #000000; -o-text-shadow:1px 1px #000000; text-shadow:1px 1px #000000; -moz-text-shadow:1px 1px #000; -webkit-text-shadow:1px 1px #000; -o-text-shadow:1px 1px #000; text-shadow:1px 1px #000; }  #zoombox.simple .zoombox_next{ background:url(/images/zoombox/simplenav.png) no-repeat -20px center;  filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; right:-20px; width:20px; }  #zoombox.simple .zoombox_next:hover{ background-position-x:left; }  #zoombox.simple .zoombox_prev{ background:url(/images/zoombox/simplenav.png) no-repeat -40px center;  filter:alpha(opacity=100); -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -moz-opacity:1; opacity:1; left:-20px; width:20px; }  #zoombox.simple .zoombox_prev:hover{ background-position-x:-60px; }  .simple .zoombox_prev{ background:url(/images/zoombox/ppprev.png) no-repeat left center; }  .simple .zoombox_close{ background:url(/images/zoombox/simpleclose.png) no-repeat; width:30px; height:30px; position:absolute; top:0; right:-10px; }  #zoombox.simple .multimedia .zoombox_next,#zoombox.simple .multimedia .zoombox_prev{ display:block; }   body.body_admin{ float:left; display:block; padding-bottom:3em!IMPORTANT; }  .admin_menu_front_office , #admin_menu_front_office_popup{ background:#bababa;  -webkit-box-shadow:-5px 0 8px #000;  -khtml-box-shadow:-5px 0 8px #000;  -moz-box-shadow:-5px 0 8px #000;  -ms-box-shadow:-5px 0 8px #000;  -o-box-shadow:-5px 0 8px #000;  box-shadow:-5px 0 8px #000; }  .admin_menu_front_office{  position:fixed; bottom:0px; right:0px; left:0px; width:100%; z-index:300;  border-top:1px solid #fff; color:#000; font-size:0.8em; font-family:sans-serif; }   .admin_menu_front_office li{ list-style-type:none; border-right:1px solid #fff; }  .admin_menu_front_office li>*{ display:inline-block; padding:0 1ex; line-height:20px; cursor:pointer; background:#bababa; color:#000; }  .admin_menu_front_office_deplier{ display:none!IMPORTANT; cursor:pointer; }  #admin_menu_front_office_popup{ position:fixed;  border:1px solid #fff; padding:5px 10px; z-index:305; }  #admin_menu_front_office_popup a{ cursor:pointer; }  .table_debug{ width:95%; margin:20px 2.5%; background:#fff; }  .table_debug , .table_debug td{ border:1px solid #000; }  .table_debug td{ padding:0.3em 1ex; }  .table_debug tr:nth-child(2n){ background:rgba(0,0,0,0.1); }  .tadmin{ float:left; display:block; width:96%; margin:10px 2%; border:1px solid #000; background:#fff; padding:15px; }  .tadmin , .tadmin *{ color:#000; }  @media screen and (max-width:700px) {  .admin_menu_front_office , .admin_menu_front_office li{  float:left;  display:block;  width:100%;  border-bottom:1px solid #fff; }   .admin_menu_front_office li>* , .admin_menu_front_office_deplier{  padding:0.5em 1ex!IMPORTANT; }   .admin_menu_front_office_deplier{  display:block!IMPORTANT;  text-align:center; }  }  .asd{ float:left; display:block; width:100%; }  .asd>*:not(header.h1){ float:left; width:100%; padding:10px 40px; }  .asd header.h1 h1{ background:#323334; color:#fff; padding:10px; }  .asd header.h1 h1 svg.picto_logo_extranet{ width:200px; height:30px; }  .asd header.h1 h1 svg *{fill:#fff;}  .asd header.h1 h1 svg .fill_0C8DA0{fill:#0C8DA0;}  .asd header.h1 h1 svg .fill_323334{fill:#323334;}  .asd header.h1 h1 svg .fill_0C8DA0{fill:#d4f4f4;}  .asd header.h1 h1 svg .fill_323334{fill:#fff;}  .asd header.h2 h2{ color:#323334; font-size:30px; line-height:1.2em; text-align:center; }  .asd header.h3 h3 , .table_matiere p{ color:#003865; font-size:20px; line-height:1.2em; font-weight:bold; }  .asd_form{ display:grid; grid-template-columns:repeat(3, 1fr); grid-column-gap:4px; grid-row-gap:4px; }  .asd[data-aff=liste] .asd_form{ grid-template-columns:1fr; }  .asd_form>*{ background:#ecfcfc; padding:5px 15px; }  .asd_form>.asd_dossier{ grid-column:1 / -1; padding:10px; font-weight:bold; }  .asd[data-aff=liste] .asd_form i{ margin-top:20px; }  .asd_lien , .asd_affichage{ float:right; display:block; position:relative; line-height:30px; padding:0 10px 0 45px; margin-left:40px; }  .asd_lien{ border-radius:15px; }  .asd_affichage{ padding-left:90px; }  .asd_lien:hover{ background:rgba(255,255,255,0.2); }  .asd_lien svg , .asd_affichage svg{ position:absolute; left:0; top:50%; width:35px; height:35px; transform:translateY(-50%); padding:6px; border:1px solid transparent; }  .asd_lien svg{ border-radius:50%; }  .asd_lien svg , .asd[data-aff=tableau] .asd_affichage svg.picto_affichage_tableau , .asd[data-aff=liste] .asd_affichage svg.picto_affichage_liste{ background:rgba(255,255,255,0.2); }  .asd_affichage svg:nth-child(2){ left:45px; }  .asd_affichage svg:hover{ border-bottom-color:#fff; }  .table_matiere{ cursor:pointer; }  .table_matiere ul , .table_matiere input{ display:none; }  .table_matiere input:checked + ul{ display:block; }   @media screen and (max-width:900px) {  .asd .asd_form{  grid-template-columns:1fr; }   .asd .asd_form i{  margin-top:20px; }  }  @media print {  .article_type_chone_front header.h1{  display:none; }   }   .verification_champs{ float:left; display:none; font-weight:bold; text-indent:5px;  color:#a80000;  font-size:1.2em; }  .verification_champs_afficher{ display:inline; }   nav.navigation_corps.carre_ombre{  float:left;  display:block;  width:100%; }  nav.navigation_corps.carre_ombre a.menu_image_texte{  width:33.33333%;  word-spacing:0;  display:inline-block;  vertical-align:bottom;  -webkit-box-shadow:0px 30px 20px -20px #656565;  -khtml-box-shadow:0px 30px 20px -20px #656565;  -moz-box-shadow:0px 30px 20px -20px #656565;  -ms-box-shadow:0px 30px 20px -20px #656565;  -o-box-shadow:0px 30px 20px -20px #656565;  box-shadow:0px 30px 20px -20px #656565;  margin-bottom:30px; }  nav.navigation_corps.carre_ombre a.menu_image_texte div , nav.navigation_corps.carre_ombre a.menu_image_texte img{  float:left;  display:block;  width:100%; }  nav.navigation_corps.carre_ombre a.menu_image_texte font{  float:left;  display:block;  width:100%;  word-spacing:normal;  text-transform:uppercase;  font-size:1.2em;  text-align:center; }  .menu_multi_colonne>li>a{  text-align:left; text-transform:uppercase;  margin-bottom:1em; }   .menu_multi_colonne ul a{  color:#6ea2bd; }  .menu_multi_colonne a{  line-height:1.4em; }  ul.liste_droit_100 li{  list-style-position:inside; }  nav.navigation_corps.images_rondes, nav.navigation_corps .images_rondes , nav.navigation_corps.images_rondes li, nav.navigation_corps .images_rondes li , nav.navigation_corps.images_60_pourc li , nav.navigation_corps .images_60_pourc li{ list-style-type:none; }  nav.navigation_corps.images_rondes>* , nav.navigation_corps .images_rondes>* , nav.navigation_corps.images_60_pourc>* , nav.navigation_corps .images_60_pourc>*{  float:left;  display:block; margin:0; }  nav.navigation_corps.images_rondes>* , nav.navigation_corps .images_rondes>*{  padding:30px 4%; }  nav.navigation_corps.images_60_pourc>* , nav.navigation_corps .images_60_pourc>*{ position:relative; height:0; }  .images_60_pourc.images_60_pourc_1>*{padding-bottom:60%;}  .images_60_pourc.images_60_pourc_2>*{padding-bottom:30%;}  .images_60_pourc.images_60_pourc_3>*{padding-bottom:20%;}  .images_60_pourc.images_60_pourc_4>*{padding-bottom:15%;}  .images_60_pourc.images_60_pourc_5>*{padding-bottom:12%;}  .images_60_pourc.images_60_pourc_6>*{padding-bottom:10%;}  nav.navigation_corps.images_60_pourc>* a , nav.navigation_corps .images_60_pourc>* a{ position:absolute; width:100%; height:100%; top:0; left:0; }  nav.navigation_corps.images_rondes img , nav.navigation_corps .images_rondes img{  width:100%;  margin-bottom:1.5em;  -webkit-border-radius:50%;  -khtml-border-radius:50%;  -moz-border-radius:50%;  -ms-border-radius:50%;  -o-border-radius:50%;  border-radius:50%;  border:5px solid #d2d2d2; }  nav.navigation_corps.images_60_pourc img , nav.navigation_corps .images_60_pourc img{ position:absolute; width:100%;  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%); z-index:1; }  nav.navigation_corps.images_rondes span , nav.navigation_corps .images_rondes span{  display:block;  width:100%;  text-transform:uppercase;  font-size:1.3em;  line-height:1.2em;  padding-bottom:0.5em;  text-align:center; }  nav.navigation_corps.images_60_pourc span , nav.navigation_corps .images_60_pourc span{ position:absolute; bottom:0; left:0; right:0; width:100%; padding:0.5em 1ex; z-index:1; background:#b9b9b9; background:rgba( 255 , 255 , 255 , 0.3 ); text-align:center; }  nav.navigation_corps.images_rondes.images_rondes_1>* , nav.navigation_corps .images_rondes.images_rondes_1>* , nav.navigation_corps.images_60_pourc.images_60_pourc_1>* , nav.navigation_corps .images_60_pourc.images_60_pourc_1>*{ width:100%; }  nav.navigation_corps.images_rondes.images_rondes_2>* , nav.navigation_corps .images_rondes.images_rondes_2>* , nav.navigation_corps.images_60_pourc.images_60_pourc_2>* , nav.navigation_corps .images_60_pourc.images_60_pourc_2>*{ width:50%; }  nav.navigation_corps.images_rondes.images_rondes_3>* , nav.navigation_corps .images_rondes.images_rondes_3>* , nav.navigation_corps.images_60_pourc.images_60_pourc_3>* , nav.navigation_corps .images_60_pourc.images_60_pourc_3>*{ width:33.3333333%; }  nav.navigation_corps.images_rondes.images_rondes_4>* , nav.navigation_corps .images_rondes.images_rondes_4>* , nav.navigation_corps.images_60_pourc.images_60_pourc_4>* , nav.navigation_corps .images_60_pourc.images_60_pourc_4>*{ width:25%; }  nav.navigation_corps.images_rondes.images_rondes_5>* , nav.navigation_corps .images_rondes.images_rondes_5>* , nav.navigation_corps.images_60_pourc.images_60_pourc_5>* , nav.navigation_corps .images_60_pourc.images_60_pourc_5>*{ width:20%; }  nav.navigation_corps.images_rondes.images_rondes_6>* , nav.navigation_corps .images_rondes.images_rondes_6>* , nav.navigation_corps.images_60_pourc.images_60_pourc_6>* , nav.navigation_corps .images_60_pourc.images_60_pourc_6>*{ width:16.666666%; }  nav.navigation_corps.images_rondes.images_rondes_2>*:nth-child(2n+1) , nav.navigation_corps .images_rondes.images_rondes_2>*:nth-child(2n+1) , nav.navigation_corps.images_rondes.images_rondes_3>*:nth-child(3n+1) , nav.navigation_corps .images_rondes.images_rondes_3>*:nth-child(3n+1) , nav.navigation_corps.images_rondes.images_rondes_4>*:nth-child(4n+1) , nav.navigation_corps .images_rondes.images_rondes_4>*:nth-child(4n+1) , nav.navigation_corps.images_rondes.images_rondes_5>*:nth-child(5n+1) , nav.navigation_corps .images_rondes.images_rondes_5>*:nth-child(5n+1) , nav.navigation_corps.images_rondes.images_rondes_6>*:nth-child(6n+1) , nav.navigation_corps .images_rondes.images_rondes_6>*:nth-child(6n+1) , nav.navigation_corps.images_60_pourc.images_60_pourc_2>*:nth-child(2n+1) , nav.navigation_corps .images_60_pourc.images_60_pourc_2>*:nth-child(2n+1) , nav.navigation_corps.images_60_pourc.images_60_pourc_3>*:nth-child(3n+1) , nav.navigation_corps .images_60_pourc.images_60_pourc_3>*:nth-child(3n+1) , nav.navigation_corps.images_60_pourc.images_60_pourc_4>*:nth-child(4n+1) , nav.navigation_corps .images_60_pourc.images_60_pourc_4>*:nth-child(4n+1) , nav.navigation_corps.images_60_pourc.images_60_pourc_5>*:nth-child(5n+1) , nav.navigation_corps .images_60_pourc.images_60_pourc_5>*:nth-child(5n+1) , nav.navigation_corps.images_60_pourc.images_60_pourc_6>*:nth-child(6n+1) , nav.navigation_corps .images_60_pourc.images_60_pourc_6>*:nth-child(6n+1){clear:both;}  nav.navigation_corps a>p{  display:none; }  main ul.liste_100 li{  float:left;  display:block;  margin:0;  list-style-type:0;  width:25%; }  main ul.liste_100 li:nth-child(4n+1){clear:both;}  main ul.liste_100 li a{  display:block;  padding:15px;  text-align:center; }  .liste_100 font{  display:block;  width:100%; }  main ul.liste_100 li img ~ font{  display:none; }  main ul.liste_100 li:first-child:nth-last-child(1) { width:100%; }  main ul.liste_100 li:first-child:nth-last-child(2), main ul.liste_100 li:first-child:nth-last-child(2) ~ li { width:50%; }  main ul.liste_100 li:first-child:nth-last-child(3), main ul.liste_100 li:first-child:nth-last-child(3) ~ li , main ul.liste_100 li:first-child:nth-last-child(5), main ul.liste_100 li:first-child:nth-last-child(5) ~ li , main ul.liste_100 li:first-child:nth-last-child(6), main ul.liste_100 li:first-child:nth-last-child(6) ~ li { clear:none; width:33.33333%; }  main ul.liste_100 li:first-child:nth-last-child(2) ~ li:nth-child(2n+1) , main ul.liste_100 li:first-child:nth-last-child(3) ~ li:nth-child(3n+1) , main ul.liste_100 li:first-child:nth-last-child(5) ~ li:nth-child(3n+1) , main ul.liste_100 li:first-child:nth-last-child(6) ~ li:nth-child(3n+1) {clear:both;}  @media screen and (max-width:700px) {   nav.navigation_corps.images_rondes a , nav.navigation_corps .images_rondes a{   width:50%!IMPORTANT;  }    nav.navigation_corps.images_rondes a:nth-child(2n+1) , nav.navigation_corps .images_rondes a:nth-child(2n+1){   clear:both!IMPORTANT;  }    nav.navigation_corps.images_rondes a:nth-child(3n+1) , nav.navigation_corps .images_rondes a:nth-child(3n+1){   clear:none!IMPORTANT;  }    nav.navigation_corps.images_rondes a font , nav.navigation_corps .images_rondes a font{   font-size:1.3em;   line-height:1.2em;  }    .images_texte_alignees , .images_texte_alignees ul , .images_texte_alignees li{   float:left;   display:block;   clear:both;   width:100%;  }    .menu_image_accueil ul.images_texte_alignees li{   padding:15px 0;  }    main ul.liste_100 li , nav.navigation_corps.images_rondes>* , nav.navigation_corps .images_rondes>* , nav.navigation_corps>* , nav.navigation_corps ul>li{   width:100%!IMPORTANT;  }   }  @media screen and (max-width:400px) {   nav.navigation_corps.images_rondes a , nav.navigation_corps .images_rondes a{   width:100%!IMPORTANT;  }   }   .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%;  }   }