/************************/
                              /*         Page         */
                              /************************/
html{background:#F7F7F7;}
#all{padding:5px 0px;background: #FFF;}
body{
   color:#000;
   margin:0px;
   font: 12px "Open Sans",verdana, arial, sans-serif;
}
form{
   max-width: 800px;
   margin: auto;
   padding: 8px;
   border: solid 3px #333;
}
input[type='checkbox']{
   width: 20px;
    height: 20px;

}
#content{  
   margin:0px 75px;
   position:relative;
   padding-top: 20px;
}
#suivi_copro, #page_mission{
   margin:0px 75px;
}
#main {
   padding: 10px;
}
input.full{
   width: 100%;
   box-sizing: border-box;
   padding: 5px;
}
.small_doc .AtoutUpload .bouton_file {
    display: none;
}
.small_doc .AtoutUpload {
    margin: auto;
    width: 150px;
}
.small_doc .AtoutUpload .drop_zone{
    margin: 5px auto;
    padding: 10px 2px;
}
span.valign{display:inline-block;}
.valign{vertical-align:middle;}
.login #content{position:relative;top:0px;left:0px;}
.login #main{padding:0px;background:none;border:none;}
.page_content{width:75%;}
.page_sep{width:1%;}
.page_media{width:24%;}
#all .link_action.send_doc{
   font-weight: normal;
   padding: 6px 12px;
   font-size: 13px;
}
#all .link_action, .link_action{
   display: inline-block;
   vertical-align: middle;
   background: #14b5a0;
   color: #FFF;
   padding: 10px 15px;
   font-size: 14px;
   border-radius: 0px;
   margin: 5px;
   text-decoration: none;
   cursor: pointer;
   font-weight: bold;
   position: relative;
}
#all .liste_action .link_action{
   background: #d2d2d2;
   color: #000;
   width: 158px;
   text-align: center;
   font-size: 12px;
   padding: 6px 4px;
}
#all .btn_fullw{display:block;margin:5px 0px;}
#all .liste_action .link_action.yellow{background: #fec00f;}
#all .link_action.grd_btn, .link_action.grd_btn{
   border-radius: 0px;
   width: auto;
   display: block;
   text-align: center;
   font-size: 14px;
   margin: 5px 0px;
}
.link_action img{margin:-10px 0px;margin-right:8px;}
.link_action img, .link_action span{vertical-align:middle;}
#all .link_action.white, .link_action.white{background: #FFF;color:#333;}
#all .link_action.green, .link_action.green{background: #14b5a0;}
#all .link_action.white:hover, .link_action.white:hover{background: #EEE;color:#333;}
#all .menu_link .link_action{font-size: 14px;padding: 6px 6px;min-width: 105px;text-align: center;}
#all .link_action.alt, #all .link_action.sel{background: #FEC00F;color:#000;padding: 10px;}
#all .link_action.os_express{font-size: 18px;vertical-align:middle;}
#all .link_action.alt:hover, #all .link_action.sel:hover{background: #f9c328;}
.datepick{position:relative;z-index:400;}
.datepick:focus{z-index:10000;}
#all .link_action:hover{background:#17a08e;}


#all .link_action.pending, .suivi_os.pending .os_head .titre{background: #f09fff;}
#all .link_action.validate, .suivi_os.validate .os_head .titre{background:#f9bd31;}
#all .link_action.clotured, .suivi_os.clotured .os_head .titre{background:#333;}
#all .link_action.aar, .suivi_os.aar .os_head .titre{background:#f9bd31;}
#all .link_action.clotured.m31{background:#0f5fb1;}
#all .link_action.clotured.m31.envoi_confirme{background:#333;}
#all .link_action.aborted, .suivi_os.aborted .os_head .titre{background: #333;opacity: 0.2;}
#all .link_action.important{
   background-color: #FABE32;
   color: #D40150;
}

.low_margin{margin:10px 0px;}
legend{font-weight: bold;}
.jHide{display:none;}
.jSlider{cursor:pointer;}
.btn_video, .btn_devis{
   display: block;
   text-align:center;
   background: #D40150;
   color:#FFF;
   padding: 5px;
   border-radius: 5px;
   width:400px;
   font-weight:bold;
   margin: 5px auto;
   text-decoration:none;
}
.view_video{text-align:center;}
.video-js{margin:auto;}

.form_devis{text-align:center;}
.form_devis .nb{width: 80px;}

input.full_length, textarea.full_length{width: 100%;box-sizing: border-box;}

.galerie_pdf{text-align:center;}
.vignette_pdf{
   text-align:left;
   display: inline-block;
   vertical-align: top;
   margin: 5px 10px;
   max-width: 350px;
   background: #002059;
   padding: 6px;
   border-radius: 8px;
}
.vmiddle .vignette_pdf{vertical-align:middle;}
.vignette_pdf img, .vignette_pdf .desc{vertical-align:middle;display:inline-block;max-width: 300px;}

.vignette_pdf .delete_file_os{margin-top:8px;cursor:pointer;}
.vignette_pdf .edit_file{margin-top: 8px;cursor: pointer;display: inline-block;vertical-align: middle;}
.grd_select{
   padding: 5px 12px;
   font-size: 14px;
}
.check_red,.check_org{
   background:#D40150;
   display: inline-block;
   vertical-align: middle;
   margin-right: 2px;
   border-radius: 0px;
   padding: 4px;
   line-height: 20px;
   height: 15px;
   text-align: center;
}
.check_red input,.check_org input{margin:0px;}
.check_org{background:#F39934;}
#content .btn_fixed{text-align:center;position: fixed;z-index: 50;bottom:0px;padding: 8px 14px;}
.btn_fixed.org{background:#F39934;}
.btn_fixed.org:hover{background:#FF9900;}

.grd_number{ 
   width: 40px;
   font-size: 14px;
   padding: 6px 4px;
}
#bloc_header_search{ 
   position: absolute;
   top: 0px;
   z-index: 500;
   left: 360px;
}
#bloc_header_search select{max-width:150px;}
#bloc_header_search p{margin:5px 0px;}
#bloc_header_search .link_action{padding:7px 15px;margin-bottom:0px;}
#bloc_header_search input[type="submit"]{vertical-align:middle;margin-bottom:0px;}

#header_bloc{
   position: fixed;
   top: 10px;
   z-index: 500;
   left: 740px;
}
#btn_fixed_bloc{
   text-align: left;
   position: fixed;
   z-index: 50;
   bottom: 0px;
   padding: 8px 14px;
}
#btn_fixed_bloc .btn_fixed{margin-left:5px !important;position:relative;}
#btn_fixed1{}
#btn_fixed2{margin-left: 200px;}
#btn_fixed3{margin-left: 250px;}
#btn_fixed4{margin-left: 330px;}
#btn_fixed5{margin-left: 417px;}
#btn_fixed6{margin-left: 490px;}
#btn_fixed7{margin-left: 570px;}
#btn_fixed8{margin-left: 570px;}
#maj_selection, .maj_selection, #form_ajax{
   position:fixed;
   top:50%;
   left:50%;
   width:400px;
   height:180px;
   margin-top:-98px;
   margin-left:-208px;
   background:#FFF;
   border-radius:4px; 
   z-index: 501;  
   color:#333;
   padding:8px;
   text-align: center;
   display:none;
}
#maj_selection h1, .maj_selection h1, #form_ajax h1{color:#000;}
#form_ajax{  
   z-index: 50001;
   width: 600px;
   height: 400px;
   margin-left: -308px;
   margin-top: -208px;
}
#maj_selection a, #maj_ajax a,.maj_selection a{color:#333;}
#maj_selection a.txt_white, #maj_ajax a.txt_white,.maj_selection a.txt_white{color:#FFF;}
.overflow_auto{overflow:auto;}
.maj_selection h1{margin-left:-12px;}
.maj_selection.huge{
   width:500px;
   margin-left:-258px;
   overflow:auto;
   height:auto;
   top:50px;
   margin-top:0px;
   bottom: 50px;
}
.maj_selection.huge2{
   width:1000px;
   margin-left:-508px;
   overflow:auto;
   height:auto;
   top:50px;
   margin-top:0px;
   bottom: 50px;
}
#maj_ajax .erreur, .line_ajax .erreur{width:auto;margin-bottom:10px;}
#maj_ajax .succes, .line_ajax .succes{width:auto;margin-bottom:10px;}
.line_copro{
   text-align: center;
   background: #d40150;
   color: #FFF;
   padding: 8px;
   font-size: 14px;
   font-weight: bold;
   margin-top: 20px;
}
.orderby{cursor:pointer;}

.bloc_mission.jSlider, .bloc_niveau{
   display: inline-block;
   vertical-align:middle;
   background: #000;
   color:#FFF;
   padding: 12px;
   font-size: 14px;
   margin-left: 50px;
}
#all .bloc_mission.jSlider{padding-right: 50px;}
#all .bloc_mission.jSlider .toggle img{
   position: absolute;
   top: 50%;
   left: 50%;
   margin-left: -12px;
   margin-top: -7px;
}
.bloc_niveau{background:#fabe32;padding: 4px 6px 3px 6px;margin-left: 10px;}
.bloc_mission.jSlider:hover{background:#333;}

#choix_template{}
#choix_template .btn_template{
   display: inline-block;
   text-align: center;
   background: #D40150;
   color: #FFF;
   padding: 6px 20px;
   font-size: 15px;
   font-weight: bold;
   margin: 8px;
   text-decoration: none;
   cursor:pointer;
}
#choix_template .btn_template.sel{
   background: #FFF;
   color: #D40150;
}

#shadow_pcs_conform_fac .switch_label{width: 250px;}

#pcs_form .switch .switch_label {width: 350px;text-align: left;}

#mail_history #mails_bloc{overflow:auto;}
#mail_history #mails_bloc .real_header, #mail_history #mails_bloc .real_footer{display:none;}
#mail_history.small{}
#mail_history .legende{
   padding:8px 0px;
}
#mail_history .intervenant{
   display: inline-block;
   text-align: center;
}
#mail_history .intervenant.ignored{display:none;}
#mail_history .intervenant span{
   display: inline-block;
   width: 60px;
   border: solid 1px #d40150;
   padding: 4px 8px;
   color: #333; 
   background: #FFF;
}
#mail_history.full .mail{position:relative;margin-bottom:15px;}

