html{ 
}

body{
min-height: 99.9vh;  
font-family : Tahoma, Geneva, sans-serif;
font-size : 0.85em; 
color :#555;
margin:0px;
padding:0px;
/*
background-color: #eee; 
background-color: #ECE6D4;
*/ 
background-color: #e2e1d6; 
}

@font-face {
 /* font-family: 'WebSymbolsRegular';*/
  font-family: 'icons';
  src: url("fonts/websymbols-regular-webfont.eot");
  src: url("fonts/websymbols-regular-webfont.eot?#iefix") format('embedded-opentype'), url("fonts/websymbols-regular-webfont.woff") format('woff'), url("fonts/websymbols-regular-webfont.ttf") format('truetype'), url("fonts/websymbols-regular-webfont.svg#icons") format('svg');
  font-weight: normal;
  font-style: normal; 
  speak: none;
  /*http://fontm.com/web-symbols-regular-font/*/
}

@font-face {
 /* font-family: 'heydingsIcons';*/
  font-family: 'icons2';
  src: url("fonts/heydings_icons.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
  speak: none;
  /*http://www.dafont.com/fr/heydings-icons.font*/
}

@font-face {
 /* font-family: 'UniCons';*/
  font-family: 'icons3'; 
  src: url("fonts/unicons.1.0.ttf") format('truetype'), url("fonts/unicons1.0.otf") format('.otf'), url("fonts/unicons1.0.g2n") format('g2n'), url("fonts/UniCons1.0.0.sfd") format('sfd'); 
  font-weight: normal;
  font-style: normal; 
  /*http://fontm.com/unicons-font/*/
}

@font-face {
  font-family: 'icons4';
  src: url("fonts/fontawesome-webfont.eot?v=4.6.3");
  src: url("fonts/fontawesome-webfont.eot?#iefix&v=4.6.3") format('embedded-opentype'), url("fonts/fontawesome-webfont.woff2?v=4.6.3") format('woff2'), url("fonts/fontawesome-webfont.woff?v=4.6.3") format('woff'), url("fonts/fontawesome-webfont.ttf?v=4.6.3") format('truetype'), url("fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular") format('svg');
  font-weight: normal;
  font-style: normal;
}/*!
 *  Font Awesome 4.6.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */


/*
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s;
*/

/***********************************************************************************************/
a{text-decoration:none;color:#00bbed;}
a:hover{text-decoration:underline;color:#00ABF4;}

.pointer{
cursor:pointer
}
 
.shadow{
		box-shadow: 0 0 4px #666;
		-moz-box-shadow: 0 0 4px #666;
		-webkit-box-shadow: 0 0 4px #666;
			border-collapse:separate;
	padding :5px;		
}
.shadow_int{
		box-shadow: 0 0 6px #333 inset;
		-moz-box-shadow: 0 0 6px #333 inset;
		-webkit-box-shadow: 0 0 6px #333 inset;
			border-collapse:separate;
	padding :5px;		
}

.big_shadow{
		box-shadow: 0 0 10px #555;
		-moz-box-shadow: 0 0 10px #555;
		-webkit-box-shadow: 0 0 10px #555;
			border-collapse:separate;
	padding :5px;		
}


.croix{cursor:pointer;font-weight:bold;color:#d33c00;}

 

label{
cursor:pointer;
display:inline;
}
label:hover{
text-decoration:underline;
}


/*****************************COLOR*****************************************/

.moins{
color:#777;
}
.grise{
color:#999;
}
.grise2{
color:#bbb;
}
.grisé{
background: transparent url('img/off.png') 0 0 repeat;
}
.prune{
color:#FF7F55;
}
.violet{
color:#6D4BEA;
}

.blanc{
color:#fff;
}
.orange{
color:#ff7e00;
}
.vert{
color:#64b38b;
}
.vert2{
color:#00FF3D;
}
.vert3{
color:#8DB921;
}
.bordeau{ 
color:#701415;
}
.red{ 
color:#dd4c4c;
}
.rouge{
color:#dd4c4c;
}
.rose{
color:#FF77B0;
}
.mauve{
color:#9585dc;
}
.jaune{
color:#C49B07;
}
.blue{
color:#00bbed;
}
.maron{
color:#8f6d32;
}
.claire,
.ciel{
color:#00bbed;
}
.noir{
color:#333;
}
.marine{
color: #123266;
}

.bare{
text-decoration:line-through;
}
.souligne{
text-decoration:underline;
}
.spacing{letter-spacing:2px;}

form{ margin: 0;}

.hover:hover{
background-color:#FFFFd2;
}
.slow_hover:hover{
  -webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
background-color:#FEF1C0;
}

.color_found{
background-color:#FBDF82
}
 
div.select{
padding:5px;
margin:1px;
border-radius:4px;
} 
div.selected{
background-color:#FEF1C0;
} 
 


textarea{
font-family: Tahoma, Geneva, sans-serif; 
font-size:0.95em
} 
 
button,   
select, 
textarea,
input[type="radio"], 
input[type="checkbox"] ,
 input[type="text"],
 input[type="password"], 
 input[type="datetime"], 
 input[type="datetime-local"], 
 input[type="date"], 
 input[type="month"], 
 input[type="time"], 
 input[type="week"], 
 input[type="number"],
 input[type="email"], 
 input[type="url"],
 input[type="search"],
 input[type="tel"],
 input[type="color"], 
 .uneditable-input{
margin:2px 0;
border-width:1px;
border-color:#ddd;
border-radius:3px;
color: #0378BE; 
padding-left:5px;
margin-right:5px;
vertical-align: middle
} 
select optgroup{
color: #aaa; 
font-style: italic; 
font-weight:normal;
}
 select option{
color: #0378BE; 
font-style: normal; 
}
   
select:focus, 
textarea:focus,
input[type="radio"]:focus, 
input[type="checkbox"]:focus ,
 input[type="text"]:focus,
 input[type="password"]:focus, 
 input[type="datetime"]:focus, 
 input[type="datetime-local"]:focus, 
 input[type="date"]:focus, 
 input[type="month"]:focus, 
 input[type="time"]:focus, 
 input[type="week"]:focus, 
 input[type="number"]:focus,
 input[type="email"]:focus, 
 input[type="url"]:focus,
 input[type="search"]:focus,
 input[type="tel"]:focus,
 input[type="color"]:focus, 
 .uneditable-input:focus{
-webkit-transition: all ease-in-out 0.15s;
-moz-transition: all ease-in-out 0.15s;
-ms-transition: all ease-in-out 0.15s;
-o-transition: all ease-in-out 0.15s;
transition: all ease-in-out 0.15s; 
box-shadow: 0 0 10px #00A8FF;
} 
 
 
button.normal,   
select.moyen,   
input[type="submit"].normal,   
input[type="button"].normal,  
 input[type="text"].normal,
 input[type="password"].normal, 
 input[type="datetime"].normal, 
 input[type="datetime-local"].normal, 
 input[type="date"].normal, 
 input[type="month"].normal, 
 input[type="time"].normal, 
 input[type="week"].normal, 
 input[type="number"].normal,
 input[type="email"].normal, 
 input[type="url"].normal,
 input[type="search"].normal,
 input[type="tel"].normal,
 input[type="color"].normal{padding: 0px 5px; }
 
button.spacing,   
select.spacing,   
input[type="submit"].spacing,   
input[type="button"].spacing,  
 input[type="text"].spacing,
 input[type="password"].spacing, 
 input[type="datetime"].spacing, 
 input[type="datetime-local"].spacing, 
 input[type="date"].spacing, 
 input[type="month"].spacing, 
 input[type="time"].spacing, 
 input[type="week"].spacing, 
 input[type="number"].spacing,
 input[type="email"].spacing, 
 input[type="url"].spacing,
 input[type="search"].spacing,
 input[type="tel"].spacing,
 input[type="color"].spacing{margin: 5px 0px; letter-spacing:0px}

button.grand,   
input[type="submit"].grand,   
input[type="button"].grand,  
 input[type="text"].grand,
 input[type="password"].grand, 
 input[type="datetime"].grand, 
 input[type="datetime-local"].grand, 
 input[type="date"].grand, 
 input[type="month"].grand, 
 input[type="time"].grand, 
 input[type="week"].grand, 
 input[type="number"].grand,
 input[type="email"].grand, 
 input[type="url"].grand,
 input[type="search"].grand,
 input[type="tel"].grand,
 input[type="color"].grand{height:45px;}
textarea.grand{height:160px;}
select.grand{height:165px;}   


button.moyen,     
input[type="submit"].moyen,   
input[type="button"].moyen,  
 input[type="text"].moyen,
 input[type="password"].moyen, 
 input[type="datetime"].moyen, 
 input[type="datetime-local"].moyen, 
 input[type="date"].moyen, 
 input[type="month"].moyen, 
 input[type="time"].moyen, 
 input[type="week"].moyen, 
 input[type="number"].moyen,
 input[type="email"].moyen, 
 input[type="url"].moyen,
 input[type="search"].moyen,
 input[type="tel"].moyen,
 input[type="color"].moyen{height:27px;}
textarea.moyen{height:60px;}

select.moyen{height:32px;}   

   
 input[type="text"].ful,
 input[type="password"].ful, 
 input[type="datetime"].ful, 
 input[type="datetime-local"].ful, 
 input[type="date"].ful, 
 input[type="month"].ful, 
 input[type="time"].ful, 
 input[type="week"].ful, 
 input[type="number"].ful,
 input[type="email"].ful, 
 input[type="url"].ful,
 input[type="search"].ful,
 input[type="tel"].ful,
 input[type="color"].ful,  
a.button.ful,
select.ful{width:90%;} 
textarea.ful{width:95%;} 

 input[type="text"].full,
 input[type="password"].full, 
 input[type="datetime"].full, 
 input[type="datetime-local"].full, 
 input[type="date"].full, 
 input[type="month"].full, 
 input[type="time"].full, 
 input[type="week"].full, 
 input[type="number"].full,
 input[type="email"].full, 
 input[type="url"].full,
 input[type="search"].full,
 input[type="tel"].full,
 input[type="color"].full, 
textarea.full, 
a.button.full,
select.full{width:98%;} 

textarea.fig{resize:none;}
textarea.fig:focus{
-webkit-transition:none; 
-moz-transition:none; 
-ms-transition: none; 
-o-transition:none; 
transition: none; 
box-shadow: none; 
} 

input[type="submit"].full,   
input[type="button"].full,     
button.full{width:100%;} 


input[type="submit"].fulll,   
input[type="button"].fulll,   
 input[type="text"].fulll,
 input[type="password"].fulll, 
 input[type="datetime"].fulll, 
 input[type="datetime-local"].fulll, 
 input[type="date"].fulll, 
 input[type="month"].fulll, 
 input[type="time"].fulll, 
 input[type="week"].fulll, 
 input[type="number"].fulll,
 input[type="email"].fulll, 
 input[type="url"].fulll,
 input[type="search"].fulll,
 input[type="tel"].fulll,
 input[type="color"].fulll, 
textarea.fulll,
button.fulll,
a.button.fulll,
select.fulll{width:100%;}

input[type="submit"].fu,   
input[type="button"].fu,   
 input[type="text"].fu,
 input[type="password"].fu, 
 input[type="datetime"].fu, 
 input[type="datetime-local"].fu, 
 input[type="date"].fu, 
 input[type="month"].fu, 
 input[type="time"].fu, 
 input[type="week"].fu, 
 input[type="number"].fu,
 input[type="email"].fu, 
 input[type="url"].fu,
 input[type="search"].fu,
 input[type="tel"].fu,
 input[type="color"].fu, 
textarea.fu,
button.fu,
a.button.fu,
select.fu{width:40%;}

 
input[type="submit"].transparent,   
input[type="button"].transparent,   
 input[type="text"].transparent,
 input[type="password"].transparent, 
 input[type="datetime"].transparent, 
 input[type="datetime-local"].transparent, 
 input[type="date"].transparent, 
 input[type="month"].transparent, 
 input[type="time"].transparent, 
 input[type="week"].transparent, 
 input[type="number"].transparent,
 input[type="email"].transparent, 
 input[type="url"].transparent,
 input[type="search"].transparent,
 input[type="tel"].transparent,
 input[type="color"].transparent, 
textarea.transparent,
button.transparent,
select.transparent{
margin:0px 0;
border-width:1px;
border-color:transparent;
border-radius:0px;
}

input[type="text"].color{
border:none;
box-shadow: 0px 0px 2px #B9B6AD;   
} 

a.button{display:inline-block;}
a.button,button,input[type="submit"],input[type="button"],
a.button.blue,button.blue,input[type="submit"].blue,input[type="button"].blue { 
border-radius: 2px; 
border: 0px none; 
padding:2px 5px;
font-size: 0.95em;
margin:0;
box-shadow: 1px 1px 0px #B9B6AD;  
background-color:#00bbed;
color:#fff;  
cursor:pointer;
line-height: normal; 
}
a.button:hover,a.button.blue:hover,button:hover,input[type="submit"]:hover,input[type="button"]:hover,
a.button.blue:hover,button.blue:hover,input[type="submit"].blue:hover,input[type="button"].blue:hover{ 
background-color:#0099CC;
box-shadow: 1px 1px 5px #777;
}
	

a.button.gris,button.gris,input[type="submit"].gris,input[type="button"].gris {  
background-color:#e5e5e5;
color:#666; 
}
a.button.gris:hover,button.gris:hover,input[type="submit"].gris:hover,input[type="button"].gris:hover{ 
background-color:#e0e0e0; 
color:#000; 
}
	

a.button.fonce,button.fonce,input[type="submit"].fonce,input[type="button"].fonce {  
background-color:#AAAAAA;
color:#555; 
}
a.button.fonce:hover,button.fonce:hover,input[type="submit"].fonce:hover,input[type="button"].fonce:hover{ 
background-color:#888; 
color:#000; 
}
	
a.button.orange,button.orange,input[type="submit"].orange,input[type="button"].orange {  
background-color:#FF9326;
color:#333; 
}
a.button.orange:hover,button.orange:hover,input[type="submit"].orange:hover,input[type="button"].orange:hover{ 
background-color:#FF9326; 
color:#000; 
}
	

a.button.jaune,button.jaune,input[type="submit"].jaune,input[type="button"].jaune {  
background-color:#F7C20F;
color:#333; 
}
a.button.jaune:hover,button.jaune:hover,input[type="submit"].jaune:hover,input[type="button"].jaune:hover{ 
background-color:#E4B307; 
color:#000; 
}


a.button.red,button.red,input[type="submit"].red,input[type="button"].red {  
background-color:#E43A32;
color:#fff; 
}
a.button.red:hover,button.red:hover,input[type="submit"].red:hover,input[type="button"].red:hover{ 
background-color:#DD271E; 
color:#fff; 
}


a.button.vert,button.vert,input[type="submit"].vert,input[type="button"].vert {  
background-color:#80D0A7;
color:#555; 
}
a.button.vert:hover,button.vert:hover,input[type="submit"].vert:hover,input[type="button"].vert:hover{ 
background-color:#80D0A7; 
color:#000; 
}






.radius_all{border-radius:5px}
.radius.top.left{border-top-left-radius:20px}
.radius.top.right{border-top-right-radius:20px}
.radius.bottom.right{border-bottom-right-radius:20px}
.radius.bottom.left{border-bottom-left-radius:20px}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}
.middle{vertical-align:middle;}
.top{vertical-align:top;}
.bottom{vertical-align:bottom;}
.auto{margin-left:auto;margin-right:auto;}

.float_right{float:right}
.float_left{float:left}
.clear{clear:both}
.hidden{visibility:hidden}
.inline{display:inline-block;}
.block{display:block;} 
.relative{position:relative;}
.absolute{position:absolute;}

.first{
  text-transform : capitalize;
}
.maj{
  text-transform : uppercase;
}
.minu{
  text-transform: lowercase;
}
.gras{
font-weight:bold;
}
.italic{
font-style:italic;
}




.b{font-weight:bold;}
.xxsmall{ font-size: 0.45em; }
.xsmall{ font-size: 0.6em; }
.small{ font-size: 0.75em; }
.normal{ font-size: 0.9em; } 
.sbig{ font-size: 1.2em; }
.big{ font-size: 1.5em; }
.xbig{ font-size: 2em; }
.xxbig{ font-size: 3em; }
 

img{
border:none; 
vertical-align:middle;
max-width:inherit;
}
 
img.top{vertical-align:top;}
img.middle{vertical-align:middle;}
img.bottom{vertical-align:bottom;}
img.text{
height:20px;
}
img.mintext{
height:15px;
}
img.microtext{
height:10px;
}
img.nanotext{
height:10px;
}
img.bigtext{
height:30px;
}
img.opa,.opa{opacity:0.7;}
img.opa2,.opa2{opacity:0.5;}
img.opa3,.opa3{opacity:0.3;}

img.center{
display:block;
margin:auto;
}

img.absolute{
position:absolute;
display:block; 
margin:-15px auto 0;

}

fieldset { border:1px solid #ddd; }
 

.bull{ 
background-color:#FDEFBC;
padding:2px 5px;
border-radius:5px; 
display:inline-block;
} 
.bull_grise{ 
background-color:#E6E6E6;
padding:2px 5px;
border-radius:5px; 
display:inline-block;
} 
.bull_grise2{ 
background-color:#f1f1f1;
padding:2px;
border-radius:5px; 
display:inline-block;
} 

.bull.space,  
.bull_grise2.space,  
.bull_grise.space{  
margin : 1px;
} 

 
.bull.block,  
.bull_grise2.block,  
.bull_grise.block{  
display:block;
margin : 2px;
} 

.bull.red,
.bull.rouge{
	background-color:#FF5C26;
	color:#fff;
} 
.bull.blue{
	background-color:#50A7FF;
	color:#fff;
} 
.bull.orange{
	background-color:#FFA64C;
	color:#fff;
} 
.bull.jaune{ 
background-color:#FFEBB0;
	color:#000;
}  
.bull.noir{ 
background-color:#444444;
	color:#fff;
}  
.bull.jaune1{background-color:#F3C483;color:#000;} 
.bull.jaune2{background-color:#DABD49;color:#000;} 
.bull.jaune3{background-color:#C1AE62;color:#000;} 



.bull.vert{
	background-color:#59B300;
	color:#fff;
} 
.bull.grise2,
.bull.grise{
	background-color:#ACAC9D;
	color:#fff;
} 





.shad_text_boddy{ 
text-shadow: 1px 1px white, -1px -1px #999
}

.shad_text{ 
text-shadow: 1px 1px white, -1px -1px #ddd
}

.text_shadow{
letter-spacing:2px;  
text-shadow: 2px 2px white, -1px -1px 3px #999
}

 
.graph_right{ 
	padding:2px; 
	text-align:center; 
	font-size:3em;
	margin-top:25px;
}







table.table_defaut{ 
border-collapse: collapse; 
border-width: 0;
font-size:0.9em
}

table.table_defaut tr.tr:hover{  
background-color:#FFFFd2;
}

table.table_defaut td.over{   
}

table.table_defaut th.tdh{  
font-weight:normal;
background-color:#f1f1f1;
padding:5px 3px;
border-bottom:1px solid #e0e0e0
}


table.table_defaut td.tdh{  
font-weight:normal; 
padding: 3px;
border-bottom:1px solid #f0f0f0
}

table.table_defaut td.empty{   
border-bottom:1px solid transparent
}


table.table_defaut td.day{  
text-align:center;
cursor:pointer;
}
table.table_defaut td.day:hover{  
font-weight:normal;   
background-color:#4CA6FF;
}

table.table_defaut td.choosen{   
background-color:#4CA6FF;
}


table.table_defaut td.choosen span{   
color:#fff;
}


 .contour{
border : 1px solid #ddd;	
padding:2px;
}


table.commun{ 
border-collapse: separate; 
border-spacing: 2px; 
font-size: 0.95em;
}

table.commun.separate{ 
border-collapse: separate; 
border-spacing: 2px; 
}

table.commun tr.tr:hover{  
background-color:#f8f5e9;
}
 
table.commun th.over:hover, 
table.commun td.over:hover{  
background-color:#FEE1C5;
}
 
table.commun tr.ici{  
background-color:#FDE1A8;
}
 
table.commun tr.ici2{  
background-color:#f5efe3;
}
 
table.commun th.th{  
font-weight:normal;
background-color:#f1f1f1;
padding:5px 3px;
border-bottom:1px solid #e0e0e0
}


table.commun td.td{   
padding: 3px;
border-bottom:1px solid #f0f0f0
}


table.commun.large td.td{   
padding: 10px 5px;
border-bottom:1px solid #f0f0f0
}

table.commun td.empty{   
border-bottom:1px solid transparent
}

 
 









/***************************DEFAUT TABLE*********************************************************************/
table{
margin:0;
padding:0;
border-collapse: collapse;
border-width: 0;
border: 0px;
width:100%
}
table tr,table td{
margin:0;
padding:0;
border-collapse: collapse;
border-width: 0;
border: 0px;
}

table.top,
table.top th,
table tr.top td,
table tr.top th,
table th.top,
table td.top,
table.top td
{
vertical-align:top;
}

table.middle,
table.middle th,
table tr.middle td,
table tr.middle th,
table th.middle,
table td.middle,
table.middle td
{
vertical-align:middle;
}

table.bottom,
table.bottom th,
table tr.bottom td,
table tr.bottom th,
table th.bottom,
table td.bottom,
table.bottom td
{
vertical-align:bottom;
}

table th.trie{ cursor:pointer ;}


table td.cle{ background-color:#F8F1D6; ;}
table th.cle{ background-color:#F8F1D6; ;}

table th.asc{
background-image: url('img/asc.png') ;
background-position:top right ;
background-repeat:no-repeat;
}

table th.desc{
background-image: url('img/desc.png') ;
background-position:right bottom ;
background-repeat:no-repeat;
}

.loop{ 
background-color: #f3f3f3;
}.loop2{ 
background-color: #f9f9f9;
}.loop3{ 
background-color: #fcf6e3;
}
table tr.loop{ 
background-color: #f5f5f5;
}

table.separate{ border-collapse: separate;border-spacing:0 10px; }	
table.separate_all{ border-collapse: separate;border-spacing:6px; }	
/***************************DEFAUT TABLE*********************************************************************/



/******LOGIN**********************/
#content_login{
background-color:#fff; 
padding:10px 0;
min-height:600px; 
} 

div#float_logart{
margin:20px 0;
background: #777 url('img/login/1.jpg') center center no-repeat;
padding:100px 0 0; 
box-shadow: 0 0 10px #444 inset;  
z-index:10;
} 
div.float_login{ 
background: #fff;
margin: auto;
padding: 40px;
width: 230px;
border-radius: 2px;  
background-color:transparent;
/* border: 2px solid #fff; */
} 
 
div.float_login input[type="text"],
div.float_login input[type="password"]{
width:200px;
padding:10px 10px 10px 30px;
background-color:#fff;
font-size:0.9em; 
border-radius:3px;
border-width:1px;
} 
div.top_logo{  
}


/******LOGIN**********************/






#first_block_popup{  
padding:10px;
background-color:#fff; 
min-height:80px;
}


#first_block{ padding-top:80px;}

#kg_haut{
height:80px;
width:100%;
padding:0px;  
position:fixed;
left:0;
top:0;
z-index:500;
box-shadow: 0 0 4px #666;
-moz-box-shadow: 0 0 4px #666;
-webkit-box-shadow: 0 0 4px #666; 


	background: rgb(255,255,255);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F3F3F3',GradientType=0 );
    background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 100%);
}

 
 
#slide_left{
/*height:100%;
/*position:fixed;   */
position:absolute;   
width:230px; 
background: #fff; 
} 
#slide_left .slide_left{
	padding:20px 5px 5px 5px; 
	border-bottom: 1px solid #d2d0bb;
	border-right: 1px solid #d2d0bb;
}

#slide_left .slide_left a.title{ 
font-size:1.1em;
letter-spacing:1px; 
padding:2px 0 2px 5px; 
padding-bottom:25px;
color:#CDCDCD;
display:block;
border-bottom : 1px solid #e0e0e0;
margin-bottom:15px;
}
#slide_left .slide_left a.title:hover{ 
color:#666;
text-decoration:none
}
#slide_left .slide_left a.title:before{
font-family: 'icons';    
content:'H ';   
opacity:0.7
}
#slide_left .slide_left a.title.retour:before{
font-family: 'icons';    
content:'h ';   
opacity:0.7
}

