*{
	margin:0;
	padding:0;
}
BODY{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
sub{
	font-size:0.8em;
}
a{
	
	text-decoration:underline;
	color:#d22033;
}
a:hover{
	text-decoration:none;
}
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;
}
/* -------------- banner --------------- */

div.lang {
float:right;
color:#8fb3c5;
	text-transform:uppercase;
	
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
}
.lang a:link, .lang a:visited {
	color:#8fb3c5;

	text-decoration:none;
	
}
.lang a:hover, .lang a:active  {
	color:#d61e38;
	}

/* MENU */
#menu1{
	background:url('../img/menu1_fr.jpg') transparent no-repeat;
}
.menu{
	border-bottom:1px solid #bdd3de;
	border-top:1px solid #bdd3de;
	padding-top:6px;
	padding-bottom:5px;
	height:40px;
}
.menu ul{
	list-style:none;
}
.menu li{
	float:left;
	padding:12px 15px;
}

.menu a:link, .menu a:visited {
	color:#8fb3c5;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif !important;
}
.menu a:hover, .menu a:active  {
	color:#d61e38;
	}
/* -------------------------------------- */

/* LEFT CONTENT */
.left_content{
	width:630px;
	position:relative;
	background-color:#FFFFFF;
	padding-top: 20px;
}

.left_content .right_column{
	width:165px;
	float:left;
	margin-top:46px;
}	
.left_content .main_text{
	margin-top:36px;
	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 h2{
	font-size:13px;
	color:#d22033;
	text-transform:uppercase;
	margin-bottom:10px;
}
.left_content h3{
	font-size:13px;
}
.left_content h4{
	font-size:12px;
}
.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_img{
	float:right;
	width:172px;
	padding-top:100px;
	margin-top:15px;
	margin-bottom:8px;
}
.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:5px 0px 0 0; 
	clear:both;
}
.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;

}
#form_zone input{

	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

#form_zone label{
	font-weight:bold;
	margin-top:5px;
	padding-bottom:5px;
}

img#loading{
	display:block;
	margin:0 auto;
}
#status{
	text-align:center;
	font-weight:bold;
}
.left_content {
	margin-top:20px;
}
.left_content h1{
	font-size:24px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;

}
.left_content .up{
	padding-top:0px;
	margin-top:0;
	font-size:26px;
}


.left_content .plus, .left_content .plus2{
	text-transform:uppercase;
	font-size:20px;
	font-weight:bold;
	color:#bdd3de;
	margin-top:10px;
	text-align:right;
	margin-right:10px;
}
.left_content .plus2{
	font-size:14px;
	margin-top:0px;
}
.left_content .plus a, .left_content .plus2 a{
	color:#bdd3de;
}
.left_content .plus a:hover, .left_content .plus2 a:hover{
	color:#d22033;
	text-decoration:none;
}
.left_content .attention{
	margin-top:15px;
	background-color:#BDD3DE;
	font-size:11px;
	padding:4px;
	margin-left:10px;
	margin-right:10px;

}
.left_content .attention p{
	font-size:11px;
	text-align:left;
}
.left_content .attention h1{
	font-size:11px;
	color:#d22033;
	font-weight:bold;
	text-transform:uppercase;
	text-align:left;
	margin-top:0;
	padding-top:4px;
	
}
label {
	font-weight:bold;}
input.button {
background-color:#BDD3DE;
padding:3px 10px;
border:2px outset #6699CC !important;
border-top:#d7e8f0 !important;
border-left:#d7e8f0 !important;}
input.buttonConfirmer {
	background-color:#BDD3DE;
	padding:3px 10px;
	border:2px outset #6699CC !important;
	border-top:#d7e8f0 !important;
	border-left:#d7e8f0 !important;
	font-weight:bold;
}
.message {
color:#9f1f2c;}
th {
text-align:left;
background-color:#bdd3de;
padding:3px;
}
tr {
vertical-align:top;}
