@charset "iso-8859-1";
/********************************************************************/
/*****************         Règles générales        ******************/
/********************************************************************/

*{
	padding: 0;
	margin: 0;
	border: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

html{
	overflow-y: scroll;
}

body{
	background: #1e1e1e url(images/fond.gif) repeat;
	text-align: center; /* règle bug IE6 pour alignement central */
	font-size: 8pt;
}

a{
	text-decoration: none;
}

li{
	list-style-type: none;
}

.left{
 	float: left;
}

.right{
	float: right;
}

/********************************************************************/
/*****************     Fin règles générales        ******************/
/********************************************************************/

#conteneur{
	width: 800px;
	margin: 0 auto;
	text-align: left; /* remet par défaut */
	background: #1e1e1e;
}

/********************************************************************/
/*****************     header                      ******************/
/********************************************************************/
#header{
	position: relative;
	width: 800px;
}

/********************************************************************/
/* ligne grise */
#header p{
	padding: 5px 20px;
	color: #d1d1d1;
	font-size: 11px;
}

#header a{
	color: #818181;
}

#header a:hover{
	color: #FFF;
}

/********************************************************************/
/* ligne blanche */
#header div{
	width: 635px;
	height: 84px;
	padding: 0 10px 0 155px;
	background: #FFF;
}

/********************************************************************/
/*****************    corps                        ******************/
/********************************************************************/
#corps{

}

/********************************************************************/
#formulaire{
	float: left;
}

#formulaire input, textarea{
	float: left;
	display: block;
	width: 150px;	
	background: #FFF;
	border: solid 1px #888;
	padding: 1px 2px;
}

#formulaire textarea{
	width: 250px;	
	margin: 0 0 10px 0;
}

#formulaire input.hidden{
	width: auto;	
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

#formulaire input.submit{
	width: auto;	
	cursor: pointer;
	padding: 1px 10px;
	margin: 0 100px 0 0;
}

#formulaire label{
	float: left;
	clear: both;
	display: block;
	width: 150px;
	background: none;
	padding: 0 0 10px 0;
	color: #FFF;
}

#formulaire label.noclear
{
	clear: none;
	width: auto;
	padding: 0 10px;
}

#formulaire input#cp{
	width: 80px;
}

#formulaire input#adresse1, #formulaire input#adresse2{
	width: 200px;
}

#plan{
	width: 100%;
	margin: 30px 0 0 0;
	padding: 30px 0;
	text-align: center;
	font-size: 24px;
	color: #DDD;
	font-weight: normal;
}

#plan1{
	background: #FFF;
	margin: 30px 0 30px 60px;
	padding: 40px 70px;
	float: left;
}

#plan2{
	background: #FFF;
	margin: 30px 0 30px 30px;
	padding: 40px 70px;
	float: left;
}

#plan1 li, #plan2 li{
	padding: 12px 0 0 0;
}

#plan1 li.sscat{
	padding: 6px 0 0 40px;
}

#plan1 li.sscat a{
	font-size: 11px;
	color: #000;
}

#plan1 li.sscat a:hover{
	color: #D00;
}

#plan1 a, #plan2 a{
	color: #666;
	font-weight: bold;
	font-size: 12px;
}

#plan1 a:hover, #plan2 a:hover{
	color: #D00;
}


/* menu */
#menu{
	width: 140px;
	padding: 15px 0 0 10px;
	float: left;
}

#menu li{
	margin: 0 0 10px 0;
}

#menu li.descrip{
	font-size: 10px;
	padding: 150px 0 150px 0;
	font-weight: bold;
	color: #d1d1d1;
}

#menu li.descrip a{
	font-size: 10px;
	font-weight: bold;
}

#menu li.sepa{
	margin: 50px 0 10px 0;
}

#menu li a{
	color: #8F8F8F;
	font-weight: bold;
	font-size: 12px;
}

#menu li a.spe{
	color: #987b4b;
}

#menu li a.actif{
	color: #FFFFFF;
	cursor: default;
}


#menu li a:hover{
	color: #FFFFFF;
}

#menu ul.sousmenu{
	padding: 5px 0 0 10px;
}

#menu ul.sousmenu li a{
	color: #e00000;
}


#menu ul.sousmenu li a:hover, #menu ul.sousmenu li a.actif{
	color: #8c0a0a;
}

#enfants{
	padding: 110px 0 0 0;
}

#sousmenuVert{
	float: left;
	width: 600px;
	height: 30px;
	padding: 10px 15px 0;
	margin: 0 0 10px;
	background: #FFF;
}

#sousmenuVert li{
	float: right;
	margin: 0 10px 0 0;
	padding: 0;
	font-weight: bold;
	font-size: 12px;
	color: #222;
}

#sousmenuVert li a{
	display :block;
	padding: 3px 0 0 5px;
	width: 17px;
	height: 19px;
	font-weight: bold;
	font-size: 12px;
	color: #222;
	background: url(images/carre.gif);
	outline: none;
}

#sousmenuVert li a:hover, #sousmenuVert li a.actif
{
	color: #666;
}

#sousmenuVert li.nom{
	float: left;
	padding: 2px 0 5px 0;
}

/********************************************************************/
/* contenu */
#contenu{
	width: 630px;
	float: left;
	padding: 10px;
}

#contenu div.normal a{
	color: #FFF;
	text-decoration: underline;
	font-weight: bold;
}

