/* commentaire */ 

BODY{ position: relative; background: #f1f8d6; margin: 0; padding: 0;

 background-image:url('photos/fond9.jpg') ;
 background-repeat: no-repeat ;
 background-size: 100% ;
 border: 0px solid #990000 ;
}

div#links {position: absolute; top: 214px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: 1em sans-serif; 
   padding: 8px; margin: 0 0 2px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #30868f;
   border-right: 5px solid #0b3e45;#505050;}
div#links a:hover {color: #bd1a03;#411; background: #AAA; border-right: 5px double #bd1a03;white;}
div#links a img {height: 0; width: 0; border-width: 0;}
div#links a:hover img {position: absolute; top: 525px; left: 42px; height: 64px; width: 82px;}

div#content {position: absolute; top: 160px; left: 161px; min-width: 600px; width: 820px; text-align:justify;
color: #096e73; background: #f9fceb; font: 16px Verdana, sans-serif; padding: 10px; border: solid 5px #0b3e45;#444000; line-height: 130%;}
div#content p {margin: 0 1em 1em;}
div#content 
h3 {margin-bottom: 0.125em;}
h1 {margin: -9px -9px 0.5em; padding: 15px 0 5px; text-align: right; background: #333; color: #ff8205; letter-spacing: 0.2em; text-transform: lowercase; font: bold 25px sans-serif; height: 28px; vertical-align: middle; white-space: nowrap;}
dt {font-weight: bold;}
dd {margin-bottom: 0.66em;}
div#content a:link {color: #993300;}
div#content a:visited {color: #293afd;#075b8d;#990000;}
div#content a:link:hover {color: #FF0000;}
div#content a:visited:hover {color: #CC0000;}
div#content p {text-indent:20px;}
code, pre {color: #EDC000; font: 110% monospace;}