@charset "utf-8";
/* CSS Document */

BODY{
	scrollbar-highlight-color: #333333;
	scrollbar-3dlight-color: #000000;
	scrollbar-arrow-color: #CCCCCC;
	scrollbar-face-color: #000000;
	scrollbar-track-color: #333333;
	scrollbar-shadow-color: #000000;
	scrollbar-darkshadow-color: #000000;
	background-color:#111111;
	background-image:url('../images/bg_repeat.jpg');
	background-repeat:repeat-x;
	color:#FCFCFC;
	font-family:Verdana, serif;
	font-size:11px;
	/*overflow:hidden;*/
}
FORM{
	padding:0px;
	margin:0px;
}
DIV{
	position:relative;
}
INPUT, TEXTAREA, SELECT{
	width:165px;
	border:1px #535353 solid;
	background-color:#FFFFFF;
	margin-bottom:3px;
	font-family:Arial, serif;
	font-size:9pt;
	padding:2px;
	color:#535353;
}
INPUT.radio{
	width:20px;
	background-color:none;
}
INPUT.btn{
	font-family:Verdana;
	font-size:11px;
	width:auto;
	color:#000000;
	font-weight:bold;
	cursor:pointer;
}
INPUT.btn:hover{
	color:#FFFFFF;
}
FIELDSET{
	background-color:#111111;
	margin:20px 0px 0px 70px;
	border-style:solid;
	border-width:5px;
	padding:40px;
	width:445px;
}
FIELDSET.step{
	border-color:#3f9d7d; 
	width:580px;
	margin:20px 10px 0px 5px;
	text-align:center; 
	padding:30px 20px 20px 20px;
	text-align:justify;
}
FIELDSET.infos{
	border-color:#4871b9; 
	width:625px; 
	margin:20px 10px 0px 5px;
	text-align:center; 
	padding:30px 20px 20px 20px;
}
LEGEND{
	position:absolute;
	width:300px;
	text-align:right;
    top:12px;
	right:105px;
	font-size:20pt;
	font-weight:normal;
	font-family:Myriad Pro;
	letter-spacing:-1px;
}
/*------------------ LAYOUT ----------------------*/

#divAll{
	background-image:url('../images/bg_repeat_bottom.jpg');
	background-position:bottom center;
	background-repeat:repeat-x;
}
#divCentre{
	width:939px;
}
#divHeader{
	padding:0px;
	background-color:#000000;
	clear:both;
}
#divImgHeader{
	border:0px; 
	margin:0px;
	background-image:url('../images/header.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:block;
	width:939px;
	height:147px;
}
#divContent{
	width:919px;
	min-height:650px;
	position:relative;
	padding:50px 0px 0px 20px;
	background-color:#000000;
	clear:both;
	float:left;
	z-index:8;
}
#divLeftPan{
	vertical-align:top;
	width:190px;
	float:left;
	padding:0px;
	z-index:10;
}
#divContentScroll{
	font-family:Arial, Helvetica, sans-serif; 
	font-size:12px; 
	line-height:17px;
	text-align:justify;
	margin:0px 0px 50px 20px;
	z-index:10;

	position:relative;
	width:690px;
	float:left;
	overflow:none; 
}
#divContentScroll.public{
	position:relative;
	width:630px;
	float:left;
	overflow:none;
	padding:0px 30px 20px 30px;
	z-index:10;
}
#divContentScroll.private{
	position:relative;
	width:630px;
	float:left;
	overflow:none;
	padding:0px 30px 20px 0px;
	z-index:10;
}
#divContentScroll.full{
	position:relative;
	width:860px; 
	float:left; 
	padding-left:5px;
	padding:0px 30px 20px 0px;
	z-index:10;
}
#divFooter{
	background-color:#111111;
	padding-top:25px;
	position:relative;
	height:131px;
	clear:both;
	z-index:10;
}
#divMenu{
	position:absolute;
	background-color:#111111;
	height:20px;
	text-align:center;
	z-index:100;
}
#divAnimContent{
	position:relative;
	padding-top:16px;
	width:304px;
	height:315px;
	text-align:left;
	float:right;
	z-index:12;
}
#divResultPoids{
	padding:35px 0px 0px 64px; 
	width:406px; 
	height:40px; 
	background-image:url('../images/fond_result_poids.gif');
	background-repeat:no-repeat;
}
#divResultDelai{
	padding:40px 40px 0px 55px; 
	width:386px; 
	height:80px; 
	background-image:url('../images/fond_result_delais.gif'); 
	background-repeat:no-repeat;
}
.imgContent{
	float:left;
	margin-right:20px;
	border:2px #161616 solid;
}
.imgContent:hover{
	float:left;
	margin-right:20px;
	border:2px #FFFFFF solid;
}
.linkBtn{
	cursor:pointer;
	display:block;
	height:50px;
}
.separator{
	clear:both;
	display:block;
	background-image:url('../images/line_points_horiz.gif');
	background-position:center center;
	background-repeat:repeat-x;
	height:20px;
	line-height:20px;
	padding:0px;
	margin:0px;
}
.hide{
	visibility:hidden;
	height:1px;
	line-height:1px;
}
.arrondi{
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
}
.top_arrondi{
	-moz-border-radius: 18px 18px 0px 0px;
	-webkit-border-radius: 18px 18px 0px 0px;
	border-radius: 18px 18px 0px 0px;
}

