.haut {
background-color : #999999; 
width : 100%; 
height : 60px; 
position : relative; 
z-index : 1; 
border : none;
/*
background-image : url(images/ban.jpg);
background-repeat : no-repeat;
background-position : 50% 50%
*/
background-image : url(images/carres.jpg);
background-repeat : no-repeat;
background-position : 0px 50%
} 
.haut_menu {
width : 100%; 
height : 20px; 
position : relative; 
top : 60px; 
z-index : 0; 
font-weight : bold; 
color : #000000; 
} 
.contenu {
background-color : #FFFFFF; 
width : 100%;  
position : relative; 
z-index : 1; 
border : none;
overflow: visible;
background-image : url(images/fond.jpg);
background-attachment : fixed;
background-repeat : no-repeat;
background-position : 50% 60%
} 
.bas {
background-color : #999999; 
width : 100%; 
height : 60px; 
position : relative; 
z-index : 0; 
border : none; 
background-image : url(images/carres.jpg);
background-repeat : no-repeat;
background-position : 100% 50%
} 
.contenu_gauche {
background-color : none; 
width : 80%;
overflow: visible;
} 
.contenu_droite {
background-color : none; 
width : 20%; 
border : 0.2mm dotted blue;
overflow: visible;
} 
.separation {
background-color : #FFFFFF; 
width : 100%; 
height : 20px; 
position : relative; 
z-index : 1;

} 
a:link {
color : #0000FF; 
font-weight : bold; 
text-decoration : none; 
} 
a:visited {
color : #0000FF; 
font-weight : bold; 
text-decoration : none; 
} 
a:hover {
color : #ff0000; 
font-weight : bold; 
text-decoration : none; 
} 
body {
font-weight : normal; 
color : #000000; 
background-color : #999999; 


} 
.intro {
font-weight : normal; 
color : #ffffff; 
background-color : #000000; 
} 
.fond {
width : 640px; 
height : 480px; 
background-image : url(images/fond_mer.jpg);
border : 0px;
}