body{
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align:center;
   margin : 0;
   padding : 0;
}
.main{
   text-align:center;
   margin-left : auto;
   margin-right : auto;
   padding : 0;
   width : 900px;
   background-image : url(IMG/fondu.jpg);
   text-align:left;
}
.in_main{
   margin : 0;
   padding : 0;
   margin-left : 50px;
   width : 800px;
   background-image : url(IMG/banniere.gif);
   background-repeat : no-repeat;
}

.header{
	width : 770px;
	height : 145px;
	color : #FFFFFF;
	font-size : 12px;
    margin : 0;
    padding-top : 30px;
    padding-left : 30px;
}
.header h1{
	font-size : 30px;
}
/***************************************************************/
.gauche{
	float : left;
	width : 200px;
    margin : 0;
    padding : 0;
}
.gauche ul{
list-style: none;
    margin:5px;
   padding:0;
    border: 0;
}

.gauche li{
    margin-bottom: 2px;	
}

.gauche a {
   	display: block;
   	padding: 5px 5px 5px 0.5em;
   	text-decoration: none;
	color: #FFFFFF;
    border-left : 4px solid #FFFF00;
	background: #333399;
	
}
	 
.gauche a:hover {
	background: #9e9ecf;
    color: #FFFFFF;
    border-left : 4px solid #F9F9B5;
}
/***********************************************************/
.droite{
	float : left;
	width : 590px;
    margin : 0;
    margin-top : 5px;
    padding : 0;

}

.droite h1{
    margin : 0;
    display:block;
	font-size: 16px;
	border-left : 4px solid #FFFF00;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : #FFFFFF;
	background: #333399;

}

.droite_menu{
	margin-left : 100px;
}

.droite_menu a {
	text-decoration: none;
	color: #333399;
}
	 
.droite_menu a:hover {
	font-style: italic;
    font-weight: bolder;
}

.droite_textes{
	margin-left : 20px;
}
h2{
	font-size: 14px;
	border-bottom : 1px solid #333399;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : #333399;
	
}

.footer{
    margin-top : 4px;
    border-top : 4px solid #FFFF00;
    font-size: 10px;
    padding : 10px;
    color : #FFFFFF;
    background: #333399;
}
.footer a,.footer a:hover{
    color : #FFFFFF;
}

.hautdepage{
    font-size : 10px;
    text-align :center;
    width : 80px;
    display: block;
    color : #FFFFFF;
    background : #e9e9f4;
    margin :0;
    padding : 3px;
    text-decoration : none;
}
.hautdepage:hover{
    background: #333399;
}
/***********************************************************/
.liste_vo{
	float : left;
	width : 590px;
    margin : 0;
    margin-top : 5px;
    padding : 0;

}

.liste_vo h1{
    margin : 0;
    display:block;
	font-size: 16px;
	border-left : 4px solid #FFFF00;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : #FFFFFF;
	background: #333399;

}
.liste_vo ul{
list-style: none;
    margin:5px;
   padding:0;
    border: 0;
}

.liste_vo li{
    margin-bottom: 2px;	
     display : block;
}
.list_vo img{
}
.liste_vo a {
   	display: block;
   	padding: 5px 5px 5px 0.5em;
   	text-decoration: none;
	color: #FFFFFF;
    border-left : 4px solid #FFFF00;
	background: #333399;
	
}
	 
.liste_vo a:hover {
	background: #9e9ecf;
    color: #FFFFFF;
    border-left : 4px solid #F9F9B5;
}
/***********************************************************************/
.recherche {
    margin : 0;
    padding : 0;
}
.recherche form{
    padding : 0px 20px 10px 10px;
    font-size : 11px;
    color : #333399;
}
.recherche input,.recherche select{
    font-size : 10px;
}
.recherche h3{
    font-size : 14px;
    text-align : center;
	color: #333399;
}