@import "/extensions/css/reset_fixe.css"; @import "/extensions/css/reset_portable.css" screen and (max-width:1500px); @import "/extensions/css/reset_tablette.css" screen and (max-width:1100px); @import "/extensions/css/reset_mobile.css" screen and (max-width:700px); @import "/extensions/css/reset_print.css" print; .css_1{position:relative;width:100%;height:100%;}  @media screen and (max-width:1500px) {.css_1_p{position:relative;width:100%;height:100%;} }  @media screen and (max-width:1100px) {.css_1_t{position:relative;width:100%;height:100%;} }  @media screen and (max-width:700px) {.css_1_m{position:relative;width:100%;height:100%;} }   html, body{  width:100%;  min-height:100%;  margin:0;  padding:0; }  html{overflow:auto;}  body{ background:#034378 url(/images/fond.png) repeat-x top center;  font-family:Arial,Georgia,Verdana,sans-serif; font-size:16px; font-weight:300; color:#fff; }  a{color:inherit;text-decoration:none;}  a:hover{text-decoration:none;}  main{  overflow:hidden; }  main h1,main h2,main h3{ line-height:1.2em; margin:0.3em 0; font-weight:300; text-transform:uppercase; }  main h1{font-size:1.8em;}  main h2{font-size:1.5em;}  main h3{font-size:1.2em;}  img,embed{  max-width:100%; }  div.conteneur , main.conteneur{ width:90%;  width:650px; margin:0 auto;  clear:both; }  main{  background:#034378; padding:30px; }  footer[role=contentinfo] .conteneur{  width:500px; font-size:12px; padding-bottom:50px; }  @media screen and (max-width:700px) {  div.conteneur{   width:100%;  }    nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li:not(.div_multi_colonne)>ul, nav.menu_principal:not(.menu_vertival) ul.menu_deroulant>li:not(.div_multi_colonne)>div{   padding-left:2ex;  }    main article.conteneur>div , main article .conteneur>div , main .conteneur article>div{   padding:0px!IMPORTANT;  }    main article>div figure{   text-align:center;  }  }   .formulaire_intitule{ float:left; display:inline;  text-align:right;  margin-bottom:1em;  clear:both; }  .formulaire_intitule.intitule_champs{  width:23%; }  .formulaire_intitule.intitule_champs.formulaire_intitule_texte_seul, .formulaire_intitule.intitule_dessus, .formulaire_intitule.intitule_dessus_form_droite {  text-align:left;  width:100%;  margin-bottom:0; }  .formulaire_intitule.intitule_dans{  display:none; }   .formulaire_champs{ float:right; display:inline;  margin-bottom:1em; }  .formulaire_champs.intitule_champs , .formulaire_champs.intitule_dessus_form_droite {  width:75%; }  .formulaire_champs.intitule_dessus, .formulaire_champs.intitule_dans {  width:100%; }  .formulaire_champs.intitule_champs.formulaire_champs_nombre input{  max-width:8em; }   .formulaire_bouton{ float:right; display:inline;  clear:both; }  .formulaire_intitule.formulaire_obligatoire:after{  content:"*";  display:inline-block;  color:#c10e0e;  font-weight:bold;  margin-left:0.4em; }  .formulaire_liste_erreur{  border:2px solid #c10e0e;  padding:20px; }  .formulaire_champs.formulaire_erreur>* , input.formulaire_erreur , select.formulaire_erreur , textarea.formulaire_erreur{  border:2px solid #c10e0e; }  .formulaire_div_erreur{  border:2px solid #c10e0e;  padding:5px; }  .formulaire_liste_succes{  border:2px solid #068a03;  padding:20px; }  .formulaire_champs .label_radio{ float:left; display:block; width:100%; padding:0.5em 3ex 0.5em 0; }  @media screen and (max-width:1000px) {  .formulaire_intitule.intitule_champs{   width:33%;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:65%;  }   }  @media screen and (max-width:900px) {  .formulaire_intitule.intitule_champs{   width:38%;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:60%;  }   }  @media screen and (max-width:800px) {  .formulaire_intitule.intitule_champs{   width:43%;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:55%;  }   }  @media screen and (max-width:700px) {  .formulaire_intitule.intitule_champs{   width:100%;   text-align:left;   margin-bottom:0;  }    .formulaire_champs.intitule_champs ,  .formulaire_champs.intitule_dessus_form_droite  {   width:100%;  }   }  .form_input_time{ display:inline-block; position:relative; padding:0 12px; width:15px; cursor:pointer; line-height:40px; }  .form_input_time>span{ display:inline-block; width:15px; height:15px; background:transparent url( /extensions/fonctions/form/images/clock.png) no-repeat center center; }  .form_input_time>div{ position:absolute; top:40px; left:-100px; width:100px; background:#fff; border:1px solid #000; z-index:100; }  .form_input_time>div>div{ float:left; width:50%; height:9.8em; overflow-x:auto; }  .form_input_time>div p{ border-bottom:1px solid #888; line-height:1.4em; text-align:center; }  .form_input_time>div p.actif , .form_input_time>div p:hover{ background:#ddd; }   .form_on_off{  position:relative;  display:inline-block;  width:60px;  height:34px; }  .form_on_off input{  opacity:0;  width:0;  height:0; }  .form_on_off span{  position:absolute;  cursor:pointer;  top:0;  left:0;  right:0;  bottom:0;  background-color:#ccc;  -webkit-transition:.4s;  -khtml-transition:.4s;  -moz-transition:.4s;  -ms-transition:.4s;  -o-transition:.4s;  transition:.4s;  -webkit-border-radius:34px;  -khtml-border-radius:34px;  -moz-border-radius:34px;  -ms-border-radius:34px;  -o-border-radius:34px;  border-radius:34px; }  .form_on_off span:before {  position:absolute;  content:"";  height:26px;  width:26px;  left:4px;  bottom:4px;  background-color:#fff;  -webkit-transition:.4s;  -khtml-transition:.4s;  -moz-transition:.4s;  -ms-transition:.4s;  -o-transition:.4s;  transition:.4s;  -webkit-border-radius:50%;  -khtml-border-radius:50%;  -moz-border-radius:50%;  -ms-border-radius:50%;  -o-border-radius:50%;  border-radius:50%; }  .form_on_off input:checked + span{  background-color:#2196F3; }  .form_on_off input:focus + span{  box-shadow:0 0 1px #2196F3; }  .form_on_off input:checked + span:before{  -webkit-transform:translateX(26px);  -khtml-transform:translateX(26px);  -moz-transform:translateX(26px);  -ms-transform:translateX(26px);  -o-transform:translateX(26px);  transform:translateX(26px); }  .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; }  label.form_code_postal_div{ position:relative; }  .code_postal_div{ position:absolute; top:100%; left:0; right:0; width:100%; max-height:300px; background:#fff; border:1px solid #000; z-index:100; overflow-y:auto; }  .code_postal_div *{ float:left; display:block; width:100%; margin:0; }  .code_postal_div li , .code_postal_div span{ cursor:pointer; padding:0.5em 1.5ex; color:#000; }  .code_postal_div li:hover , .code_postal_div span:hover{ background:rgba(0,0,0,0.2); }  .code_postal_div span{ text-align:center; font-weight:bold; }  .popup_fond{ position:fixed; width:100%; height:100%; top:0; bottom:0; left:0; right:0; background:#000; background:rgba(0,0,0,0.3); cursor:pointer; z-index:30; }  .popup:not(.fixed){ float:left; display:block; width:100%; margin-bottom:1.5em; }  .popup:not(.fixed) , .popup.fixed>div{ -webkit-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -khtml-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -moz-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -ms-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); -o-box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); box-shadow:0 7px 7px rgba( 0 , 0 , 0 , 0.4); }  .popup>div{ padding:1em 2ex; text-align:center; background:#fff; }  .popup.fixed{ width:100%; height:100%; top:0; bottom:0; left:0; right:0; z-index:31; }  .popup.fixed>div{ position:absolute; max-width:60%; top:50%; left:50%; -webkit-transform:translate(-50%,-50%); -khtml-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); transform:translate(-50%,-50%); -webkit-border-radius:10px; -khtml-border-radius:10px; -moz-border-radius:10px; -ms-border-radius:10px; -o-border-radius:10px; border-radius:10px; cursor:pointer; }  .popup_fond .fermer{ position:absolute; top:5px; right:5px; background:#fff; color:#f00; font-weight:bold; z-index:32; }  .popup_{ font-weight:bold; }  .popup_erreur{ color:#a80000; font-weight:bold; }  .popup h3{  text-align:center;  margin-bottom:1em; }  .popup ul li , .popup ul{  margin:0px;  list-style:none outside none; }  .popup ul li{  padding:0.8em 5%; background:#444243;  margin-bottom:3px; }  .popup ul li:hover{ background:#655f62; }  .popup ul li a{  color:#fff;  font-size:1.2em;  display:block;  width:100%;  height:100%; }  .popup ul li a .rond{  float:left;  display:inline;  margin-right:10px;  width:21px;  height:21px;  background:#444243; border:5px solid #655f62; }  .popup a:hover .rond , .popup a.sur .rond{  background:#ff85a2; border:5px solid #444243; }  .popup ul li , .popup ul li a .rond , .popup_fond .fermer{  -webkit-transition:all 0.3s;  -khtml-transition:all 0.3s;  -moz-transition:all 0.3s;  -ms-transition:all 0.3s;  -o-transition:all 0.3s;  transition:all 0.3s;  -webkit-border-radius:30px;  -khtml-border-radius:30px;  -moz-border-radius:30px;  -ms-border-radius:30px;  -o-border-radius:30px;  border-radius:30px; }  .popup table{  width:100%; }  .popup table tr td{  padding:2px; }