/*******************************************************/
/***** CSS SITE *****/
/*******************************************************/
*{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

body, p, table, td, select, a, input, textarea{font-size: 14px; color: #505151;}

body{
	background: #ffffff url(images/interface/fond.jpg) top left repeat-x;
	padding:0 0 20px 0; margin: 0px;
	text-align:center;
}


a{text-decoration:underline; color:#3255a6;}
a:hover{text-decoration:none; color:#3255a6;}

a img{border:none;}

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

p{margin-top:0px;}









/***************************************/
/** CONTENEURS **/
/***************************************/
#conteneur{
	width: 955px;
	background:#ffffff url(images/interface/fond_middle.gif) top center repeat-y;
	margin: 0px auto;
	height:auto !important;
	height:250px; min-height:250px;
}










/***************************************/
/** HEADER **/
/***************************************/
#header{
	background: url(images/interface/fond_top.jpg) no-repeat;
	height:auto !important;
	height: 188px;
	min-height: 188px;
}
#header #header_link{float:left; padding:162px 0 0 0;}
#header #header_link, #header_link a{
	font-size:11px;
	font-weight:bold;
	color:#3255a6;
}
#header_link a{text-decoration:none; padding:0 7px 0 13px;}
#header_link a:hover{text-decoration:underline;}





/***************************************/
/** MILIEU **/
/***************************************/
#middle{height:auto !important; height:250px; min-height:250px; padding:27px 18px 24px 12px;}

#c_gauche{float:left; width:149px; text-align:left; height:auto !important;}

#c_gauche ul li{display:block; background:url(images/interface/fond_menu.gif) bottom left repeat-x;}
#menu a{display:block; font-size:12px; font-weight:bold; color:#3255a6; text-decoration:none; padding:4px 0px 3px 12px;}
#menu a:hover{background:#fe7d1a; color:#ffffff; text-decoration:none;}

#menu a.menu_on{background:#fe7d1a; color:#ffffff; text-decoration:none;}

.sep{background:url(images/interface/fond_menu.gif) bottom left repeat-x; height:2px; font-size:1px; display:block;}


#c_milieu{float:right; width:738px; text-align:left; height:auto !important; height:300px; min-height:300px;}





/***************************************/
/** FOOTER **/
/***************************************/
#footer{height:38px; background:#FFFFFF url(images/interface/fond_footer.gif);}

#footer_right{float:right; padding:0 19px 0 0;}
#footer_right, #footer_right a{font-size:11px; font-weight:bold; color:#faa61a; text-decoration:none;}
#footer_right a:hover{text-decoration:underline;}
#footer_right a:hover img{text-decoration:none;}

#footer_left{float:left; padding:19px 0 0 12px;}
#footer_left, #footer_left a{font-size:9px; color:#505151;}
#footer_left a{
	text-decoration:none;
	background:url(images/interface/puce_footer.gif) center left no-repeat;
	padding: 0 5px 0 7px;
}
#footer_left a:hover{text-decoration:underline;}





/***** RESTE ****/
.clear{clear:both;}
.clear_S{clear:both; height:5px;}
.clear_M{clear:both; height:10px;}
.clear_L{clear:both; height:20px;}

.titre{color:#faa61a; font-size:28px; font-weight:bold; padding-bottom:20px;}
.titre2{color:#3255a6; font-weight:bold;}
.titre_cnil{color:#ed1c24; font-weight:bold;}

.champ_site{border: solid 1px #cdcdc4; width:150px;}
.champ_site2{border:solid 1px #cdcdc4; width:100%; height:50px;}


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

.alerte{
	color:red;
	font-weight: bold;
	text-align: center;
}

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