/************************/
                              /*         Page         */
                              /************************/
html{background:#F7F7F7;}
#all{padding:0;background: #f8f8f8;}
input:focus,select:focus,button:focus,textarea:focus{outline: none;}
body{
   color:#000;
   margin:0px;
   font: 12px "Open Sans",verdana, arial, sans-serif;
}
*{box-sizing: border-box;}
#content, .content_shrink{  
   position:relative;
   float: right;
    display: inline-block;
    width: 80%;
    padding: 20px;
}
#suivi_copro{
    float: right;
    display: inline-block;
    width: 80%;
    padding: 20px;
}
.header_sticky{position: -webkit-sticky;position: sticky;top: 20px;}
#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: 120px;
}
.small_doc .AtoutUpload .drop_zone{
    margin: 5px auto;
    padding: 10px 2px;
}
input + .tab_img_puce{
   margin-left: 10px;
}
span.valign{display:inline-block;}
.valign{vertical-align:middle;}
.login #content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.login #main{padding:0px;background:none;border:none;}
.page_content{width:75%;}
.page_sep{width:1%;}
.page_media{width:24%;}
.bloc_file a{margin:0px 5px;}
.relative{position:relative;}
.action_picto{display:inline-block;vertical-align: middle;width:20px;text-align:center;}
#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: normal;
   position: relative;
   border-radius: 40px;
    transition: .2s;
}
#all .link_action, .link_action:hover{color: #fff;text-decoration: none;font-weight: normal;filter: brightness(95%);}
#all .link_action.grey{
   background: #dcdcdc;
   color:#000;
}
#all .link_action.black{
   background: #000;
   color:#FFF;
}
#all .link_action.grey:hover, #all .link_action.grey.sel{
   color:#FFF;
   background:#24b69f;
}
#all .link_action.black:hover, #all .link_action.black.sel{
   color:#FFF;
   background:#222;
}
#all .link_action.yellow{
   background: #fec00f;
   color:#000;
}
#all .link_action.orange{
   background: #f39934;
   color:#FFF;
}
#all .link_action.orange:hover{
   background: #f39934;
}
#all .link_action.red{
   background: #f55f5f;
   color:#FFF;
}
#all .link_action.red:hover{
   filter: brightness(85%);
}
#all .liste_action .link_action.dialogue{
   background: #14b5a0;
   color: #FFF;
   padding: 10px 15px;
   font-size: 14px;
   width: auto;
}
#all .liste_action .link_action{
   background: #f5f5f5;
   color: #000;
   width: 158px;
   text-align: center;
   font-size: 12px;
   padding: 6px 4px;
}
#all .liste_action .link_action.pink{background: #f09fff;}
#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;border: 1px solid #ddd;}
#all .link_action.border-red{border:solid 2px #FFC299;}
#all .link_action.border-green{border:solid 2px #7EF316;}
#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{filter: brightness(85%);}
#all .link_action.yellow:hover{background:#fec00f;}

#all .tr_copro.status_pending td{background:#f09fff;}
#all .tr_copro.status_aborted td{background:#333;color:#FFF;}

#all .link_action.validate.priority{
    border:solid 2px #ff048a;
}

#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.validate.pink{background:#f09fff;}
#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;
}
.tab_img_puce{
   vertical-align: middle;
   margin-right: 10px;
}
#all .change_ref_fi{background: #fec00f;margin-right: 5px;}