#topmenuright{
	width: 250px;
    height: 30px;
    background: #d9d9d9;
    margin: -15px 2% 0 0;
    padding-top: 10px;	
	float : right; 
	border-bottom-right-radius:5px;
	border-bottom-left-radius:5px;
}


#slide_left .slide_left .menu{ 
display:block;
padding:5px 5px 5px 10px;
border-bottom:1px solid #e0e0e0; 
 
}

#slide_left .slide_left a.menu:hover{  
background-color: #f5f5f5;
color:#4CA6FF;
}

#slide_left .slide_left a.menu.ici{  
background-color: #f5f5f5;
color:#4CA6FF;
}
#slide_left .slide_left a.menu.ici:before{  
font-family: 'icons';    
content:'> ';  
color:#111;
opacity:0.15
}






#content{ 
margin:20px 15px 60px 245px; 
background-color: #fff;
padding:1px;
	box-shadow: 0 0 5px #555;
	-moz-box-shadow: 0 0 5px #555;
	-webkit-box-shadow: 0 0 5px #555; 

/*min-height:300px; */
}

#content.full{ 
margin:20px;  
min-height:400px;
}

 
 
div.toptop{  
height:50px; 
/*
background:linear-gradient(141deg, #ffffff 0%, #cacaca 51%, #b3a7a7 75%);
// ou 
background-image: url("img/bg_aec2.jpg"); 
background-position: center center;
background-size: cover;
background-repeat: no-repeat; 
*/
} 

 
 
