/* "zone-sexy" Par willorp sur www.sites-faciles.com*/


body { 
	width: 900px; 
	margin: auto; 
	background: #fff;
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	color:#fff; 
	font-size:10pt; 
	}

h1	          {width: 167px; height: 40px; color: #fff; text-decoration: none;font:14px/45px arial ;text-align:center; vertical-align: top; font-weight:bold; vertical-align: top; margin:0; padding:0;} 
h2            {width: 693px; height: 42px; color: #fff; text-decoration: none;font:14px/45px arial ;text-align:center; vertical-align: top; font-weight:bold; vertical-align: top; margin:0; padding:0;}

ul              {vertical-align: top;margin:0 0 0 0;padding:0;font: 15px Verdana;text-decoration: none;list-style: none;text-align:center;background: #bbe6f0;color:#fff;padding: 5px 0px 5px 0px;}
ul li a         {color: #000 ;font: 15px arial;text-decoration: none;text-align:center; display: block;}
ul li a:hover   {color: #e74eb4 ;font: 15px arial;text-decoration: underline;text-align:center;}	
ul li a:visited {color: #000 ;font: 15px arial;text-decoration: none;text-align:center;}	


#header {  
	height: 257px;
	background: url(images/header.jpg) no-repeat; 
	font-size: 12px;
	line-height: 475px;
	}
.barretitre   {height: 70px;
color:#000000;font: 13px Helvetica;font-weight:bold;word-spacing:40px;vertical-align:bottom;text-align:center;font-weight:bold;} 
a       {color: #000000;text-decoration: none}
a:hover {color: #e74eb4;text-decoration: none}	

#milieu {  
    overflow: hidden;
	background: url(images/milieu.jpg) repeat-y; 
	margin: 0 auto;
	}

#side {
	float: left;
	font: 13px Arial;
	margin: 0px 0px 0px 15px; 
	padding : 10px 0px 0px 0px ;
	width:167px;
	}	

#contenu   {
	float: left;
	margin-left: 10px; 
	margin-right: 10px;
	margin: 0px 0px 0px 10px; 
	padding : 10px 0px 0px 0px ;
	width: 693px;
	}	

#footer {
    font: 13px Arial;
	overflow: hidden;
	height: 32px;
	background: url(images/footer.jpg) repeat-y; 
	}

#footer p{
	text-align:center;
    margin: 0px 0px 0px 0px; 
    padding : 0px 0px 0px 0px ;
	color: #000 ;
	}
	
#footer a{
	color: #000 ;
	text-decoration: none;
	}
	
#footer a:hover{
	color: #fff ;
	text-decoration: underline;
	}

.menuhaut {
	width: 167px; 
	height: 40px; 
	background:url(images/menuhaut.png);
	}

.menubas {
	width: 167px; 
	height: 40px;
	margin:0 0 20px 0;
	background:url(images/menubas.png);
	}		
	
.menumilieu	{
	width: 167px;
	font: 13px Arial;
	text-decoration: none;
	list-style: none;
	text-align:left;
	background: #bbe6f0;
	color:#000
	}
 
.grandmenuhaut {
	width: 693px; 
	height: 42px;
	background:url(images/grandmenuhaut.png);
	}

.grandmenubas {
	width: 693px; 
	height: 42px;
	margin:0 0 20px 0; 
	background:url(images/grandmenubas.png);
	}		
	
.grandmenumilieu {
	width: 693px; 
	color: #000;
	font: 13px Arial;
	text-decoration: none;
	list-style: none;
	text-align:center;
	background: #bbe6f0;
	padding : 5px 0px 5px 0px ;
	}
	
.grandmenumilieu a{

	color: #000 ;
	text-decoration: none;
	}
	
.grandmenumilieu a:hover{
	color: #e74eb4 ;
	text-decoration: underline;
	}