body { background-color:#333; margin: 0; padding: 0; text-align: center;}
div, h1, h2, h3, h4, h5, h6, p, ul, li { padding: 0px; margin: 0px; border: 0 none; } 
h1 {display: none;} img { padding: 0px; margin: 0px; border: 0 none;} 
a span {display: none;} 
#global {background-color:#3f6766; width: 750px; margin: 0 auto; position: relative; } 

#acces_directs {position: absolute; top:0px; left: 50%; margin-left: -100px; font-family: Arial, Helvetica, sans-serif; font-size: 80%; color: #000; } 
#acces_directs li {display: inline;} 

#entete { height: 80px; overflow: hidden; } 
#col_gauche {float: left; width: 250px; height: 345px; background-color: #264847;} 
#p1, #p2, #p3, #p4, #p5, #p6, #p7, #p8, #p9 { position: absolute; top: 110px; left: 15px; width: 220px; display: none; background-color: #264847;} 
.legende {text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 72%; font-style: italic; font-weight: normal; color: #ddd;} 
#t1, #t2, #t3, #t4, #t5, #t6, #t7, #t8, #t9 { width: 360px; margin: 0 40px;} 

#titre {position: absolute; top: 80px; left: 250px; width:500px; background-color:#5e8584; text-align: left; } 
#titre h2 {margin-top: 4px; font-family: Arial, Helvetica, sans-serif; font-size: 110%; color: #264847;} 
#titre a {display: block; float: left; width:10px; height: 22px; background-image: url(images/fl_home_ve.gif); margin:4px;} 
#titre a:hover, #titre a:focus, #titre a:active { background-image: url(images/fl_home_ve_hover.gif)} 

ul#navigation {list-style-type: none; position: absolute; top: 115px; left: 304px; width:400px;} 
#navigation li { float: left; } 
#navigation h3 { font-family: Arial, Helvetica, sans-serif; font-size: 92%; margin: 0; color:#fff;} 
#navigation a { display: block; width: 10px; height: 10px; background-color: #264847; margin: 6px;} 
#navigation a:hover, #navigation a:focus, #navigation a:active {background-color: #5e8584;} 

#galerie { position: absolute; top:140px; left: 310px; width: 460px; text-align:left; }

a#intro {display: block; float: left; width:10px; height: 22px; background-image: url(images/fl_home_ve.gif); margin: 4px;}
a#intro:hover, a#intro:focus, a#intro:active { background-image: url(images/fl_home_ve2_hover.gif)} 

#corps {position: absolute; top:220px; left: 270px; width: 440px; height: 170px; overflow: hidden;} 
#corps_text {position: relative; top: 0px; left: 0px; text-align: left; font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 120%; color: #fff;}
#corps ul {margin-left:16px}
#corps_text p { margin-bottom:0.5em}

#scroll_text {position: absolute; top:220px; left: 700px; height: 170px; width:10px; } 
#scroll_text a.haut {display: block; width:10px; height: 10px; background-image: url(images/fl_haute_ve.gif);} 
#scroll_text a.haut:hover, #scroll_text a.haut:focus, #scroll_text a.haut:active {background-image: url(images/fl_haute_ve_hover.gif);} 
#scroll_text a.bas {display: block; width:10px; height: 10px; background-image: url(images/fl_basse_ve.gif);} 
#scroll_text a.bas:hover, #scroll_text a.bas:focus, #scroll_text a.bas:active {background-image: url(images/fl_basse_ve_hover.gif); } 

ul#retour {list-style-type: none; position: absolute; top: 470px; left: 500px; width: 250px;} 
#retour li { float: right; } 
#retour h3 { font-family: Arial, Helvetica, sans-serif; font-size: 
92%; color:#2a5665; margin-top:2px} #retour a { display: block; width: 10px; height: 10px; background-color: #2a5665; margin: 6px;} 
#retour a:hover, #retour a:focus, #retour a:active {background-color: #6e93a0;} 

#pied { text-align: center; clear: both; background-color: #7c8b90; padding: 4px; font-family: Arial, Helvetica, 
sans-serif; font-size: 75%; color: #ccc; font-style: normal; font-weight: normal; } 
#pied a {color: #ddd; text-decoration: none; } 
#pied a:hover, #pied a:focus, #pied a:active {color: #fff; text-decoration: underline; }