.result{
	padding-left:20px;
}
/*-------------------TEXT & LINKS --------------------*/
TD{
	font-family:Arial, serif;
	font-size:9pt;
}
A:active, A:link, A:visited{
	color:#EEEEEE;
	text-decoration:underline;
}
A:hover{
	color:#FFFFFF;
	text-decoration:none;
}
BR{
	line-height:10px;
}
H1,H2,H3,H4,H5,H6
{
	margin:0px;
	padding:0px;
	display:inline;
}
H1{
	font-family:Arial, sans-serif;
	letter-spacing:0px;
	font-size:20px;
	font-weight:bold;
}
H2{
	font-family:Verdana, sans-serif;
	font-size:14px;
}
H3{

}
H4{

}
H5{

}
H6{

}
.red{
	color:#ff0000;
}

/*--------------- NEWS MODULE ------------------------*/

.divNewsTicker{
	/*background-color:#111111;*/
	position:relative;
	width:340px;
	height:292px;
	text-align:left;
	float:left;
	padding-top:30px;
	margin-right:20px;
	/*
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	*/
	background-image:url('../images/header_news.gif');
	background-position:top center;
	background-repeat:no-repeat;
	z-index:12;
}
.news_title{
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	color:#1490b9;
}

.news_date{
	font-family:Arial;
	font-size:10px;
	color:#707070;
}

.news_desc{
	font-family:Verdana;
	font-size:11px;
}
/*--------------- LEFT PANEL ------------------------*/
.divLeftPanBox{ 
	background-color:#111111;
	background-position:0px 0px; 
	background-repeat:no-repeat; 
	padding:43px 10px 10px 10px; 
	text-align:left; 
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
.divLeftPanBox ul{
	margin-top:-3px;
	margin-left:-18px;
}
.divLeftPanBox ul li{
	list-style-image: url('../images/bullet.gif');
	margin-bottom:3px;
}
.divLeftPanBox ul.private li{
	list-style-image: url('../images/bullet_private.gif');
	margin-bottom:3px;
}
.divLeftPanBox ul li a:hover, .divLeftPanBox ul li a:active, .divLeftPanBox ul li a:visited, .divLeftPanBox ul li a:link{
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana;
	font-size:11px;
}
 .divLeftPanBox ul li a.CLICKED{
	color:#FFFFFF;
	text-decoration:underline;
}

/*--------------- FOOTER LINKS ------------------------*/

#divFooter ul{
	display:block;
	float:left;
	text-align:left;
}
#divFooter ul li{
	list-style-type:none; 
	background-image: url('../images/bullet_li_footer1.gif');
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:20px;
	margin-bottom:5px;
}
#divFooter ul li a{
	font-family:Verdana;
	font-size:10px;
	color:#848484;
	font-weight:normal;
	text-decoration:none;
}
#divFooter ul li a:hover{
	color:#FFFFFF;
	font-weight:normal;
	text-decoration:underline;
}
#divFooter ul.home li{
	width:80px;
	background-image: url('../images/bullet_li_footer1.gif');
}
#divFooter ul.services li{
	width:140px;
	background-image: url('../images/bullet_li_footer2.gif');
}
#divFooter ul.qualite li{
	width:120px;
	background-image: url('../images/bullet_li_footer3.gif');
}
#divFooter ul.qui li{
	width:140px;
	background-image: url('../images/bullet_li_footer4.gif');
}
#divFooter ul.contact li{
	width:130px;
	background-image: url('../images/bullet_li_footer5.gif');
}

