@charset "UTF-8";

a:link, a:visited, a:hover, a:active { color: #000; }
a:link img, a:visited img, a:hover img, a:active img { border: none; }

body {
	background-color: #b9ccd5;
	color: #655f54;
}

form legend { color:#c00; font-weight:bold; display:block; width:100%; border-bottom:1px solid #c00; }

fieldset {
	text-align:left;
	padding:10px 5px 0px 5px;
	border:none;
}

input,
select,
textarea {
	padding:3px;
	margin:0 0 3px 5px;
	background:#fff;
	border:1px solid #a59f93;
	color:#999;
}

input { font-size: 9px; }

label {
	float:left;
	width:20%;
	margin:0 0 0 10px;
	padding:5px 0 0 0;
	text-align:right;
}

h1 {
	font-size: 1.6em;
	font-weight: bolder;
	color: #fff;
	text-transform:uppercase;
}

h2 {
	font-size: 1.4em;
	font-weight: bolder;
	text-transform:uppercase;
}

#bas { background:#fff url(img/bas.jpg) left top no-repeat; width: 802px; height:62px; }
#centre { background:#fff url(img/centre.jpg) repeat-y; width: 802px; height: 468px; }
#col1 { float:left; width: 282px; margin: 0px 0px 0px 61px; border-right: #fff 2px solid; }
#col1_bas { width: 282px; height:242px; background-image: url(img/entree_aer.jpg); border-top: #fff 2px solid }
#col1_haut { width: 272px; height:194px; background-color:#e4e0d2; padding:30px 0px 0px 10px; }
#col2 { float:right; width: 282px; margin: 0px 61px 0px 0px; border-left: #fff 2px solid; }
#col2_bas { width: 282px; height:242px; background-color:#d1cbb5; border-top: #fff 2px solid; }
#col2_haut { width: 282px; height:224px; /*background-image:url(img/diaporama.jpg);*/ }

#col_centre { margin: 0px 342px; background-color:#e9e8e4;  }
#conteneur { margin: 3em auto 0 auto; width:802px; }


#col1 p { 
	text-align: left;
	font: 13px/20px "Times New Roman", Times, serif;
	color:#655f54;
}

#col2 p {
	margin-top: 30px;
	text-align: center;
	color:#908f8e;
	font: 13px/20px Verdana, Arial, Helvetica, sans-serif;
}

#col2 a:link, #col2 a:visited, #col2 a:hover, #col2 a:active { color:#908f8e; }

#col1_chambres { float:left; width: 282px; margin: 0px 0px 0px 61px; border-right: #fff 2px solid; }

#col1_reservation {
	float:left; 
	width: 256px; 
	height: 196px;
	padding: 10px 5px 0px 20px;
	border-right: #fff 2px solid; 
	border-bottom: #fff 2px solid; 
	background-color: #e5dfd1;
}

#col1_reservation p {
	color:#000;
	font: 10px/16px Geneva, Arial, Helvetica, sans-serif;
}

#col1_reservation p.titre {
	color: #666;
	font: bold 14px/18px Geneva, Arial, Helvetica, sans-serif;
}

#col2_chambres p {
	float:right; 
	width: 247px; 
	height: 423px;
	margin: 0px 61px 0px 0px; 
	padding: 45px 0px 0px 35px;
	border-left: #fff 2px solid; 
	color:#000;
	font: 10px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color:#d1cbb5; 
}

#col2_reservation {
	float:right; 
	width: 272px; 
	height: 463px;
	margin: 0px 61px 0px 0px; 
	padding: 5px 0px 0px 10px;
	border-left: #fff 2px solid; 
	color:#000;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color:#e5dfd1; 
}

#col2_tarifs p {
	float:right; 
	width: 267px; 
	height: 323px;
	margin: 0px 61px 0px 0px; 
	padding: 145px 0px 0px 15px;
	border-left: #fff 2px solid; 
	color:#000;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color:#d1cbb5; 
}

#col2_plan p {
	float:right; 
	width: 267px; 
	height: 308px;
	margin: 0px 61px 0px 0px; 
	padding: 160px 0px 0px 15px;
	border-left: #fff 2px solid; 
	color:#000;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color:#d1cbb5; 
}

#col2_plan2 p {
	float:right; 
	width: 267px; 
	height: 458px;
	margin: 0px 61px 0px 0px; 
	padding: 10px 0px 0px 15px;
	border-left: #fff 2px solid; 
	color:#000;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color:#d1cbb5; 
}

#col2_plan3 p {
	float:right; 
	width: 221px; 
	height: 448px;
	margin: 0px 61px 0px 0px; 
	padding: 20px 0px 0px 10px;
	color:#000;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	background-color:#e4e0d2; 
}

#col2_plan4 p {
	float:right; 
	width: 342px; 
	height: 458px;
	margin: 0px 61px 0px 0px; 
	padding: 10px 10px 0px 10px;
	color:#000;
	font: 9px/14px Verdana, Arial, Helvetica, sans-serif;
	text-align:left;
	background-color:#e4e0d2; 
}

#footer {
	text-align:center;
	font-size: 0.6em;
	color: #a59e93;
	margin:1em 0;
} 

#footer a:link, 
#footer a:visited, 
#footer a:hover, 
#footer a:active { color: #615d57; }

#haut { background:#fff url(img/haut.jpg) left top no-repeat; width:802px; height:61px; }

#menu { 
	background: #e9e8e4 url(img/wifi.jpg) center bottom no-repeat; 
	font: 10px/22px Geneva, Arial, Helvetica, sans-serif;
	height:336px;
	padding:20px 0px 0px 8px;
}

#menu a:link { color:#b6b0a5; }
#menu a:visited { color:#b6b0a5; }
#menu a:hover { color:#666; }
#menu a:active { color:#666; }

#menu a:link, #menu a:visited, #menu a:hover, #menu a:active { text-decoration:none; }

#menu a:link.courant, #menu a.courant { color:#666; }

#menu ul {
	padding:0px; margin:0px;
	list-style: none;
}

.focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background:#e6e8e8;
	color: #bc0000;
}

.necessaire {
	color:#c00;
}

.normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: #fff;
	color:#8e8e8e;
}