/* Step by step guide */
.popup_guide{padding: 20px;max-width: 60%;position: absolute;opacity: 0;visibility: hidden;transition: .5s ease;margin-top: 30px;z-index: 10000000;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 500px;color: #fff;font-weight: bold;}
.popup_guide p{font-size: 20px;}
.popup_guide.show{opacity: 1;visibility: visible;margin-top: 0;}
.popup_guide h4{font-size: 16px;margin: 0;}
.popup_guide[data-element]:after{content: '';position: absolute;width: 35px;top:0;right: -20px;background: url(/intranet/images/fleche_popup_blanc.png)no-repeat;height: 95px;background-size: contain;}
.popup_guide.no_chevron:after{content: none;}
.popup_guide.popup_bigger[data-element]:after{right: auto;left: -20px;background: url(/intranet/images/fleche_popup_blanc_axe.png)no-repeat;background-size: contain;}
.highlight{transition: .3s ease;position: relative;z-index: 1000000;}
.btn_guide{background-color: #fec00f;padding: 5px 10px;border-radius: 40px;cursor: pointer;transition: .3s ease;font-weight: bold;display: flex;align-items: center;justify-content: center;width: 60px;height: 60px;}
.highlight:before{content: "";display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 110%;height: 110%;border: 4px solid #fff;border-radius: 50%;width: calc(100% + 50px);height: calc(100% + 50px);}
.popup_guide div{display: flex;justify-content: space-between;align-items: center;margin-top: 25px;position: fixed;bottom: 20px;width: 80%;left: 50%;transform: translateX(-50%);}
.btn_guide:hover{opacity: .8;}

.icon_guide{color: #fff;display: flex;justify-content: flex-start;align-items: center;margin-top: 20px; z-index: 10000;cursor: pointer;padding: 10px 0 10px 30px;background-color: #000;}
.icon_guide img{width: 34px;margin-left: 10px;}
.icon_guide p{font-size: 18px;}
.explain2{padding: 5px;background-color: rgba(0,0,0,.05);line-height: 26px;width: 100%;display: block;}

/* */

.low_margin{margin:10px 0px;}
legend{font-weight: bold;}
.jHide{display:none;}
.jSlider{cursor:pointer;}
.btn_video, .btn_devis{
       display: block;
    padding: 20px;
    padding-right: 50px;
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    position: relative;
    transition: .5s;
    border-bottom: 1px solid transparent;
}
.faq{transition: .5s;border-radius: 10px;border: 3px solid transparent;}
.faq .question{
       display: block;
    padding: 20px;
    padding-right: 50px;
    width: 100%;
    font-weight: normal;
    text-decoration: none;
    color: #000;
    position: relative;
    transition: .5s;
    border-bottom: 1px solid transparent;
    background-color: #fff;
    border-radius: 10px;
}
.faq .reponse{border-radius: 0 0 10px 10px;}
.faq .question:after{content: "";display: block;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);height: 20px;width: 20px;background: url(/img/down-chevron.png)no-repeat;background-size: contain;transition: .5s;}
.faq .question.faq_rotate:after{transform: translateY(-50%) rotate(180deg);}
.btn_devis:after{content: "";display: block;position: absolute;right: 15px;top: 50%;transform: translateY(-50%);height: 20px;width: 20px;background: url(/img/down-chevron.png)no-repeat;background-size: contain;transition: .5s;}
.btn_devis.btn_devis_rotate:after{transform: translateY(-50%) rotate(180deg);}
.btn_devis.btn_devis_rotate{border-bottom: 1px solid #efefef;margin-bottom: 15px;}
.faq .question.faq_rotate{border-bottom: 1px solid #efefef;border-radius: 10px 10px 0 0;}
.devis_wrap{background-color: #fff;border-radius: 10px;margin: 15px auto;width: 60%;transition: .5s;border: 3px solid transparent;}
.view_video{text-align:center;}
.video-js{margin:auto;}


  #content .hiddenP {
      height: 0px !important;
      overflow: hidden;
  }

  #content .displayedP {
      padding: 1em;
  }

.show_dj_lot_dj{
    padding: 5px;
}
.show_dj_lot_dj.yellow{
    background: #f9bd31;
}

.devis_wrap input[type="text"],.devis_wrap input[type="color"],.devis_wrap input[type="email"], .devis_wrap input[type="number"],.devis_wrap input[type="password"],.devis_wrap input[type="tel"], .devis_wrap input[type="url"],.devis_wrap textarea{background-color: #f8f8f8;width: 100%;}
.devis_wrap label b{font-weight: normal;font-style: italic;color: #666;}
.devis_wrap_selected{border: 3px solid #ffd53f;}
.faq_selected{border: 3px solid #ffd53f;}
.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: flex;
    align-items: center;
    justify-content: center;
    vertical-align: top;
    margin: 5px 10px;
    max-width: 350px;
    height: 70px;
    width: 70px;
    background-color: #fff;
    border-radius: 50%;
    transition: .2s;
    margin: 0 auto;
}
.vignette_pdf:hover{background-color: #ffd53f;}
.vignette_pdf:hover img{filter: brightness(0);}
.vignette_pdf a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
.vmiddle .vignette_pdf{vertical-align:middle;}
.vignette_pdf img, .vignette_pdf .desc{vertical-align:middle;display:inline-block;max-width: 300px;transition: .2s;}

.vignette_pdf .delete_file_os{margin-top:8px;cursor:pointer;}
.vignette_pdf .move_file{margin-top: 8px;cursor: pointer;display: inline-block;vertical-align: middle;}
.vignette_pdf .edit_file{margin-top: 8px;cursor: pointer;display: inline-block;vertical-align: middle;}
.grd_select{
   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;}

.border_box{
   background-color: #fff;
   border-radius: 10px;
   padding: 10px;
   margin: 10px;
}
.border_box.bloc_red{
   background:#f5e1e0;
}
.full_width td{width: 130px;}
.border_box .head{
   font-size: 20px;
    color: #000;
    margin-bottom: 10px;
    padding-bottom: 2px;
    display: inline-block;
}

.grd_number{ 
   width: 40px;
   font-size: 14px;
   padding: 6px 4px;
}
#header_search{
   text-align: right;
    width: 100%;
}
#header_search.prod_mode{width: 100%;margin-top: 10px;}
#header_search.prod_mode .search_synd{text-align: center;}
.overlay{position: fixed;height: 100vh;width: 100vw;background-color: rgba(0,0,0,.85);cursor: pointer;opacity: 0;visibility: hidden;transition: .4s;z-index: 1;}
.overlay.overlay_visible{opacity: 1;visibility: visible;z-index: 10000;}
.mode_prod #header_search{top: 10px;}
#header_search .search_synd{margin-bottom:10px;}
#header_search.prod_mode .search_img{left: 30px;}
#header_search .search_copro_id{display:none;}
#header_search .search_copro_q .fancy_search{padding: 10px;background-color: #fff;border: none;border-radius: 50px;max-width: 90%;padding-left: 40px;}
#header_search .search_copro_q .fancy_search::placeholder {color: #000;font: 14px "Open Sans",verdana, arial, sans-serif;}
#header_search .search_copro_q .fancy_search:focus{outline: none;}
#header_search .search_copro_q .fancy_search.search_appear{opacity: 1;visibility: visible;transition: 0s;}
#header_search .search_copro_q{transition: .4s;}
#header_search .search_copro_q.popup_search{left: 50vw;transform: translate(-100%, -100%);transition: 0s;top: 50vh;z-index: 10;}
#header_search .chosen-container{max-width: 90%;text-align: left;}
#header_search .chosen-container-single .chosen-single{height:37px;border-radius: 40px;}
#header_search .chosen-container-single .chosen-single span{padding:5px;}
#header_search .search_synd .search_img, #header_search .search_copro_id .search_img{margin-left:5px;}
#header_search .chosen-container-single .chosen-single div b {background-position: 0 8px;filter: brightness(0.3);}
#header_search .chosen-container-active.chosen-with-drop .chosen-single div b {background-position: -18px 8px;}
#header_search .search_img.darken_loupe{filter: brightness(0%);transform: translateX(-10px);}

/*FAQ */
#privateFaq{position: fixed; right: 0px; top: 25px; z-index: 100000; width: 80%; opacity: 1; transition: 0.8s ease-in-out;left: 100%;padding-right: 10px;}
#privateFaq .menuCorps{width: 100%; display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
#privateFaq .menuContent{width: 100%; background-color: white; padding-top: 0;padding: 30px;border-radius: 0 10px 10px 10px;}
#privateFaq .menuEtiquette{height: auto; width: 50px; padding: .5em; text-align: center;position: relative;left: -50px;background-color: #fec00f;cursor: pointer;transition: .8s;}
#privateFaq .menuEtiquette.disappear{opacity: 0;visibility: hidden;}
#privateFaq .menuEtiquette img{width: 30px;}
#privateFaq.faq_appear{left: 20%;}
#privateFaq button[type="button"]{border: 3px solid #fec00f;font-weight: bold;background-color: transparent;}
#privateFaq button[type="button"]:hover{background-color: #fec00f;}
#privateFaq #btnFermerFaq{opacity: 0;visibility: hidden;position: absolute;height: 50px;width: 50px;top: 0;left: 0;transition: .8s;cursor: pointer;}
#privateFaq #btnFermerFaq.appear{opacity: 1;visibility: visible;}
#privateFaq h2 {font-size: 22px;font-weight: bold;}
#privateFaq button.modifier{display: flex;align-items: center;justify-content: center;border: 2px solid transparent;padding: 5px 10px;text-transform: none;color: #fff;border-radius: 3px;}
#privateFaq button.modifier:hover{opacity: .7;}
#privateFaq button.modifier img{width: 20px;margin-right: 5px;filter: brightness(0) invert(1);}
#privateFaq .questionnaireItem{display: flex;align-items: center;}
#privateFaq h3{font-size: 18px;}

#all #goto_cerfa_stock,#all #goto_checkDoublon{
   color:#FFF;
   background:#14b5a0;
   width: 90%;
    margin: 5px auto;
    animation-name: backgroundColorPalette;
	animation-duration: 4s;
	animation-iteration-count: infinite;
	animation-direction: alternate;
	animation-timing-function: linear;
}

@keyframes backgroundColorPalette {
	0% {
		background: #ee6055;
	}
	25% {
		background: #60d394;
	}
	50% {
		background: #aaf683;
	}
	75% {
		background: #ffd97d;
	}
	100% {
		background: #ff9b85;
	}
}

#all #goto_search{
   display: block;width: 90%;margin: 5px auto;
}

#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;}
#maj_selection, .maj_selection, #form_ajax{
   position:fixed;
   top:50%;
   left:50%;
   width:420px;
   margin-top:-98px;
   margin-left:-208px;
   background:#FFF;
   z-index: 5001;  
   color:#333;
   padding:8px;
   text-align: center;
   display:none;
}
#maj_selection.fac{
   width: 620px;
   margin-left:-306px;
}
#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: 2px 6px 1px 6px;margin-left: 10px;}
.bloc_mission.jSlider:hover{background:#333;}

#choix_template{}
#choix_template .btn_template{
   display: inline-block;
   text-align: center;
   background: #14b5a0;
   color: #FFF;
   padding: 6px 20px;
   font-size: 15px;
   font-weight: normal;
   margin: 8px;
   text-decoration: none;
   cursor:pointer;
    border-radius: 40px;
    border: 2px solid #14b5a0;
}
#choix_template .btn_template.sel{
   background: #f8f8f8;
   color: #14b5a0;
}

#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 h4{display: inline-block;font-weight: normal;font-size: 20px;}
#new_dialogue{float: right;top: 15px;}
#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:30px 0;width:100%;}
#mail_history .mail.reponse{margin-left: 15%;width: 85%;}
#mail_history .mail .head{background: #f8f8f8;color: #000;padding: 0px;line-height: 28px;border-radius: 10px;overflow: hidden;margin-bottom: 5px;}
    #mail_history .mail.alt .head{background: #f8f8f8;}
#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 .date span{
    display: inline-block;
    vertical-align: middle;
    line-height: 15px;
}
#mail_history .dialogueMission{margin-left:15px;}
#mail_history .head .link_action{float: right;margin: 0px;line-height: 20px;margin-right: 5px;top: 5px;padding: 5px 10px;font-size: 14px;}


#mail_history .mail .content{background: #f8f8f8;color:#000;padding: 10px;margin:0px;border-radius: 10px;}
#mail_history .mail.alt .content{background: #f8f8f8;}
#mail_history .close{
   color: red;
   font-weight: bold;    
   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{}
#mail_history #mails_bloc form{background: #f8f8f8;border-radius: 40px;padding: 4px 15px;color: #000;display: flex;align-items: center;justify-content: space-between;}
#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;width: 100%;}


.mail.short{
    background: #EEE;
    padding: 12px;
    margin: 20px;
}
.mail.short .head{display: flex;}
.mail.short .head .expediteur{text-align:left;flex-grow:1;}
.mail.short .head .date{text-align:right;flex-grow:1;}

.grd #mission_bloc_left{
    max-width:63%;
}

