html,body { font-family:Helvetica, Verdana, Arial, sans-serif; font-size:10px; background:#ddd; margin:0; padding:0; border:0; width:100%; height:100%; background:url(../images/fond.jpg) repeat; }
#centreur { width:100%; height:100%; }
#container { width:740px; margin:0 auto; font-size:10px; background:#fff; height:100%; }
img { border:0; }
#titre { text-align:left; padding:5px; }
#quiz_link {
	padding: 10px 5px;
	text-align: left;
	font-size: 10pt;
}
#quiz_link a, #titre a  {
	color: #C32428;
}
.red { color: #C32428; }
div.spacer { height:30px; }
#toolbar { width:100%; background:#ddd; font-size:10px; background:#fff; }
table { width:100%; font-size:10px; border-collapse:collapse; }
.asterisque { font-size:12px; font-weight:bold; color:red; }
.anim { /*width:100%*/width:740px; background:#fff; }
.anim th { border:1px solid #999; height:25px; font-size:10px; font-weight:bold; background:url(../images/small.gif) no-repeat #ddd; cursor:pointer; background-position:center left; }
.anim th.fonc { background:#ddd; }
.anim td { border:1px solid #999; font-size:10px; font-weight:normal; height:25px; border-collapse:collapse; line-height:16px; }
.anim td.passe { background:#ccc; color:#999; }
.anim td.present { color:#333; background:#ffc6c; }
.anim td.valider { background-color:#d6ffda; }
#loginContainer { width:300px; background:#eee; border:1px solid #ddd; padding:10px; margin:30px auto; }
#loginContainer .titre { font-size:12px; font-weight:bold; }
#loginContainer .loginbox,#loginContainer .passwordbox { font-size:12px; width:200px; }
#loginContainer #retourlogin { width:100%; padding:5px; background:#fc0; border:red; color:red; }
.mini { font-size:9px; padding-right:4px; color:#999; }
.anim td.aucune { text-align: center; color:#999; font-size: 9px; }

/* TABLESORTER */
th.headerSortUp { background-image:url(../images/asc.gif); background-color:#A8CFF0; }
th.headerSortDown { background-image:url(../images/desc.gif); background-color:#A8CFF0; }
#ajaxresultat { display:none; width:400px; background:#FFF6C8; margin:0 0 10px; padding:5px; border:1px solid #999; font-size:11px; }
#toolAnimaction { text-align:left; width:718px; background:#eee; border:1px solid #ccc; border-top:0; padding:10px; }
#ToolsToggler { text-align:left; width:718px; background:#eee; border:1px solid #ccc; height:15px; padding:10px; }
#toolAnimaction #nb { width:40px; }
#toolAnimaction input:[type=button] { height:15px; width:70px; background:black; color:white; border:white; }
.selection { width:100px; }
.val { width:150px; }
a.mainlevel:link,a.mainlevel:visited { display:block; background:url(../images/menu_bg.png) no-repeat; vertical-align:middle; text-indent:18px; font-size:11px; font-weight:bold; color:#ffffff; text-align:left; padding-top:5px; 
/*padding-left: 5px;*/
height:19px!important; height:24px; width:140px; text-decoration:none; }
a.mainlevel:hover { background-position:0 -25px; text-decoration:none; color:#B61F14; }



.bouton { width:130px; height:25px; background:#ccc; text-align:center; font-size:11px; font-weight:bold; cursor:pointer; border:1px solid #999; line-height:25px; }

.doc_pdf { width:390px; text-align:left; border:1px solid #c32428; padding: 8px;}
.doc_pdf span { width:374px; height:25px; background:#fff; text-align:left; font-size:12px; font-weight:bold; line-height:12px; color: #000000; display: block;}
.doc_pdf a { width:150px; height:25px; background:#fff; text-align:left; font-size:11px; font-weight:normal; cursor:pointer; padding:0 0 0 25px; line-height:25px; background: url(../images/pdf.gif) top left no-repeat; color: #c32428; text-decoration: none; display: block;}
.doc_pdf a:hover { color: #000000; text-decoration: underline; }

/* TABLEAU DES COMMANDES */
.titreTable{ font-size: 11px; text-align: left; padding-left: 5px;}
.btoptions {
	height:20px;
}
.btoptions div {
	margin-left: 10px;
}
.btoptions div.bt_download { text-align:left;   color: #0F9600; background: url(../images/excel.gif) no-repeat 5px 50% #ccc; padding-left: 30px; padding-right: 10px; width:170px; float:right; }

.btoptions div.new_commande {  text-align:left;  color: #B61F14; padding-left: 30px; padding-right: 10px; background: url(../images/plus.gif) no-repeat 5px 50% #ccc; width:170px;float:right;}







#commande { width:100%; background:#fff; }
#commande th { border:1px solid #999; height:25px; font-size:10px; font-weight:bold; background:#ddd; cursor:pointer; background-position:center left; }
#commande td { border:1px solid #999; font-size:10px; font-weight:normal; height:25px; border-collapse:collapse; line-height:16px; }
#commande td.cstatut, #commande th.cstatut { width:60px; text-align:center;  }
#commande td.cdatedebut, #commande td.cdatefin, #commande th.cdatedebut, #commande th.cdatefin { width:70px; text-align:center; }
#commande td.cnbj, #commande th.cnbj { width:30px; text-align:center; }
#commande td.csociete, #commande th.csociete  { width:110px; text-align:center; }
#commande td.ccp, #commande th.ccp { width:35px; text-align:center; }
#commande td.infos, #commande th.infos { width:32px; text-align:center;  }
#commande td.aucune { text-align: center; color:#999; font-size: 9px;}
#commande td.infos {background: url(../images/info.gif) 50% 50% no-repeat; cursor: pointer;}
#commande td.infos .infocontent { display : none; }

/*

position fixed pour IE6
* html #help { 
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

*/

#maskRequete {
	display: none;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #000;
	z-index: 9;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
	opacity:0.8;
	cursor: pointer;
}

#panelRequete {
	position:absolute;
	top:50%;
	left:50%;
	width:740px;
	height:350px;
	margin-left:-370px;
	margin-top:-150px;
	background:#fff;
	z-index: 10;
	display:none;
}
#panelRequete .content {
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#panelRequete .content .titre {
	padding:5px 0px 0px 5px;
	font-size: 11px;
	margin-bottom: 10px;
}

#panelRequete .content .info {
	padding:5px 5px 0px 5px;
	font-size: 11px;
	margin-bottom: 20px;
}

#panelRequete .content .criteres{
	padding:5px 20px 0px 20px;
	font-size: 11px;
	width: 700px;
}

#panelRequete .content .criteres div{
	float:left;
}
#panelRequete .content .criteres .libelles{
	width: 170px;
}

#panelRequete .content .criteres .libelles div{
	clear: both;
	height:20px;
	line-height: 20px;
	margin-bottom:15px;
}
#panelRequete .content .criteres .operateur{width: 130px;height:20px;}
#panelRequete .content .criteres .operateur div {clear: both;width: 100%;height:20px;}
#panelRequete .content .criteres .operateur div select{width: 95%;}

#panelRequete .content .criteres .criteres1{/*width: 200px;*/}
#panelRequete .content .criteres .criteres1 div{clear: both;width: 100%;height:20px;}
#panelRequete .content .criteres .criteres1 div input{width: 95%; text-transform: uppercase;}



#fondbloc {
width:738px;
height:100px;
	border-left: 1px solid #999;
 	border-right: 1px solid #999;
 	border-bottom: 1px solid #999;
}

#mask_message_info {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #000;
	z-index: 9;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
	opacity:0.8;
}
#message_info {
	background: #fff;
	position:absolute;
	top:50%;
	left:50%;
	width:720px;
	margin-left:-370px;
	margin-top:-250px;
	z-index: 10;
	padding:10px;
}
#mask_message_info_contrat {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #000;
	z-index: 9;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
	opacity:0.8;
}
#message_info_contrat {
	background: #fff;
	position:absolute;
	top:50%;
	left:50%;
	width:720px;
	margin-left:-370px;
	margin-top:-250px;
	z-index: 10;
	padding:10px;
}
#mask_message_info_cr {
	display: block;
	position: absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: #000;
	z-index: 9;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	filter:alpha(opacity=80);
	opacity:0.8;
}
#message_info_cr {
	background: #fff;
	position:absolute;
	top:50%;
	left:50%;
	width:720px;
	margin-left:-370px;
	margin-top:-250px;
	z-index: 10;
	padding:10px;
}




#bulleinfo {
	position : absolute;
	display:none;
	top: 100px;
	left:50px;
	color: #727272;
	background: #ffdfae;
	width:300px;
	
	padding:7px;
	border:1px solid #888;
}