body
{
	background-color: #cccccc;
	margin-top:20px;
	font-family: Verdana, Arial;
	font-size: 12px;
	
	
	scrollbar-3dlight-color: #666;/* couleur claire du relief des boutons quand ceux-ci ne sont pas  enfoncés */
	scrollbar-arrow-color: #ccc;/* couleur des flèches */
	scrollbar-darkshadow-color: #cccccc;/* couleur sombre du relief des boutons quand ceux-ci ne sont pas enfoncés */
	scrollbar-face-color: #000;/* couleur du dessus des boutons et de la barre de défilement */
	scrollbar-highlight-color: #ededed;/* couleur claire du relief des boutons */
	scrollbar-shadow-color: #000;/* couleur sombre du relief des boutons */
	scrollbar-track-color: #fff;/* couleur du fond de la barre */
	scrollbar-base-color: #080;

}

div#bloc {
		width: 406px;
		height: 361px;
		overflow: auto;
		border: 1px solid #000;
		position: absolute;
		top: 297px;
		left: 462px;
		background-color:#999999;
		color: #000;
		z-index:999;
		text-align:left;
}


.cadre_photo {
	position:absolute;
	left:53px;
	top:328px;
	z-index:999;
	width:400px;
	height:400px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	border : 1px solid #fff;
    }
.cadre_carte_itineraire {
	position:absolute;
	left:53px;
	top:328px;
	z-index:999;
	width:410px;
	height:400px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	border : 1px solid #fff;
	overflow: auto; 
	overflow-x: hidden; 
    }

	
.cadre_photo_chambre {
	position:absolute;
	left:53px;
	top:328px;
	z-index:999;
	width:400px;
	height:400px;
	display:block;
	margin-right:auto;
	margin-left:auto;
	border : 1px solid #fff;
	overflow:auto;
    }
.diap_chambre {
	font:Geneva, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
}
	
.cadre_milieu  { 
	width:386px;
	height:361px;
	vertical-align:middle;
	text-align:center
	background-color:#DDDDDD;

 }
			 

div#bloc1, div#bloc2 {
width : 403px;
height :400px;
z-index:999;
}
div#bloc1 {
position : absolute;
top : 328px;
left :463px;
/*background-image : url(background.gif);*/
background-color:#CCCCCC;
background-position : top left;
background-repeat : no-repeat;
color : #000;
}
div#bloc2 {
border : 1px solid #fff;
overflow: auto; 
overflow-x: hidden; 
}
div#bloc3 {
padding : 10px 10px 0 20px;
text-align:justify;
}

div#bloc3a {
padding : 0px 5px 0 5px;
text-align:justify;
}

div#bloc4, div#bloc5 {
width : 814px;
height :400px;
z-index:999;
}
div#bloc4 {
position : absolute;
top : 328px;
left :52px;
/*background-image : url(background.gif);*/
background-color:#CCCCCC;
background-position : top left;
background-repeat : no-repeat;
color : #000;
}
div#bloc5 {
border : 1px solid #fff;
overflow : auto;
}
div#bloc6 {
padding : 10px 10px 0 20px;
text-align:justify;
}


div#bloc7, div#bloc8 {
width : 403px;
height :400px;
z-index:999;
}
div#bloc7 {
position : absolute;
top : 330px;
left :462px;
/*background-image : url(background.gif);*/
background-color:#CCCCCC;
background-position : top left;
background-repeat : no-repeat;
color : #000;
}
div#bloc8 {
border : 1px solid #fff;
overflow: auto; 
overflow-x: hidden; 

}
div#bloc9 {
padding : 10px 10px 0 20px;
text-align:justify;
}




	  
.couleur{
  background-color: White;
  color: Red;
}

h1.description{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font:bold;
	color:#000000;
	text-decoration:underline;
}
h1.description1{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font:bold;
	color:#000000;
}

h1.titre{
	font:"Times New Roman", Times, serif;
	font-size:20px;
	font:bold;
	color:#000000;
	text-align:center;
}


h1.titre_chambre{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: italic;
	font-weight: 900;
	text-align:left;
	text-decoration:underline;
}

h1.titre_tarif{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	font-weight: 900;
	text-align:left;
	text-decoration:underline;
}

h1.titre_index {
	margin:0cm;
	margin-bottom:.0001pt;
	font-family:"Times New Roman","serif";
	text-align:center;
	line-height:115%;
	font-size:22.0pt;
	line-height:115%;
	font-family:"Calibri","sans-serif";
	}

