body { 
 margin: 0; 
 padding: 0; 
 font-family: "Verdana"; 
 font-size: 11px; 
 color: #FFFFFF; 
 background: #000000; 
} 
a:link {text-decoration: none ; color:#c0c0c0} 
a:visited {text-decoration: none ; color:#c0c0c0} 
a:hover {text-decoration: none ; color:#FFFFFF} 
 
#global { 
 position: absolute; 
 left: 50%; 
 top: 10px; 
 width: 760px;  
 margin-left:-375px; /* moitié de la largeur */ 
 background: #181818; 
  
} 
#entete { 
 border-bottom: 1px solid #800000; 
 font-size: 13px; 
 padding: 5px 0 10px 10px; 
 background: #252525; 
} 
#entete a {color:#FFFFFF} 
 
#menu0Container { 
 position: absolute; 
 z-index: 1; 
 width: 130px; 
 height: 150px; 
} 
#menu0Content {  
 width: 130px; 
 height: 150px; 
 background-color: black;   
} 
#menu0Content a { 
 opacity:.80; 
 filter: alpha(opacity=80); 
 -moz-opacity: 0.8; 
 height: 25px; 
 width: 130px;  
 display: block; 
 text-align: center; 
 color: transparent; 
 font-size: 110%; 
 font-weight: bold; 
 padding-top: 5px; 
 margin: 0; 
 background-repeat: no-repeat; 
 background-position: 0 0;  
} 
#menu0Content a:hover { 
 opacity:1; 
 filter: alpha(opacity=100); 
 -moz-opacity: 1; 
 color: #800000; 
} 
#menu0Content a#plateau {background-image: url(pict/menu_plateau.jpg);} 
#menu0Content a#coques {background-image: url(pict/menu_coques.jpg);} 
#menu0Content a#reflets {background-image: url(pict/menu_reflets.jpg);} 
#menu0Content a#ici {background-image: url(pict/menu_ici.jpg);} 
#menu0Content a#portraits {background-image: url(pict/menu_portraits.jpg);} 
 
 
#menu { 
 text-align: center; 
 padding: 5px; 
} 
#menu em { 
 font-style: normal; 
} 
#cont_bloc_image { 
 width: 500px; 
 height: 500px; 
 margin: 0; 
 padding: 0;   
} 
#cont_bloc_image a { 
 position: absolute;  
 width: 200px ; 
 height: 200px;  
 background-repeat: no-repeat; 
 background-position: 0 0; 
 border: 10px solid #181818; 
 filter:alpha(opacity=80); -moz-opacity:0.8; opacity: 0.8; -khtml-opacity: 0.8; 
} 
#cont_bloc_image a:hover { 
 z-index: 3; 
 filter:alpha(opacity=100); -moz-opacity:1.0; opacity: 1.0; -khtml-opacity: 1.0; 
 background: none; 
} 
#cont_bloc_image a span { /* définition de la balise <span> inclue dans <a> */ 
 display: none; 
} 
#cont_bloc_image a:hover span { /* définition de la balise <span> au survol */ 
display: inline; 
position: absolute; 
} 
#cont_bloc_image a.img1 {top: 75px; left: 160px; background-image: url(pict/accueil-plateau.jpg); line-height: 100px;} 
#cont_bloc_image a.img2 {top: 75px; left: 370px; background-image: url(pict/accueil-coques.jpg); line-height: 100px;} 
#cont_bloc_image a.img3 {top: 285px; left: 160px; background-image: url(pict/accueil-dici-et-la.jpg); line-height: 280px;} 
#cont_bloc_image a.img4 {top: 285px; left: 370px; background-image: url(pict/accueil-portraits.jpg); line-height: 280px;} 
#cont_bloc_image a.img5 {top: 180px; left: 265px; background-image: url(pict/accueil-reflets.jpg); border: 10px solid #181818; line-height: 200px;} 
 
#cont_bloc_image a.img1:hover  span { top: 150px; left: -150px;} 
#cont_bloc_image a.img2:hover  span { top: 150px; left: -360px;} 
#cont_bloc_image a.img3:hover  span { top: -150px; left: -150px;} 
#cont_bloc_image a.img4:hover  span { top: -150px; left: -360px;} 
#cont_bloc_image a.img5:hover  span { top: -5px; left: -255px;} 
 
#fond_img5 { 
 position: absolute; 
 width: 220px; 
 height: 220px; 
 top: 180px; 
 left: 265px; 
 background-color: #181818; 
} 
#cont_galerie_multi { 
 width: 500px; 
 height: 455px; 
 margin-left: 50px; 
 padding: 20px 0 0 10px; 
} 
#cont_galerie_multi #image { 
 position: absolute; 
 top: 140px; 
 left: 200px; 
 width: 350px; 
 height: 350px; 
} 
#cont_galerie_multi .image_opaque { 
 position: absolute; 
 top: 140px; 
 left: 200px; 
 filter:alpha(opacity=0); 
 -moz-opacity:0.0; 
 opacity: 0.0; 
 -khtml-opacity: 0.0; 
} 
#texte_galerie { 

} 
#flashcontent { 
 height: 500px; 
 width: 750px; 
} 
#contact { 
 height: 500px; 
 width: 750px; 
 text-align: center; 
  
} 
#pied { 
 height: 20px; 
 border-top: 1px solid #800000; 
 text-align: center; 
 margin: 0; 
}