#contenu div.normal a:hover{
	color: #CCC;
}

#contenu div.blanc a{
	color: #000;
	text-decoration: underline;
	font-weight: bold;
}

#contenu div.blanc a:hover{
	color: #CCC;
}


#contenu a.reservation
{
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	text-decoration: underline;
}

#contenu a:hover.reservation
{
	color: #CCC;
}

.ligne{
	width: 630px;
	clear: both;
}

#contenu div{
	float: left;
}

#contenu div.blanc{
	padding: 15px 25px 10px 10px;
	margin: 0 0 10px 0;
	color: #000;
	background: #FFF;
}

#contenu div.normal{
	padding: 0 25px 10px 10px;
	color: #d1d1d1;
}

#contenu img{
	float: left;
	display: block;
	padding: 0 0 10px 0;
}

/********************************************************************/
/* galerie */
#contenu_gal{
	width: 630px;
	float: left;
	padding: 10px;
}


#affichage{
	width: 630px;
	padding: 0 0 20px 0;
	color: #d1d1d1;
}

#agrandi{
	width: 500px;
	display: block;
	margin: 0 auto;
}

 #galerie{
 	width: 610px;
	height: 230px;
	background: #e6e6e6;
	padding: 10px 10px;
 }
 
 .descriptif{
 	width: 500px;
	margin: 0 auto;
 	padding: 10px 0 0;
 }
 
 #contPanneau{
 	position: relative;
	float: left;
 	width: 468px;
	height: 78px;
	padding: 0 0 0 3px;
	overflow: hidden;
 }
 
  #contenu div#menuG{
 	width: 310px;
	background: #e6e6e6;
	float: left;
	clear: both;
	margin: 0 10px 10px 0;
	padding: 0;
 }
 
 #contenu div#contCoul{
 	position: relative;
 	width: 310px;
	overflow-x: hidden;
	margin: 0;
	padding: 0;
	float: none;
	background: none;
 }
 
 
 #contenu div#Coul{
 	position: relative;
	margin: 0;
	padding: 0;
	float: none;
	background: none;
 }
 
 #contenu div table{
 	border-spacing: 0;
 }	
 
 #contenu div table.tarifs td{
 	padding: 0 0 0 10px;
	height: 25px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
 }	
 
 #contenu div table td{
 	padding: 2px 3px 15px;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	vertical-align: middle;
 }
 
 #contenu div td.titre{
	color: #434041;
	font-size: 15px;
	font-weight: bold;
 }
 
 #contenu div td.prix{
	text-align: center;
	color: #636061;
	font-weight: bold;
 }
 
 #contenu div td.menu{
	text-align: center;
	color: #838081;
 }
 
 #contenu div td.plus{
	text-align: center;
	color: #a3a0a1;
 }
 
 #contenu div td b{
	text-align: center;
	color: #a3a0a1;
 }
 
 #panneau{
 	position: relative;
 	width: 468px;
 }
 
 #panneau img{
 	padding: 0 3px 3px 0;
 	cursor: pointer;
 }
  
  table#navigation{
 	float: left;
	width: 100%;
	background: #e6e6e6;
	border-collapse: collapse;
	border-spacing: 0;
	display: inline;
	padding: 0;
	vertical-align: middle;
 }
 
 table#navigation.chambre{
 	background: #FFF;
	width: auto;
 }
 
 table#navigation.chambre img{
 	padding: 0;
 }
 
 
 table#navigation.navM{
	margin: 5px 0 15px 60px;
 }

 #navigation td, #contenu div table#navigation td{
	padding: 5px 10px;
	font-weight: bold;
	color: #9c0b23;
 }
 
 #navigation td.bouton, #contenu div table#navigation td.bouton{
 	cursor: default;
 }


 #nuage{
	width: 200px;
	padding: 40px 17px 17px 17px;
	float: left;
	text-align: center;
	cursor: default;
 }
 
 #nuage span{
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #a3a0a1;
 }
 
 #nuage span.niv3{
 	font-size: 23px;
 }
 
 #nuage span.niv2{
 	font-size: 18px;
 }
 
 #nuage span.niv1{
 	font-size: 12px;
 }

/********************************************************************/
/*****************     footer                      ******************/
/********************************************************************/

#footer{
	width: 760px;
	height: 21px;
	clear: both;
	background: #FFF;
	color: #000;
	text-align: center;
	padding: 9px 20px 0 20px;
}

#footer li{
	float: left;
}

#footer li.deux{
	float: right;
}

#footer a{
	color: #818181;
	font-weight: bold;
	font-size: 10px;
}

#footer a:hover{
	color: #b6b6b6;
}

#footer a.actif{
	color: #b6b6b6;
}

#menuSpe{
	float: left;
	clear:both;
	width: 570px;
	padding: 15px 30px;
	background: #FFF;
	margin: 0 0 10px 0;
}

#menuSpe.chambre {
	padding: 15px 30px;
	margin: -10px 0 10px 0;
}


#menuSpe.chambre li{
	float: left;
	padding: 0 20px 0 0;
}

#menuSpe li{
	list-style-type: none;
	padding: 0 0 10px 0;
}

#menuSpe li a{
	color: #666;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

#menuSpe li span{
	color: #666;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
	cursor: pointer;
}

#menuSpe li span:hover{
	color: #bbb;
}

#menuSpe li a:hover{
	color: #bbb;
}

#menuSpe li a.actif{
	color: #bbb;
}