#mail_history.full .mail:before, #mail_history.full .mail:after{
   content: "";
   display: block;
   position: absolute;
   height: 100%;
   top:0px;
   background: #565656;
   width: 40px;
   left: -40px;
   clip-path: polygon(100% 0, 100% 0%, 100% 100%, 0 50%);
}
#mail_history.full .mail:after{
   left:auto;
   right:-40px;
   clip-path: polygon(0% 0, 100% 50%, 0% 100%, 0 50%);
}
#mail_history.full .mail.sended:before, #mail_history.full .mail.self:before{display:none;}
#mail_history.full .mail.received:after, #mail_history.full .mail.self:after{display:none;}

#mail_history.full .mail.sended{left:-40px;}
#mail_history.full .mail.received{right:-40px;}



#mail_history hr{
   position: absolute;
   left: 0px;
   right: 0px;
   margin: 0px;
   border-color: #000;
   margin-top: -10px;
}
#mail_history .mail{margin:20px 0px;width:80%;}
#mail_history .mail.reponse{margin-left: 35%;width: 65%;}
#mail_history .mail .head{background: #D8D8D8;color: #000;padding: 0px;line-height: 28px;border-radius: 15px 15px 15px 0px;overflow: hidden;margin-bottom: 5px;}
    #mail_history .mail.alt .head{background: #f3f3f2;}
#mail_history .mail .head img{vertical-align:middle;}
#mail_history .mail.received .head{}
#mail_history .mail.self .head{}

#mail_history .date{float:right;line-height: 40px;padding:0px 8px;}
#mail_history .head .link_action{float:right;margin:0px;line-height: 20px;}


#mail_history .mail .content{background: #D8D8D8;color:#000;padding: 10px;margin:0px;border-radius: 15px 15px 15px 0px;}
#mail_history .mail.alt .content{background: #f3f3f2;}
#mail_history .close{
   background: #d40150;
   color: #FFF;
   float: right;
   width: 18px;
   line-height: 18px;
   text-align: center;
   border-radius: 18px;
   cursor: pointer;
   margin-top: -2px;
}

#mail_history .mail .expediteur, #mail_history .mail .destinataire{
   display: inline-block;
   vertical-align: middle;
   padding: 4px 10px;
   margin: 2px 5px;
   border-radius: 4px;
   font-size: 16px;
   width: 140px;
}
#mail_history .mail .expediteur.adb, #mail_history .mail .destinataire.adb{}
#mail_history .mail .expediteur.notaire, #mail_history .mail .destinataire.notaire{}
#mail_history .mail .expediteur.syndic, #mail_history .mail .destinataire.syndic{}

#mails_bloc form{
   background: #EEE;
   text-align: center;
   color: #000;
   padding: 2px;
}
#mails_bloc .legende .left{width:50%;display:inline-block;vertical-align:middle;text-align:left;}
#mails_bloc .legende .right{width:50%;display:inline-block;vertical-align:middle;text-align:right;}
#mails_bloc .legende .left .intervenant{margin-right:5px;}
#mails_bloc .legende .right .intervenant{margin-left:5px;}
#mails_bloc .legende .intervenant span{width:auto;}

#mail_history.full .mail.sended{left:0px;padding-right:40px;}
#mail_history.full .mail:after{right:0px;}

#mail_history.full .mail.received{right:0px;padding-left:40px;}
#mail_history.full .mail:before{left:0px;}

#mail_history #mails_bloc {padding: 0px 0px;}



#mail_history.full .bloc_echange{
   background: #999;
   padding: 5px;
   margin-bottom: 10px;
}
.bloc_echange.tiers_sended, .bloc_echange.tiers_received{margin-left:200px;}
#mail_history.full .bloc_echange:nth-child(odd){
   background: #888;
}

.recipient{
   display: inline-block;
   background: #EEE;
   padding: 2px 5px;
   margin: 3px;
}