/*--------------- FORMS ------------------------*/

#formContact INPUT, #formContact TEXTAREA, #formContact SELECT{
	width:200px;
	border:1px #535353 solid;
	background-color:#FFFFFF;
	margin-bottom:20px;
	font-family:Verdana;
	font-size:11px;
	padding:2px;
	color:#535353;
}
FORM DL{
	position:relative;
	display:block;
	clear:both;
	height:20px
}
FORM DL.textarea{
	position:relative;
	display:block;
	clear:both;
	height:50px;
	margin-bottom:10px;
}
FORM DT {
	position:relative;
	display:block;
	float:left;
	margin:0 10px 10px 0;
	text-align:right;
	width:200px;
	font-weight:bold;
}
FORM DD {
	line-height:20px;
	margin:0 0 10px;
	-moz-margin-start:40px;
	display:block;
}
FORM LABEL {
	position:relative;
	display:block;
	font-weight:bold;
}
FORM DL.textarea LABEL {
	height:50px;
}
/*--------------- ADMIN -----------------------------*/
/*
#divContentScroll.admin{
	position:relative;
	left:100;
	width:700px;
	height:655px;
	text-align:justify;
	margin:0px 0px 0px 20px;
	overflow:none;
	z-index:10;
}
#divContentScroll.admin LEGEND{
	position:absolute;
	width:300px;
	text-align:right;
    top:25px;
	right:135px;
	font-size:20pt;
	font-weight:normal;
	font-family:Myriad Pro;
	letter-spacing:-1px;
}
*/
#formAdmin INPUT, #formAdmin TEXTAREA, #formAdmin SELECT{
	width:325px;
	border:1px #535353 solid;
	background-color:#FFFFFF;
	margin-bottom:3px;
	font-family:Arial;
	font-size:9pt;
	padding:2px;
}
#formAdmin td.calendarDateInput {
	width:100px;
	font-size:11px;
	color:#333;
}
#formAdmin select.calendarDateInput {
	width:100px;
	font-size:11px;
	letter-spacing:.06em;
}
#formAdmin input.calendarDateInput {
	width:100px;
	font-size:11px;
	letter-spacing:.06em;
}
/*--------------- PRIVATE -----------------------------*/
.private INPUT, TEXTAREA, SELECT{
	width:210px;
	border:1px #535353 solid;
	background-color:#FFFFFF;
	margin-bottom:3px;
	font-family:Arial, serif;
	font-size:9pt;
	padding:2px;
	color:#535353;
}
.colis_form INPUT, .colis_form TEXTAREA, #formAdmin .colis_form SELECT{
	width:150px;
	margin:0px;
	position:relative;
	clear:both;
}
.colis_form DD{
	width:150px;
	-moz-margin-start:100px;
	position:relative;
	float:left;
	line-height:20px;
	margin:0px;
	display:block;
}
.colis_form DT{
	width:100px;
	margin:0px 10px 10px 10px;
	text-align:left;
	position:relative;
}
.colis_form DL{
	clear:both;
	width:280px;
	position:relative;
}
.colis_box{
	width:280px;
	float:left;
	margin:0px 0px 10px 10px;
	position:relative;
}
.colis_form{
	clear:both;
	border:2px #3f9d7d solid;
	background-color:#191919;
	position:relative;
}
.colis_title{
	float:none;
	width:70px;
	line-height:18px; 
	padding-left:10px; 
	background-color:#3f9d7d; 
	border:2px #3f9d7d solid; 
	-moz-border-radius: 10px 10px 0px 0px; 
	-webkit-border-radius: 10px 10px 0px 0px; 
	border-radius: 10px 10px 0px 0px;
	font-weight:bold;
	position:relative;
}
.step_img{
	border-color:#4871b9; 
	width:580px; 
	margin-left:10px; 
	margin-right:10px; 
	text-align:center;  
	padding:30px 20px 20px 20px;
}
.divBtnStep{
	width:590px;
	padding-left:30px;
}
input.radio{
	background-color:#141414; 
	border:0px;
}
/*----------------------------------------------------*/