p.description_tarif{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#000000;
/*	text-indent:0.2em; */
	line-height:10pt;
	vertical-align:top;
	font:
}

p.description{
	font:Calibri;
	/*font:Verdana, Arial, Helvetica, sans-serif;*/
	font-size:12px;
	color:#000000;
/*	text-indent:0.5cm; */
	line-height:12pt;
	vertical-align:top;

}

td.description{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
/*	text-indent:0.5cm; */
	line-height:20pt;
	vertical-align:top;
	text-align:center;
	font:bold;
}


td.paiement{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
/*	text-indent:0.5cm; */
	/*line-height:20pt;*/
	vertical-align:top;
	/*text-align:center;*/
	font:bold;
}

div#top_son {
	position:absolute;
	left:0px;
	z-index:999;
	width:935px;
	height:242px;
}

div#top {
	position:absolute;
	left:0px;
	z-index:999;
	width:935px;
	height:242px;
}

div#btn1 {
	position:absolute;
	z-index:999;
	height:34px;
	top:242px;
	width:174px;
	left:0px;
}
div#btn2 {
	position:absolute;
	z-index:999;
	height:34px;
	top:242px;
	width:130px;
	left:174px;
}
div#btn3 {
	position:absolute;
	z-index:999;
	height:34px;
	top:242px;
	width:130px;
	left:304px;
}
div#btn4 {
	position:absolute;
	z-index:999;
	height:34px;
	top:242px;
	width:130px;
	left:434px;
}
div#btn5 {
	position:absolute;
	z-index:999;
	height:34px;
	top:242px;
	width:180px;
	left:564px;
}
div#btn6 {
	position:absolute;
	z-index:999;
	height:34px;
	top:242px;
	width:191px;
	left:744px;
}
div#btn7 {
	position:absolute;
	z-index:999;
	height:41px;
	top:276px;
	width:462px;
	left:0px;
}
div#btn8 {
	position:absolute;
	z-index:999;
	height:41px;
	top:276px;
	width:180px;
	left:462px;
}
div#btn9 {
	position:absolute;
	z-index:999;
	height:41px;
	top:276px;
	width:293px;
	left:642px;
}
div#bas {
	position:absolute;
	left:0px;
	top:317px;
	z-index:999;
	width:935px;
	height:507px;
}

div#mentions {
	position:absolute;
	left:0px;
	top:746px;
	z-index:999;
	width:935px;
	height:20px;
	color:#000;
	font-size:10px;
}

div#langue {
	position:absolute;
	left:48px;
	top:284px;
	z-index:999;
	width:100px;
	height:15px;
	color:#000;
	font-size:10px;
	text-align:left;
}

div#bloc_chambres {
width : 821px;
height :368px;
position : absolute;
top : 355px;
left :47px;
z-index:999;
background-color:#CCCCCC;
}

div#bloc_titre_chambres {
width : 200px;
height :26px;
position : absolute;
top : 323px;
left :347px;
z-index:999;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: italic;
font-weight: 900;
text-align:center;
text-decoration:underline;

}

.contact_td_droit {
	width: 120px;
	height:30px;
	text-align:justify;
	font-family:Calibri;
	font-size:14px;
}
.contact_td_gauche {
	width: 250px;
}

.contact_td_centre {
	width: 370px;
	height:30px;
	text-align:center;
	font-family:Calibri;
	font-size:14px;
}

.contact_style_text {
	width: 250px;
	height:20px;
}
.contact_style_text_area {
	width: 250px;
	height:50px;
}
.contact_style_table {
	width: 370px;
	border:none;
	margin: auto;
}

.retour{
	position:absolute;
	left:765px;
	top:332px;
	z-index:999;
	width:80px;
	height:15px;
	color:#000;
	font-size:10px;
	text-align:left;
	border:none;
}

.cadre_texte_index {

	width:403px;
	height:400px;
	z-index:999;
	position:absolute;
	left:461px;
	top:328px;

	padding : 10px 10px 0 0px;
	text-align:justify;
	border : 1px solid #fff;
	overflow: auto; 
	overflow-x: hidden;
	background-color:#CCCCCC;
    }
	
.cadre_lienhistorique_index {
	width:138px;
	height:29px;
	z-index:999;
	position:absolute;
	left:469px;
	top:693px;
	text-align:justify;
	border:hidden;
	overflow: hidden;
	background-color:#CCCCCC;
    }
	
a:focus, a:hover {color:#999999;text-decoration:underline;}
a#site {color: #000000; text-decoration:none; font:bold;}
a#site:focus, a#site:hover {color:#999999;text-decoration:underline;}

