/*******************************************************/
/***** CSS SITE *****/
/*******************************************************/
body, p, table, td, select, input, textarea{font-family: Tahoma,Arial,Verdana,Geneva,Helvetica,sans-serif; font-size: 11px; color: #231F20;}

body{margin:0px; padding:0px; text-align:center; background:#FFFFFF;}


a{text-decoration: underline; color:#0067b6;}
a:hover{text-decoration: none; color:#0067b6;}


form{margin: 0px; padding: 0px;}

p{margin-top:0px;}










/***************************************/
/** CONTENEURS **/
/***************************************/
#conteneur{
	width: 955px;
	margin: 0px auto;
}










/***************************************/
/** HEADER **/
/***************************************/
#header{
	width: 955px;
	height: 198px;
	background: #ffffff url(images/interface/header_fond.jpg) no-repeat;
}

#header_villes{
	float: left;
	padding: 130px 0 0 44px;
	height: 25px;
}

#header_slogan{
	float: left;
	padding: 105px 0 0 90px;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif; font-size: 18px;
}

#header_slogan b{
	font-weight: bold;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif; font-size: 18px;
}

#header_music{
	float: right;
	text-align: left;
	padding: 15px 0 0 0;
}






/***************************************/
/** FOOTER **/
/***************************************/
#footer{height: 129px;}

.footer{	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #CFC4AE;}
a.footer{text-decoration: none; color:#CFC4AE;}
a.footer:hover{text-decoration: underline; color:#CFC4AE;}


#footer #footer_copyright{
	float: left;
	text-align: left;
	padding: 95px 0 0 149px;
}

#footer #footer_top{
	float: right;
	width: 215px;
	text-align: left;
	padding: 31px 0px 0 0;
}

#footer #footer_mentions{
	float: left;
	width: 380px;
	text-align: right;
	padding: 60px 0px 0 0;
}

#footer_camion{
	height: 82px;
	background: #ffffff;
}










/***************************************/
/** MILIEU **/
/***************************************/
#milieu{
	height: auto !important;
	height: 380px;
	min-height: 380px;
	background: #ffffff url(images/interface/milieu_fond.gif) bottom left no-repeat;
}

#bloc_G{
	float:left;
	width: 221px;
	text-align: left;
	height: auto !important;
	height: 222px;
	min-height: 222px;
	text-align: left;
	vertical-align: top;
}

#bloc_D{
	float: left;
	width: 709px;
	text-align: left;
	/*background: Fuchsia;*/
}










/***************************************/
/** NOTES **/
/***************************************/
.note{font-size: 9px; color: #0066B3; line-height: 18px;}
a.note{color: #0066B3; text-decoration: none;}
a.note:hover{text-decoration: underline;}








/***** RESTE ****/
hr.ligne{
	border-top: 1px solid #ffffff;
	border-bottom:1px dashed #cccccc;
}
.clear{clear: both;}
.clear_XL{clear: both; height: 20px;}
.clear_XXL{clear: both; height: 55px;}

.titre{text-align: right; padding-bottom: 15px;}
.titre_site{color: #0056A0;font-weight: bold;}
.titre_site_XL{font-size:15px; color: #0056A0;font-weight: bold;}

.champ_site, select.champ_site{border: solid 1px #747E7C; width : 250px;}
.champ_site0{border: solid 1px #747E7C;}
.champ_site1{border: solid 1px #747E7C; width : 80px;}
.champ_site2{border: solid 1px #747E7C; width : 250px; height: 50px;}
.champ_site3{border: solid 1px #747E7C; width : 450px; height: 50px;}
.champ_site4{border: solid 1px #747E7C; width : 100px;}

.pdf{
	background: url(images/interface/pdf.gif) no-repeat;
	padding: 2px 0 5px 20px;
	line-height: 20px;
}

.alerte{
	border: 1px dashed #DB0704;
	background: #F3F0EB;
	padding: 10px;
	color:#DB0704;
	font-weight: bold;
	text-align: center;
}

.alerte2{color:#ff0000;	font-weight: bold;}

#video_zone{
	width: 327px;
	height: 223px;
	border: solid 1px #4d5362;
	background: #ffffff url(images/interface/video_load.gif) no-repeat 50%;
}



#tab_ligne table{border:1px solid #cccccc;}
#tab_ligne td{	border-bottom:1px dashed #cccccc;}