html,body{margin:0;padding:0}
body{font: small verdana,arial,sans-serif;text-align:center;background:#99887a url('cadreA.jpg') repeat-y center;
}
p{margin:0 10px 10px}
a:link {color: #333;}
a:visited {color: #666;}
a:hover {color:#f00; text-decoration:none;}
a:active {color: #333; text-decoration:none;}    
h2{font: xx-large arial,sans-serif;padding-left:10px;color: #666666}
h3{font: x-large arial,sans-serif;padding-left:10px;color: #666666}
h4{font: medium arial,sans-serif;font-weight: bold;padding-left:10px;color: #666666}
div#header h1{height:80px;line-height:80px;margin:0;
  padding-left:10px;background: #EEE;color: #79B30B}
div#centrage{text-align:left}
div#content p{line-height:1.4}
div#content{background: url('PERRONNEAU1.jpg') no-repeat;}
div#gauche p{line-height:1.4}
div#gauche{background: url('portrait250.jpg') no-repeat;}
div#footer{background: #555555;color: #FFF}
div#footer p{margin:0;padding:5px 10px}

div#centrage{width:800px;margin:0 auto}
div#wrapper{float:left;width:100%}
div#content{margin-left: 400px;padding-top:250px}
div#gauche{float:left;width:250px;margin-left:-800px;padding-top:250px}
div#menu{float:left;width:150px;height:350px;margin-left:-550px;padding-top:250px}
div#footer{clear:left;width:800px;height:25px}

.lien
	{
	font-family: arial;
	font-size : x-large; 
	color: #333;
	margin-top: 20px;
	margin-left: 20px;
	border-top: 0 none;
	border-right: 0 none;
	border-bottom: 2px dotted #333;
	border-left: 0 none
	}

.lien a:link 
	{
	color: #333;
	text-decoration: none
	}
	
.lien a:visited
	{
	color: #333;
	text-decoration: none
	}

.lien a:hover 
	{
	color: #f33;
	text-decoration: none
	}

.lien a:active
	{
	color: #f33;
	text-decoration: none
	}
		
.copy {
    font: arial,sans-serif;
    color: #FFFFFF;
	}
	
.copy a:link 
	{
	color: #ccc;
	text-decoration: none
	}
	
.copy a:visited
	{
	color: #ccc;
	text-decoration: none
	}

.copy a:hover 
	{
	color: #fff;
	text-decoration: none
	}

.copy a:active
	{
	color: #fff;
	text-decoration: none
	}