.switch{margin:8px 0px;}
.switch .btn{
   display:inline-block;
   vertical-align:middle;
   width:70px;
   height:32px;
   text-align:left;
   border-radius:36px;
   background-color:#E6E9EC;
   transition:all 0.3s ease-in-out;
   cursor:pointer;
}
.switch .btn span{
   display:inline-block;
   vertical-align:middle;
   height:26px;
   width:26px;
   margin-top:3px;
   margin-left:3px;
   border-radius:30px;
   background:#FFFFFF;
   transition:all 0.2s ease-in-out;
}
.switch .switch_label{
   display:inline-block;
   vertical-align:middle;
   margin-right:12px;
   font-size:14px;
   color: #d40150;
   font-weight: bold;
}
.switch .switch_val{
   display:inline-block;
   vertical-align:middle;
   margin-left:12px;
   background:#DDD;
   padding:6px;
   border-radius:4px;
   width:50px;
   text-transform:uppercase;
   font-weight:bold;
   color:#d40150;
   text-align: center;
}
.switch .switch_val[data-val='0']{color:#000;}
.switch .btn:hover span{transform:scale(1.05);background:#FBFBFB;}
.switch.checked span{margin-left:40px;}
.switch .btn:active{background-color:#A6B9CB;}
.switch .btn:active span{width:34px;}
.switch.checked .btn:active span{margin-left:35px;}
.switch.checked .btn{background-color:#d40150;}

.search_mark{background: #fec00f;padding: 0px 1px;}

.bloc_info{
   background: #BBB;
   padding: 8px;
   display: inline-block;
   vertical-align:top;
   margin: 10px;
   min-width: 300px;
   text-align: center;
   color:#000;
}
.bloc_info .head{   
   color: #d40150;
   font-weight: bold;
   font-size: 16px;
   border-bottom: solid 1px #d40150;
   padding-bottom: 5px;
}
.bloc_info table{margin:auto;}

.bg_mission{background: #EEE;color: #333;}
.mission_notaire{display: inline-block;vertical-align:top;}
#all .mission_notaire .link_action.grd{
   display: block;
   border-radius: 0px;
   margin: 0px;
   padding: 5px;
}
.mission_notaire:nth-child(even){background: #DDD;}

#page_updt{position:relative;width:210mm;height:297mm;margin:auto;color:#000;}
#page_updt.height_auto{height:auto;}
#page_updt a{color:#000;}
.page_updt{position:absolute;background:#FFF;box-shadow:1px 1px 3px #333;width:100%;height:100%;box-sizing:border-box;padding:10mm 24mm;}
.page_updt:nth-child(1){margin-left:0px;z-index:1005;}
.page_updt:nth-child(2){margin-left:20px;z-index:1004;}
.page_updt:nth-child(3){margin-left:40px;z-index:1003;}
.page_updt:nth-child(4){margin-left:60px;z-index:1002;}
.page_updt:nth-child(5){margin-left:80px;z-index:1001;}
.page_updt.prev:nth-child(1){z-index:1001;}
.page_updt.prev:nth-child(2){z-index:1002;}
.page_updt.prev:nth-child(3){z-index:1003;}
.page_updt.prev:nth-child(4){z-index:1004;}
.page_updt.prev:nth-child(5){z-index:1005;}
.page_updt.sel{z-index:1015;}
.page_updt .content{height:272mm;margin-top:-37px;}
.page_updt.entete .content{height:242mm;margin-top:-67px;}
.page_updt .content_show{height:272mm;}
.page_updt.entete .content_show{height:222mm;overflow: auto;}
#page_updt.height_auto .page_updt{position:relative;height: auto;}
#page_updt.height_auto .content_show{height:auto;}
.page_updt .header{height:55mm;line-height:20mm;background:#EEE;color:#000;font-size:25px;text-align:center;}
.page_updt .footer{height:5mm;line-height:5mm;background:#EEE;color:#000;font-size:15px;text-align:center;}
#page_updt .cke_chrome{padding:0px;border:none;}

.page_updt .real_header{height:55mm;}
.page_updt .real_footer{height:5mm;text-align:center;}

.page_updt p{margin:10px 0px;}

.log{display:inline-block;margin-left:5px;z-index: 50;position: relative;}
.log .img{}
.log .details, .log .detailsClick{
   display:none;
   position: absolute;
   background: #333;
   color: #FFF;
   padding: 8px;
   text-align: left; 
   z-index: 5000;
}
#all .log .details a{color:#FFF;}
.log:hover{z-index:51;}
.log:hover .details{display:block;}
.notaire.hidden div{display:none;}
.log .bloc_doc{display:block;text-align: center;background: #555;padding: 5px;}
.bloc_appel_offre .documents{background: #CCC;}
#all .bloc_appel_offre .documents a{color: #000;}

#step_devis{text-align:center;}
#step_devis a{   
   display: inline-block; 
   vertical-align: middle;
   font-size: 17px;
   background: #14b5a0;
   padding: 6px 8px;
   margin:8px;
}
#all #step_devis a.btn_link_spe{   
   background: none;
   font-size: 12px; 
   line-height: 12px;
   max-width: 130px;
}
#step_devis a:hover{background: #b30143;text-decoration:none;}
#step_devis a.sel{
   background:#FFF;
   color: #d40150;
}

.autoscroll thead{display:block;position: absolute;z-index: 50;width: 100%;}
.autoscroll tbody{display:block;overflow:auto;max-height: 450px;}
.autoscroll tbody tr:first-child{opacity: 0;}

.folder_line{   
   background: #EDEDED;
   color: #000;
   padding: 6px;
   font-weight: bold;
   border: solid 4px #6f6f6f;
   position:relative;
   padding-right:50px;
}
.folder_line[id^='folder_20_']{background: #ffce37;}
.folder_line.empty{background: #666;}
.folder_line .count{
   position: absolute;
   top: 0px;
   right: 0px;
   line-height: 28px;
   border-left: solid 4px #6f6f6f;
   padding: 0px 3px;
   width: 36px;
   text-align: right;
}
.folder_line .count img{vertical-align:text-bottom;}

.suivi_copro{
   position:relative;
   padding-bottom:18px;
}
#all .suivi_copro .suivi_os .link_action{background:#f9bd31;}
#all .suivi_copro .suivi_os .link_action:hover{background:#e0a928;}

.suivi_copro.hide{display:none;}
.suivi_copro .head_suivi, .suivi_copro .full_head{
   cursor: pointer;
   position: relative;
   background: #FFF;
   border-left: solid 10px #000;
   border-bottom: solid 2px #000;
   color: #000;
   max-width: 600px;
   font-size: 16px;
   padding: 10px 15px;
}
.suivi_copro .full_head{margin:0px;}
.suivi_copro .toggle{   
   position: absolute;
   right: 0px;
   background: #000;
   top: 0px;
   bottom: 0px;
   width: 39px;
   text-align: center;
   line-height: 32px;
   transition:all 1s;
}
.suivi_copro.open .toggle img{transform:rotate(180Deg);}
.suivi_copro .toggle img{vertical-align:middle;transition:all 1s;margin: 0px;}
.suivi_copro .need_action{   
   position: absolute;
   right: 100px;
   background: #F9BD31;
   color:#000;
   top: 0px;
   bottom: 0px;
   text-align: center;
   line-height: 32px;
   transition:all 1s;
   padding: 0px 20px;
}
.need_action img, .need_action span{vertical-align: middle;}
.line_ajax .bg{
   background: #fdecc4;
   padding: 8px;
   color: #333;
   margin: 5px 0px;
}
.line_ajax #sendfile_line .line {
   margin: auto;
}
#sendfile_line .line.head .name{padding:0px 5px;}

.help{
   display: inline-block;
   margin-left: 5px;
   position: relative;
   top: -8px;
   line-height: 18px;
}
.lvl .help{position:absolute;}
.help .help_content{
   position: absolute;
   width: 300px;
   display: none;
   background-color: #444;
   color: #FFF;
   z-index: 500;
   padding: 8px;
}
.help:hover .help_content{display:block;}


#mission_bloc_left{display:inline-block;max-width:650px;padding:8px;vertical-align:top;}
#zone_travail{display:inline-block;max-width:800px;vertical-align:top;background: #fdecc4;padding: 8px;margin-left: 30px;}
#zone_travail .twin{width:auto;display:block;}
#zone_travail .shadowbox, #zone_travail .div_print{max-height: 100%;left:auto;top:auto;margin:auto;position:relative;background:none;max-width: 100%;padding:0px;z-index: 5;}
#zone_travail .div_print{background:#A21B2D;}

#mission_bloc_left .suivi_os .th{font-size:10px;}

.suivi_os, #page_mission .content{margin: 20px 0px;}
.suivi_os .os_head{position:relative;display:flex;background:#ededed;color:#000;}
.suivi_os .os_head .titre{
   background: #000;
   color: #FFF;
   padding: 8px 10px;
   font-size: 12px;
   width: 200px;
   text-align: center;
}
.suivi_os .os_head .titre a{color:#FFF;}
.suivi_os .os_head .stitre, .suivi_os .os_head .devis_head, .suivi_os .os_head .view_devis, .suivi_os .os_head .valid_devis{
   padding: 9px 10px;
   font-size: 11px;
   width: 200px;
   text-align: center;
}
.suivi_os .os_head .stitre{width:280px;}
.suivi_os .os_head .devis_head{background: #6f6f6f;color:#FFF;width: 100px;font-size: 18px;padding: 4px;}
.suivi_os:nth-child(odd) .os_head .devis_head{background: #b4b4b4;}


.suivi_os .os_head .view_devis, .suivi_os .os_head .valid_devis{color:#444;width:100px;border-left:solid 2px #FFF;border-right:solid 2px #FFF;}
.suivi_os .os_head .view_devis.sel, .suivi_os .os_head .valid_devis.sel, .suivi_os .os_head .view_devis:hover, .suivi_os .os_head .valid_devis:hover{color:#FFF;background:#484848;}
.suivi_os .os_head .valid_devis.sel{line-height: 34px;padding: 0px;font-size: 16px;}

.suivi_os .os_head .toggle_os{
   position: absolute;
   right: 0px;
   background: #13b59f;
   top: 0px;
   bottom: 0px;
   width: 34px;
   text-align: center;
   line-height: 34px;
   transition:all 1s;
}
.suivi_os .os_head .toggle_os img{vertical-align:middle;transition:all 1s;}
.suivi_os.open .os_head .toggle_os img{transform:rotate(180Deg);}


.suivi_os .th{display:flex;position: relative;}
.suivi_os .detail{display:flex;hposition: relative;background:#E9E9E9;font-size: 11px;color: #000;text-align: center;}

.suivi_os .date{width:124px;padding:15px 5px;position:relative;}
.suivi_os .th .date{width:100px;padding:0px;background: #bfbfbf;line-height: 34px;padding-left: 34px;text-align: center;color: #000;}

.suivi_os .th .lvl, .suivi_os .th .fac{position:relative;background: #bfbfbf;color: #FFF;display: flex;align-items: center;padding: 0px 20px;color: #000;text-align: center;}

.suivi_os .lvl{flex-grow:1;width: 200px;}
.suivi_os .th .fac{width:80px;text-align:center;}
.suivi_os .fac{width:100px;padding:0px 10px;color:#333;}
.suivi_os .fac a{color: #000;}

.suivi_os .btn_dialogue{
   display: block;
   position: absolute;
   background: #d10f53;
   width: 34px;
   height:34px;
   line-height: 34px;
   text-align: center;
   left:0px;
}
.suivi_os .btn_dialogue img{vertical-align:middle;}


.suivi_os .th .lvl.green, .suivi_os .th .fac.green{background: #13B59F;color: #FFF;}
.suivi_os .th .lvl.red, .suivi_os .th .fac.red{background: #F9BD31;}

.suivi_os .th .date:after, .suivi_os .th .lvl:after{position:absolute;right:-34px;content:"";display:block;border-left:17px solid #BFBFBF;border-right:solid 17px rgba(0,0,0,0);border-top:solid 17px rgba(0,0,0,0);border-bottom:solid 17px rgba(0,0,0,0);top:0px;z-index: 50;}
.suivi_os .th .lvl.green:after{border-left-color:#13B59F;}
.suivi_os .th .lvl.red:after{border-left-color:#F9BD31;}

.suivi_os .detail .lvl:nth-child(even){background:#DCDCDC;}

.suivi_os .detail .lvl .line{padding:5px;}
.suivi_os .detail .lvl:nth-child(even) .line:nth-child(odd){background:#d3d3d3;}
.suivi_os .detail .lvl:nth-child(odd) .line:nth-child(odd){background:#f4f4f4;}


#bloc_doc_left{
   width: 640px;
   display: inline-block;
   vertical-align:top;
}
#bloc_history_right{
   width: 380px;
   margin-left:20px;
   display: inline-block;
   vertical-align:top;
   background: #FFF;
}

#publi_suivi .jSlider{
   background: #e40f5f;
   padding: 4px;
   margin-bottom:2px;
}
#publi_suivi .jHide{
   background-color: #444;
}
#publi_suivi th{
   vertical-align: top; 
   font-size: 12px;
}

#header_btn{
   position: absolute;
   top: 120px;
   left: 0px;
   right: 0px;
   background: #eeeeed;
   text-align: center;
}
#header_btn a{
    cursor: pointer;
   display: inline-block;
   color: #000;
   margin: 0px 10px;
   padding: 14px 18px;
   position: relative;
   text-transform: uppercase;
   font-size: 15px;
   font-weight: normal;
   text-decoration: none;
   line-height: 18px;
}
#header_btn a.sel, #header_btn a:hover{
   background:#14b5a0;
   color:#FFF;
}
.sousmenu{
   text-align: center;
   padding-left: 220px; 
   overflow:hidden;   
   height:0px;
   transition: all 0.5s ease-in-out;
}
.sousmenu.show{height:100px;}
#menu{background: #f3f3f2;}

#cache{
   display:none;
   position: fixed;
   width: 100%;
   height: 100%;
   top: 0px;
   left: 0px;
   background: rgba(0,0,0,0.85);
   z-index: 50000;
}
.shadowbox{
   display: none;
   position: fixed;
   left: 50%;
   top: 50%;
   padding: 20px;
   margin-left: -220px;
   margin-top: -0px;
   z-index: 50001;
   background: #FFF;
   color: #333;
   max-height:80%;
   overflow: auto;
}
.shadowbox h1{color:#333;}
#bloc_search_cache{z-index: 5002;}
#bloc_search{
   display: none;
   position: fixed;
   left: 50%;
   top: 100px;
   padding: 20px;
   margin-left: -220px;
   margin-top: -0px;
   z-index: 10001;
   background: #FFF;
   color: #333;
}
#action_copro_div{
   display:none;
   position: fixed;
   left: 50%; 
   margin-left: -240px;
   top: 100px;
   z-index: 50001;
}
#action_copro_div #action_copro{
   position: relative;
   top: 0px;
   width: auto;
   left: 0px; 
   background: #FFF;
   color: #000;
   padding: 8px;
}
#action_copro_div #action_copro .twin {
   width: auto;
   float: none;
}
#all #action_copro_btn{ 
   position: fixed;
   top: 330px;
   left: 35px;
   z-index: 800;
   background: #FEC00F;
   color: #333;
}

#publi_suivi td{border-left:solid 1px #333;border-right:solid 1px #333;font-size: 10px;white-space: nowrap;padding: 3px 2px;}
#publi_suivi td .petit{
   font-size: 8px;
   max-width: 300px;
   display: inline-block;
   white-space: normal;
}
#publi_suivi td.wrap{white-space: normal;}
#publi_suivi .green{background: #13B59F;color: #000;}
#publi_suivi .bg_green{background: #13B59F;color: #000;padding:5px;}
#publi_suivi tr:nth-child(odd) .green{background: #7adfe8;}
#publi_suivi tr:nth-child(odd) .bg_green{background: #7adfe8;}
#publi_suivi .orange{background:#F9BD31;color: #000;}
#publi_suivi tr:nth-child(odd) .orange{background:#fdc33d;}
#publi_suivi .orange2{background:#cf5aff;color: #000;}
#publi_suivi tr:nth-child(odd) .orange2{background:#d773ff;}
#publi_suivi .red{background:#d40150;color: #000;}
#publi_suivi tr:nth-child(odd) .red{background:#e40f5f;}
#publi_suivi .gris, #publi_suivi .red{background:#333;color: #FFF;}
#publi_suivi tr:nth-child(odd) .gris, #publi_suivi tr:nth-child(odd) .red{background:#404040;}

#legende{
   position: absolute;
   right: 100px;
   top:50px;
}
#legende .legende{margin:5px 20px;display:inline-block;vertical-align:middle;font-size: 14px;text-transform: uppercase;}
#legende .legende .color{display:inline-block;vertical-align:middle;margin-right:10px;width:29px;height:29px;}
#legende .legende .color.green{background:#13B59F;}
#legende .legende .color.orange{background:#F9BD31;}
#legende .legende .color.orange2{background:#BEBEBE;}
#legende .legende .label{display:inline-block;vertical-align:middle;}

.search_img{  
   position: absolute;
   margin-left: -25px;
   margin-top: 7px;
}
.search_input{padding:6px;padding-right: 26px;}


.mission_actions{
   position: absolute;
   top:40px;
   background: #666;
   z-index: 50;
}
.mission_actions:hover{z-index: 51;}
.mission_actions .head{ 
   background: #d40150;
   text-align: center;
   padding: 4px;
   font-size: 14px;
   font-weight: bold;
}
.mission_actions .sep{  
   background: #FFF;
   color: #333;
   text-align: center;
   padding: 4px;
   font-weight: bold;
}
#all #bloc_rel.mission_actions .link_action{width:170px;}  
#all #bloc_mission .link_action.white{  
   width: 95px;
   padding: 4px 5px;
   text-align: center;
}
#all .mission_actions .link_action{  
   width: 210px;
   padding: 8px 5px;
   margin: 2px 5px;
   border-radius: 0px;
   box-shadow: none;
   font-size: 11px;
   box-sizing: content-box;
}
#all .mission_actions .link_action.sel{  
   background:#fec00f;
   color:#333;
}
#bloc_mission{left: 420px;width:250px;}
#bloc_actions{left: 680px;}
#bloc_rel{left: 935px;}
#bloc_rel, #bloc_mission, #bloc_actions{
   display:inline-block;
   vertical-align:top;
   position: relative;
   left: 0px;
   margin: 10px;
   top: 0px;
}
#bloc_timer{left: 1130px;}


#send_propo{
   display:none;
   position: fixed;
   background: #FFF;
   z-index: 10000;
   left: 50%;
   top: 50%;
   padding: 10px;
   width: 450px;
   height: 320px;
   margin-top: -170px;
   margin-left: -235px;
   color: #333;
}
#zone_travail #send_propo{
   position: relative;
   margin: auto;
   left: 0px;
   top: 0px;
}

#bloc_service{text-align:center;}
#bloc_service .service{
   background: #EEE;
   display: inline-block;
   vertical-align:top;
   width: 200px;
   text-align: center;
   padding: 8px;
   margin: 5px;
   cursor: pointer;
   line-height: 40px;
}
#bloc_service .service .middle{line-height:20px;vertical-align:middle;display: inline-block;}
#bloc_service .service:hover{background: #fdda77;}
#bloc_service .service.sel{background: #fec00f;}

                              /************************/
                              /*     Css Généraux     */
                              /************************/
label{font-weight:bold;}
input[type="text"],input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"],textarea{
   border: 2px inset #EEE;
   font-size: 14px;
   padding: 6px;
   width: 280px;
}
input[type="submit"], input[type="button"],button{
   background: #24B59F;
   padding: 8px 24px;
   margin: 5px;
   color: #FFF;
   font-weight: bold;
   border: none;
   cursor: pointer;
   text-transform:uppercase;
}
input[type="submit"]:hover, input[type="button"]:hover{background:#189c88;}
input[type='checkbox'].grd{
   width:20px;
   height:20px; 
   vertical-align: middle;
}
h1, h2{
   color: #000;
   font-size: 20px;
   font-weight: normal;
}
.bloc_hn h1{border-bottom: solid 1px #000;display: inline-block;padding-bottom: 5px;padding-right: 60px;text-transform:uppercase;}
.fancybox_bloc h2, h1.notop, h2.notop{width:auto;margin:0px;}
.titre_explain{
   font-weight: bold;
   background: #C0BA47;
   padding: 8px;
   display: inline-block;
   border-radius: 4px 4px 0px 0px;
}
.explain{background: #554E44;padding: 5px;}
.explain p{margin:5px 0px;}

.bloc_champs{background:#888;margin:10px 0px;}
.bloc_champs .head{
   background: #D40150;
   color: #FFF;
   font-size: 20px;
   font-weight: normal;
   padding: 5px;
}

label.attr{
   display: inline-block;
   margin: 10px;
   vertical-align: top;
   background: #C0BA47;
   font-weight: bold;
   padding: 4px;
   border-radius: 4px;
   cursor:pointer;
}

table h1{
   margin-left:0px;
   width:auto;
   padding-right:5px;
   margin-bottom:0px;
   margin-top:5px;
}
p, td, ul, li{
   font-size:10pt;
}
a{color:#000;text-decoration:none;font-weight:bold;}
a:visited{color:#000;text-decoration:none;font-weight:bold;}
a:hover{color:#000;text-decoration:underline;font-weight:bold;}
.cke_editable a{color:#272798;}
.link:hover{cursor:pointer;}
.red, .red a{color:red;font-weight:bold;}
.green{color:green;font-weight:bold;}
a.green{color:green;}
.orange{color:#F39934;font-weight:bold;}
span.yellow{color:#fabe32;}

.info{
   clear: both;
	background-color:#EEEEEE;
	border:1px;
	border-color:#999999;
	border-style:solid;
	padding:10px;
	font-family:arial,helvetica,sans-serif;
	font-size: 8pt;
}
.warning{
   clear: both;
	background-color:#d40150;
	border:1px;
	border-color:#FFF;
	border-style:solid;
	padding:10px;
	font-family:arial,helvetica,sans-serif;
	font-size: 10pt;
   color: #FFF;
   font-size: 15px;
}
#maj_selection .warning a, #maj_ajax .warning a, .maj_selection .warning a{color: #FFF;}

.form_empty{
	background-color:#FFEEAA;
   color: #d40150;
   font-size: 15px;
   padding:5px;
}
.form_empty td{padding:5px;}

.succes,.erreur{
   background-color: #CFC;
   color: #060;
   text-align: center;
   padding: 10px;
   max-width: 800px;
   margin: auto;
   margin-bottom: 12px;
   position: relative;
   z-index: 10;
}
.yellow_head{
   background: #fec00f;
   color: #333;
   margin: 5px 0px;
   padding: 5px 5px;
}
.red_head{
   background: #d40150;
   color: #FFF;
   margin: 5px 0px;
   padding: 5px 5px;
}
.erreur{background-color:#d40150;color:#FFF;}
.erreur.nomarge{margin:5px 0px;width:auto;}
.succes{background-color:#CCFFCC;color:#006600;}
#content .erreur a{color:#FF0000;}
#content .succes a{color:#006600;}
.missing{clear: both;background-color:#E9E9F2;color:#000000;}
.link_mode{text-decoration:underline;font-weight:bold;color: #025883;}
.asterix{margin-left:5px; margin-right:5px; color:red;}
.required{margin-left:5px; margin-right:5px; color:red;}
.petit{font-size:8pt;}
p.petit{margin:5px 0px;}
.right{text-align:right;vertical-align:top;}
.menu_left{float:left;margin-right: 8px;margin-top:-2px;height:30px;}
.clear{clear:both;}
.tcenter{text-align:center;}
table.tcenter{margin:auto;}
.tleft {text-align:left;}
.tright {text-align:right;}
.fleft {float:left;margin-left:5px;}
.fright {float:right;margin-right:5px;}
table.tright {float:right;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align: middle;}
#bg_black{
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background: #000;
   background: rgba(0,0,0,0.6);
   z-index: 501;
   display:none;
}
.bloc_erreur{
   background: #FF0;
   padding: 8px;
   font-weight: bold;
   margin-bottom: 5px;
   color: #000;
}
.bloc_erreur .share{display:inline-block;margin:0px 8px;background:#F90;padding:2px;border-radius:4px;}
#all .bloc_erreur a{color: #000;}
.mission_lvl{   
   background: #EEE;
   padding: 8px;
   display:inline-block;
   vertical-align:top;
   border-radius: 5px;
   text-align: center;
   margin: 8px;
   color:#000;
}
.mission_lvl.block{display:block;margin:auto;width:300px;}
#all #content .mission_lvl a{color:#FFF;}
.mission_lvl .head{font-weight:bold;border-bottom:solid 2px #424242;padding-bottom:4px;}
#all .mission_lvl .link_action{background:#424242;}
#all .mission_lvl .link_action:hover{background:#555;}

#sendfile_line{}
#sendfile_line .line{}
#sendfile_line .line.head{background: #d40150;color: #FFF;}
#sendfile_line .line.head label{display: inline-block;vertical-align: middle;}
#sendfile_line .line .name{display:inline-block;vertical-align:middle;width: 350px;font-size: 11px;}
#sendfile_line .line .file .name{width:auto;}
#sendfile_line .line .certification{display:inline-block;vertical-align:middle;font-size: 9px;width: 160px;text-align: center;}
#sendfile_line .line .missing_doc_syndic{display:inline-block;vertical-align:middle;font-size: 9px;width: 100px;text-align: center;}
#sendfile_line .line .detail{display:inline-block;vertical-align:middle;font-size: 9px;width: 180px;text-align: center;background: none;color: #FFF;}
#sendfile_line .line .bloc_file{display:inline-block;vertical-align:middle;padding-left: 20px;}
#sendfile_line .line .bloc_file .AtoutUpload {width:500px;display: inline-block;vertical-align:middle;}
#sendfile_line .line .bloc_file .AtoutUpload .drop_zone{padding:5px;border: dashed 2px #13b59f;margin: 5px 20px;display:inline-block;vertical-align:middle;font-size: 10px;line-height: 10px;}
#sendfile_line .line .bloc_file .AtoutUpload .drop_zone.over {border: dashed 3px #FF9900;}
#sendfile_line .line .bloc_file .bouton_file{font-size: 9px;display:inline-block;vertical-align:middle;}
#sendfile_line .line .bloc_file .bloc_files{display:inline-block;vertical-align:middle;text-align: left;margin-left: 20px;}
#sendfile_line .galerie_pdf {
   text-align: center;
   display: inline-block;
   vertical-align: middle;
   width: 200px;
}
#sendfile_line .galerie_pdf .vignette_pdf{margin:5px;}

#fac_to_comparant{background: rgba(212, 1, 80, 0.1);padding: 5px;font-size: 11px;}
#fac_to_comparant div{display: inline-block;font-size: 11px;width:180px;text-align:left;}
#fac_to_comparant label{vertical-align:middle;}


.line_doc_recu{text-align:left;}
.line_doc_recu.th div{background:#333;color:#FFF;padding: 4px 0px;}
.line_doc_recu > div{
   display:inline-block;vertical-align:middle;text-align:center;
}

.line_doc_recu .libelle{width:220px;}
.line_doc_recu .folder{width:150px;}
.line_doc_recu .folder select{width: 150px;font-size: 10px;padding: 6px 0px;}
.line_doc_recu .info_syndic{width:230px;}
.line_doc_recu .doc{width:100px;}
.line_doc_recu .date{width:80px;}

.super_error{position: relative;overflow: hidden;padding:12px 8px;animation: super_error_bg 4s linear infinite;}
.super_error span.border_anim{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   display: block;
   box-sizing: border-box;  
}

.super_error span.border_anim:nth-child(1){
   transform:rotate(0deg);
   height: 0;
}

.super_error span.border_anim:nth-child(2){
   width:0;
   
}

.super_error span.border_anim:nth-child(3){
   transform:rotate(180deg);
   height: 0;
   bottom: 0px;
   top: auto;
}

.super_error span.border_anim:nth-child(4){
   transform:rotate(180deg);
   width:0;
   right:0px;
   left:auto;

}

.super_error span.border_anim:before{
   content: '';
   position: absolute;
   width:100%;
   height: 2px;
   left:0px;
   background: #fec00f;
   animation: super_error 4s linear infinite;
}
.super_error span.border_anim:nth-child(2):before, .super_error span.border_anim:nth-child(4):before{  
   width: 2px;
   height: 100%;
   top:0px;
   animation: super_error2 4s linear infinite;
}
@keyframes super_error {
   0%    {transform:scaleX(0);transform-origin: left;}
   50%   {transform:scaleX(1);transform-origin: left;}
   50.1% {transform:scaleX(1);transform-origin: right;}
   100%  {transform:scaleX(0);transform-origin: right;}  
} 
@keyframes super_error2 {
   0%    {transform:scaleY(0);transform-origin: bottom;}
   50%   {transform:scaleY(1);transform-origin: bottom;}
   50.1% {transform:scaleY(1);transform-origin: top;}
   100%  {transform:scaleY(0);transform-origin: top;}  
} 
@keyframes super_error_bg {
   0%    {background-color: #d40150;}
   50%   {background-color: #ff4289;}
   100%  {background-color: #d40150;}  
} 

                              /************************/
                              /*        Header        */
                              /************************/
#header{
   height: 160px;
   padding-top: 1px;
   position: fixed;
   width: 100%;
   background: #FFF;
   z-index: 500;
   top: 0px;
}
.aff20 #header, .aff20 #header_shadow{height:100px;}
.aff20 #content{margin:0px;}
#header_shadow{height:160px;}
#bandeau_actu{   
   position: absolute;
   right: 0px;
   left: 600px;
   font-size: 15px;
   top: 34px;
}
#header_square{z-index: 6;position:absolute;top:0px;left: 75px;}
#header_square #logo_template{position: absolute;left: 65px;top: 0px;}
#header_square #logo_template img{width:100px;}
#header_square.login{position:relative;left: 0px;}
#header_square.login #logo{text-align:center;margin-top: 20px;}
#header_square.login #logo img{max-width:300px;}
#login h1{
       background: none;
    width: auto;
    margin: 8px 0px;
    text-shadow: 1px 1px 1px #BEDDEE;
    color: #000;
    font-size: 40px;
}
#header_square #made_by{
   position: absolute;
   left: 358px;
   top: 40px;
   color: #666;
   font-size: 15px;
   display:none;
}
#header_square #made_by a{color: #666;text-decoration:none;font-size: 15px;}
#recherche{   
   text-align: center;
   position: absolute;
   color: #000;
   top: 60px;
   right: 40px;
}
#recherche label{
   display: inline-block;
   font-size: 15px;
   font-weight: normal;
   margin-right: 8px;
}
#recherche .search_input{
   background: #d2d2d0;
   padding: 8px 15px;
   box-shadow: none;
   border: solid 1px #CCC;
}
#recherche .submit{text-align:right;margin-bottom:15px;}
#recherche .submit input{color:#002059;background:#FEC00F;font-size: 18px;padding: 6px 14px;outline: none;box-shadow: none;margin:0px;width:auto;}
#copro_list{ 
   margin-left: -21px;
   position: relative;
   top: 4px;
}

#bloc_coord{
   display: inline-block;
   font-size: 16px;
   color: #000; 
   line-height: 28px;
}
#bloc_coord img{margin-right:6px;vertical-align: middle;}
#bloc_coord span{
   display: inline-block;
   vertical-align:middle;
}
#bloc_coord .societe{font-weight:bold;}

#contact_neo{
   position: fixed;
   top: 300px;
   right: 0px;
   height: 260px;
   width: 102px;
   cursor: pointer;
   overflow:hidden;
   transition:all 1s;
   z-index:20;
}
#contact_neo.open{width:362px;}
#contact_neo .btn{float:left;cursor:pointer;}
#contact_neo .content{  
   background: #D40150;
   position: absolute;
   left: 102px;
   color: #FFF;
   height: 200px;
   width:240px;
   padding: 2px 10px;
   border-left: solid 2px #424242;
}
#contact_neo .content a{color:#FFF;}  



#menu{}
#css3menu{}
#css3menu .vignette{margin-top:10px;}
#css3menu .vignette img{max-height:70px;}

#css3menu .two_line .vignette{margin-top:5px;}
#css3menu .two_line .vignette img{max-height:60px;}

#css3menu .vignette a{padding:0px;}
ul#css3menu,ul#css3menu ul{margin:0;padding:0;list-style:none;}
ul#css3menu .toproot,ul#css3menu .topmenu {margin: 0px 5px;min-width: 150px;padding: 4px 0px;}
ul#css3menu .toproot:hover,ul#css3menu .topmenu:hover{}
ul#css3menu .toproot:hover > a,ul#css3menu .toproot:hover > span,ul#css3menu .topmenu:hover > a, ul#css3menu .column li:hover a{cursor:pointer;color: #FFF;}
ul#css3menu .submenu{
   transition:height 1s;
   height:0px;
   position:absolute;
   color:#333333;
   z-index:10;
   overflow:hidden; 
   left: 0px;
   right: 0px;
   padding-left: 120px;
   margin-top: 7px;
}
ul#css3menu .submenu:before{
   content:"";
   display:block;
   position:absolute;
   border-left: solid 30px rgba(211,211,203,0);
   border-top: solid 30px rgba(211,211,203,0);
   border-right: solid 30px rgba(211,211,203);
   border-bottom: solid 30px rgba(211,211,203);
   margin-left: -60px;
}



ul#css3menu .fill{background:#d3d3cb;padding-top:5px;}
ul#css3menu .submenu.open{height:60px;padding-top: 0px;}
.no_js ul#css3menu li:hover > .submenu{display:block;}
ul#css3menu li{display:inline-block;text-align:center;vertical-align:top;}
ul#css3menu li:hover{background:#000;}
ul#css3menu li:hover img{filter: brightness(0) invert(1);}

ul#css3menu ul li{float:none;}
ul#css3menu a,ul#css3menu span{
   display:inline-block;
   vertical-align:middle;
   text-align:center;
   text-decoration:none;
   color:#333333;
   cursor:default;
   padding:11px 16px;
   font-size:13px;
   padding-bottom: 4px;
}
ul#css3menu .two_line a,ul#css3menu .two_line span{padding:3px 16px;}
ul#css3menu .column{display:inline-block;text-align: left;}
ul#css3menu .column li{display: block;text-align: left;line-height: 40px;}
ul#css3menu .column a{display:block;padding:6px 25px;font-size: 14px;}
ul#css3menu .column .img{vertical-align: middle;margin-right: 15px;position: relative;}


#faq_neo{
   position: fixed;
   top: 500px;
   right: 0px;
   height: 130px;
   width: 65px;
   cursor: pointer;
   z-index: 19;   
}
#faq_dossiers{
   position: fixed;
   top: 620px;
   right: 0px;
   height: 130px;
   width: 65px;
   cursor: pointer;
   z-index: 19;   
}
#faq_neo .small{display:none;}
#faq_dossiers .small{display:none;}

#header_admin{   
   position: absolute;
   top: 0px;
   left: 220px;
   right: 0px;
   z-index: 5;
   text-align: right;
}
#header_admin.small{width:auto;left:auto;right:0px;}
#header_admin .menu{
   display:inline-block;
   list-style: none;   
}
#header_admin .menu.titre span, #header_admin .menu:first-child a{border:none;}
#header_admin .menu span, #header_admin .menu a{
   display: inline-block;
   color: #414141;
   padding: 7px 26px;
   font-weight: normal;
   font-size: 13px;
   text-transform: uppercase;
   text-decoration: none;
   position: relative;
}
#header_admin .menu:nth-child(odd) a{background:#d2d2d0;}
#header_admin .menu:nth-child(even) a{background:#eeeeed;}


#submenu{
   position: fixed;
   background: #000;
   right: 0px;
   top: 172px;
   z-index: 30;
}
#submenu ul{list-style:none;padding:10px 10px;margin:0px;}
#submenu a{text-decoration:none;font-size:11px;}
#submenu .niveau1{display:inline-block;}
#submenu .niveau2{display:none;position:absolute;right:0px;width:624px;background: #000;}
#submenu .niveau1:hover .niveau2{display:block;}
#submenu .niveau2 li{display:inline-block;margin: 4px 8px;width:280px;}

#bloc_article{text-align:center;}
.article {
   display:inline-block;
   vertical-align:middle;
   text-align:left;
   max-width:500px;
   margin:15px;
}
.article .titre{  
   background: #D40150;
   color: #FFF;
   padding: 8px;
   font-size: 12px;
   font-weight: bold;
   cursor: pointer;
}
.article .resume{
   background: #EEE;
   color:#333;
   padding:8px;
}   
#content2{
   border:solid 2px black;
   float:right;
   width:75%;
   padding-left: 10px;
   max-height: 500px;
   overflow: auto;
   position:relative;
}
#content2 h2 {background-color:#CCCCCC;padding:5px;}
#content2 h1{margin-top:0px;width: auto;}
#content2 h1 a, #content2 h2 a, #content2 h3 a{text-decoration:none;}
#content2 h3{background-color:#EEEEEE;padding:5px;}
#content2 h3 a{color:#333;}
#content2 .jurisprudence{
   background: #D40150;
   padding: 8px;
   margin: 8px;
   list-style: none;
   border-radius: 4px;   
}
#content2 .jurisprudence a{text-decoration: none;}
.ajax_btn{cursor:pointer;}

