body{
	font-family:arial;
	font-size:11px;
	color:#000;
	background-image:url('../images/fond_body.jpg');
	background-repeat:repeat-x;
	background-color:#FFF;
	text-align:center;
}

select{
	border:1px solid #909090;
}

a{
	color:#E7252F;
}

a:hover{
	color:#F77373;
	text-decoration:none;
}

a img{
	border:none;
}

h1{
	height:20px;
	padding-top:10px;
	padding-left:35px;
	margin-top:5px;
	margin-left:5px;
	margin-right:10px;
	font-size:16px;
	font-weight:normal;
	background-image:url('../images/logo_forme.gif');
	background-repeat:no-repeat;
	border-bottom:2px solid #909090;
	color:#313B49;
	position:relative;
}

h1 span{
	position:absolute;
	right:5px;
}

h2{
	position:relative;
	padding:3px;
	font-size:14px;
	font-weight:bold;
}
h2 span{
	position:absolute;
	right:5px;
	top:0px;
}


h3{
	font-size:11px;
	font-weight:bold;
	position:relative;
}

h3 span{
	position:absolute;
	right:5px;
}

#main{
	position:relative;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:936px;
	background-color:#FFF;
	border:1px solid #313B49;
	z-index:1;
}

#footer{
	text-align:center;
	width:100%;
}

#cnx{
	background-image:url('../images/fond_connexion.jpg');
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-top:-100px;
	margin-left:-249px;
	width:498;
	height:264px;
}

#cnx p{
	margin:0px;
}

#cnx #err_cnx{
	padding:4px;
	position:absolute;
	top:20px;
	left:80px;
	width:380px;
	visibility:hidden	;
	border:1px solid #F77373;
	background-color:#FFF;
	color:#B40000;
	/*background-color:#F77373;*/
}

#cnx label{
	margin-left:25px;
	display:inline;
	float:left;
	width:90px;
	text-align:left;
}

#cnx #mail,#password{
	width:200px;
	
}
#cnx .center{
	position:absolute;
	top:110px;
	left:70px;
}

#bt_sub{
	position:absolute;
	top:170px;
	left:267px;
}
#cnx #passLost{
	position:absolute;
	top:180px;
	left:100px;
}


#pass_lost{
	display:none;background-image:url('../images/fond_connexion.jpg');
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-top:-100px;
	margin-left:-249px;
	width:498;
	height:264px;
}

#pass_lost #err_pass{
	padding:4px;
	position:absolute;
	top:20px;
	left:80px;
	width:380px;
	visibility:hidden	;
	border:1px solid #F77373;
	background-color:#FFF;
	color:#B40000;
}

#pass_lost p{
	margin:0px;
}

#pass_lost #err_cnx{
	padding:4px;
	margin-left:10px;
	margin-right:10px;
	visibility:hidden	;
	border:1px solid #F77373;
	background-color:#FFF;
	color:#B40000;
}

#pass_lost label{
	margin-left:25px;
	display:inline;
	float:left;
	width:90px;
	text-align:left;
}

#pass_lost #mail,#password{
	width:200px;
	
}
#pass_lost .center{
	position:absolute;
	top:110px;
	left:90px;
	width:300px;
}

#pass_lost #connect{
	display:none;
}

#choose_ste{
	background-image:url('../images/fond_connexion.jpg');
	background-repeat:no-repeat;
	position:relative;
	left:50%;
	margin-top:-100px;
	margin-left:-249px;
	width:498;
	height:264px;
	display:none;
	text-align:center;
}

#choose_ste p{
	margin:0px;
}

#choose_ste #err_ste{
	padding:4px;
	position:absolute;
	top:20px;
	left:80px;
	width:380px;
	visibility:hidden	;
	border:1px solid #F77373;
	background-color:#FFF;
	color:#B40000;
}

#choose_ste .center{
	position:absolute;
	top:110px;
	left:70px;
}
#choose_ste span{
	margin-left:25px;
	float:left;
}

.center{
	text-align:center;
}

#consult{
	margin-left:5px;
	margin-right:10px;
}

#consult .pagination{
	position:absolute;
	top:50px;
	left:300px;
	width:305px;
}
#consult .pagination .prec{
	position:absolute;
	top:1px;
	left:2px;
	
}
#consult .pagination .suiv{
	position:absolute;
	top:1px;
	right:3px;
}
#consult .pagination .pages{
	text-align:center;
	position:absolute;
	top:1px;
	left:75px;
	width:164px;
	overflow:auto;
}

#consult .blk_header{
	position:absolute;
	top:10px;
	left:270px;
}