#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;
}

.syndic.open .arrow{
   transform:rotate(180Deg);
}

#addtohome{display:none;background:#FFF;position:fixed;left:50%;top:50%;width:790px;height:240px;margin-left:-400px;margin-top:-120px;z-index:50001;}
#bloc_addtohome{position:relative;text-align:center;border-bottom: solid 10px #ffd53f;}
#addtohome .btn_close{background:url(/img/close.jpg);width:38px;height:38px;cursor:pointer;position:absolute;right:0px;top:0px;z-index: 500000;}
#addtohome .btn_close:hover{background:url(/img/close-hover.jpg);}
#bloc_addtohome .bloc_left::after{
   content:"";
   width:50px;
   height:50px;
   position:absolute;
   right:0px;
   top:50%;
   margin-top:-25px;
   margin-right: -25px;
   transform:rotate(45Deg);
   background: #FFF;
}
#bloc_addtohome .sep{margin-bottom:50px;}
#bloc_addtohome input[type='email']{  
   background: #FFF;
   color: #000;
   border: solid 1px #ffd53f;
   padding: 8px;
   width: 200px;
}
#bloc_addtohome input[type='submit']{margin-top:25px;}
#bloc_addtohome p{font-size: 24px;line-height: 32px;font-weight: bold;margin-top: 40px;}

#bloc_addtohome .bloc_left {
   position: relative;
   display: inline-block;
   vertical-align: middle;
   margin-right: 10px;
   margin-bottom: -10px; 
   padding: 22px 34px;
   background: #1d1d1b;
}
#bloc_addtohome .bloc_right {
   display: inline-block;
   vertical-align: middle;
   margin-left: 10px;
   width:495px;
   margin-right:10px;
}

#bloc_legende{display:flex;align-items:center;justify-content:flex-end;}
#bloc_legende .legend{display:flex;align-items:center;justify-content:center;margin:4px;text-decoration:none;}
#bloc_legende .legend .color{margin-right:3px;margin-left:8px;}
#bloc_legende .legend .label{}


.doc_nopay a{
   position:relative;
   display: inline-block;
}
.doc_nopay a::after{
   background:url(/img/cadena.png);
   width:18px;
   height:23px;
   content:"";
   position:absolute;
   top:-5px;
   right:-3px;
}
.doc_nopay a.pdf::after{opacity:0.5;}

