/************************/
                              /*         Page         */
                              /************************/
html{background:#FFF;}
#all{padding:5px 0px;}
body{
   margin:0px;
   font: 12px verdana, arial, sans-serif;
   background-color: #e2e2e2;
}
#content{
   border: thin 1px #CCC;
   padding: 10px;
   position:relative;
   width: 80%;
   margin: 20px auto;
   margin-top: 80px;
   color: rgb(90, 88, 88);
}
table td, table th {
   border: 1px solid rgb(114, 113, 113);
}
.page_content{width:75%;}
.page_sep{width:1%;}
.page_media{width:24%;}
#pages{display: flex;flex-direction: row;margin-bottom: 20px;}
#pages a{
   flex-grow:1; 
   display: inline-block;
   text-align: center;
   background: #FFF;
   padding: 8px;
   color: #333;
}
#pages a:hover{background:#DDD;}
#pages a.sel{background:#203672;}

p{font-family: 'lato';}
h3{font-family: 'lato'; font-size: 20px;}

.contrats{ 
   background: #1fb6c3;
   display: inline-block;
   vertical-align: top;
   text-align:center; 
   margin: 5px;
}
.contrats.inactive{background: #bfc3c6;}
.contrats .content{padding: 10px 20px;}
.contrats .head{padding: 10px;background: #000;font-weight:bold;}
.contrats a{text-decoration:none;display:block;padding: 8px;background: #f28f3e;}
.contrats a:hover{background: #f79748;}

#all .ok_1{background: #1fb6c3;}
#all .ok_0{background: #f18f3f;}


.contrat{width: 1150px;margin: auto;border-bottom:solid 2px #333;}
.contrat.small{border-bottom:none;margin-bottom: 30px;}
.contrat .nom, .contrat .devis, .contrat .timer{display:inline-block;vertical-align:middle;font-size:16px;}
.contrat .nom .val, .contrat .devis .val, .contrat .nom .label, .contrat .devis .label{line-height: 18px;width: 140px;text-align: center;}
.contrat .nom .val, .contrat .devis .val{background:#EEE;}
.contrat .nom .label, .contrat .nom .val{width:260px;text-align:center;font-size: 14px;}
.contrat .total_heure .label, .contrat .total_heure .val, .contrat .rea_heure .label, .contrat .rea_heure .val{width:100px;text-align:center;}
.contrat .avance_heure .label, .contrat .avance_heure .val, .contrat .retard_heure .label, .contrat .retard_heure .val{width:80px;box-sizing: border-box;text-align:center;}
.contrat .label{padding:9px 14px;background:#333;color:#FFF;}
.contrat .val{padding:9px 14px;background:#FFF;color:#333;}
.contrat .etat .label, .contrat .etat .val{width:250px;}
.contrat .timer .etat .val{padding:0px 14px;line-height:36px;}
.contrat .timer .etat .val.sel{background: #99ff99;}

.contrat .devis{font-size: 14px;}

.contrat .timer{text-align:center;font-size:15px;}
.contrat .timer .total_heure, .contrat .timer .rea_heure, .contrat .timer .avance_heure, .contrat .timer .retard_heure, .contrat .timer .etat{display:inline-block;vertical-align:middle;}
.contrat .timer .val{padding: 9px 14px;}

.contrat .timer .avance_heure .val, .contrat .timer .retard_heure .val{padding: 9px 0px;}
.contrat .timer .avance_heure .val{background:#99ff99;}
.contrat .timer .retard_heure .val{background:#ff7e7e;}

#contrat_membre{
   display: inline-block;
   vertical-align: middle;
   margin-right: 50px;
}

.timer_prod{
   font-size: 14px;
   background: #FFF;
   color: #333;
   max-width: 1000px;
   margin: auto;
   border-bottom: solid 2px #333;
}
.timer_prod .nom, .timer_prod .total_heure, .timer_prod .switch_timer, .timer_prod .notimer, .timer_prod .rea_heure, .timer_prod .val{display:inline-block;vertical-align:top;padding:6px 8px;text-align:center;}
.timer_prod .nom{width:350px;}
.timer_prod .total_heure{width:150px;}
.timer_prod .switch_timer{width:150px;padding: 3px 8px;}
.timer_prod_th .switch_timer{padding: 6px 8px;}
.timer_prod .rea_heure{width:150px;}
.timer_prod .notimer{width:482px;}
.timer_prod .val{width:120px;}
.timer_prod .val.sel{background: #99ff99;}

.timer_prod_th div{background:#333;color:#FFF;}

.timer_list{
   font-size: 14px;
   background: #FFF;
   color: #333;
   max-width: 864px;
   margin: auto;
   border-bottom: solid 2px #333;
}
.timer_list .nom, .timer_list .membre, .timer_list .switch_timer, .timer_list .rea_heure{display:inline-block;vertical-align:top;padding:6px 8px;text-align:center;}
.timer_list .nom{width:350px;}
.timer_list .membre{width:150px;}
.timer_list .switch_timer{width:150px;padding: 3px 8px;}
.timer_list_th .switch_timer{padding: 6px 8px;}
.timer_list .rea_heure{width:150px;}

.timer_list_th div{background:#333;color:#FFF;}

.switch_timer{cursor:pointer;}
.switch_timer div{width:20px;height:20px;background:#DDD;display:inline-block;}
.switch_timer .off{background:#ff7e7e;}
.switch_timer .on{}
.switch_timer.sel .off{background:#DDD;}
.switch_timer.sel .on{background:#99ff99;}

.active_timer{display: inline-block;padding: 0px 5px;}
.active_timer .mb{
   background: #FFF;
   display: inline-block;
   width: 25px;
   height: 25px;
   text-align: center;
   line-height: 25px;
   border-radius: 25px;
   margin: 0px 2px;  
   border: solid 1px #999; 
}

.switch_etat{cursor:pointer;}


.timer_history{
   overflow:auto;
   max-height:250px;
   width: 1020px;
   margin: auto;
   margin-top:30px;
}
.timer_history_line{
   font-size: 14px;
   background: #FFF;
   color: #333;
   max-width: 1000px;
   margin: auto;
   border-bottom: solid 2px #333;
}
.timer_history_line.custom{background: #ffc0c0;}
.timer_history_line.validation{background: #d1ffd1;}
.timer_history_th div{background:#333;color:#FFF;}
.timer_history_line div{display:inline-block;vertical-align:top;padding:6px 8px;text-align:center;}
.timer_history_line .membre{width:120px;}
.timer_history_line .module{width:546px;text-align:left;}
.timer_history_line .date{width:220px;}
.timer_history_line .duree{width:50px;}

                              /************************/
                              /*     Css Généraux     */
                              /************************/
input[type="text"],input[type="color"], input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"],textarea{
   padding-left: 2px;
   border-radius:4px;
   border: 2px inset #EEE;
   padding: 3px 2px;
}
input[type="submit"], input[type="button"]{
   background: #f4bb59;
   padding: 8px 24px;
   margin: 5px;
   border-radius: 4px;
   color: #FFF;
   font-weight: bold;
   border: none;
   box-shadow: 2px 2px 4px #333;
   cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover{background:#59CFF3;}
h1, h2{
   background: #f4bb59;
   color:#FFF;
   font-size: 20px;
   font-weight: normal;
   margin-top: -10px;
   margin-left: -10px;
   width: 100%;
   padding: 5px;
   padding-right: 15px;
}
.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;}
label{font-weight:bold;}
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:#FFF;text-decoration:none;font-weight:bold;}
a:visited{color:#FFF;text-decoration:none;font-weight:bold;}
a:hover{color:#FFF;text-decoration:underline;font-weight:bold;}
.cke_editable a{color:#272798;}
.link:hover{cursor:pointer;}
.red, .red a{color:red;font-weight:bold;}

.info{
   clear: both;
	background-color:#EEEEEE;
	border:1px;
	border-color:#999999;
	border-style:solid;
	padding:10px;
	font-family:arial,helvetica,sans-serif;
	font-size: 8pt;
}
.warning{
   clear: both;
	background-color:#FFEEAA;
	border:1px;
	border-color:#999933;
	border-style:solid;
	padding:10px;
	font-family:arial,helvetica,sans-serif;
	font-size: 10pt;
}
.succes,.erreur{
   background-color: #CFC;
   color: #060;
   margin-top: -10px;
   margin-left: -10px;
   width: 100%;
   padding-left: 20px;
   margin-bottom: 12px;
}
.erreur{background-color:#FFCCCC;color:#FF0000;}
.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;}
.right{text-align:right;vertical-align:top;}
.menu_left{float:left;margin-right: 8px;margin-top:-2px;height:30px;}
.clear{clear:both;}
.tcenter{text-align:center;}
table.tcenter{margin:auto;}
.tleft {text-align:left;}
.tright {text-align:right;}
.fleft {float:left;margin-left:5px;}
.fright {float:right;margin-right:5px;}
table.tright {float:right;}
.vtop{vertical-align:top;}
.vmiddle{vertical-align: middle;}
#all .change_stock, #all .change_price{
   text-align:right;
   border-radius: 0px;
   text-align: right;
   padding: 4px;
   border: solid 1px #999;
}
.hide{display:none;}
.btn_link{
   display: inline-block;
   padding: 5px 8px;
   background: #f4bb59;
   border-radius: 4px;
   margin: 5px 8px;
   cursor: pointer;
   font-size: 13px;
   font-weight: bold;
}
.padd5{padding:5px;}
                              /************************/
                              /*        Header        */
                              /************************/
#header{
   height:100px;
   background-color:#333333;
   width:100%;
   top:0px;
   position:absolute;
   /*z-index:14;*/
}
#header table{height: 100px;}
#header td.selected{box-shadow: 3px 4px 8px #666;border: #333;background: #555;}
#header td a{display: block;width: 100%;color: #FFF;text-decoration: none;}
#header td{width: 120px;border-radius: 8px;transition: background 1s;}
#header td:hover{background: #666;}
#header img{width: 40px;margin-bottom: 8px;}
#subheader{
   text-align:center;
   height:30px;
   background-color:#222222;
   color:#FFF;
   width:100%;
   box-shadow: 0px 5px 8px #888;
   top:100px;
   position:absolute;
   /*z-index:14;*/
}
#subheader a{color:#FFF;}
#subheader img{margin-top: -4px;}
#subheader input[type="submit"],#subheader  input[type="button"]{padding: 2px 5px;margin: 0px 5px;}

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

#memo{right: 0px;position:absolute;max-height: 250px;}
#affich_memo{
   background: #E57C07;
   float: right;
   padding: 5px 18px;
   font-size: 13px;
   color: #FFF;
   font-weight: bold;
   border-radius: 8px;
   cursor: pointer;
   margin-top: -10px;
   margin-right: 12px;
}
#bloc_memo{
   width:0px;
   overflow: hidden;
   text-align: left;
   clear: both;
   background: rgb(0, 0, 0);
   background: rgba(0, 0, 0, 0.5);
   color: #FFF;
   border-radius: 5px;
}
#bloc_memo li{font-size: 9px;}

                              /************************/
                              /*        Login         */
                              /************************/
#logo{
   position: absolute;
   top: 2px;
   width: 100%;
   text-align: center;
}
#logo a{text-decoration:none;}
#login{
   margin:auto;
   margin-top:200px;
   width:400px;
   background: #E4E5EE;
   border:solid 1px #CCC;
   padding: 3px 10px 10px 10px;
   box-shadow: 5px 5px 8px #999;
   text-align:center;
   border-radius: 8px;
}
#login h1{background:none;width:auto;margin: 8px 0px;text-shadow: 1px 1px 1px #BEDDEE;color: #09c;}
#login a{color: #333;}
#loginform{width:407px;}
#login .nform{margin:5px 0px;}
#login .nform label{
   display: block;
   float: left;
   width: 115px;
   height: 28px;
   padding-left: 15px;
   color: white;
   font-weight: bold;
   padding-top: 8px;
   text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
   border-radius: 5px 0px 0px 5px;
   background: #09c;
   background: linear-gradient(to bottom right,#51c3fa,#09c);
   box-shadow: 0px 1px 1px #333 inset;
   font-size: 15px;
   padding-right: 10px;
}
#login .nform.double label{padding-top:1px;height: 35px;}
#login .nform input{
   display: inline-block;
   width: 255px;
   height: 34px;
   padding-left: 10px;
   font-weight: bold;
   border: none;
   color: #cecece;
   font-size: 16px;
   background: #1f2026;
   border-radius: 0px 5px 5px 0px;
   box-shadow: 0px 1px 1px #000 inset;
}
#login .iform{
   background: #09c;
   padding: 4px 10px;
   border-radius: 5px;
   color: white;
   font-weight: bold;
   font-size: 14px;
   min-width: 135px;
   border: solid 1px #CCC;
   box-shadow: 5px 5px 8px #999;
   margin-bottom: 10px;
   cursor: pointer;
}

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

.check_status{background-color:#E57C07;}
.coord{float:left;width:50%;}
.coord.subscribe{float: none;max-width: 460px;margin: auto;}
.coord .head{  
   display: inline-block;
   padding: 10px 20px;
   background: #59cff3;
   color: #FFF;
   font-weight: bold;
}
.coord label{width:150px;padding:4px;display:inline-block;vertical-align:middle;}
.coord .coord_input{padding:4px;display:inline-block;vertical-align:middle;}
.coord .coord_input input {width: 260px;}
                              /************************/
                              /*       TABLEAUX       */
                              /************************/
                              
.twin{float:left;width:46%;margin:10px 2%;}

table.classic{
	width:100%;
   color: #333;
   margin:0px;
   position: relative;
   /*z-index: 10;*/
   border-spacing: 0px;
}
#content table.classic a{color:#333;}
table.classic th{
	background-color:#333;
	color:#FFFFFF;
	padding:5px 7px;
	font-family:arial,helvetica,sans-serif;
	font-size: 10pt;
   border-bottom: solid 2px #FFF;
}
table.classic td{
	background-color:#F2E9DD;
   padding: 4px 3px;
   transition:all 1s;
}
table.classic tr:nth-child(even) td{background-color:#DDD2C4;}	
ul table.classic tr.alt td{background-color:#DDD2C4;}
#content table.classic tr:hover td,#content table.classic tr.alt:hover td,#content table.classic tr.selected td{background-color:#777;color:#FFF;}
#content table.classic tr.legend td{background-color: #333;font-size: 19px;text-align: center;color: #FFF;font-weight: bold;}
#content .sep table.classic tr td, #content .sep table.classic tr:hover td{background: #333;color: #FFF;}

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

#bloc_mission{color:#113B66;padding: 1px 0px;position:relative;padding-top: 40px; z-index: 0;}
#all #bloc_mission li{padding: 0px;margin: 2px 0px;}
#all #bloc_mission .sortable, #all #bloc_mission .total{position:relative;/*z-index:10;*/margin:0px 15px;}
#all #bloc_mission .sortable{/*z-index:11;*/}
#all #bloc_mission .legend{position:absolute;width: 100%;top: 0px;}
#all #bloc_mission .legend li{background:none;}
#bloc_mission .legend table, #bloc_mission .total table{width:100%;}
#bloc_mission .legend td{background:#CCC;vertical-align: top;padding: 7px;font-weight: bold;}
#bloc_mission .sortable td, #bloc_mission .total td{padding: 2px 7px;}
#bloc_mission .legend table, #bloc_mission .sortable table, #bloc_mission .total table{border-spacing: 15px 2px;}
#bloc_mission h3{background-color: #113B66; color: #fff; margin: 5px 0px; padding: 15px 10px; border-radius: 5px; font-family: 'lato';}

.mission{display: flex; justify-content: space-around; padding: 3px 0px; height: 40px; background-color: #fff; margin: 2px; position: relative;}
.is_pending :hover{background-color: #ddd;}
.is_pending .status-dev :hover{background-color: #113B66;}
.is_pending .container-status-dev-show :hover{background-color: #fff; color: #113B66;}
.is_pending .state :hover{background-color: #113B66;}
.is_pending .container-state-show :hover{background-color: #fff; color: #113B66;}

.container-remarques{display: flex;}
.bloc-remarques{display: flex; align-items: center; justify-content: space-evenly; width: 120px;}

.bloc-etoiles{display: flex;}


.container-status-dev{display: none;}
.container-status-dev-show{display: flex; flex-direction: column; background-color: #fff; height: fit-content; width: 130px; text-align: center; padding: 10px; z-index: 3;position:absolute; top: 40px; left: 430px;}
.status-dev{width: 150px; text-align: center; background-color: #113B66; color: #fff; z-index: 1;}
.item-status-dev{padding: 10px 0px; margin: 3px 0px; background-color: #113B66; color: #fff;}
.info-status{height: 100%; display: flex; justify-content: center; align-items: center;}

.state{width: 150px; text-align: center; background-color: #113B66; color: #fff; z-index: 1;}
.info-state{height: 100%; display: flex; justify-content: center; align-items: center;}
.item-state{padding: 10px 0px; margin: 3px 0px; background-color: #113B66; color: #fff;}
.container-state{display: none;}
.container-state-show{display: flex; flex-direction: column; background-color: #fff; height: fit-content; width: 130px; text-align: center; padding: 10px; z-index: 3;position:absolute; top: 40px; left: 650px;}

.bloc-inside-sortable{height: 0; visibility: collapse;}
.bloc-inside-sortable-show{height: fit-content; visibility: visible;}


.mission .jSlider{width: 250px;}

.demandeur_inline{display:inline-block;vertical-align:middle;width:130px;}




.AtoutUpload{width: 300px;margin: auto;text-align: center;}
.AtoutUpload .bouton_file{
   background: #e57c07;
   color: #FFF;
   font-size: 14px;
   font-weight: bold;
   text-align: center;
   padding: 6px 4px;
   border-radius: 4px;
   width: 150px;
   margin: auto;
   cursor: pointer;
}
.AtoutUpload input.hidden{opacity:0;position:absolute;width:0px;height:0px;overflow:hidden;display:block;}
.AtoutUpload .bouton_file:hover{background: #F90;}
.AtoutUpload .drop_zone{border: dashed 3px #FFF;padding: 20px 5px;margin: 20px 5px;cursor:pointer;}
.fancybox-overlay .AtoutUpload .drop_zone{border: dashed 3px #333;}
.over  .drop_zone, .drop_zone.over, .fancybox-overlay .AtoutUpload .drop_zone.over{border: dashed 3px #E57C07;}
.AtoutUpload .bloc_files .file{
   background-color: #CCC;
   width: 300px;
   padding: 8px 5px;
   border-radius: 3px;
   color: #000;
   font-weight: bold;
   margin: 8px auto;
}
.AtoutUpload .bloc_files .file progress{width:100%;}
.AtoutUpload .bloc_files .file.done progress{background:#c0ba47;}
.AtoutUpload .bloc_files .file.done progress::-webkit-progress-value{background:#c0ba47;}
.AtoutUpload .bloc_files .file.done progress::-moz-progress-bar{background:#c0ba47;}
.AtoutUpload .bloc_files .file.error progress{background:#a50202;}
.AtoutUpload .bloc_files .file.error progress::-webkit-progress-value{background:#a50202;}
.AtoutUpload .bloc_files .file.error progress::-moz-progress-bar{background:#a50202;}
.AtoutUpload .bloc_files .after .img{width:75px;text-align:center;float:left;}
.AtoutUpload .bloc_files .after .img img{max-width:100%;max-height:100px;}
.AtoutUpload .bloc_files .after .div_alt{width:200px;float:right;text-align: right;}

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

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

img{border:none;}

                              /************************/
                              /*   Sortable & Button  */
                              /************************/
#content ul,#content li{margin:0px;padding:0px;list-style-type:none;}
.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;}



table.mission{width:100%;}

.tooltip .display{
   display: none;
   position: absolute;
   text-align: center;
   background: #333;
   padding: 5px;
   margin-left: -55px;
   width: 150px;
}
.tooltip:hover .display{
   display:block;
}

.slide_texte{display:none;}
.jSlider{cursor:pointer;}

#bloc_mission .pending,#bloc_legend .pending{background: #EEE;}
#bloc_mission .progress,#bloc_legend .progress{background: #e57c07;color:#FFF;}
#bloc_mission .done,#bloc_legend .done{background: #639bc3;color:#FFF;}
#bloc_mission .valide,#bloc_legend .valide{background: #a1d858;color:#FFF;}
#bloc_mission .facture,#bloc_legend .facture{background: #008655;}
#bloc_mission .cancelled,#bloc_legend .cancelled{background: #C81339;}
#bloc_mission .none,#bloc_legend .none{background: #FFF;}

#bloc_legend{margin: auto;width: 195px;background: #333;padding: 8px;}
#bloc_legend .legend{margin:5px 0px;font-weight:bold;cursor:pointer;}
#bloc_legend .color{
   width: 50px;
   height: 15px;
   display: inline-block;
   margin-right: 5px;
   border: solid 1px #666;
   vertical-align: middle;
}
#bloc_legend .legend.sel{border: solid 2px #0074c8;padding: 2px;}
.hint{
   position: absolute;
   background: #639bc3;
   color: #FFF;
   padding: 5px;
   border-radius: 4px;
}
#cache{
   display:none;
   position: fixed;
   top: 0px;
   left: 0px;
   background: rgba(0, 0, 0, 0.6);
   width: 100%;
   height: 100%;
   /*z-index: 500;*/
}
#validation_client, #add_remarque{
   display:none;   
   position: fixed;
   left: 50%;
   top: 50%;
   /*z-index: 501;*/
   background: #FFF;
   width: 400px;
   text-align: center;
   border-radius: 4px;
   margin-left: -200px;
   margin-top: -100px;
}

.add_remarque{
   display: inline-block;
   vertical-align: middle;
   background: #639bc3;
   color: #FFF;
   width: 20px;
   line-height: 16px;
   font-size: 18px;
   height: 20px;
   border-radius: 4px;
   cursor: pointer;
}




.status_budget.done{cursor:pointer;}
.status_dev.done{cursor:pointer;}

.remarque{color:#FFF;background: rgba(255, 255, 255, 0.1);margin-bottom: 5px;padding: 4px;}
.tooltip.grd{display: inline-block;vertical-align: middle;}
.tooltip.grd .display{width:400px;margin-left: -310px;}

.tooltip.grd.admin{background: #639bc3;border-radius: 4px;}
.tooltip.grd.client{background: #e57c07;border-radius: 4px;}

#all #bloc_mission li.archived{display:none;}
#all #bloc_mission li.tofac{display:none;}

                              /************************/
                              /*      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);}
.fancybox_bloc h2{margin:0px;margin-bottom:15px;width:auto;}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5){
	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('fancybox_sprite@2x.png');background-size: 44px 152px;}
	#fancybox-loading div {background-image: url('fancybox_loading@2x.gif');background-size: 24px 24px;}
}

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

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


@media all and (max-width:1420px){
   #content{width:90%;}
}
@media all and (max-width:1300px){
   #content{width:95%;}
}
@media all and (max-width:1200px){
   #content{width: auto;}
}
@media print{
   #coord, #facture_logo{display:block;}
   #header, #boutons, #footer,#subheader{display:none;}
   h1 {color: #979483;font-size: 25px;font-weight: normal;}
   #content{box-shadow:none;border:none;width: auto;border-radius: 0px;margin-top: 0px;}
}