@charset "iso-8859-1";



body {background-color: #7F7F7D}


#espace_utile {width: 1024px; margin: 0 auto; height: 768px; background-color: black}
div. {width: 1024px; margin: 0 auto; height: 768px; background-color: black}

#bandeau_tete {width: auto; display: block; height: 100px; background-color: #670001}


#barre_navig {width: auto; display: block; height: 14px; background-color: #790000}
ul#menu, #menu li {
list-style-type: none;
margin:0;
padding:0;
}
#menu li {
display: inline;
}


#espace_principal {width: 1024px; background-color: black; height: 600px}
div.espace_principal {width: 1024px; background-color: black; height: 600px}

#col_gauche {width: 120px; margin-right: 0px; float: left; background-color: black; margin-left: 10px; margin-top: 50px; height: auto;}

#col_centre {display: block; position: absolute; top: 130px; width: 600px; left: 300px}
div.col_centre {display: block; position: absolute; top: 130px; width: 600px; left: 300px}


#col_droite {width: auto; background-color: black; margin-top: 50px; height: auto; float: right; margin-right: 0; margin-left: 0; margin-bottom: auto}


.menu_vignette {display: block; background-color: black; width: 200px; float: right; padding-left: 10px}

ul#vignette, #vignette li {
list-style-type: none;
margin:0;
padding:0;
}


.menu_vignette a span {/* définition de la balise <span> inclue dans <a> */
display: none;
}

.menu_vignette a:hover span {/* définition de la balise <span> au survol */
display: block; position: absolute; top: 130px; width: 600px; left: 300px}

.menu_galerie, #menu_galerie li {list-style-type: none; margin-bottom: 40px;}

#contact {width: 400px; display: block; background-color: white; height: 400px; margin-left: 300px}

#pied {width: auto; display: block; height: 44px; background-color: #670001}


div.spacer {clear: both; height: 10px; display: block; background-color: black}