/* CSS Document */
body{
	background-image: url(images/fond_gris.jpg);
	background-repeat: repeat-x;
	text-align: left;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#215093;
	text-decoration: none;
	/*pour ne pas avoir de marge en haut et en bas du bloc général*/
	margin-top: 0px; margin-left: 0px;
}



.fon{
	width:754px; 
	border:0px;
	position: absolute;
	margin-top:-4px;
	margin-left: -4px;
	background-color: White;
	background-repeat: repeat-y;

}


div.container {
	position: relative;
	margin: 0 auto;
	width: 710px;	
	text-align: left;
}

ul#menu
{
	margin: 0 ;
	padding: 0 ;
	padding-left : 0; 
	list-style-type: none ;
	font-family: Helvetica, Arial sans-serif ;
	font-weight: bold;
	font-size: 12px;
	color: White;
	float: left;
	letter-spacing: 0px;
	
/* Suppression du margin, du padding et des puces du <ul> */
}

ul#menu li
{
	margin: 0 0 0px 0 ;
	padding: 0 ;/* Suppression du padding du <li> et on définit une marge basse de 2px pour aérer le tout */
}

ul#menu li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 160px ;
	line-height: 30px ;
	color: #FFFFFF ;
	text-indent: 40px ; /* On décale le texte de 35px du bord gauche */

	text-decoration: none ;
	background: url(images/sous_menu_new.jpg) no-repeat 0 0 ;/* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border: 0px ;
}

ul#menu li a:hover
{
	background:url(images/sous_menu_roll.jpg) no-repeat 0 0px ; 
	border: 0px ;
}


#table_tout {
	width: 100%;

}

.bando{
	/*background-image: url(images/bando_coup.jpg);*/
	width: 754px;
	height: 217px;
	
}

.menu{
	float: left;
	display: inline;
	margin-top:-4px;
	text-decoration: none;
	border: 0px;	
}

.menu_1{
	text-decoration: none;
	border: 0px;
	background-image:url(images/img_1.jpg);
	width: 119px;
	height: 45px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #215093;
}

.menu_2{
	text-decoration: none;
	border: 0px;
	background-image:url(images/img_2.jpg);
	width: 89px;
	height: 45px;
	float: left;
	font-family:  Arial, Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #215093;
}

.menu_3{
	text-decoration: none;
	border: 0px;
	background-color: #F8AC09;
	width: 78px;
	height: 45px;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #215093;
}


.menu_4{
	text-decoration: none;
	border: 0px;
	background-color: #F8AC09;
	width: 117px;
	height: 45px;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #215093;
}


.menu_5{
	text-decoration: none;
	border: 0px;
	background-color: #F8AC09;
	width: 77px;
	height: 45px;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #215093;
}


.menu_6{
	text-decoration: none;
	border: 0px;
	background-color: #F8AC09;
	width: 164px;
	height: 45px;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #215093;
}


.menu_7{
	text-decoration: none;
	border: 0px;
	background-image:url(images/img_7.jpg);
	width: 110px;
	height: 45px;
	float: left;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #215093;
}


.center{
	float: left;
	margin-top: 35px;
	margin-left: 15px;
	display: inline;
}

#gauche{
	float: left;
	width: 158px;
	
}



#droite2{
	float: left;
	width: 580px; 
	
	
}

#droite3{
	float: left;
	width: 530px; 
	
	
}

.esp{
	line-height: 19px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#215093;
	text-decoration: none;
}

.esp_ref{
	line-height: 15px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#215093;
	text-decoration: none;
}

.text_orange{
	color: #F99206;
	line-height: 23px;
	text-decoration: none;
}

.text_plus{
	color:#6986A3;
	line-height: 20px;
	text-decoration: none;
	border: 0px;
}

.text_bleu{
	color:#215093;
	text-decoration: none;
	border: 0px;
	font-size: 10px;
}

.text_sombre{
	line-height: 19px;
	font-family:  Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#215093;
	text-decoration: none;
}



#cadre{
	width: 150px;
	float: left;
	padding-left: 30px;
	display: inline;
}