div.toptop div.nom_prenom{ 
background-color: transparent;
font-size: 0.85em; 
color: #666;
} 

 
div.toptop div.nom_prenom div.ajoutplus{  
border-radius: 2px;
padding: 5px 10px;
letter-spacing:1px;
/*background-color: #666;  
color: #fff;*/
display:inline-block;
margin-right:10px;
cursor:pointer;
} 

 
div.toptop div.nom_prenom div.ajoutplus:hover{   
background-color: #aaa; 
  -webkit-transition: all ease-in-out 0.15s;
  -moz-transition: all ease-in-out 0.15s;
  -ms-transition: all ease-in-out 0.15s;
  -o-transition: all ease-in-out 0.15s;
  transition: all ease-in-out 0.15s;
} 





 
table.kgmenu { 
}  
table.kgmenu td.mn{
 /*background-color: #eee; */
} 

table.kgmenu td#plus_add{   
display:none;
background-color: #999;
} 
table.kgmenu td.imput{   
background-color: #999; 
padding : 0;
text-align:left; 
width:204px;      
border-right: 1px solid #d2d0bb;
border-top: 1px solid #d2d0bb;
} 
table.kgmenu td.imput input{   
border:none;
padding-left:25px;
width:204px;  

} 
 

table.kgmenu div.itm{
width:15.5%;
text-align:center;
vertical-align:middle;
height:29px;
float:left;
} 

