/* Feuille de style pour la charte graphique du site
 * Cette feuille de style est appelée depuis style.css.
 */

/***************** STRUCTURE *****************/
*{
/*---toutes les marges sont à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;/*---obligatoire pour le footer---*/
scrollbar-base-color:#BA8E9D;
}
body{
font: 62.5% Arial, Helvetica, sans-serif;
background:#cc9caa url(../images/charte/bg-page-x.jpg) repeat-x scroll left top;
}
.invisible{display: none;}

#container{
position: relative;/*---obligatoire pour le footer---*/
min-height:100%; /*---obligatoire pour le footer:Firefox---*/
height:auto !important;/*---obligatoire pour le footer:Firefox---*/
height:100%;/*---obligatoire pour le footer:IE---*/
width:1003px;
margin:0 auto;
background:url(../images/charte/bg-page-y.gif) repeat-y scroll left top;
}
/*------------------------------haut---*/
#haut{
width:1003px;
height:50px;
background:url(../images/charte/bg-slogan.gif) no-repeat top left;
}
#accueil{
float:right;
width:102px;
height:50px;
}
#accueil a{
	display:block;
	width:102px;
	height:50px;
}
a.accueil:link,a.accueil:visited{
	background-image:url(../images/charte/accueil.gif);
}
a.accueil:hover{
	background-image:url(../images/charte/accueil-on.gif);
}
#contact{
float:right;
width:162px;
height:50px;
}
#contact a{
	display:block;
	width:162px;
	height:50px;
}
a.contact:link,a.contact:visited{
	background-image:url(../images/charte/contact.gif);
}
a.contact:hover{
	background-image:url(../images/charte/contact-on.gif);
}
/*------------------------------Fin haut---*/
#header{
width:1003px;
height:180px;
}
#contenu{
position:relative;
width:1003px;
min-height:283px;
height:auto !important;
height:283px;
background:url(../images/charte/bg-contenu.jpg) no-repeat scroll right top;
padding-bottom:31px;
}
/***************************************** COLLEFT ********************/
#collLeft{
float:left;
width:323px;
min-height:100px;
height:auto !important;
height:100px;
padding:0 0 0 35px;
}

/******************************* menu ********************/
#menu {
float:left;
width:160px;
margin:10px 0 0 0;
}

#menu dt{
width:201px;
height:26px;

}

#menu dt a:hover{
display:block;
cursor:hand;
width:201px;
height:26px;
background:url(../images/charte/bt-on.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bt-on.png', sizingMethod='scale');
}
#menu dt a p span{
	display:none;
}

#menu dt a p.bt1{
display:block;
width:201px;
height:26px;
background:url(../images/charte/tradition.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/tradition.png', sizingMethod='scale');

}

#menu dt a p.bt2{
display:block;
width:201px;
height:26px;
background:url(../images/charte/rose.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/rose.png', sizingMethod='scale');

}

#menu dt a p.bt3{
display:block;
width:201px;
height:26px;
background:url(../images/charte/prestige.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/prestige.png', sizingMethod='scale');

}


#menu dt a p.bt4{
display:block;
width:201px;
height:26px;
background:url(../images/charte/vieilli.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/vieilli.png', sizingMethod='scale');

}

#menu dt a p.bt5{
display:block;
width:201px;
height:26px;
background:url(../images/charte/selection.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/selection.png', sizingMethod='scale');

}


#menu dt a p.bt6{
display:block;
width:201px;
height:26px;
background:url(../images/charte/huile.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/huile.png', sizingMethod='scale');

}

#menu dt a p.bt7{
display:block;
width:201px;
height:26px;
background:url(../images/charte/chambres.gif) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/chambres.png', sizingMethod='scale');

}

#menu dt a p.bt8{
display:block;
width:201px;
height:26px;
background:url(../images/charte/salle.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/salle.png', sizingMethod='scale');

}

#menu dt a p.bt9{
display:block;
width:201px;
height:26px;
background:url(../images/charte/evenements.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/evenements.png', sizingMethod='scale');

}

#menu dt a p.bt10{
display:block;
width:201px;
height:26px;
background:url(../images/charte/bon.png) no-repeat left top;
_background:url();
_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/charte/bon.png', sizingMethod='scale');

}


/******************************* FIN menu ********************/

/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer"></div> apres la div contenu---*/
.clearer
{
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}


/***************** FOOTER *****************/
#footer{
width:1003px;
height:31px;
margin:0 auto;
clear:both;
background:url(../images/charte/bg-footer.gif) no-repeat top right;
}
#logo-image{
	float:left;
	height:20px;
	width:130px;
	padding:5px 0 0 60px;
}
#logo-texte{
	float:left;
	height:8px;
	width:150px;
	color:#c39ea9;
	padding:10px 0 0 130px;
	width: 400px;
}

#logo-texte p{
  font: normal 1.1em Arial, Helvetica, sans-serif;
	text-align: justify;
  color: #C49EA9;
	width: 170px;
}

#logo-texte a:link, #logo-texte a:visited{
  color: #AD9199;
	font-weight: bold;
	text-decoration: underline;
}
#logo-texte a:hover, #logo-texte a:active{
  color: #AD9199;
 	font-weight: bold;
	text-decoration: none;
}