#menu_gauche li{margin-bottom:5px;   cursor:pointer;}
#menu_gauche .li_article{list-style-type: square;list-style-position: inside; padding:5px;  background-color:#666;}
#menu_gauche li.open{list-style-type:disc;color:#FFFFFF;  background-color:#555;padding:5px;}

#menu_gauche{
   float:left;
   width:20%;
   max-height: 500px;
   background-color:#444;
   overflow: auto;
}
#content #menu_gauche > ul{padding:5px;}
#menu_gauche ul{
   list-style-type:circle;
   list-style-position: inside;
   padding-left:20px;
	font-style:bold;
	font-weight:bold;
   

}
#menu_gauche > ul{
   padding-left:2px;

}

                              /************************/
                              /*         Mémo         */
                              /************************/

#memo{right: 0px;position:absolute;max-height: 250px;}
#affich_memo{
   background: #E57C07;
   float: right;
   padding: 5px 18px;
   font-size: 13px;
   color: #FFF;
   font-weight: bold;
   border-radius: 8px;
   cursor: pointer;
   margin-top: -10px;
   margin-right: 12px;
}
#bloc_memo{
   width:0px;
   overflow: hidden;
   text-align: left;
   clear: both;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.5);
   color: #FFF;
   border-radius: 5px;
}
#bloc_memo li{font-size: 9px;}
                              /************************/
                              /*      Commercial      */
                              /************************/
