@charset "utf-8";
/* CSS Document */

/* --- GÉNÉRAL --- */
*{
margin:0;
padding:0;
}

html, body {
background-color:#c4a0dd;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height: 100%;
margin: 0;
padding: 0;
}

/* --- BLOC CONTENEUR GLOBAL --- */
div#conteneur {
background-color:#f6d6aa;
border-left:1px solid black;
border-right:1px solid black;
position: relative;	/* permet au bloc de servir de référent pour ses descendants positionnés en absolu */
width: 1024px;
margin: 0 auto;
min-height: 100%;
}

/* Ne pas oublier les styles suivants, à appliquer au premier élément et au dernier élément (hors pied de page) du bloc conteneur 
div#conteneur .titre {
margin-top: 0; /* évite tout risque de fusion des marges 
}*/

#header{
background:url(../images_site/header.jpg) no-repeat;
height:119px;
}

#sous_menu{
background:url(../images_site/toit_maison.jpg) no-repeat;
height:73px;
margin:33px 0 0 0;
}

#contenu{
}

/* --- PIED DE PAGE --- */
div#footer {
background:url(../images_site/essai-maison.jpg) no-repeat;
bottom: 0; 
color:#fff;
font-size:11px;
height: 525px;
left: 0;
line-height:15px;
padding-bottom:0;
text-align:center;
position: absolute;
width: 100%;	/* pour que le bloc prenne toute la largeur du bloc de référence  Note : le bloc de référence est le plus proche ancêtre positionné en relatif ou en absolu */
}

#footer a{
color:#fff;
text-decoration:none;
}

#footer a:hover{
color:#c4a0dd;
text-decoration:underline;
}

/* --- MISE EN PAGE DES PAGES --- */

.text_header{
color:#fff;
font-weight:bold;
padding:5px 5px 0 930px;
text-align:left;
}
.text_header a{
color:#fff;
text-decoration:none;
}

.text_header:hover{ 
color:#fff;
text-decoration:underline;
}
.text_footer{
padding-top:485px;
}

/* --- MENU --- */
#menu{
}

#menu li {
list-style-type:none;
float:left;
}

#menu li a {
display:block;
height:33px;
}

#menu li a span {
display:none;
}

#menu li .bienvenue {
background:url(../images_site/bienvenue.gif) bottom left no-repeat;
width:256px;
}

#menu li .bienvenue:hover, #menu li .bienvenue_on {
background:url(../images_site/bienvenue.gif) top left no-repeat;
width:256px;
}

#menu li .logements {
background:url(../images_site/logements.gif) bottom left no-repeat;
width:256px;
}

#menu li .logements:hover, #menu li .logements_on {
background:url(../images_site/logements.gif) top left no-repeat;
width:256px;
}

#menu li .tarifs {
background:url(../images_site/tarifs.gif) bottom left no-repeat;
width:256px;
}

#menu li .tarifs:hover, #menu li .tarifs_on {
background:url(../images_site/tarifs.gif) top left no-repeat;
width:256px;
}

#menu li .contact {
background:url(../images_site/contact.gif) bottom left no-repeat;
width:256px;
}

#menu li .contact:hover, #menu li .contact_on {
background:url(../images_site/contact.gif) top left no-repeat;
width:256px;
}

/* --- FIN MENU --- */