a.sous_menu1 {text-decoration: none;
	background-image: url(images/sous_menu1.jpg);
	width:157px;
	height: 28px;
	float: left;
	
	}
	
a.sous_menu1:hover{
	text-decoration: none;
	background-image: url(images/sous_menu_roll1.jpg);
	
	}
	
a.sous_menu2 {text-decoration: none;
	background-image: url(images/sous_menu2.jpg);
	width:157px;
	height: 26px;
	float: left;
	}
	
a.sous_menu2:hover{
	text-decoration: none;
	background-image: url(images/sous_menu_roll2.jpg);
	
	}
	
a.sous_menu3 {text-decoration: none;
	background-image: url(images/sous_menu3.jpg);
	width:157px;
	height: 28px;
	float: left;
	}
	
a.sous_menu3:hover{
	text-decoration: none;
	background-image: url(images/sous_menu_roll3.jpg);
	
	}
	
a.sous_menu4 {text-decoration: none;
	background-image: url(images/sous_menu4.jpg);
	width:157px;
	height: 30px;
	float: left;
	}
	
a.sous_menu4:hover{
	text-decoration: none;
	background-image: url(images/sous_menu_roll4.jpg);
	
	}
	
	
.haut{

	border-right:1px;
	border-color: #215093;
	border-bottom:1px ;
	border-bottom-style: solid;
	border-right-style: solid;
}

.haut2{
	border-color: #215093;
	border-bottom:1px ;
	border-bottom-style: solid;
	
	
}

.droi{

	border-right:1px;
	border-color: #215093;
	border-right-style: solid;
}

.line{
	width: 8px;
	font-size:10px;
}

.cham{
	font-size:10px;
	height: 13px;
	margin-bottom:2px; 
	
}

.cham2{
	font-size:10px;
	height: 130px;
	width: 281px;
}

#form{
	float: left;
	margin-left: 25px;
}

.er{
	color: red;
}

.titre{
	text-decoration: none;
	border: 0px;
	width: 158px;
	height: 44px;
	float: left;
	font-family:  Helvetica, Arial, sans-serif;	
	font-size: 22px;
	color: #215093;
	line-height: 45px;
	letter-spacing: 1px;
}

.titre_bis{
	text-decoration: none;
	border: 0px;
	width: 158px;
	height: 44px;
	float: left;
	font-family:  Helvetica, Arial, sans-serif;	
	font-size: 22px;
	color: #215093;
	letter-spacing: 1px;
}


.titre2{
	text-decoration: none;
	border: 0px;
	width: 530px;
	height: 44px;
	float: left;
	font-family:  Helvetica, Arial, sans-serif;	
	font-size: 25px;
	color: #215093;
	font-weight: bold;
}

.titre3{
	
	font-family:  Helvetica, Arial, sans-serif;	
	font-size: 25px;
	color: #215093;
	font-weight: bold;
	line-height: 43px;
}

.titre4{
	
	font-family:  Helvetica, Arial, sans-serif;	
	font-size: 14px;
	color: #F99206;
	font-weight: bold;
}

.titre5{
	
	font-family:  Helvetica, Arial, sans-serif;	
	font-size: 17px;
	font-weight: bold;
	float: left;
}

#accueil{
	background-image: url(images/img_10.jpg);
	background-repeat: no-repeat;
	width: 420px;
	height: 370px;
	float: left;
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 17px;
	color: #215093;
	line-height: 21px;
	text-align: justify;
	padding-top: 35px;
	padding-left: 80px;
	margin-bottom: 25px;

}

#accueil2{
	background-image: url(images/img_10bis.jpg);
	background-repeat: no-repeat;
	width: 430px;
	height: 100%;
	float: left;
	font-family: Helvetica, Arial, sans-serif;	
	font-size: 12px;
	color: #215093;
	line-height: 21px;
	text-align: justify;
	padding-top: 35px;
	padding-left: 60px;

}

h1{
	font-family:  Helvetica, Arial, sans-serif;	
	font-size: 13px;
	font-weight: bold;
}
.ref {
	display: none;
}