html, body { height: 100%; }
body {
	margin: 0px;
	padding: 0px;
  font-family: sans-serif, Arial, serif, fantasy;
  font-size: 11px;
  color: black;
  background: #f1f1f1; 
  min-height:100%;
}

#header {
	position: relative;
	width: 1100px;
	margin: 0 auto 0px;
	background:#f1f1f1;
}

#global {
	width: 1100px;
	margin: 0 auto;
	position: relative;
  min-height:100%;
  background:#f1f1f1;
}
#page {
	padding: 0;
	color: #444;
	clear:both;
	border:1px solid lightgrey;
  border-top-left-radius:10px;
  border-top-right-radius:10px; 
  padding-bottom: 30px;
	position: absolute;
	float: left;
  min-height:88%;
	width: 1100px;
	/*background:white url(../img/fd_bleu.png) left top repeat-y;  */
	background:white left top repeat-y; 
}
/*#accueil {
	float: right;
	width: 1100px;
  min-height:100%;
  height:100%;
  border-top-left-radius:10px;
  border-top-right-radius:10px; 
  background: transparent;
}*/

#content {
	float: left;
	margin:0;
	padding:10px;
	width: 1100px;
  padding-bottom:0px;
  
}

#footer {
	clear: both;
  bottom: 0;
	position:absolute;
	background:white url(../img/logo_eid_txt600.png) center no-repeat ; 
	border: none;
	min-height: 40px;
	width: 1100px;
	font-size: 0.9em;
	color: #ADADAD;
	padding-top: 0px;
	float:left;
}


/* page identification ***   index.php   */
#content table.ident {border-collapse:collapse;border:0px solid darkgrey;}
#content caption.ident {border:0px solid darkgrey;font-weight:bold;font-size:20px;margin-bottom:10px;margin-top:50px;}
#content td.ident    {border:1px solid darkgrey;text-align:center;vertical-align:center;
  font-family:"Comic Sans MS", fantasy,Arial, sans-serif;font-size:13px;font-weight:bold;
}
#content td.sbd    {border:0px solid black;text-align:center;vertical-align:center;font-weight:bold;font-size:20px;}
#content table.pave{ border:1px solid #DCDCDC; border-collapse:collapse;width:100%}
#content td.pave   { font-size:14px; font-family:'Comic Sans MS',Laksaman; font-weight:bold; text-align:center;vertical-align:center; 
            border:solid 2px #DCDCDC; cursor:pointer; width:50; height:50;}
/*td.td1 {border:1px solid darkgrey;font-family:"Comic Sans MS", fantasy,Arial, sans-serif;font-size:13px;font-weight:bold;}*/


            
/* pages suivantes  */
/* en-tete*/
#header table{width:1100px;background: #f1f1f1;}
#header td{border:none;font-weight:bold;padding:10px;}
#header a{color:#004080;font-weight:bold;text-decoration:none;font-size:11px;}
#header a:hover {color:grey;font-weight:bold;text-decoration: none;}     


/* tableau login agents  */
#log{
  width:150px;
  float:right;
  background:transparent  url(../img/arabesque4.png) ;
  border-radius:10px;
  -moz-background-size: 100% 100%; 
}
#tb_log{width:110px;margin:20px;margin-left:30px;margin-bottom:30px;font-size:11px;}