#fake_table{max-width:1320px;margin:15px auto;}
#fake_table .line{border-top:solid 2px #F3F3F3;padding:8px 0px;display:flex;align-items:center;}
#fake_table .line.status_inactive{background: #ffabab;}
#fake_table .line.status_inactive:nth-child(even){background: #f99696;}
#fake_table .line.th{border:none;}
#fake_table .line .th{box-sizing:border-box;padding:4px;font-weight:bold;}
#fake_table .line .td{box-sizing:border-box;padding:4px;}
                              
#fake_table .checkbox{max-width:25px;}
#fake_table .cabinet{width:220px;}
#fake_table .tel, #fake_table .ptel{width:140px;text-align:left;}
#fake_table .email{width:280px;text-align:left;}
#fake_table .contact{width:220px;text-align:left;}
#fake_table .nom{width:220px;text-align:left;}
#fake_table .action{width: 75px;text-align:center;}
#fake_table .line_action{padding:4px 0px;background: #24b59f;margin:4px 0px;text-align:center;color:#FFF;}
#fake_table .line_action.today{background: #F9BD31;}
#fake_table .line_action input{margin-bottom:2px;}

#fake_table .line:nth-child(even){
   background: #EEE;
}
#fake_table .scroll{
   position:relative;
   overflow-y:scroll;
   max-height:400px;
}