#consult .header_consult{
	position:relative;
	height:88px;
	width:926px;
	background-image:url('../images/interface_a_1.gif');
	background-repeat:no-repeat;
}

#consult h2{
	background-color:#6696C7;
	color:#FFF;
}

#consult p{
	margin:0px;
}

#encours{
	font-family:arial;
	background-image:url('../images/interface_a_2.gif');
	width:925px;
}

#encours .unEncours{
	width:917px;
	margin-left:4px;
	border-bottom:1px solid #B8CEE4;
}
#encours .unEncours p{
	height:16px;
	margin-top:2px;
}

#encours .plus{
	text-decoration:none;
	border:1px solid #313B49;
	color :#313B49;
}

#encours span{
	background-color:transparent;
	display:block;
	float:left;
}
#encours div{
	clear:both;
}
#encours p{
	background-color:transparent;
	clear:both;
}

#encours .etat{
	width:20px;
	text-align:center;
}
#encours .sens{
	width:60px;
}
#encours .affect{
	width:70px;
}
#encours .date{
	width:70px;
}
#encours .date2{
	width:95px;
}
#encours .num_c{
	width:120px;
}
#encours .code_d{
	width:80px;
}
#encours .ig{
	width:20px;
}
#encours .art{
	width:100px;
}
#encours .qte{
	width:55px;
}
#encours .qteL{
	width:55px;
}

#encours .mail{
	width:17px;
}
#encours .libelle{
	width:150px;
}
#encours .num{
	width:200px;
}
#encours .comment{
	width:400px;
}
#encours .lib_left{
}
#encours .lib_left .num{
	display:inline;
	float:left;
	width:120px;
	color:#5B5E67;
	font-weight:bold;
}
#encours .lib_left .num2{
	display:inline;
	float:left;
	width:70px;
	color:#5B5E67;
	font-weight:bold;
}

#encours .lib_left .value{
	display:inline;
	float:left;
	width:100px;
	color:#000;
	font-weight:bold;
}

#mcr{
	height:450px;
	margin-left:5px;
	margin-right:10px;
	overflow:auto;
}
#mcr h3{
	border:1px solid #313B49;
	background-color:#4F87C1;
	color:#FFF;
	padding:1px;
}

#mcr #ml{
}
#mcr #ml p{
	text-decoration:justify;
	margin:5px;
}

#mcr #cp{
	text-align:center;
}

#height{
	height:100px;
	visibility:hidden;
}

.div_detail{
	margin-left:30px;
	border-bottom:1px solid #82BAF4;
}
.div_detail span{
	width:140px;
	float:left;
	display:block;
}
.div_detail p{
	clear:both;
}

#encours .detail{
	margin-left:40px;
	display:none;
	width:700px;
}

#encours .entete{
	width:917;
	margin-left:4px;
	background-image:url('../images/degrade_titre.gif');
	height:36px;
}

#encours .entete span{
	position:relative;
	top:3px;
	background:none;
	font-size:12px;
	color:#FFF;
	font-weight:bold;
}
#encours .entete_detail{
	width:870px;
}
#encours .entete_detail span{
	background:#9C9FA7;
	font-size:11px;
	color:#FFF;
	font-weight:bold;
	font-family:arial;
}

#mailToSend{
	z-index:99;
	display:none;
	width:400px;
	position:absolute;
	top:50px;
	left:50%;
	margin-left:-200px;
}

#mailToSend .mheader{
	position:relative;
	margin:0px;
	padding:0px;
	width:400px;
	height:47px;
	background-image:url('../images/interface_info1.gif');
	background-repeat:no-repeat;
}

#mailToSend .mheader p{
	color:#FFF;
	font-weight:bold;
	margin:0px;
	position:absolute;
	top:17px;
	left:25px;
}
#mailToSend .mheader span{
	position:relative;
	left:204px;
	top:6px;
}

#mailToSend .mfooter{
	position:relative;
	margin:0px;
	width:400px;
	height:15px;
	background-image:url('../images/interface_info3.gif');
	background-repeat:no-repeat;
}

#mailToSend #mailContent{
	position:relative;
	margin:0px;
	width:400px;
	background-image:url('../images/interface_info2.gif');
	background-repeat:repeat-y;
}
#mailToSend #mailContent p{
	margin-bottom:0px;
	margin-top:2px;
	margin-left:25px;
}
#mailToSend #mailContent span{
	position:relative;
	left:140px;
}

#affToSend{
	position:absolute;
	top:42px;
	right:55px;
	font-size:11px;
	font-weight:bold;
	color:#1E4A77;
}
#affMail{
	position:absolute;
	top:40px;
	right:10px;
}

