body { background-color: #000000; margin: 0; padding: 0; text-align: center;} 
div, h1, h2, h3, h4, h5, h6, p { padding: 0px; margin: 0px; border: 0px; } 
img { padding: 0px; margin: 0px; border: 0px;}
h1, span { display: none; } 


#global { background-color: #4c7380; width: 750px; margin-right: auto; margin-left: auto; position: relative; text-align: center;}
#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;}

#col_gauche {float: left; width: 250px; height: 345px;} 

#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; } 

#photo { position: absolute; width: 500px; top:160px; left:0px;} 

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

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

#corps {position: absolute; top:160px; left: 492px; width: 230px; height: 220px; overflow: hidden;} 
#corps_text {position: relative; top: 0px; left: 0px; width: 210px; margin: 10px; text-align: left;}
#corps_text h4 { font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 120%; color: #fff; font-weight:bold; }
#corps_text p { font-family: Arial, Helvetica, sans-serif; font-size: 80%; line-height: 120%; color: #fff; margin-bottom:0.5em}

#scroll_text {position: absolute; top:160px; left: 730px; height: 220px; width:10px;}
#scroll_text a.haut {display: block; width:10px; height: 10px; background-image: url(images/fl_haute_bl.gif);}
#scroll_text a.haut:hover, #scroll_text a.haut:focus, #scroll_text a.haut:active {background-image: url(images/fl_haute_bl_hover.gif);}
#scroll_text a.bas {display: block; width:10px; height: 10px; background-image: url(images/fl_basse_bl.gif);}
#scroll_text a.bas:hover, #scroll_text a.bas:focus, #scroll_text a.bas:active {background-image: url(images/fl_basse_bl_hover.gif); }

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