/* tableau login admin*/
.adm{color:#004080;font-weight:bold;cursor:pointer;margin-top:30px;font-family:'Comic Sans MS',Laksaman;font-size:20px;}   /*conteneur global*/
/*conteneur table*/
#log_admin{width:290px;margin:5px;font-size:11px;}
#log_admin table{width:50%;margin-left:25%;}
.thlog {padding-left:2px; border:1px solid darkgrey;color:#004080;background:#E6E6FA; font-size:11px;}
.tdlog {padding-left:2px; border:1px solid darkgrey;}
input.btnvadm{
  margin: 0px;
  padding: 0px;
  width:100px; height:30px;background:#E6E6FA; font-size: 11px;font-weight:bold;font-family:'Comic Sans MS',Laksaman;
  border-bottom-left-radius:6px;
  border-top-right-radius:6px;
}

/* tableau login admin accueil */
#log2{
  width:260px;height:80px;
  float:right;
  background:transparent  url(../img/arabesque5.png) ;
  border-radius:10px;
  -moz-background-size: 100% 100%;
   
}
#log2 p.texte1{font-size:11px;font-family:'Comic Sans MS',Laksaman; font-weight:bold; color:#000;margin:10px;}
#tb_log2{width:240px;font-size:11px;margin:10px;}
#tb_log2 table{padding:0;width:230px;}
#tb_log2 td{font-size:11px;color:#000;padding:0;}


/* tableau choix accueil  */

a:link {color:#004080;font-weight:bold; text-decoration:none; }     /*color:#0000CC;*/
a:visited {color:#004099; text-decoration:none; }
a:active {color:#004080; text-decoration:none; }
a:hover {color:#0000FF; text-decoration:none;}
/*a:hover {color:#0000FF; text-decoration:none; background-color:#E6E6E6;}*/



#content td.accueil {font-size:20px;margin:10px;padding:10px;font-family:'Comic Sans MS';text-align:center;
  background:#e2f8ff;
  border-radius:10px;
}
#content td.accueil:hover,#content p.accueil:hover {background:#e2f8dd ;}
#content td.accueil_a {font-size:20px;margin:10px;padding:10px;font-family:'Comic Sans MS';text-align:center;color:#004080;
  background:#e2f8ff;font-weight:bold;
  border-radius:10px;
}
#content td.accueil_a:hover {background:#e2f8dd;color:#0000FF;cursor:pointer;}
#content a.a_accueil,p.a_accueil,#content p.a_accueil:hover {background:red;width:100%;height:100%;}
#content p.ext{color:#004080;font-weight:bold;cursor:pointer;margin-top:30px;font-family:'Comic Sans MS';font-size:20px;width:50%;margin-left:25%;}
#content td.ssaccueil{text-align:center;}
#content td.ssaccueil a{font-size:15px;color:#004080;font-weight:normal;}
#content td.ssaccueil a:hover {color:darkgrey;font-weight:bold;}




#content table.acc{margin:50px;}
/*#content td.fond_acc{background:lightyellow;height:350px;border-radius:10px;} */
.fond_acc_bl{background:#2AADC5;height:200px;border-radius:10px;text-align:center;padding:10px;}
.fond_acc_vt{background:#A3ED49;height:200px;border-radius:10px;text-align:center;padding:10px;}
.fond_acc_rs{background:#E62C84;height:200px;border-radius:10px;text-align:center;padding:10px;}
.fond_acc_or{background:#FF7C00;height:200px;border-radius:10px;text-align:center;padding:10px;}
.fond_acc_vl{background:#7346BD;height:200px;border-radius:10px;text-align:center;padding:10px;}

.txt_acc_bl {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Chilanka,Arial;text-align:center;color:white;cursor:pointer;
  background:#50BBCF;font-weight:bold;width:300px;border-radius:10px;background:#2AADC5;
}
.txt_acc_bl:hover {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS'Chilanka,,Arial;text-align:center;color:white;cursor:pointer;
  background:#027C93;font-weight:bold;width:300px;border-radius:10px;
}
.txt_acc_rs {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Mallanna,Arial;text-align:center;color:white;cursor:pointer;
  background:#EA579C;font-weight:bold;width:300px;border-radius:10px;background:#E62C84;
}
.txt_acc_rs:hover {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Mallanna,Arial;text-align:center;color:white;cursor:pointer;
  background:#C7005E;font-weight:bold;width:300px;border-radius:10px;
}
.txt_acc_vt,a.txt_acc_vt {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Arial,Arial;text-align:center;color:white;cursor:pointer;
  background:#B8F55B;font-weight:bold;width:300px;border-radius:10px; background:#A3ED49;
}
.txt_acc_vt:hover {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Arial;text-align:center;color:white;cursor:pointer;
  background:#85DC00;font-weight:bold;width:300px;border-radius:10px;
}
.txt_acc_or {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Laksaman,Arial;text-align:center;color:white;cursor:pointer;
  background:#FF9631;font-weight:bold;width:300px;border-radius:10px; background:#FF7C00;
}
.txt_acc_or:hover {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Laksaman,Arial;text-align:center;color:white;cursor:pointer;
  background:#EE7400;font-weight:bold;width:300px;border-radius:10px;
}
.txt_acc_vl {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Dyuthi,Arial;text-align:center;color:white;cursor:pointer;
  background:#8E68D1;font-weight:bold;width:300px;border-radius:10px; background:#7346BD;
}
.txt_acc_vl:hover {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Dyuthi,Arial;text-align:center;color:white;cursor:pointer;
  background:#5C2AAD;font-weight:bold;width:300px;border-radius:10px;
}


.accueil_a {font-size:20px;margin-right:25px;margin-left:25px;margin-top:5px;padding:10px;font-family:'Comic Sans MS',Arial;text-align:center;color:#004080;
  background:#e2f8ff;font-weight:bold;width:300px;
  border-radius:10px;
}
.accueil_a:hover {background:#e2f8dd;color:#0000FF;cursor:pointer;width:300px;}



/* generiques *****************/
.clear {
	clear: both;
}
.current {
	display: block;
}
.ghost {
	display: none;
}
.mtop30 {margin-top:30px;}
.mtop50 {margin-top:50px;}
.mbtm10 {margin-bottom:10px;}

table.msg {margin-top:100px;border-collapse:collapse;border:1px solid darkgrey; background:#E6E6FA;font: bold 16px "Comic Sans MS", Verdana, Arial, sans-serif ;}
td.msgbk    {padding:10px;color:black;}
td.msgrd    {padding:10px;color:red;background:#DCDCDC;}
td.msgwh     {padding:10px;color:black;background:white;}
td.msggr    {padding:10px;color:green;background:#DCDCDC;}  

th.titre  {background-color:lightgrey;}
td.we  {background-color:lightgrey;}
td.ajd {background-color:lightyellow;}
td.jr,th.jr  {background-color:white;}
td.vide{background-color:white; width:20px;}

td.ind {font-size:14px;font-family:'Comic Sans MS'; font-weight:bold; color:#0000CC;margin-bottom:10px;margin-top:8px;margin-left:8px;margin-right:8px; background-color:#0080C0;}
th.ind {font-size:14px;font-family:'Comic Sans MS';font-weight:bold;margin-bottom:10px;margin-top:8px;margin-left:8px;margin-right:8px; background-color:#EEEEEE;}
td.ind:hover {font-size:14px;font-family:'Comic Sans MS'; font-weight:bold; color:#0000CC;margin-bottom:10px;margin-top:8px;margin-left:8px;margin-right:8px; background-color:#C8FFFF;}

.interv {background-color:#C44DFF; padding: 5px;border-radius:6px;}
.conges {background-color:sandybrown; padding: 5px;border-radius:6px;}
.sautligne {background-color:white;height:1px;}


.msg2{background:#75b0f8;border-radius:10px;color:black;font-weight:bold;padding:5px;margin-bottom:20px;width:400px;height:25px;}


/* boutons *****************/
input.btnvert{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 0px;
	font: normal 13px "Comic Sans MS", Verdana, Arial, sans-serif; font-weight:bold;
	color:green;
  font-weight:bold;
  background: #DCDCDC;
  width:120px;
  height:40px;
}
input.btnrouge{
  margin-top: 20px;
  margin-bottom: 0px;
  padding-top: 0px;
	font: normal 13px "Comic Sans MS", Verdana, Arial, sans-serif; font-weight:bold;
	color:red;
  font-weight:bold;
  background: #DCDCDC;
  width:120px;
  height:40px;
}