#consult .footer_encour{
	position:relative;
	width:925px;
	height:70px;
	background-image:url('../images/interface_a_3b.gif');
	background-repeat:no-repeat;
}
#consult .blk_search{
	position:absolute;
	top:30px;
	left:15px;
}
#consult .blk_search_img{
	margin-top:2px;
}
#consult .blk_search_input{
	border:1px solid #909090;
	float:left;
	margin-right:4px;
}

#encours .blk_unencours{
	background-color:#CDE5FF;
	font-weight:normal;
	font-size:11px;
	font-family:arial;
	width:850px;
}

#search_reset{
	position:absolute;
	top:20px;
	left:5px;
	font-size:11px;
	font-weight:bold;
	color:#1E4A77;
}

.export{
	position:absolute;
	top:42px;
	left:5px;
}

.little_close{
	width:10px;
}

.legende{
	z-index:101;
	padding:4px;
	display:none;
	top:55px;
	left:120px;
	position:absolute;
	width:150px;
	border:1px solid #1E4A77;
	background-color:#FFF;
}
.legende p{
	margin:0px;
}
.legende ul{
	margin:0px;
	list-style-type:none;
	padding:0px;
}

.legende hr{
	border:1px dotted #1E4A77;
	height:1px;
}

#result{
	padding:5px;
	margin:20px;
	visibility:hidden;
	border:1px solid #F77373;
	background-color:#FFF;
	color:#B40000;
}

.listeAgent{
	float:right;
	list-style-type:none;
	padding:0px;
}

.lastmaj{
	margin-left:5px;
}

#log_pass{
	clear:left;
	font-size:11px;
	border-bottom:1px dotted #1E4A77;
}
#log_pass th{
	width:150px;
	background-color:#F77373;
	border:1px dotted #1E4A77;
}

.log_pass{
	display:inline;
	margin:5px;
	font-size:11px;
	border-bottom:1px dotted #1E4A77;
}
.log_pass th{
	background-color:#F77373;
	border:1px dotted #1E4A77;
}

#admin .pagination{
	position:relative;
	width:100%;
	height:30px;
}

#admin .pagination .prec{
	left:2px;
	position:absolute;
		z-index:2;
}
#admin .pagination .suiv{
	right:3px;
	position:absolute;
		z-index:2;
}
#admin .pagination .pages{
	position:absolute;
	text-align:center;
	width:100%;
	overflow:auto;
	z-index:1;
}

#admin .picto{
	width:40px;
	border:1px solid #909090;
}

#cadreGraph{
	position:absolute;
	background-image:url('../images/popup_shadow20070807.png');
	left:50%;
	top:50%;
	z-index:98;
	width:600px;
	height:423px;
	margin-left:-300px;
	margin-top:-212px;
	display:none;
}

#cadreGraph .close{
	cursor:pointer;
	position:absolute;
	top:10px;
	left:10px;
	width:28px;
	height:28px;
	background-image:url('../images/widget_close.png');
	background-repeat:no-repeat;
	z-index:99;
}

#graph_tx{
	position:relative;
	text-align:center;
	height:350px;
}
#graph_ca{
	position:relative;
	text-align:center;
	height:350px;
}

#graph_react{
	position:absolute;
	top:69px;
	left:249px;
	width:452px;
	height:227px;
	z-index:50;
}
#graph_react .month_fl{
	display:block;
	width:20px;
	height:227px;
	float:left;
	z-index:51;
}
#graph_react .month{
	display:block;
	width:41px;
	height:227px;
	float:left;
	z-index:51;
}

#graph_react .month_fl:hover{
	display:block;
	width:19px;
	height:226px;
	border:1px solid #313B49;
	background-image:url('../images/fd_select.png');
	/*opacity:.10;*/
	float:left;
	z-index:51;
}
#graph_react .month:hover{
	display:block;
	width:39px;
	height:226px;
	border:1px solid #313B49;
	background-image:url('../images/fd_select.png');
	/*opacity:.10;*/
	float:left;
	z-index:51;
}

#graph_legend{
	position:absolute;
	background-image:url("../images/bulle.gif");
	left:700px;
	top:0px;
	width:92px;
	height:44px;
	font-size:10px;
	z-index:52;
	text-align:center;
	visibility:hidden;
}
#ligne{
	position:absolute;
	margin:0px;
	top:0px;
	border-top:1px solid #E7252F;
	width:100%;
	height:0px;
	z-index:52;
	visibility:hidden;
}

#admin h2{
	background-color:#6696C7;
	color:#FFF;
}
#admin caption{
	background-color:#6696C7;
	color:#FFF;
}