table.kgmenu div.fin{
width:7%; 
} 

table.kgmenu div.itm a{  
padding:0px 0 5px;
display:block;  
color:#999;
/*background-color: #eee;*/
border-bottom:2px solid transparent;  
text-decoration: none;  
border-top:5px solid transparent;
border-top-left-radius:5px;
border-top-right-radius: 5px 
} 

table.kgmenu div.itm a:hover{ 
color:#fff;   
background-color: #00bbed;  
/*background:linear-gradient(90deg, #a0a0a0 0%,   #e0e0e0 60%);*/ 
 
-webkit-transition: all ease-in-out 0.25s;
  -moz-transition: all ease-in-out 0.25s;
  -ms-transition: all ease-in-out 0.25s;
  -o-transition: all ease-in-out 0.25s;
  transition: all ease-in-out 0.25s;
 
} 


table.kgmenu div.itm a.ici{ 
color:#fff;   
background-color: #00bbed;     
} 

  
table.kgmenu div.submin {  
box-shadow: 0px 2px 2px #999; 
background-color: #fff;
margin: 0px 0 0 0px; 
border-top:1px solid #f0f0f0;
} 
  
table.kgmenu div.submin div.itm{   
width:100%;
text-align:center; 
height:auto;
float:none;
} 
table.kgmenu div.submin div.itm a{   
display:block; 
border-bottom:1px solid #fff; 
padding:10px 0;
border-radius: 0;
} 
table.kgmenu div.submin div.itm a:hover{ 
color:#000; 
background-color: #d0d0d0; 
border-radius: 0;
} 

 
 
 
 
 
.loupe_input{
position:absolute;
margin-top:5px;
margin-left:7px;
} 
 

 