#choix_onglet{text-align:center;}
#choix_onglet .onglet{}

.bloc_onglet{display:none;max-width: 800px;margin: 20px auto;}
.bloc_onglet.sel{display:block;}
#all .onglet.disabled{background: #DDD;cursor:default;}

#fake_table.factures{
   
}
#fake_table .copro{width:260px;}
#fake_table .mission{width:200px;}
#fake_table .fac{width:200px;}
#fake_table .date_send, #fake_table .date_relance{width: 110px;}
#fake_table .status2{width:110px;}

.open_detail .details{
   display:none;
   position: absolute;
   margin-left: -240px; 
   z-index: 50000;
}
.open_detail:hover .details{display:block;}

.status_commercial{
   padding: 4px;
   width: 60px;
   text-align: center;
   margin: 5px 0px;
   background: #333;
   color: #FFF;
}
.status_commercial.suspect{background:#a20000;}
.status_commercial.prospect{background:#91a200;}

                              /************************/
                              /*        Login         */
                              /************************/
#header_login{
   background: #FFF;
   margin-top: 28px;
   position: relative;
   text-align: center;
   border-top: solid 2px #D40150;
   border-bottom: solid 2px #D40150;
   text-align: center;
   color: #424242;
   font-size: 30px;
   padding: 10px 0px;
}                           
#login{
   margin:auto;
   width:360px;
   padding: 10px 20px;
}
#login .input-group-prepend{
   background: #000;
   color: #FFF;
   font-size: 14px;
   display: inline-block;
   vertical-align: middle;
   padding: 8px 15px;
   width: 90px;
}
#login .form-group{margin:5px 0px;}
#login input.form-control{
   margin: 0px;
   display: inline-block;
   vertical-align: middle;
   padding: 9px 15px 8px 15px;
   font-size: 14px;
   width: 200px;
   border: solid 1px #CCC;
}
#login h1{text-align:center;background:none;width:auto;margin: 8px 0px;text-shadow: 1px 1px 1px #EEE;color: #24B59F;}
#login a{color: #333;}
#loginform{width:407px;}
#login .submit{text-align:right;margin-top:20px;padding-right:20px;}
#login .submit input{outline: none;}
#login label{display:block;font-size:26px;color:#424242;}
#login .nform input{font-size: 15px;padding: 10px 10px;outline: none;box-shadow: inset 1px 1px 2px #666;width:336px;}
#login input[type='image']{outline: none;margin-top:20px;margin-right:20px;}
#forget_link {
   display: block;
   width: 400px;
   margin: auto;
   text-align: center;
   text-decoration: none;
   padding: 5px 0px;
   font-size: 16px;
   margin-top: 15px;
   border-top: solid 1px #FFF;
}

                              /************************/
                              /*        Footer        */
                              /************************/
#footer{
   padding-top:40px;
   text-align:center;
   font-family:arial,helvetica,sans-serif;
   font-size:10pt; color:#666666;
   font-style:italic;
   padding-bottom: 1px;
}
#footer a{color:#333;}
                              /************************/
                              /*       Diaporama      */
                              /************************/
#photos_diapo,#photos_diapo li{width:1024px;margin:auto;text-align:left;}
#photos_diapo .photoaction{
   text-align: center;
   border: solid 1px #CCC;
   width: 200px;
   margin: auto;
   margin-top: -17px;
   border-radius: 0px 0px 15px 15px;
   margin-bottom: 17px;
}
                              /************************/
                              /*       Boutique       */
                              /************************/

