/* CSS Document */

/************************************** DEFINITION GENERALE ****************************************/
body {
	margin:0;
	padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.7em;
	padding-top:auto;
	padding-bottom:auto;
	color:#333333;
}
div#general {
	padding:0;
	display:block;
	width:970px;
	margin:auto auto auto auto;
	background-color:#FFFFFF;
}
/***************************************************************************************************/
/***************************************** BANDEAU DU HAUT ****************************************/
#bandeau_impression{
	display:none;
}
#entete{
	display:block;
	float:left;
	margin:0;
	padding:0 0 0px 0px;
	background-color:#FFFFFF;
}
#titre_rubrique{
	display:block;
	float:left;
	padding:0;
	margin:0;
}
#bandeau{
	padding:0;
	display:block;
	margin:0 2px 0px 3px;
	float:left;
	
}

/***************************************************************************************************/
/*****************************************    COLONNE GAUCHE  ****************************************/
#col_left{
	padding:0px 0px 0 0;
	margin:0 0 0px 0;
	display:block;
	width:147px;
	float:left;
	/*background-color:#798BBD;*/
	height:598px;
	border-bottom:2px #FFFFFF solid;
}
#menu_left{
	padding:0px 0px 0 0;
	margin:0;
	display:block;
	width:147px;
	float:left;
	background-color:#1F4163;
}
/***************************************************************************************************/
/*****************************************    CONTENT   ****************************************/
#middle{
	display:block;
	width:auto;
	margin:0;
	padding:0 0 0px 10px;
	float:left;
	height:598px;
	overflow:auto;
	scrollbar-face-color: #1F4163;
	scrollbar-shadow-color: white;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-3dlight-color: #798BBD;
	scrollbar-darkshadow-color: gray;
	scrollbar-track-color: #FFFFFF;
	scrollbar-arrow-color: #ffffff;
	background-color:#FFFFFF;
	border-right:2px #FFFFFF solid !important;
	border-right:none;
	border-bottom:2px #FFFFFF solid;
}
/************************** TOP ************************/
#top{
	display:block;
	padding:5px 0 5px 0;
	background-image:url(../images/interface/hr_contenu.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	float:left;
}
#chemin{
	display:block;
	clear:both;
	float:left;
}
#recherche{
	float:right;
	margin:0;
	padding:0;
	width:180px;
}
#recherche img{
	float:left;
	margin:0;
	padding:0;
}
#recherche .text{
	float:left;
	margin:0;
	padding:2px;
	border:#CCCCCC 1px solid;
	color:#0F4384;
	font-size:0.8em;
	height:13px;
	display:block;
}

#recherche .valide,.csc-mailform-submit, .valide{
	border:#CCCCCC 1px solid;
	background-color:#0F4384;
	color:#FFFFFF;
	margin:0;
	padding:1px;
	display:inline;
	font-size:1em;
}
/***********************************************************/
#content{
	display:block;
	margin:5px 0 0 0px;
	padding:0;
	overflow:visible;
	float:left;
	min-height:530px;
	height:auto !important;
	height:530px;
}
#chapitre{
	display:block;
	float:left;
	width:370px;
	margin:0;
	padding:0 10px 0 0;
}
#content_left{
	display:block;
	float:left;
	width:380px;
	margin:0;
	padding:0px 0 0 0;
}

#chapitre_gd{
	/*display:block;
	float:left;*/
	width:auto;
	margin:0;
	padding:0 0px 0 0;
}
#deux_col,#chapeau{
	width:auto;
	margin:0;
	padding:0 0px 0 0;
}
#gauche{
	display:block;
	float:left;
	width:285px;
	margin:0;
	padding:0px 5px 0 0;
}
#droite{
	display:block;
	float:left;
	width:285px;
	margin:0;
	padding:0px 0 0 5px;
}
#plus{
	display:block;
	float:right;
	width:195px;
	margin:0 0 0 5px;
	padding:0 0px 0 0;
}
#plus img{
	
	margin:0 0 0 0px;
	padding:0 0px 5px 0;
}
.en_savoir_plus{
	padding:0;
	margin:0 0 10px 0;
}

.csc-textpic-imagewrap{
	margin:0;
	padding:0;
}
/*********************************** ACTUALITES **********************/
.intro{
	display:block;
	margin:0 0 0px 0;
	float:left;
}

#actus .intro{
	display:block;
	clear:both;
	background-image:url(../images/interface/hr_contenu.gif);
	background-position:100% 100%;
	background-repeat:repeat-x;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	float:left;
	width:240px;
}

#actus_liste .intro{
	display:block;
	clear:both;
	background-image:url(../images/interface/hr_contenu.gif);
	background-position:100% 100%;
	background-repeat:repeat-x;
	padding:0 0 10px 0;
	margin:0 0 5px 0;
	float:left;
	width:380px;
}
#actus_liste .illustration{
	display:block;
	float:left;
	width:70px;
}
.clearer:empty{
	background-image:url(../images/interface/hr_contenu.gif);
	background-position:100% 100%;
	background-repeat:repeat-x;
	height:2px;
	width:auto;
}
#actus_liste .descript{
	display:block;
	float:left;
	
}
#actus_liste p.more{
	display:block;
	clear:both;
	
}

/***************************************************************************************************/
/*****************************************   PIED CONTENT   ****************************************/
#pied_content{
	display:block;
	background-image:url(../images/interface/hr_contenu2.gif);
	background-position:0% 0%;
	background-repeat:repeat-x;
	padding:2px 0 0 10px;
	margin:10px 0 0 0;
	clear:both;

	
}
#pied_content .envoyer{
	display:block;
	float:right;
	padding:o;
	margin:0;
	width:auto;
}
#pied_content .imprimer{
	display:block;
	float:left;
	padding:o;
	margin:0;
	width:auto;
}
/***************************************************************************************************/
/*****************************************   PIED DE PAGE   ****************************************/
#pied_de_page{
	display:block;
	background-image:url(../images/interface/hr_contenu.gif);
	background-position:0% 0%;
	background-repeat:repeat-x;
	
	padding:2px 0 0 10px;
	clear:both;
	}
#pied_de_page li a{
	font-size:1em;
}