#dropphoto{
height:250px;
width:250px; 
background-position: center center;
background-size: cover;
background-repeat: no-repeat;    
}
.dropphoto{
background-position: center center;
background-size: cover;
background-repeat: no-repeat;    
}




table.table_left{ 
border-collapse: separate;
border-spacing : 2px;
} 
table.table_left th{
width :30%;
color:#bbb;
font-weight:normal;
padding:4px;
text-align:left; 
background-color:#f9f9f9
}
 table.table_left td{
width :70%;
padding:4px;  
background-color:#f1f1f1
} 

div.stamp_profil{
border-radius:50%;
height:20px;
width:20px;
background-position:center center;
background-size:cover;
background-repeat:no-repeat; 
}

 
 
div.map_canvas{
border:1px dashed #bbb;
margin:10px 0;
border-radius:6px;
} 

.paragraf{ 
padding: 2px 10px 10px 5px;
background-color: #fff;
border: 1px solid #e0e0e0;
border-left: 10px solid #e0e0e0;
border-radius: 4px; 
overflow:auto;  
}


.text{ 
max-height:100px;
padding: 3px; 
overflow:auto;  
}



.fiche_titre{
display:block;
padding: 5px;
background-color: #ededed;
border-bottom: 2px solid #DBDBDB;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
color: #333;
}
div.fiche_details{
display:block;
padding: 5px;
background-color: #fff; 
border-bottom:1px solid #f2f2f2;
margin-bottom:5px;
}



