@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 #000;
border-right:1px solid #000;
position:relative;
width:1024px;
min-height:100%;
margin:0 auto;
}

/* 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;
}

/* --- 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%;
}

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

/* --- MISE EN PAGE DES PAGES --- */
.text_header {
color:#fff;
font-weight:700;
text-align:left;
padding:5px 5px 0 930px;
}

.text_header a:hover {
color:#fff;
text-decoration:underline;
}

.text_footer {
padding-top:485px;
}

/* --- 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;
}

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