html,body{margin:0;padding:0}
body{
	font: 80% arial,sans-serif;
	background-image:url(images/motif.png);
	background-attachment:fixed;
	height: 500px;
}
p{margin:0 10px 10px;}
a{padding:5px; text-decoration:none; color:#000000; font-weight:bold; }
div#header{background-color:none;}
div#header h1{height:80px;line-height:80px;margin:0;padding-left:10px;}
div#container{text-align:left; position:fixed}
div#content p{line-height:1.4}
div#navigation{background-image: url(images/menu_droite.png); background-repeat:no-repeat;}
div#navigation ul{margin:15px 0; padding:0; list-style-type:none; margin-left: -5px; }
div#navigation li{margin-bottom:5px;}
div#extra{background:#CCC8B3;}
div#footer{background:#BFBD93;}
div#footer p{margin:0;padding:5px 10px}
div#container{width:700px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin: 0 150px}
div#navigation{
	float:right;
	width:200px;
	height:550px;
	vertical-align : top;
}
div#extra{float:left;width:150px;margin-left:-700px}
div#footer{clear:left;width:100%}
body.main  {    
background-image:url(images/fond_main.png);
background-repeat:no-repeat;
margin-left: 20px;
margin-top: 20px;
} 

li {
 font-family: Arial, sans-serif;
 font-size: 100%;
 color: black;
 list-style-type: none;
 background-position: 0 0.32em;
 padding-left: 7px;
} 


a.lien1  {    
color:#f24c64;    text-decoration:none;    font-weight:bold;
font-size:11px;
}  
  
a.lien1:hover  {    
color:#8abf41;    text-decoration:underline;    font-weight:bold; 
} 
 
a.lien2  {    
color:#f57385;    text-decoration:none;    font-weight:bold;  }  
a.lien2:hover  {    
color:#8abf41;    text-decoration:underline overline;    font-weight:bold;   }

a.lien3  {    
color:#f5e358;    text-decoration:none;    font-weight:bold;  }  
a.lien3:hover  {    
color:#8abf41;    text-decoration:underline;    font-weight:bold;   }