*{
	margin:0;
	padding:0;
}
BODY{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
sub{
	font-size:0.8em;
}
a{
	text-decoration:none;
	color:#d22033;
}
a:hover{
	text-decoration:underline;
}
a img {border: none; }
.clearall{
	clear:both;
}
.wrapper{
	width:872px;
	margin:5px auto 0 auto;
	
}	
.bord_top{
	background-image:url('IMG/border_top.gif');
	background-repeat:no-repeat;
	height:15px;
	width:100%;
	}
.bord_bottom{
	background-image:url('IMG/border_bottom.gif');
	background-repeat:no-repeat;
	height:15px;
	width:100%;
}
.content_container{
	background-image:url('IMG/border_lateral.gif');
	background-repeat:repeat-y;
	
}
.inner_container{
	margin-left:30px;
	margin-right:30px;
	overflow:hidden;
}
.header{
	padding-top:14px;
}
.footer{
	text-align:right;
}
.footer img{
	vertical-align:middle;
}

/* MENU */
.menu{
	border-bottom:1px solid #bdd3de;
	border-top:1px solid #bdd3de;
	padding-top:6px;
	padding-bottom:5px;
}
.menu ul{
	list-style:none;
}
.menu li{
	float:left;
}
#menu1{
	background:url('IMG/menu1_fr.jpg') transparent no-repeat;
}
/* -------------------------------------- */

/* LEFT CONTENT */
.left_content{
	width:630px;
	position:relative;
	background-color:#FFFFFF;
	padding-top: 30px;
}
.left_content H1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	text-transform:uppercase;
	text-align:center;

}
.left_content .right_column{
	width:165px;
	float:left;
	margin-top:46px;
}	
.left_content .main_text{
	margin-top:46px;
	text-align:justify;
}


.left_content #full_width{
	width:630px;
	margin-top:30px; 
	float: left;
	padding-top:14px;
}
.left_content .main_text .inside {
	padding-left:17px;
	padding-right:17px;
}
.left_content .main_text h2{
	font-weight:bold;
	font-size:11px;
	color:#d22033;
	text-transform:uppercase;
	margin-bottom:10px;
}
.left_content .main_text .inside{
	padding-top:17px;
	padding-bottom:17px;
}
.left_content .main_text .inside p, .left_content .main_text .inside ul{
	padding-bottom:10px;
}
.left_content .main_text .inside li{
	margin-left:17px;
	padding-left:3px;
}
/* -------------------------------------- */

/* VERTICAL MENU */
.vertical_menu{
	float:right;

	width:152px;
	background-color:#bdd3de;
	text-align:center;
	padding-top:10px;
	padding-bottom:20px;
	margin-top:15px;
}
.vertical_menu h1{
	color:#FFFFFF;
	font-size:12px;
	text-transform:uppercase;
	padding-left:14px;
	padding-right:14px;	
	padding-top:4px;
	padding-bottom:12px;
	border-bottom:1px solid #FFFFFF;
	
}
.vertical_menu img{
	margin-bottom:32px;
}
.vertical_menu #header{
	border-bottom:1px solid #FFFFFF;
	margin-bottom:10px;
}
.vertical_menu #header img{
	margin-bottom:0px;
}
/* -------------------------------------- */

.gray_box_container{
	margin-left:0px;

}
.gray_box{
	display:block;
	float:left;
	background-color:#BDD3DE;

	text-transform:uppercase;
	font-weight:bold;
	padding:5px;
	margin-right:5px;
	line-height:20px;
}
#gray_box2{
	float:right;
	margin-right:0px;
}
.gray_box img{
	vertical-align:text-bottom;
}
.gray_box a{
	color:#000000;
}
.gray_box a:hover{
	color:#D22033;
	text-decoration:none;
}
.seuiljaune{
	color:#eaca00;
}
.seuilorange{
	color:#f3971a;
}
.seuilrouge{
	color:#d22033;
}

#IndicateursTable *{
	padding:0px;
}
#IndicateursTable{
	font-size:22px;
	padding:0;
	width:250px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
#IndicateursTable td{
	border-bottom:1px solid #FFFFFF;
	background-color:#bdd3de;
	padding-left:10px;
	padding-right:10px;
	width:150px;
}
#IndicateursTable .num{
	text-align:right;	
	color:red;
	width:50px;
}
#Legende1{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-style:italic;
}
#TitreTableIndicateur{
	width:300px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:bold;
}
#Legende2{
	width:400px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-style:italic;
}


#form_zone{
	border: 1px solid #999999;
	width:550px;
	padding:10px;
	margin-top:10px;
	margin-left:10px;
	margin-right:10px;
}
#form_zone input, #form_zone textarea{
	width:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
#form_zone textarea{
	height: 100px;
}
#form_zone label{
	font-weight:bold;
	margin-top:5px;
	padding-bottom:5px;
}
#form_zone #button{
	text-align:right;
}
#form_zone #btnSubmit{
	width:70px;
	border:1px solid gray;
}
img#loading{
	display:block;
	margin:0 auto;
}
#status{
	text-align:center;
	font-weight:bold;
}

label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }

table.spip{
	width:100%;
}
table.spip TD{
	vertical-align:top;

}
.spip_documents .spip_doc_titre, .spip_documents .spip_doc_descriptif{
	margin-left:auto;
	margin-right:auto;
}
.spip_documents dt{
	text-align:center;
}

/* HP --------------------------------------------------------------- */
.hidden{
	display:none;
}
.hp .vertical_menu{
	padding-bottom:0;
}
.hp .left_content {
	padding-top:18px;
}
.hp .left_content .inside{

}
.hp .left_content h1{
	font-size:38px;
	text-transform:uppercase;
	margin-top:0px;
	padding-top:120px;
}
.hp .left_content div#IndicateursTable{
	padding-top:30px;
}
.hp .left_content .up{
	padding-top:0px;
	margin-top:0;
	font-size:26px;
}
.hp .left_content h2{
	font-size:20px;
	text-align:center;
	text-transform:uppercase;	
	margin-bottom:15px;
	
}
.hp .left_content p{
	font-size:14px;
	text-align:center;
}
.hp .left_content p.plus, .left_content p.plus2{
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	color:#bdd3de;
	margin-top:10px;
	text-align:right;
	margin-right:10px;
}
.hp .left_content .plus2{
	font-size:14px;
	margin-top:0px;
}
.hp .left_content .plus a, .left_content .plus2 a{
	color:#bdd3de;
}
.hp .left_content .plus a:hover, .left_content .plus2 a:hover{
	color:#d22033;
	text-decoration:none;
}
.hp .left_content .attention{
	margin-top:15px;
	background-color:#BDD3DE;
	font-size:11px;
	padding:4px;
	margin-left:10px;
	margin-right:10px;

}
.hp .left_content .attention p{
	font-size:11px;
	text-align:left;
}
.hp .left_content .attention h1{
	font-size:11px;
	color:#d22033;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	margin-top:0;
	padding-top:4px;
}

#slider ul, #slider li{
	margin:0;
	padding:0;
	list-style:none;
	}
#slider, #slider li{ 
	width:615px;
	height:370px;
	overflow:hidden; 
	}
#slider li.slogan H1{ 
	color:#D22033;
	font-size:30px;
	margin-top:60px;
}

#controls{
	overflow:hidden;
	float:right;
	margin-right:25px;
}
#controls LI{
	display:block;
	float:left;
	border:1px solid #d22033;
	padding:4px 5px;
	margin-left:10px;
}
#controls LI.current{
	background-color:#d22033;
}
#controls LI.current a{
	color:#FFFFFF;
}