body{
   font-family: Arial, sans-serif;
   font-size: 12px;
   text-align:center;
   margin : 0;
   padding : 0;
   background-color : #19292a;
}
.main{
   text-align:center;
   margin-left : auto;
   margin-right : auto;
   padding : 0;
   width : 900px;
   background-color : #19292a;
   text-align:left;
   margin-top : 5px;
}
.in_main{
   margin : 0;
   padding : 0;
   margin-left : 50px;
   width : 800px;
   background-color : #b2b2b2;
}

.header{
	width : 800px;
	height : 200px;
	padding : 0;
	margin : 0;
	background-image : url(IMG/banniere.gif);
	color : #FFFFFF;
	font-size : 16px;
}
.header h1{
	font-size : 30px;
}
/***************************************************************/
.gauche{
	float : left;
	width : 200px;
}
.gauche ul{
	list-style-type : none;
    padding : 10px;
    margin : 0;
}
.gauche li{
	list-style-type : none;
    padding : 0;
    margin : 0;
}
.gauche li a {
    display : block;
    font-family : Arial;
    font-size : 12px;
	text-decoration: none;
	color: #FFFFFF;
	background: #405d5f;
    padding : 3px;
    margin : 0;
    margin-top : 3px;
    border : 1px solid #333333;
}

.gauche li a:hover {
	color : #b5ffff;
}


.gauche .bouton_mylivio {
    padding : 0px;
    margin : 3px;
    margin-top : 0px;
    border : 1px solid #333333;

}

/***********************************************************/
.droite{
	float : left;
	width : 560px;
	margin-top : 10px;
}

.droite h1{
	font-size: 16px;
	color: #FFFFFF;
	background: #405d5f;
    padding : 4px;
    border : 1px solid #333333;
	    font-family : Arial;
}

.droite_menu{
	margin-left : 100px;
}

.droite_menu a {
	text-decoration: none;
	color: #FFFFFF;
}
	 
.droite_menu a:hover {
	color : #b5ffff;
}

.droite_textes{
	margin-left : 20px;
}
h2{
	font-size: 14px;
	border-bottom : 1px solid #333333;
	padding-left : 5px;
	padding-right : 5px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : #405d5f;
	
}
.footer{
    text-align : center;
    border-top : 1px solid #333333;
    background-color : #344445;
}
.footer a{
    font-family : Arial;
    font-size : 10px;
	text-decoration: none;
	color: #FFFFFF;
}
	 
.footer a:hover {
	color : #b5ffff;
}
.hautdepage {
    float: right;
    font-family : Arial;
    font-size : 10px;
	text-decoration: none;
	color: #FFFFFF;
	background: #405d5f;
    padding : 2px;
    margin : 0;
    border-bottom : 1px solid #333333;
    border-left : 1px solid #333333;
    border-right : 1px solid #333333;
}
	 
.hautdepage:hover {
	color : #b5ffff;
}


.recherche {
	list-style-type : none;
	text-align : center;
	background-color: #B3B3B3;
	border : 0px solid #ffffff;
	padding-top : 0px;
	padding-left : 4px;
	padding-right : 4px;
	padding-bottom : 0px;
	margin-top : 4px;
	margin-left : 4px;
	margin-right : 4px;
	margin-bottom : 4px;
	color: #405d5f;
}