.status_devis, .status_mission{line-height:25px;width:25px;text-align:center;color:#000;background:#FFF;display: inline-block;}
.status_devis.status_etude{background:#EEF04B;}
.status_devis.status_pending{background:#43CEDE;}
.status_devis.status_completed{background:#92C7F4;}
.status_devis.status_sended{background:#FFC299;}
.status_devis.status_valided{background:#7EF316;}
.status_devis.status_partial_valided{background:#4BF0B4;}
.status_devis.status_cancelled{color:#FFF;background:#393939;}

.status_mission.status_validate{color:#FFF;background:#f9bd31;}
.status_mission.status_blocked{color:#FFF;background:#f09fff;}
.status_mission.status_clotured{color:#FFF;background:#333;}
#content .status_mission.status_clotured{color:#FFF;background:#333;}


.scroll_fixed.fixed{position:fixed;top:0px;background: #FFF;z-index: 500;padding: 10px 0px 0px 0px;}
.scroll_fixed_shadow{display:none;}
.scroll_fixed.fixed + .scroll_fixed_shadow{display:block;}

.recipient{
   display: inline-block;
   background: #EEE;
   padding: 2px 5px;
   margin: 3px;
}
.switch, .toggle_switch{margin:8px 0px;}
.toggle_switch.m2{margin:30px 0px;}
.switch .btn, .toggle_switch .btn{
   display:inline-block;
   vertical-align:middle;
   width:60px;
   height:28px;
   text-align:left;
   border-radius:36px;
   background-color:#E6E9EC;
   transition:all 0.3s ease-in-out;
   cursor:pointer;
}
.switch .btn span, .toggle_switch .btn span{
   display:inline-block;
   vertical-align:middle;
   height:22px;
   width:22px;
   margin-top:3px;
   margin-left:3px;
   border-radius:30px;
   background:#FFFFFF;
   transition:all 0.2s ease-in-out;
}
.switch .switch_label, .toggle_switch .switch_label{
   display:inline-block;
   vertical-align:middle;
   margin-right:12px;
   font-size:14px;
   color: #000;
   font-weight: bold;
}
.switch .switch_val, .toggle_switch .switch_val{
   display:inline-block;
   vertical-align:middle;
   margin-left:12px;
   padding:6px;
   border-radius:4px;
   width:50px;
   text-transform:uppercase;
   font-weight:bold;
   color:#000;
   text-align: center;
   border: 1px solid #ddd;
}
.toggle_switch .switch_val{
   width: auto;
   background: none;
   padding: 5px 15px;
   font-size: 16px;
   color: #BBB;
}
.toggle_switch .switch_val.left{color:#000;}
.toggle_switch.checked .switch_val.left{color:#BBB;}
.toggle_switch.checked .switch_val.right{color:#000;}
.switch .switch_val[data-val='0']{color:#000;}
.switch .btn:hover span, .toggle_switch .btn:hover span{transform:scale(1.05);background:#FBFBFB;}
.switch.checked span, .toggle_switch.checked span{margin-left:34px;}
.switch .detail{
   margin-left: 20px;
   display: inline-block;
   background: #ffd53f;
   color: #FFF;
   padding: 8px;
   width: 60px;
   text-align: right; 
   border-radius: 4px;
}
.switch .btn:active, .toggle_switch .btn:active{background-color:#A6B9CB;}
.switch .btn:active span, .toggle_switch .btn:active span{width:34px;}
.switch.checked .btn:active span, .toggle_switch.checked .btn:active span{margin-left:35px;}
.switch.checked .btn, .toggle_switch.checked .btn{background-color:#ffd53f;}
.toggle_switch .btn{background-color:#ffd53f;}

.flex{display:flex;justify-content:center;}
.flex.uni > *{flex-shrink:1;flex-grow:1;margin:2px;width:100%;}

.flex-column-btn{   
   display: flex;
   flex-direction:column;
   justify-content:center;
}
.justify-content-even{
   justify-content:space-around;
}

.input_helphover{
   position: absolute;
   padding: 8px;
   width: 24px;
   text-align: center;
   color: #999;
}
#bloc_doc_left input[type='text'], #bloc_doc_left .input_helphover{padding:4px 8px;}
#all .input_helphover + input {padding-left: 40px;}

.search_simple{padding:15px;width: 48%;margin: 0 1%;background-color: #fff;border-radius: 10px;}

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

.commentaire_syndic{
   background: #f9bd31;
   border: solid 2px #000;
   padding: 8px;
   margin: 10px;
   color: #000;
}

.bloc_info{
   background: #FFF;
   border-radius: 10px;
   padding: 8px;
   display: inline-block;
   vertical-align: top;
   margin: 10px;
   min-width: 300px;
   color: #000;
}
.bloc_info.full_width{display:block;margin:10px 0px;}
.bloc_info .head{   
   background: #000;
   margin: -8px;
   margin-bottom: 8px;
   color: #FFF;
   border: none;
   padding: 8px;
   font-weight: normal;
   text-transform: uppercase;
    border-radius: 10px 10px 0 0;
}

.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;}

.action_data table{border: solid 2px #000;border-spacing: 0px;}
#all .action_data table tr:nth-child(odd) td{background:#EEE;}
#all .action_data table tr:nth-child(even) td{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:405;}
.page_updt:nth-child(2){margin-left:20px;z-index:404;}
.page_updt:nth-child(3){margin-left:40px;z-index:403;}
.page_updt:nth-child(4){margin-left:60px;z-index:402;}
.page_updt:nth-child(5){margin-left:80px;z-index:401;}
.page_updt.prev:nth-child(1){z-index:401;}
.page_updt.prev:nth-child(2){z-index:402;}
.page_updt.prev:nth-child(3){z-index:403;}
.page_updt.prev:nth-child(4){z-index:404;}
.page_updt.prev:nth-child(5){z-index:405;}
.page_updt.sel{z-index:415;}
.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{
   display:none;
   position: absolute;
   background: #333;
   color: #FFF;
   padding: 8px;
   text-align: left; 
   z-index: 5000;
}
  .log.sav .details{
      right: 0;
      width: 320px;
      text-align: center;
      margin-top: -25px;
  }
  .log.sav2 .details{
      right: 0;
      width: 320px;
      text-align: center;
      margin-top: 0px;
  }
#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;
   background-color: #eaeaea;
    font-weight: normal;padding: 10px 20px;transition: .2s;border-radius: 30px;
}
#all #step_devis a.btn_link_spe:hover{background-color: #ddd;text-decoration: none;}
#step_devis a.sel{
   background:#FFF;
   color: #d40150;
}

.autoscroll thead{display:block;overflow-y:scroll;position: absolute;z-index: 51;width: 100%;}
.autoscroll tbody{display:block;overflow-y:scroll;}
.autoscroll tbody tr:first-child{opacity: 0;}
.autoscroll th{white-space:nowrap;box-sizing: border-box;vertical-align: middle;}
.min_width_fstat th{min-width:100px;}

.fixed_btn_submit{
   text-align: center;
   position: fixed;
   bottom: 0px;
   right: 0px;
   width: 80%;
   background: #fff;
   z-index: 500;
   padding: 8px 0px;
   border-top: solid 1px #efefef;
   box-shadow: 0 0 10px rgb(0 0 0 / 5%);
}
.fixed_btn_submit input{min-width:180px;font-weight:normal;}
.fixed_btn_submit a{text-transform: uppercase;}
.fixed_btn_submit_shadow{height:70px;}

.folder_line{   
   background: #ddd;
    padding: 10px;
    font-weight: bold;
    border: solid 1px #666;
    border-bottom: none;
    position: relative;
    padding-right: 50px;
}
.folder_line[id^='folder_19_'], .folder_line[id^='folder_20_'], .folder_line[id^='folder_28_'], .folder_line[id^='folder_31_']{background: #ffce37;}
.folder_line.empty{background: #666;}
.folder_line .count{
   line-height: 28px;
   border-left: solid 2px #6f6f6f;
   padding: 0px 5px;
   width: 36px;
   text-align: right;
}
.folder_line .count img{vertical-align:text-bottom;}

.folder_line.folder_18.empty2, .folder_line.folder_1.empty2, .folder_line.folder_2.empty2{
   background: #115896;
   color:#FFF;
}

.blue_bg{background: #115896;padding:8px;}

.suivi_copro{
   position:relative;
   padding-bottom:18px;
}
#all .suivi_copro .suivi_os .link_action{background:#fec00f;}
#all .suivi_copro .suivi_os .link_action:hover{filter: brightness(95%);}

.do_action{padding: 10px 20px;background-color: #fec00f;border-radius: 40px;transition: .2s;display: inline-block;}
.do_action:hover{text-decoration: none;filter: brightness(90%);}

.suivi_copro.hide{display:none;}
.suivi_copro .head_suivi,.suivi_copro_small, .suivi_copro .full_head{
   cursor: pointer;
   position: relative;
   background: #FFF;
   color: #000;
   max-width: 600px;
   font-size: 15px;
   padding: 10px 15px;
    border-radius: 10px;
    background-color: #efefef;
}
.suivi_copro .head_suivi:after{content: "";display: block;background: url(/img/fleche.png)no-repeat;background-size: contain;height: 12px; position: absolute;right: 10px;top: 50%;transform: translateY(-50%);width: 18px;filter: brightness(10%);}
.suivi_copro .full_head{margin:0px;}
.suivi_copro .toggle{   
   position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    width: 40px;
    text-align: center;
    transition: all .4s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.suivi_copro.open .toggle img{transform:rotate(180Deg);}
.suivi_copro .toggle img{vertical-align:middle;transition:all .4s;margin: 0px;filter: brightness(25%);width: 16px;}
.suivi_copro #open_mission .toggle img{filter: brightness(10%);}
#all .suivi_copro #open_mission{border-radius: 0;color: #fff;background-color: transparent;border: 1px solid #ccc;}
#all .suivi_copro #open_mission .toggle img{filter: inherit;margin-top: -4px;}
.suivi_copro .need_action{   
   position: absolute;
   right: 50px;
   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: 5px;
   left: 5px;
   line-height: 18px;
}
.lvl .help{position:absolute;}
.help .help_content{
   position: absolute;
   width: 316px;
   display: none;
   background-color: #444;
   color: #FFF;
   z-index: 500;
   padding: 8px;
}
.help .help_content.pos_right{right:0px;}
.help:hover .help_content{display:block;}
.switch .help, .help.notop{top:0px;}
.help.nomarge{margin:0px;}

.suivi_copro_small{
    margin-bottom:20px;
    max-width: 1000px;
    padding: 30px;
}
.suivi_copro_small .flex{
    align-items: center;
}
.suivi_copro_small .name{flex-grow:1;}
.suivi_copro_small .date{
    font-size: 12px;
    margin: 0px 30px;
    color: #666;
    font-weight: bold;
}
.suivi_copro_small .action{margin-left: 10px;width: 180px;}
.suivi_copro_small .bloc_tag{margin-top:10px;}
.suivi_copro_small .bloc_tag.fac{border-top:solid 1px #CCC;}
.suivi_copro_small .bloc_tag .factag{
    display: inline-block;
    border-radius: 6px;
    border: solid 1px #000;
    color: #000;
    padding: 2px 8px 3px 8px;
    font-size: 12px;
    margin: 5px;
    text-decoration:none;
}
.suivi_copro_small .bloc_tag .factag:hover{
    background:#F5F5F5;
}
.suivi_copro_small .bloc_tag .tag{
    display: inline-block;
    border-radius: 6px;
    background: #000;
    color: #FFF;
    padding: 2px 8px 3px 8px;
    font-size: 12px;
    margin: 5px;
}
.suivi_copro_small .bloc_tag .tag.devis{
    background: #BEBEBE;
    color: #000;
}
.suivi_copro_small .bloc_tag .tag.pending{
    background: #BEBEBE;
    color: #000;
}
.suivi_copro_small .bloc_tag .tag.validate{
    background: #f9bd31;
    color: #795b17;
}
.suivi_copro_small .bloc_tag .tag.clotured{
    background: #13b59f;
    color: #074d44;
}
.suivi_copro_small .bloc_tag .tag.aar{
    background: #cb2a38;
    color: #FFF;
}
.suivi_copro_small .bloc_tag .factag.clotured{
    border-color: #13b59f;
}
.suivi_copro_small .bloc_tag .factag.aar{
    border-color: #cb2a38;
}

#mission_bloc_left{display:inline-block;max-width:750px;padding:8px;vertical-align:top;}
#zone_travail{display:inline-block;max-width:800px;vertical-align:top;background: #eeeeed;padding: 10px;margin-left: 10px;}
#zone_travail .twin{width:auto;display:block;}
#zone_travail .shadowbox{max-height: 100%;left:auto;top:auto;margin:auto;position:relative;background:none;max-width: 100%;padding:0px;z-index: 5;color: inherit;}
#zone_travail #shadow_pv_ag.shadowbox{transform: translate(0,0);}

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

.suivi_os, #page_mission .content{margin: 20px 0px;}
#page_mission .suivi_copro.liste_action .content{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
#all .suivi_copro.liste_action .link_action.dialogue{width: auto;}
.suivi_os .os_head{position:relative;display:flex;background:#fff;color:#000;}
.suivi_os .os_head .download{
   background: #000;
   color: #FFF;
   text-align: center;
   padding: 8px 8px;
}
.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{
   min-width: 280px;
   width: auto;
   max-width: 400px;
   text-align:left;
}
.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{
   vertical-align:top;
}
#bloc_doc_left .mission_doc_ul li:nth-child(even) table.classic td{
    background-color: #ddd;
}
#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{
   text-align: left;
   margin-top: 30px;
   background-color: #000;
}
#header_btn .menu_libelle{color: #bbb;text-transform: uppercase;margin-left: 25px;margin-bottom: 10px;display: block;font-size: 11px;}
#header_btn a, #header_btn .menu{
    cursor: pointer;
   display: block;
   color: #fff;
   margin: 0 10px 0 0;
   padding: 10px 15px;
   position: relative;
   font-size: 15px;
   font-weight: normal;
   text-decoration: none;
   line-height: 18px;
    border-left:7px solid transparent;
    transition: .2s;
}
#header_btn .menu.jSlider_hover.has_menu_open{border-left: 7px solid #fec00f;color: #fff;background-color: rgba(255,255,255,.2);filter: brightness(100%);}
#header_btn .menu.jSlider_hover:after{content: "";display: block;height: 16px;width: 16px;background: url(/img/plus_menu.png)no-repeat;background-size: contain;position: absolute;right: 10px;top: 10px;transition: .4s;}
#header_btn .menu.jSlider_hover.has_menu_open:after{transform: rotate(45deg);}
#all #header_btn a.sel, #all #header_btn a:hover, #all #header_btn .menu.sel, #all #header_btn .menu:hover{
   border-left:7px solid #fec00f;
   color:#fff;
    background-color: rgba(255,255,255,.2);
    filter: brightness(100%);
}
.sousmenu{
   text-align: center;
   display:none;
}
#bloc_sousmenu{

}
#bloc_sousmenu .sousmenu{}
#bloc_sousmenu .flex_shrink{
   display: flex;
    flex-direction: column;
   width: 100%;
   margin: auto;
   justify-content: center;
   margin-top: 10px;
    background-color: rgba(255,255,255,.1);
}
#all #bloc_sousmenu .link_action{flex-grow:1;flex-shrink:1;margin:0;background-color: transparent;color: #fff;text-align: left;padding: 10px;border-radius: 0;font-size: 13px;}


.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: #f8f8f8;
   color: #333;
   max-height:80%;
   overflow: auto;
   border-radius: 20px;
}
.shadowbox h1{color:#333;}

#cgv.shadowbox{
    display: flex;
    flex-direction: column;
    align-items: stretch;
    max-height:95%;
    max-width: 95%;
    margin-left: 0;margin-top: 0;
    transform: translate(-50%,-50%);
}
#cgv.shadowbox .head{border-bottom: solid 2px #fec00f;text-align: center;}
#cgv.shadowbox .head h1{margin: 5px 0px;color: #fec00f;}
#cgv.shadowbox .head p{margin: 5px 0px;}
#cgv.shadowbox .content{flex-shrink: 1;overflow: auto;}
#cgv.shadowbox .foot{border-top: solid 2px #fec00f;font-size:14px;text-align:center;padding-top: 10px;}

#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: 50001;
   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;}
.compte_bloc{padding: 10px;background-color: #fff;margin-bottom: 30px;border-radius: 10px;width: 48%;display: inline-block;vertical-align: top;
    margin: 1%;}
.left_shrink.compte_bloc{transform: translateX(50%);}
.home_white_bg .left_shrink.compte_bloc{transform: inherit;}
#legende{
   position: absolute;
   right: 10px;
   top:10px;
}
#legende .legende{margin:5px 10px;display:inline-block;vertical-align:middle;font-size: 14px;text-transform: uppercase;}
#legende .legende .color{display:inline-block;vertical-align:middle;margin-right:5px;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;}


.compte_bloc input[type="text"],.compte_bloc input[type="color"],.compte_bloc input[type="email"],.compte_bloc input[type="number"],.compte_bloc input[type="password"],.compte_bloc input[type="tel"],.compte_bloc input[type="url"],.compte_bloc textarea,.compte_bloc select{background-color: #f8f8f8;}

#bloc_compte_stats{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin: 10px 0;
}
#bloc_compte_stats .sub_bloc{
    width: 50%;
    box-sizing: border-box;
    padding: 8px;
    margin: 15px 30px;
    width: calc(50% - 60px);
}
#bloc_compte_stats .sub_bloc .head{font-weight: bold;font-size: 16px;}
#bloc_compte_stats .sub_bloc .value{
    color: #f9bd31;
    font-size: 40px;
    margin: 5px 0px;
    font-weight: bold;
}
#bloc_compte_stats .sub_bloc .txt_value{margin-top: 10px;}
#bloc_compte_stats .sub_bloc .txt_value.nb0{color: #4a9511;}
#bloc_compte_stats .sub_bloc .txt_value .red{font-size: 16px;}
#bloc_compte_stats .sub_bloc .sub{margin-top: 10px;}
#bloc_compte_stats .sub_bloc .sub a{
    display: block;
    border-radius: 8px;
    margin: 7px 0;
    text-align: center;
    border-radius: 50px;
    
}
.home_white_bg{
    background: #FFF;
    padding: 8px;
    width: 65%;
    border-radius: 10px;
}
#mission_bloc_left .home_white_bg{width: 100%;}
.home_white_bg h2{
    font-weight: bold;
    margin: 15px 20px;
    font-size: 22px;
}
.home_white_bg #legende{
    position:relative;
}
.home_white_bg #suivi_copro{
    float:none;
    width:auto;
    display:block;
    border-top: solid 1px #EEE;
}
.home_white_bg #suivi_copro .lvl .help{
    position:relative;
    top:0px;
    left:0px;
    line-height:34px;
}
.home_white_bg #suivi_copro .lvl .help_content{
    line-height:14px;
}
.home_white_bg .suivi_os .os_head {
    background: #efefef;
}
.home_white_bg .suivi_copro .head_suivi:after{display:none;content:"";}
.home_white_bg .suivi_os .th .lvl {justify-content: center;}

#bloc_stat{text-align:center;}
#bloc_stat .stat{display:inline-block;vertical-align:top;margin:5px;}
#bloc_stat .label{background: #333;padding: 8px;color:#FFF;}
#bloc_stat .value{background: #24b59f;padding: 8px;}



#header_search .search_copro_q,#header_search .search_copro_id{position: relative;margin-right: 10px;}
.super-admin #header_search .search_copro_q,.super-admin #header_search .search_copro_id{width: 100%;height: auto;margin: 0 auto;margin-bottom: 5px;position: relative;text-align: center;}
.super-admin #header_search .search_synd .search_img, .super-admin #header_search .search_copro_id .search_img{top: 50%;transform: translateY(-50%);left: 25px;filter: brightness(0);}
.super-admin #header_search .chosen-container-single .chosen-single{padding-left: 40px;}
/*#header_search.prod_mode .search_copro_q,#header_search.prod_mode .search_synd .search_img{display: none;}*/
#header_search .search_img{top: 50%;transform: translateY(-50%);margin-top: 0;left: 40px;bottom: 0;margin-left: 0;filter: brightness(0);}
#header_search .search_event{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 10;display: block;cursor: pointer;}
.search_img{  
   position: absolute;
   margin-left: -25px;
   margin-top: 7px;
}
.search_input{padding:6px;padding-right: 26px;}


.mission_actions{
   position: absolute;
   top:50px;
   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{vertical-align: middle;}
input[type="text"],input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"],textarea{
   padding: 8px;
   border: none;
   background:#fff;
   border: 1px solid #ccc;
   width: 100%;
}
input[disabled], textarea[disabled]{
    background:#DDD;
}
input[type="submit"], input[type="button"],button{
   background: #fec00f;
   padding: 10px 30px;
   margin: 5px;
   color: #000;
   font-weight: normal;
   text-transform: uppercase;
   letter-spacing: 1px;
   border: none;
   cursor: pointer;
   
    transition: .2s;
    border-radius: 40px;
}
input[type="submit"]:hover, input[type="button"]:hover{opacity: 0.9;}
input[type='checkbox']{
   vertical-align: middle;
   width:18px;
   height:18px; 
   background:#EEEEED;
}
input[type='radio']{
   vertical-align: middle;
   width:18px;
   height:18px; 
   background:#EEEEED;
}
input[type='checkbox'].grd{
   width:18px;
   height:18px; 
   vertical-align: middle;
}

h2{color: #222;font-size: 18px;font-weight: normal;margin-top: 0;}
h1{
    color: #000;
   font-weight: bold;
    margin-bottom: 30px;
}
.bloc_hn h1{border-bottom: solid 1px #000;display: inline-block;padding-bottom: 5px;padding-right: 20px;text-transform:uppercase;padding-left:0px;max-width: none;}
.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:#FFF;margin:10px 0px;border:solid 2px #000;}
.bloc_champs .head{
   background: #000;
   color: #FFF;
   font-size: 20px;
   font-weight: normal;
   padding: 5px;
}

fieldset.fancy{
   padding: 10px 0;
   margin-bottom:20px;
   background-color: #fff;
    border: 1px solid #efefef;
    border-radius: 10px;
}
fieldset.fancy .chosen-container{max-width:240px;}
fieldset.fancy legend{
   display: block;
   background: #000;
   width: 100%;
   color: #FFF;
   padding: 11px 22px;
   text-transform: uppercase;
   font-weight: normal;
   font-size: 16px;
   text-align:left;
   border-radius: 10px 10px 0 0;
}
fieldset.fancy form{padding: 0 10px;}
fieldset.fancy select, fieldset.fancy input[type='text']{width:100%;box-sizing:border-box;}
fieldset.fancy select.auto, fieldset.fancy input[type='text'].auto{width:auto;}



.ajax_head{
   display: block;
   background: #000;
   width: 100%;
   color: #FFF;
   padding: 11px 8px;
   margin-left: -8px;
   margin-top: -8px;
   font-weight: normal;
   font-size: 12px;
   text-align: center;
   margin-bottom: 8px;
}

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:#CB2529;font-weight:bold;}
.green{color:#10B9A2;font-weight:bold;}
a.green{color:#10B9A2;}
.orange{color:#F39934;font-weight:bold;}
span.yellow{color:#fabe32;}

.info{
   clear: both;
    background-color: #fff;
    padding: 10px;
    font-family: arial,helvetica,sans-serif;
    font-size: 10pt;
    display: block;
    border-radius: 30px;
    box-shadow: 0 0 10px rgb(0 0 0 / 5%);
    margin: 1%;
    text-align: center;
}
.warning{
   clear: both;
	background-color:#14b5a0;
	border:3px;
	border-color:#fabe32;
	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: #f8f8f8;
   color: #333;
   margin: 5px 0px;
   padding: 5px 5px;
}
.red_head{
   background: #d40150;
   color: #FFF;
   margin: 5px 0px;
   padding: 5px 5px;
}
.erreur{border:2px solid #d40150;color:#d40150;background-color: rgba(212,1,80,.1);border-radius: 5px;}
.erreur.nomarge{margin:5px auto;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: 10px;margin-top:-2px;height:30px;filter: brightness(0);}
.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,#overlay{
   position: fixed;
   left: 0px;
   top: 0px;
   height: 100%;
   width: 100%;
   background: #000;
   background: rgba(0,0,0,0.7);
   z-index: 5001;
   display:none;
}
.bloc_erreur{
   background: rgba(212,1,80,.1);
    padding: 8px;
    margin-bottom: 5px;
    color: #d40150;
}
.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: #f8f8f8;
    padding: 8px;
    vertical-align: top;
    border-radius: 5px;
    text-align: center;
    margin: 30px 0;
    color: #000;
    border: 1px solid #efefef
}
#all .link_action.params_mission{background-color: #efefef;color: #000;}
.mission_lvl.block{display:block;margin:auto;width:300px;}
.mission_lvl .head{font-weight:bold;border-bottom:solid 1px #ddd;padding-bottom:6px;margin-bottom: 10px;}
#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;}
.bloc_info #sendfile_line .line .name{width:200px;}
#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;}
.bloc_info #sendfile_line .line .bloc_file .AtoutUpload {width:200px;}
#sendfile_line.small .line .bloc_file .AtoutUpload {width:180px;}
#sendfile_line .line .bloc_file .AtoutUpload .drop_zone{padding:5px;border: dashed 2px #ffd53f;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;}
.bloc_info #sendfile_line .line .bloc_file .bloc_files{display:block;}
#sendfile_line .galerie_pdf {
   text-align: center;
   display: inline-block;
   vertical-align: middle;
   width: 200px;
}
#sendfile_line .galerie_pdf .vignette_pdf{margin:5px;}

.infinite_tr_pcajp{}

#fac_to_comparant{background: rgba(212, 1, 80, 0.1);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;color: #222;border: none;}
.super_error.red{animation: super_error_bg_red 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;
}
.open_mission{
   margin-top:20px;
}
@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:#2ABDF6;}
   25%   {background-color:#24D1D4;}
   50%  {background-color:#34EBBA;}
   75%  {background-color:#24D1D4;}
   100%  {background-color:#2ABDF6;}
} 
@keyframes super_error_bg_red {
   0%    {background-color: #d40150;}
   50%   {background-color: #900036;}
   100%  {background-color: #d40150;}  
} 

                              /************************/
                              /*        Header        */
                              /************************/
#header{
   position: absolute;
   width: 20%;
   min-height: 100vh;
   background: #000;
   float: left;
    padding-bottom: 60px;
}
.login #header{
   height: auto;
    position: static;
    float: none;
    width: 100%;
    min-height: auto;
}
.aff20 #header, .aff20 #header_shadow{height:100px;}
.aff20 #content{margin:0px;}
#header_shadow{height:156px;}
#bandeau_actu{   
   position: absolute;
   right: 0px;
   left: 600px;
   font-size: 15px;
   top: 34px;
}
#header_square{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
#header_square #logo{display: inline-block;width: 50%;}
#header_square #logo img{width: 100%;}
#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: 0 auto; margin-top: 150px;}
#header_square.login #logo img{max-width:370px;}

#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;
}
#header_admin #bloc_coord{display: flex;align-items: flex-start;flex-wrap: wrap;}
#header_admin #bloc_coord span {text-transform: lowercase;}
#header_admin #bloc_coord span:first-letter{text-transform: uppercase;}
#header_admin #bloc_coord span.nom{margin-top: 4px;margin-left: 3px;}
#header_admin #bloc_coord span.societe{width: 100%;font-size: 14px;font-style: italic;}
#bloc_coord{
   display: inline-block;
   font-size: 16px;
   color: #FFF; 
   line-height: 28px;
}
#bloc_coord img{margin-right:6px;vertical-align: middle;}
#bloc_coord span{
   display: inline-block;
   vertical-align:middle;
}

.suivi_copro.liste_action{max-width: 750px;border-radius: 10px;}
.suivi_copro.liste_action{position: fixed;bottom: 10px;z-index: 1000;max-width: 20%;width: 20%; left: 0;box-shadow: 0 0 15px rgb(0 0 0 / 15%);max-height: 500px;overflow: auto;padding: 10px;border-radius: 0;border-top: 1px solid #ddd;background-color: #000;}
.suivi_copro.liste_action h1{text-align: center;font-size: 20px;margin-bottom: 15px;color: #fff;display: flex;justify-content: center;align-items: center;cursor: pointer;}
#all .suivi_copro.liste_action .link_action{width: 110px;display: inline-block;margin: 3px;}
#all .suivi_copro.liste_action .link_action.yellow{width: auto;}
   #zone_travail{position: fixed;right: 20px;top: 40px;bottom:20px;overflow:auto;background: #fff;border-radius: 10px;}
   #zone_travail.fixed{position: fixed;}
   #mission_bloc_left{display:block;margin-top: 10px;background: #fff;border-radius: 10px;}

#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;}

#parent_id_chosen{max-width:200px;}

#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;}
#switch_mode_session{display:inline-block;vertical-align:middle;width: 50%;}
table{width: 100%;}
select{border: 1px solid #ccc;min-height: 30px;background-color: #fff;border-radius: 40px;padding: 5px;font-size: 14px;margin: 2px 0;}
select#goto_os{width: auto;}
select#notaire_redac{width: 100%;}
.fancy_select{padding: 6px 30px 6px 0px;border: none;border-bottom: solid 1px #fff;-moz-appearance: none;-webkit-appearance: none;appearance: none;background: url(/img/fleche-champ-blanc.png) #fff no-repeat 95% 50%;float: right;margin-right: 10px;background-color: transparent;color: #fff;cursor: pointer;border-radius: 0;}
.fancy_select option{color: #000;}
/*#zone_travail select{background:url(/img/fleche-champ.png) #FFF no-repeat 95% 50%;}*/

#header_admin{   
   z-index: 5;
   margin: 10px 0;
    padding: 7px;
   background-color: rgba(255,255,255,.2);
    position: relative;
}
#header_admin.small{width:auto;left:auto;right:0px;}
#header_admin .menu, #header_admin .menu_img{
   display:inline-block;
   list-style: none;   
}
#header_admin .menu_img{padding: 4px;position: absolute;top: 2px;right: 2px;}
#header_admin .menu.titre span, #header_admin .menu:first-child a{border:none;}
#header_square .menu span, #header_square .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{z-index: 1000;}
#header_square .menu:nth-child(odd) a{background:#d2d2d0;}
#header_square .menu:nth-child(even) a{background:#eeeeed;}
#header .menu.menu_contact a{color: #fec00f;padding: 2px 0;font-weight: normal;border-bottom: 2px solid transparent;transition: .2s;display: inline-block;border: none;}
#header .menu.menu_contact a:hover{text-decoration: none;border-bottom: 2px solid #ffd53f;border-left: none;}
#header .menu.menu_contact{margin-top: 30px;text-align: center;font-size: 14px;width: 100%;border: none;padding: 0;}
#all #header .menu.menu_contact:hover,#all #header .menu.menu_contact a:hover{border-left: none;background-color: transparent;color: #fec00f;}

#header .menu.menu_contact span{color: #fff;padding: 2px 0;}
#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: #14b5a0;
   float: right;
   padding: 5px 18px;
   font-size: 13px;
   color: #FFF;
   font-weight: normal;
   border-radius: 40px;
   cursor: pointer;
   margin-top: -10px;
   margin-right: 12px;
}
#bloc_memo{
   clear: both;
   background: #fff;
   color: #000;
   border-radius: 10px;
   position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);
    z-index: 100000;
   opacity: 0;
   overflow: hidden;
    padding: 20px;
    visibility: hidden;
}
#bloc_memo li{font-size: 12px;display: flex;align-items: center;margin: 10px 0;}
#bloc_memo li img{margin-right: 7px;}
                              /************************/
                              /*      Commercial      */
                              /************************/
#fake_table{max-width:1320px;margin:15px auto;}
#fake_table .line{background:#fff;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: 8px;
   font-weight: bold;
   background: #000;
   color: #FFF;
}
#fake_table .line .td{box-sizing:border-box;padding:4px;}
                              
#fake_table .line .checkbox{max-width:45px;padding: 3px 2px 4px 2px;}
#fake_table .cabinet{width:220px;}
#fake_table .tel, #fake_table .ptel{width:140px;text-align:left;}
#fake_table .email{width:60px;text-align:center;}
#fake_table .contact{width:450px;text-align:left;border-left: solid 1px #ddd;border-right: solid 1px #ddd;}
#fake_table .contact_date{width: 140px;text-align: center;}
#fake_table .contact_task{width:310px;}
#fake_table .nom{width:220px;text-align:left;}
#fake_table .action{width: 75px;text-align:center;}
#fake_table .line_action{padding:4px;margin:4px 0px;text-align:left;}
#fake_table .line_action.today{background: #F9BD31;}
#fake_table .line_action input{margin-bottom:2px;margin-right:5px;background:#FFF;}

#fake_table .line:nth-child(even){
   background: #eaeaea;
}
#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;}

#onglet_edit .twin{float:none;width:auto;margin:5px 0px;}
#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:140px;}

.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;
   margin: 5px 0px;
   font-weight:bold;
}
.status_commercial.suspect{background:#a20000;}
.status_commercial.prospect{background:#91a200;}

                              /************************/
                              /*        Login         */
                              /************************/
#header_login{
   background: #FFF;
   margin-top: 28px;
   position: relative;
   text-align: center;
   border-bottom: solid 2px #fec00f;
   text-align: center;
   color: #424242;
   font-size: 30px;
   padding: 10px 0px;
    display: none;
}
#all.login{background-color: #000;}
#login{
   margin:auto;
   width:360px;
   padding: 10px 20px;
    text-align: center;
}
#login .input-group-prepend{
   color: #FFF;
   font-size: 14px;
   display: inline-block;
   vertical-align: middle;
    display: none;
}
#login .form-group{margin:5px 0px;}
#login input.form-control{
   margin: 0px;
   display: inline-block;
   vertical-align: middle;
   padding: 10px;
   font-size: 14px;
   width: 100%;
    border-radius: 5px;
}
#login input[type="submit"]{margin: 0 auto; margin-top: 10px;width: 80%;}
#login input[type="submit"]:hover{opacity: .9;}
#login input.form-control::placeholder{color: #999;}
#login input[type='checkbox']{vertical-align: middle;width: 13px;height: 13px;background: #EEEEED;}
#login .form-group{position: relative;width: 80%;margin: 10px auto;}
#login h1{text-align:center;background:none;width:auto;margin: 10px 0px;color:#fec00f;font-size: 32px;}
#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:11px;color:#fff;width: 80%;margin: 0 auto;}
#login label b{font-weight: normal;}
#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: 12px;
    color: #fff;
    margin-top: -10px;
    font-weight: normal;
}

                              /************************/
                              /*        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;}


ul .doc_dbl table.classic tr.alt td{background:#ddd;}

                              /************************/
                              /*       TABLEAUX       */
                              /************************/
                              
.twin{float: left;width: 46%;margin: 10px 2%;background-color: #fff;padding: 10px;border-radius: 10px;}
.full_twin{float:left;width:50%;}
.triple{float:left;width:33%;}
fieldset.twin{width:45%;border: none;padding: 10px;background-color: #fff;border-radius: 10px;}
fieldset.twin legend{font-size: 18px;padding-top: 40px;}
fieldset.twin a{font-weight: normal;display: block;margin: 5px 0;transition: .2s;}
fieldset.twin a:hover{font-weight: normal;}

table.classic{
	width:100%;
   color: #333;
   margin:0px;
   position: relative;
   z-index: 10;
   border-spacing: 0px;
}

#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;}

.dot{display:inline-block;vertical-align:middle;margin-right:5px;width:12px;height:12px;border-radius:50px;}
.dot.yellow{background:#ffd53f;}
.bleft_black{border-left: solid 2px #000;}
table.classic th{
    font-weight: 100;
	background-color:#fff;
	color:#999;
	padding:20px 5px 12px;
	font-family:arial,helvetica,sans-serif;
	font-size: 14px;
    font-style: italic;
   border-bottom: solid 1px #efefef;
}
table.classic .th th{background:#DDD;}
#scroll_cat{border-radius: 7px;overflow: hidden;}
table.classic .infinite_tr_pcajp_annexe tr td{padding:6px 12px;}
table.classic .infinite_tr_pcajp_annexe select{min-width: 185px;}
.infinite_tr_pcajp input[type='text']{min-width: 40px;}
table.classic tr td{
	background-color:#fff;
   padding:16px 12px;
   transition:all .2s;
    border-bottom: 1px solid #f5f5f5;
}
#all table tr.cat td {
  background: #333;
  color: #FFF;
}
#all table tr.cat td a{
  color: #FFF;
}
#all table tr.cat2 td {
  background: #555;
  color: #FFF;
}
#all table tr.cat2 td a{
  color: #FFF;
}
#all .priority td, #all .priority th{
    background:#24b59f;
    color:#000;
}
#all .blocked td, #all .blocked th{
    background:#f09fff;
    color:#FFF;
}
table.classic tr:nth-child(even) td{
    background-color:#dedede;
}
table.classic td img.vmiddle{margin-right: 5px;}
table.classic tr:hover td{background-color: #f5f5f5;}
.fsize-18{font-size:18px;}
table.classic td input[type='text'],table.classic td input[type='number'], table.classic textarea{background:#FFF;}
table.classic td .fancy_select,table.classic td select{
    background:url(/img/fleche-champ.png) #FFF no-repeat 95% 50%;
    appearance: none;
    padding: 5px 25px 5px 5px;
}
table.classic td.bg_white{background-color:#FFF;}
table.classic.padd th{padding:5px 7px;}
table.classic.padd td{padding: 8px 6px;}
table.classic td.low_padd{padding: 8px 2px;}
table.classic.low_padd td{padding: 8px 2px;}
table.classic td.bleft{border-left:solid 1px #ddd;}
table.classic th.bleft{border-left:solid 3px #FFF;}
table.classic tr.tr_syndic td{background-color:#fff;border-bottom: 1px solid #efefef;}
/*#content table.classic tr:hover td,#content table.classic tr.alt:hover td,*/#content table.classic tr.selected td{background-color:#777;color:#FFF;}
#all table.classic td.bg_red{background: #f55f5f;}
#all table.classic .bg_red td{background: #f55f5f;}
#all table.classic .bg_red th{background: #f55f5f;color:#000;}
#all .doc_dbl td{background: #fec00f;}

table.classic .tr_synd td{background:#CCC;}
table.classic .tr_copro td{background:#EEE;}
table.classic .tr_fac td{background:#fff;border-bottom: 1px solid #efefef;}
table.classic tr:nth-child(even).tr_fac td{background-color:#fff;border-bottom: 1px solid #efefef;}
table.classic .tr_fac td img.icon_folder{margin-right: 10px;}
table.classic .tr_fac td b{font-weight: normal;}

#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;}


table.classic .nopadd{padding:0px;}
table.classic td.border_t{border-top:solid 2px #000;}
table.classic td.border_b{border-bottom:solid 2px #000;}
table.classic td.border_x{border-left:solid 2px #000;border-right:solid 2px #000;}

table.classic tr.border_t td{border-top:solid 2px #000;}
table.classic tr.border_b td{border-bottom:solid 2px #000;}
table.classic tr.border_x td:first-child{border-left:solid 2px #000;}
table.classic tr.border_x td:last-child{border-right:solid 2px #000;}


table.classic tr.projectSent td.status{background: #24b59f;}
table.classic tr.projectSent:nth-child(odd) td.status{background: #24b59f;}
table.classic tr.readyRewrite td.status{background: #f09fff;}
table.classic tr.readyRewrite:nth-child(odd) td.status{background: #f09fff;}
table.classic tr.rewrited td.status{background: #f9bd31;}
table.classic tr.rewrited:nth-child(odd) td.status{background: #f9bd31;}
table.classic tr.ready td.status{background: #115896;color:#FFF;}
table.classic tr.ready:nth-child(odd) td.status{background: #115896;}
table.classic tr.incomplet td.status{background: #961f1f;color:#FFF;}
table.classic tr.incomplet:nth-child(odd) td.status{background: #961f1f;}

table.classic tr.total td{background: #000;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: #eaeaea;
   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:#ffd53f;}
.AtoutUpload .bloc_files .file.done progress::-webkit-progress-value{background:#13b59f;}
.AtoutUpload .bloc_files .file.done progress::-moz-progress-bar{background:#13b59f;}
.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{}
#formulaire .twin h1{max-width:none;}

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

img{border:none;}

.img_checkbox{
   cursor:pointer;
   display:inline-block;
   vertical-align:middle;
}
.img_checkbox.send_mail{background:url(/img/send_mail_0.png);width:25px;height:18px;}
.img_checkbox.send_mail.sel{background:url(/img/send_mail_1.png);}

                              /************************/
                              /*   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;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;font-weight: normal;font-size: 14px;color: #000;}
.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-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{color: #000;background: transparent;border: 2px solid #ffd53f;border-radius: 40px;transition: .2s;}
.AtoutUpload .bouton_file:hover{background: #ffd53f;}

.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;}
.mission_name_label{
   margin-right: 20px;
}
.bloc_hn .syndic .log{margin: 0px;}
.bloc_hn .syndic +h1{margin-top: 0px;}
.btn_details{display:inline-block;}   

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

#auto_height_source, #auto_height{padding:1px;}
                              /************************/
                              /*      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){
}
@media all and (max-width:1500px){
    #mission_bloc_left{max-width: 650px;}
}



@media all and (max-width:1280px){
    #all .suivi_copro.liste_action .link_action{margin: 3px;width: 100px;}
   .twin.w1280{
      float: none;
      width: auto;
      margin: 10px 0px;
   }
}
@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;
      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;}
}