.pending{background-color:#EEEEEE; color: #999999;}
#content .pending a{color: #999999;}
.completed{font-weight:bold; background-color:#CCFF99; color: #006600;}
#content .completed a{color: #006600;}
.cancelled{background-color:#CC0000; color:#FFFFFF;}
#content .cancelled a{color: #FFFFFF;}
.exported{background-color:#006600; color: #CCFF99;}
#content .exported a{color: #CCFF99;}
.delivered{background-color:#E3FF8B;color: #666;font-weight: bold;}
#content .delivered a{color: #666;}
.check_status{background-color:#E57C07;}

                              /************************/
                              /*       TABLEAUX       */
                              /************************/
                              
.twin{float:left;width:46%;margin:10px 2%;}
.full_twin{float:left;width:50%;}
.triple{float:left;width:33%;}
fieldset.twin{padding: 8px 1%;width:43%;}

table.classic{
	width:100%;
   color: #333;
   margin:0px;
   position: relative;
   z-index: 10;
   border-spacing: 0px;
}
#content table.classic a{color:#333;}
#content table.classic th a{color:#FFF;}
#content table.classic a.green{color:green;}
#content table.classic a.red{color:#D40150;}
#content table.classic a.link_action{color:#FFF;}
table.classic th{
	background-color:#333;
	color:#FFFFFF;
	padding:5px 7px;
	font-family:arial,helvetica,sans-serif;
	font-size: 10pt;
   border-bottom: solid 2px #FFF;
}
table.classic td{
	background-color:#CCC;
   padding: 4px 3px;
   transition:all 1s;
}
table.classic.padd th{padding:5px 7px;}
table.classic.padd td{padding: 8px 6px;}
table.classic.padd td.bleft{border-left:solid 1px #666;}
table.classic tr:nth-child(even) td{background-color:#EEE;}	
ul table.classic tr.alt td{background-color:#EEE;}
#content table.classic tr:hover td,#content table.classic tr.alt:hover td,#content table.classic tr.selected td{background-color:#777;color:#FFF;}


#content table.classic tr.noblur td{background-color:#F2E9DD;color:#000;}
#content table.classic tr.noblur.alt td{background-color:#EEE;color:#000;}

#content table.classic tr.legend td{background-color: #333;font-size: 19px;text-align: center;color: #FFF;font-weight: bold;}
#content .sep table.classic tr td, #content .sep table.classic tr:hover td{background: #333;color: #FFF;}

#facture{min-width:600px;}
#formulaire_photo, #formulaire_files{background: #EEE;color: #333;padding: 8px;}

#bloc_os{text-align:center;padding-left:30px;}
.bloc_os{  
   display:inline-block;
   vertical-align:top;
   margin:20px 0px;
   width: 276px;
   height: 219px;
   color:#333;
   background: url(/img/bloc_os.png) no-repeat;
   margin-left: -30px;
}
.bloc_os select{max-width:200px;}
.bloc_os .number{
   position: absolute;
   color: #D30050;
   margin-left: 228px;
   font-size: 30px;
   margin-top: 0px;
}
.bloc_os .legend{
   color: #002059;
   font-size: 14px;
   margin-top: 12px;
   text-align: left;
   padding-left: 45px;
   margin-bottom: 20px;
}
.bloc_os .content{padding: 0px 43px 0px 37px;height: 170px;overflow: auto;}
.bloc_os p{margin:4px 0px;margin-top: 0px;}
.bloc_os.nb2 ul{padding-left:5px;text-align:left;}

.bloc_os .file a{color:#000;}

.bloc_os .btn_validate{
   display: block;
   background: #D40150;
   text-decoration: none;
   font-size: 14px;
   padding: 5px 0px;
   width: 150px;
   margin: auto;
}


.bloc_os.huge{
   width: 552px;
   background: url(/img/bloc_os_huge.png) no-repeat;
}
.bloc_os.huge .number {margin-left: 504px;}
.bloc_os.huge textarea {width: 98%;height: 95px;}
.bloc_os.huge .succes, .bloc_os.huge .erreur{position:absolute;display:none;width: 489px;margin-left: 32px;margin-top: -14px;}


.AtoutUpload{   
   width: 220px;
   margin: auto;
   text-align: center;
   margin-left: -15px;
}
.twin .AtoutUpload,.bloc_info .AtoutUpload, .mauto .AtoutUpload{margin: auto;}
#formulaire_files .AtoutUpload{margin:auto;}
.AtoutUpload .bouton_file{
   background: #13b59f;
   color:#FFF;
   font-size: 15px;
   font-weight: bold;
   text-align: center;
   padding: 7px 4px;
   width: 170px;
   margin: auto;
   cursor:pointer;
}
.AtoutUpload input.hidden{opacity:0;position:absolute;width:0px;height:0px;overflow:hidden;display:block;}
.AtoutUpload .bouton_file:hover{background: linear-gradient(to bottom,#BD054A,#D40150);}
.AtoutUpload .drop_zone{border: dashed 3px #13b59f;padding: 20px 2px;margin: 20px 2px;cursor:pointer;}
.over  .drop_zone, .drop_zone.over {border: dashed 3px #D40150;}
.AtoutUpload .bloc_files .file, #bloc_file .file{
   background-color: #CCC;
   width: 180px;
   padding: 8px 5px;
   border-radius: 3px;
   color: #000;
   margin: 8px auto;
}
.AtoutUpload .bloc_files .file progress, #bloc_file  .file progress{width:100%;}

.AtoutUpload .bloc_files .file.done progress{background:#c0ba47;}
.AtoutUpload .bloc_files .file.done progress::-webkit-progress-value{background:#c0ba47;}
.AtoutUpload .bloc_files .file.done progress::-moz-progress-bar{background:#c0ba47;}
.AtoutUpload .bloc_files .file.error progress{background:#a50202;}
.AtoutUpload .bloc_files .file.error progress::-webkit-progress-value{background:#a50202;}
.AtoutUpload .bloc_files .file.error progress::-moz-progress-bar{background:#a50202;}

.AtoutUpload .bloc_files .after .img{width:75px;text-align:center;float:left;}
.AtoutUpload .bloc_files .after .img img{max-width:100%;max-height:100px;}
.AtoutUpload .bloc_files .after .div_alt{width:200px;float:right;text-align: right;}

.AtoutUpload .bloc_files .file.end, #bloc_file .file.end{padding:0px;background:none;margin:0px;}
.AtoutUpload .bloc_files .file.end progress, #bloc_file  .file.end progress{display:none;}

#photos{background: #EEE;padding:5px;}
#photos ul{list-style:none;padding:0px;}
#photos ul img{max-width:100%;}
#photos li{text-align:center;color: #333;}
.photoaction{width: 200px;margin: auto;margin-top: -30px;text-align: right;}
#formulaire h1{
   font-weight: normal;
   background: #EEE;
   text-align: center;
   padding: 4px;
   color: #000;
   margin-top: 10px;
   margin-bottom: 1px;
}

#pa{display:none;}
#aide{
 display:none;
 background-color:#EEE;
 color:#666;
 font-size:11px;
 padding:10px;
}

img{border:none;}

                              /************************/
                              /*   Sortable & Button  */
                              /************************/
ul, ul li{margin:0px;padding:0px;list-style-type:none;}
ul.ws, .doc ul{padding-left:25px;list-style-type:disc;text-align:left;}
ul.ws li, .doc ul li{list-style-type:disc;text-align:left;}
.sortable table.classic tr{cursor:move;}

#button_top button{
   font-size: 13px;
   color: #000;
   font-weight: bold;
   height: 35px;
   padding-top: 5px;
   line-height: 22px;
   margin-left: 15px;
}
#button_top button .img{
   width: 24px;
   height: 24px;
   text-align: right;
   float: left;
   margin-right: 3px;
}
#button_top.left{
   position: fixed;
   left: -4px;
   top: 50%;
}
#button_top.left button{
   font-size: 0px;
   display: block;
   margin: 5px;
   padding: 1px;
   height: 26px;
}
#button_top.left button .img{
   margin-right:0px;
   text-align: center;
}
                              /************************/
                              /*       Langues        */
                              /************************/
#formulaire_multilangues,#formulaire_multilangues_photo,#formulaire_liens_multilangues,#formulaire_mobile_multilangues,#formulaire_multilangues_diapo,#formulaire_multilangues_url,#formulaire_multilangues_s2,#formulaire_multilangues_s3{
   padding: 10px;
   background: #F1FCFF;
   color: #333;
   border-radius: 5px;
}

#menulangfr ,#photo_menulangfr{margin-left: 5px;padding:4px 10px 0; display:inline; background:#F1FCFF;}
#menulangen ,#photo_menulangen{ padding:4px 10px 0; display:inline; background:#C9C7B9;}
#menulangde ,#photo_menulangde{ padding:4px 10px 0; display:inline; background:#C9C7B9;}
#menulanges ,#photo_menulanges{ padding:4px 10px 0; display:inline; background:#C9C7B9;}
#menulangnl ,#photo_menulangnl{ padding:4px 10px 0; display:inline; background:#C9C7B9;}
#menulangit ,#photo_menulangit{ padding:4px 10px 0; display:inline; background:#C9C7B9;}
#menulangpt ,#photo_menulangpt{ padding:4px 10px 0; display:inline; background:#C9C7B9;}

                              /************************/
                              /*      Newsletter      */
                              /************************/
.vignette_actu{Float:left;padding:0px;border:solid 0px red;margin:10px 10px 10px 10px;
float:left;}
#preview{border:groove 2px #666;width:760px;margin:auto;}
.li_actu{
	font: 14px verdana, arial, sans-serif;
	border:1px solid #8c9f30;
	width:98%;
	margin-top:5px;
   margin-bottom:5px;
   text-align:left;
   padding:5px 5px 5px 5px;
   clear:both;
	box-shadow:1px 1px 3px black;
}
.li_actu{color:#583E2D;}
.li_actu h2{
   color:#8c9f30;
   font-size:18px;
   font-weight:bold;
}

.li_actu span{color:#45372A;}
.li_actu h3{
   color:#614B3D;
   font-size:11px;
   font-weight:normal;
}
.li_actu a{color:#AA7850;}
.li_actu p{font-size:11px;}
.sliding-text{text-align: left;}

                              /************************/
                              /*      ShadowBox       */
                              /************************/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('/img/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('/img/ajax-loader.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background:#000;background:rgba(0,0,0,0.6);}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent;	background: rgba(0, 0, 0, 0.8);border-radius: 10px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('fancybox_sprite@2x.png');background-size: 44px 152px;}
	#fancybox-loading div {background-image: url('fancybox_loading@2x.gif');background-size: 24px 24px;}
}

                              /************************/
                              /*        Chosen        */
                              /************************/

.chosen-container{position:relative;display:inline-block;vertical-align:middle;font-size:13px;zoom:1;*display:inline;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.chosen-container .chosen-drop{position:absolute;top:100%;left:-9999px;z-index:1010;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;border:1px solid #aaa;border-top:0;background:#fff;box-shadow:0 4px 5px rgba(0,0,0,.15)}
.chosen-container.chosen-with-drop .chosen-drop{left:0}
.chosen-container a{cursor:pointer}
.chosen-container-single .chosen-single{position:relative;display:block;overflow:hidden;padding:0 0 0 8px;height:23px;border:1px solid #aaa;border-radius:5px;background-color:#fff;background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#fff),color-stop(50%,#f6f6f6),color-stop(52%,#eee),color-stop(100%,#f4f4f4));background:-webkit-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-moz-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:-o-linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background:linear-gradient(top,#fff 20%,#f6f6f6 50%,#eee 52%,#f4f4f4 100%);background-clip:padding-box;box-shadow:0 0 3px #fff inset,0 1px 1px rgba(0,0,0,.1);color:#444;text-decoration:none;white-space:nowrap;line-height:24px}
.chosen-container-single .chosen-default{color:#999}
.chosen-container-single .chosen-single span{display:block;overflow:hidden;margin-right:26px;text-overflow:ellipsis;white-space:nowrap}
.chosen-container-single .chosen-single-with-deselect span{margin-right:38px}
.chosen-container-single .chosen-single abbr{position:absolute;top:6px;right:26px;display:block;width:12px;height:12px;background:url(/img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-single .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single.chosen-disabled .chosen-single abbr:hover{background-position:-42px -10px}
.chosen-container-single .chosen-single div{position:absolute;top:0;right:0;display:block;width:18px;height:100%}
.chosen-container-single .chosen-single div b{display:block;width:100%;height:100%;background:url(/img/chosen-sprite.png) no-repeat 0 2px}
.chosen-container-single .chosen-search{position:relative;z-index:1010;margin:0;padding:3px 4px;white-space:nowrap}
.chosen-container-single .chosen-search input[type=text]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:1px 0;padding:4px 20px 4px 5px;width:100%;height:auto;outline:0;border:1px solid #aaa;background:#fff url(/img/chosen-sprite.png) no-repeat 100% -20px;background:url(/img/chosen-sprite.png) no-repeat 100% -20px;font-size:1em;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-single .chosen-drop{margin-top:-1px;border-radius:0 0 4px 4px;background-clip:padding-box}
.chosen-container-single.chosen-container-single-nosearch .chosen-search{position:absolute;left:-9999px}
.chosen-container .chosen-results{position:relative;overflow-x:hidden;overflow-y:auto;margin:0 4px 4px 0;padding:0 0 0 4px;max-height:240px;-webkit-overflow-scrolling:touch}
.chosen-container .chosen-results li{display:none;margin:0;padding:5px 6px;list-style:none;line-height:15px;-webkit-touch-callout:none;  color: #333;}
#content .chosen-container .chosen-results li{padding:5px 6px;}
.chosen-container .chosen-results li.active-result{display:list-item;cursor:pointer}
.chosen-container .chosen-results li.disabled-result{display:list-item;color:#ccc;cursor:default}
.chosen-container .chosen-results li.highlighted{background-color:#3875d7;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);color:#fff}
.chosen-container .chosen-results li.no-results{display:list-item;background:#f4f4f4}
.chosen-container .chosen-results li.group-result{display:list-item;font-weight:700;cursor:default}
.chosen-container .chosen-results li.group-option{padding-left:15px}
.chosen-container .chosen-results li em{font-style:normal;text-decoration:underline}
.chosen-container-multi .chosen-choices{position:relative;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important;height:1%;border:1px solid #aaa;background-color:#fff;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(1%,#eee),color-stop(15%,#fff));background-image:-webkit-linear-gradient(#eee 1%,#fff 15%);background-image:-moz-linear-gradient(#eee 1%,#fff 15%);background-image:-o-linear-gradient(#eee 1%,#fff 15%);background-image:linear-gradient(#eee 1%,#fff 15%);cursor:text}
.chosen-container-multi .chosen-choices li{float:left;list-style:none}
.chosen-container-multi .chosen-choices li.search-field{margin:0;padding:0;white-space:nowrap}
.chosen-container-multi .chosen-choices li.search-field input[type=text]{margin:1px 0;padding:5px;height:15px;outline:0;border:0!important;background:transparent!important;box-shadow:none;color:#666;font-size:100%;font-family:sans-serif;line-height:normal;border-radius:0}
.chosen-container-multi .chosen-choices li.search-field .default{color:#999}
#content .chosen-container-multi .chosen-choices li.search-choice{position:relative;margin:3px 0 3px 5px;padding:3px 20px 3px 5px;border:1px solid #aaa;border-radius:3px;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-clip:padding-box;box-shadow:0 0 2px #fff inset,0 1px 0 rgba(0,0,0,.05);color:#333;line-height:13px;cursor:default}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close{position:absolute;top:4px;right:3px;display:block;width:12px;height:12px;background:url(/img/chosen-sprite.png) -42px 1px no-repeat;font-size:1px}
.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover{background-position:-42px -10px}
.chosen-container-multi .chosen-choices li.search-choice-disabled{padding-right:5px;border:1px solid #ccc;background-color:#e4e4e4;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#f4f4f4),color-stop(50%,#f0f0f0),color-stop(52%,#e8e8e8),color-stop(100%,#eee));background-image:-webkit-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-moz-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:-o-linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);background-image:linear-gradient(top,#f4f4f4 20%,#f0f0f0 50%,#e8e8e8 52%,#eee 100%);color:#666}
.chosen-container-multi .chosen-choices li.search-choice-focus{background:#d4d4d4}
.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close{background-position:-42px -10px}
.chosen-container-multi .chosen-results{margin:0;padding:0}
.chosen-container-multi .chosen-drop .result-selected{display:list-item;color:#ccc;cursor:default}
.chosen-container-active .chosen-single{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}
.chosen-container-active.chosen-with-drop .chosen-single{border:1px solid #aaa;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#eee),color-stop(80%,#fff));background-image:-webkit-linear-gradient(#eee 20%,#fff 80%);background-image:-moz-linear-gradient(#eee 20%,#fff 80%);background-image:-o-linear-gradient(#eee 20%,#fff 80%);background-image:linear-gradient(#eee 20%,#fff 80%);box-shadow:0 1px 0 #fff inset}
.chosen-container-active.chosen-with-drop .chosen-single div{border-left:0;background:transparent}
.chosen-container-active.chosen-with-drop .chosen-single div b{background-position:-18px 2px}
.chosen-container-active .chosen-choices{border:1px solid #5897fb;box-shadow:0 0 5px rgba(0,0,0,.3)}
.chosen-container-active .chosen-choices li.search-field input[type=text]{color:#111!important}
.chosen-disabled{opacity:.5!important;cursor:default}
.chosen-disabled .chosen-single{cursor:default}
.chosen-disabled .chosen-choices .search-choice .search-choice-close{cursor:default}
.chosen-rtl{text-align:right}
.chosen-rtl .chosen-single{overflow:visible;padding:0 8px 0 0}
.chosen-rtl .chosen-single span{margin-right:0;margin-left:26px;direction:rtl}
.chosen-rtl .chosen-single-with-deselect span{margin-left:38px}
.chosen-rtl .chosen-single div{right:auto;left:3px}
.chosen-rtl .chosen-single abbr{right:auto;left:26px}
.chosen-rtl .chosen-choices li{float:right}
.chosen-rtl .chosen-choices li.search-field input[type=text]{direction:rtl}
.chosen-rtl .chosen-choices li.search-choice{margin:3px 5px 3px 0;padding:3px 5px 3px 19px}
.chosen-rtl .chosen-choices li.search-choice .search-choice-close{right:auto;left:4px}
.chosen-rtl.chosen-container-single-nosearch .chosen-search,.chosen-rtl .chosen-drop{left:9999px}
.chosen-rtl.chosen-container-single .chosen-results{margin:0 0 4px 4px;padding:0 4px 0 0}
.chosen-rtl .chosen-results li.group-option{padding-right:15px;padding-left:0}
.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div{border-right:0}
.chosen-rtl .chosen-search input[type=text]{padding:4px 5px 4px 20px;background:#fff url(/img/chosen-sprite.png) no-repeat -30px -20px;background:url(/img/chosen-sprite.png) no-repeat -30px -20px;direction:rtl}
.chosen-rtl.chosen-container-single .chosen-single div b{background-position:6px 2px}
.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b{background-position:-12px 2px}@media only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-resolution:144dpi){.chosen-rtl .chosen-search input[type=text],.chosen-container-single .chosen-single abbr,.chosen-container-single .chosen-single div b,.chosen-container-single .chosen-search input[type=text],.chosen-container-multi .chosen-choices .search-choice .search-choice-close,.chosen-container .chosen-results-scroll-down span,.chosen-container .chosen-results-scroll-up span{background-image:url(chosen-sprite@2x.png)!important;background-size:52px 37px!important;background-repeat:no-repeat!important}}


                              /************************/
                              /*        Citya         */
                              /************************/
                              
#all.citya .link_action,.citya .btn_video,.citya .btn_devis,.citya input[type="submit"],.citya input[type="button"],.citya button,.citya h1,.citya h2,.citya .mission_lvl,.citya #header_admin,.citya .article .titre,.citya #content2 .jurisprudence,.citya #forget_link,.citya .bloc_os .btn_validate{background:#326DA3;}



#all.citya .link_action:hover,.citya input[type="submit"]:hover,.citya input[type="button"]:hover{background:#00B5C5;}

#all.citya{background: #00B5C5 url(/img/body-citya.png) bottom right no-repeat;background-attachment: fixed;}

.citya #login h1{color:#326DA3;}
.citya #header,.citya #header_login,.citya .AtoutUpload .drop_zone{border-color:#326DA3;}
.citya .line_copro{background: #00B5C5;}

.AtoutUpload .bouton_file{background: linear-gradient(to top,#326DA3,#00B5C5);}
.AtoutUpload .bouton_file:hover{background: linear-gradient(to bottom,#00B5C5,#326DA3);}

.citya #main{background:#2DC1CF;border: solid 2px #002059;}

.citya #header_square{background:url(/img/header-citya.png) right bottom;}

                              /************************/
                              /*        citya_paris         */
                              /************************/
                              
#all.citya_paris .link_action,.citya_paris .btn_video,.citya_paris .btn_devis,.citya_paris input[type="submit"],.citya_paris input[type="button"],.citya_paris button,.citya_paris h1,.citya_paris h2,.citya_paris .mission_lvl,.citya_paris #header_admin,.citya_paris .article .titre,.citya_paris #content2 .jurisprudence,.citya_paris #forget_link,.citya_paris .bloc_os .btn_validate{background:#326DA3;}



#all.citya_paris .link_action:hover,.citya_paris input[type="submit"]:hover,.citya_paris input[type="button"]:hover{background:#00B5C5;}

#all.citya_paris{background: #00B5C5 url(/img/body-citya_paris.png) bottom right no-repeat;background-attachment: fixed;}

.citya_paris #login h1{color:#326DA3;}
.citya_paris #header,.citya_paris #header_login,.citya_paris .AtoutUpload .drop_zone{border-color:#326DA3;}
.citya_paris .line_copro{background: #00B5C5;}

.AtoutUpload .bouton_file{background: #13b59f;}
.AtoutUpload .bouton_file:hover{background: #13b59f;}

.citya_paris #main{background:#2DC1CF;border: solid 2px #002059;}

.citya_paris #header_square{background:url(/img/header-citya_paris.png) right bottom;}



.bloc_hn .syndic{margin: 0px;font-size: 15px;}
.bloc_hn .syndic .log{margin: 0px;}
.bloc_hn .syndic +h1{margin-top: 0px;}
.btn_details{display:inline-block;}   

textarea.full_width{width: 100%;box-sizing: border-box;}                           
                              /************************/
                              /*      Responsive      */
                              /************************/



@media print{
   #coord, #facture_logo{display:block;}
   #header, #boutons, #footer,#subheader{display:none;}
   h1 {color: #979483;font-size: 25px;font-weight: normal;}
   #all{background:#FFF;}
   #content{box-shadow:none;border:none;width: auto;background-color: #FFF;border-radius: 0px;margin-top: 0px;}
}



@media all and (max-width:1700px){
   #suivi_copro, #page_mission {margin: 0px 15px;}
}
@media all and (max-width:1500px){
   #mission_bloc_left, #zone_travail{display:block;max-width:none;min-width:90%;margin:auto;}
}



@media all and (max-width:1200px){
   #all #fake_table{text-align:center;}
   #all #fake_table .line{width:320px;margin:auto 8px;display: inline-block;vertical-align: top;}
   #all #fake_table .line.th{display:none;}
   #all #fake_table .line .td{display:block;width:auto;text-align:center;margin: auto;padding:4px 0px;}
   #fake_table .status_commercial{margin:auto;}
   #fake_table .line_action {padding: 4px 8px;}
   #fake_table .scroll{overflow:visible;}
}
@media all and (max-width:1000px){
   #header_square{  
      position: relative;
      left: 0px;
      margin: auto;
      width: 270px;
      text-align: center;
      top: 0px;
      margin-top:5px;
   }
   #header_admin{left:0px;position: relative;}
   #all #header, #all #header_shadow {height: auto;}
   #content{padding-top:0px;}
   select{max-width: 250px;}
}



@media all and (min-width:1600px){
   .suivi_copro.liste_action{position: fixed;left: 0px;top: 165px;bottom:0px;overflow:auto;width: 200px;background: #fdecc4;}
   #zone_travail{position: fixed;right: 0px;top: 165px;bottom:0px;overflow:auto;background: #fdecc4;}
   #zone_travail.fixed{position: fixed;}
   #page_mission{margin-left: 220px;margin-right:0px;}
   #mission_bloc_left{display:block;}
}
@media all and (min-width:1800px){
   .admin .suivi_copro.liste_action{width: 370px;}
   .admin #page_mission{margin-left: 390px;}
}