div.border{
border:1px solid #f1f1f1;
padding:2px;
}

.commentaire{
margin-left:5px;
background-color:#f8f8f8;
padding:5px 2px;
border-left:2px solid #e0e0e0;
border-radius:3px;
}


#filtre_page,
.filtre_page{ 
/*background-color:#F5F1E6;
padding:7px;
border-radius:3px;
*/
}
._selectCadre_{
margin:3px 0 ;
}

.details{
padding:2px;
margin-left:10px;
border-left:1px solid #e0e0e0
}
.details img{
height: 12px;
}



table.fil_suivi_oppo{ 
font-size:0.9em;
} 

table.fil_suivi_oppo th{
font-weight:normal;
color:#bbb;
background-color:#E2F9E4; 
padding:5px 0;
border-radius:10px;
}
table.fil_suivi_oppo th:after{
  font-family: 'icons';
  content: '>';
  opacity:0.2;
  font-weight:bold;
  font-size:1.1em;
  float: right;
  margin-right: 10px;
}

table.fil_suivi_oppo th.prog{
color:#000;
background:#A2E49A ;
font-weight:bold;
}

table.fil_suivi_oppo td{
border-top-left-radius:5px;
border-bottom-left-radius:5px;
width:10%;
text-align:right;
font-size:0.85em;
padding:5px 5px 2px;
border-right:2px solid #D1EFD4;
border-bottom:1px solid #D1EFD4;
}

table.fil_suivi_oppo td.prog{
border-right:2px solid #6ADD7D;
border-bottom:1px solid #6ADD7D;
}
 
table.fil_suivi_oppo td.entre{
border-right:0px solid #039010;
text-align:left;
}
table.fil_suivi_oppo td.entre.prog{
color: #22AE1E;
}


table.fil_suivi_oppo.vert th{background:#E2F9E4 ;}
table.fil_suivi_oppo.vert th.prog{background:#A2E49A ;} 
table.fil_suivi_oppo.vert td{border-right:2px solid #D1EFD4;border-bottom:1px solid #D1EFD4;}
table.fil_suivi_oppo.vert td.prog{border-right:2px solid #6ADD7D;border-bottom:1px solid #6ADD7D;} 
table.fil_suivi_oppo.vert td.entre{border-right:0px solid #039010; }
table.fil_suivi_oppo.vert td.entre.prog{color: #22AE1E;}


table.fil_suivi_oppo.jaune th{background:#FAF9E2 ;}
table.fil_suivi_oppo.jaune th.prog{background:#E4E29A ;} 
table.fil_suivi_oppo.jaune td{border-right:2px solid #F0EFD0;border-bottom:1px solid #F0EFD0;}
table.fil_suivi_oppo.jaune td.prog{border-right:2px solid #DFD768;border-bottom:1px solid #DFD768;} 
table.fil_suivi_oppo.jaune td.entre{border-right:0px solid #D5CF00; }
table.fil_suivi_oppo.jaune td.entre.prog{color: #ADA31F;}


table.fil_suivi_oppo.red th{background:#FAE4E2 ;}
table.fil_suivi_oppo.red th.prog{background:#E4A29A ;} 
table.fil_suivi_oppo.red td{border-right:2px solid #EFD1D1;border-bottom:1px solid #EFD1D1;}
table.fil_suivi_oppo.red td.prog{border-right:2px solid #E06D67;border-bottom:1px solid #E06D67;} 
table.fil_suivi_oppo.red td.entre{border-right:0px solid #912202; }
table.fil_suivi_oppo.red td.entre.prog{color: #B11B1B;}

 

table.fil_suivi_oppo td.fin{
border-right:0px solid #d1d1d1;
}




.show_details{
background-color:#f3f3f3;
background-color:#fbfaef;
background-color:#dcdcdc;
padding:15px;
height:500px;
border-left:1px solid #ddd;
border-right:1px solid #ddd;
border-bottom:3px solid #999; 
overflow:auto;
}

.div_td{
padding:4px; 
border-bottom : 1px solid #bfbfbf;
border-radius:0;
}

.titre_ss{ 
padding:4px; 
padding-left:20px; 
border-radius:0;
color:#999
}
.titre_ss:before{
font-family: 'icons2';     
font-weight:normal; 
content:'d';
font-size:1.2em;  
vertical-align:text-bottom; 
} 




table.total{

}

table.total th{
text-align:right; 
}

table.total td{
text-align:right;
border-bottom:1px dotted #d0d0d0
}

table.total td.row{
text-align:left; 
border-bottom:0px dotted #d0d0d0
} 

table.total td.empty{
padding:5px;
border-bottom:0px dotted #d0d0d0
}



div.select_liste{ 
    border-radius: 2px;
    border: 0px none;
    padding: 2px 5px; 
    margin: 0;
    box-shadow: 1px 1px 0px #B9B6AD;
	background-color: #e5e5e5;
    font-size: 0.95em;
    cursor: pointer;
    line-height: normal;
	
}
div.select_liste:hover{
box-shadow: 0 0 10px #777;
		-moz-box-shadow: 0 0 10px #777;
		-webkit-box-shadow: 0 0 10px #777;
border-collapse:separate;
} 

div.select_interne{
cursor:default;
margin-top:10px;
padding:5px; 
background-color:#fff; 
border-radius:5px;
}

.tDnD_whileDrag{
background-color:#edec94;
}

tr.downlight{
background-color:#FCF9EF;
} 

.title_stamp{ 
padding:7px 20px;
background-color:#0499CE; 
border-top-right-radius:5px;
display:inline-block
}
.title_back{ 
padding:7px 20px;
background-color:#d9d9d9;
color:#000;
border-top-left-radius:5px; 
display:inline-block
}




table.details_versement{
font-size:0.8em;
text-align:right;
border-collapse:separate;
border-spacing:3px;
}


table.details_versement th.tt_haut{
text-align:right;
background-color:#E9EFD9;
border-radius:3px;
padding: 0 2px;
}

table.details_versement th.tt_coter_mois{
text-align:right;
padding: 0 2px;
font-weight:normal;
}
table.details_versement td.data{
text-align:right;
padding: 0 2px;
}

table.details_versement tr:hover{ 
background-color:#DDECD2;
}



fieldset.listeempagenda{
margin-top:10px;
max-height:150px;
overflow:auto;
}


fieldset.listeempagenda legend{
margin-left:-7px;
}

fieldset.listeempagenda legend label{
font-size:0.9em;
color:#138AEC
}

fieldset.listeempagenda div label{
font-size:0.9em;
color:#555;
}


div.select_lateral{
padding:7px 5px; 
background-color:#F0F0E1;
border-bottom:1px solid #bbb;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
} 
div.select_lateral.ici{
background-color:#FEF1C0;
font-weight:bold;
} 

div.select_lateral:hover{
background-color:#FEF1C0;
} 




#seekbottom.bottom_seek{
z-index:600; 
margin-top:1px; 
/*margin-left:20px;  */
position:absolute;  
background-color:#757575;
box-shadow : 5px 10px 15px #999;
min-height:30px;
overflow:auto; 
}


#seekbottom div.textmot{ 
padding: 5px 10px;
font-size:0.9em; 
background-color: #757575;
    color: #fff;
font-style: italic; 
}


#seekbottom div.seekresult{ 
background-color: #757575;
padding:0px 0 7px 10px;
}


#seekbottom div.seekresult div.partie{ 
	background-color: #fff;
	margin-bottom:5px;
}

#seekbottom div.tttrire{  
font-size:0.9em;
padding:5px;
}


#seekbottom div.liste{  
padding : 0 0 0 10px;
}

#seekbottom table.liste{  
border-collapse:collapse;
border-spacing:0px;
vertical-align:top; 
font-size:0.8em;
}


#seekbottom table.liste td{  
vertical-align:top;
border-bottom:1px dotted #e0e0e0;
padding:2px 4px; 
}

#seekbottom table.liste td.num{  
vertical-align:top;
/*background-color:#e2e2e2;*/ 
width:5%; 
font-size:0.85em;
font-weight:bold;
color:#000; 
/*border-top-left-radius: 5px;
border-bottom-left-radius: 5px;*/
}


#seekbottom table.liste tr:hover{  
text-decoration:underline; 
background-color:#FFF0C4;
}




table tr.mission{
background-color:#FBF8D6;
}




/******************************************************************************************/
/***********************************DOSSSIER*******************************************************/


div.ephemere.infos{

background-color: #FFF8D1;
box-shadow: 0px 0px 5px #333;
opacity: 0.9;
border-radius: 3px;
border: 1px solid #636363;
font-size: 1em;
color: #000;
padding: 5px;

}

table.pagination.asyoulike { 
	background-color: #f1f1f1;
} 
table.pagination.asyoulike table{
	border-collapse:separate;
	border-spacing : 5px; 
}

table.pagination.asyoulike table select.radius_all{
	border-radius:0;
	height:23px
}

table.pagination.asyoulike td.t2{
	vertical-align:middle
}



div.resetpost{
	padding:10px 20px;
	text-align:right;
	background-color: #F8E3E2;
	border: 1px solid #FFD7D7;
}

#content.dropable{ 
}
#content.dropable.drophover{ 
border:3px solid #FF5C26;
}


#content.dropable.drophover:before{  
}

#progress_depot div.progress{
	background-color: #FF5C26;
}





div.cadre{
	padding: 10px 5px;
	text-align: left;
	background-color: #FBEDD5;
    border: 1px solid #FFE3B0;
}

div.cadre.racine{
	padding: 10px 20px;
	text-align: left;
	background-color: #ECF5FF;
    border: 1px solid #B0DCFF;
}



/*
ul{ padding-left:5px;}
ul li{
list-style-type:none;
margin-top:10px;
}
*/
ul.schema{
	margin:0px 0 5px 20px;
	border-left : 1px dotted #BFBFBF; 
	padding: 0px; 
}

ul.schema li.schema{
	margin: 0px 0; 
	padding: 0px 0 0px 1px; 
}


#liste_dossier tr.ici2 td.td a.noir{
	color:#00bbed;
}


.afiche_image{
	text-align:center;
	float:left;
	display:block;
	margin:5px;
	box-shadow: 0 0 3px #888;
	border :1px solid transparent;
	color:#0080ff;
	padding:2px;
	max-width:220px;
	background-color:#fff;
	/*background:linear-gradient(to top , #ffffff , #f1f1f1);*/
}

.afiche_image a.aimage{ 
	display:block;
	border: 5px solid #fff;
	width:210px;
	height:300px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

.afiche_image:hover{  
	border :1px solid #ffb973;
}
.afiche_image a.tittlte{  
	display:block; 
	height:30px;
	overflow:hidden;
}


#content.mobile .afiche_image{
	text-align:center;
	float:left;
	display:block;
	margin:5px;
	box-shadow: 0 0 3px #888;
	border :1px solid transparent;
	color:#0080ff;
	padding:2px;
	max-width:20%;
	background-color:#fff;
	/*background:linear-gradient(to top , #ffffff , #f1f1f1);*/
}
#content.mobile .afiche_image a.aimage{ 
	display:block;
	margin:auto;
	border:1px solid #fff;
	width:97%;
	height:80px;
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}

#content.mobile .afiche_image:hover{  
	border :1px solid #ffb973;
}
#content.mobile .afiche_image a.tittlte{  
	display:block;
	margin:4px 0 0;
	font-size:0.8em
}

#first_block_popup div.toptitre,  
#content div.toptitre{   
background: #dedede;
padding: 10px;
font-size: 2.5em;
font-weight: bold; 
letter-spacing: 3px;
}

.blocknote{
padding:3px 15px;
border-left : 1px solid #d9d9d9;
margin-left:10px;
}





div.button_menu_mobile{
	background-color:#fff;
	padding:2px 10px 5px;
	box-shadow: 0 0 3px #888;
	position:fixed;
	left:0;
	top:51px;
	font-size:20px; 
	z-index:10;
} 
div.side_mobile{
	background-color:#fff; 
	box-shadow: 0 0 10px #888;
	position:fixed;
	top:50px;  
	z-index:12; 
}



.overdetails2{
	padding: 10px;
    background-color: #dedede;
    border-bottom: 3px solid #888;
}

/***********************************DOSSSIER*****FIN**************************************************/ 
/******************************************************************************************/
/******************************************************************************************/

