body {
	background-color: #23282b;
	color: #c8c8c8;
	font-family: Arial;
	font-size: 12px;
	margin: 10px;
}

#wifi  { position: absolute; top: 105px; left: 50%; margin-left: 300px; display: block; background: url(../includes/images/wifi.png) no-repeat; width: 150px; height: 120px; }
.clear { clear: both; }
.center { text-align: center; }
.right { text-align: right; }

a { color: #f1f1f1; text-decoration: underline; font-weight: bold; }
a:hover { text-decoration: none; }

img, form { margin: 0; padding: 0; border: 0; }
img.bord { border: 6px #24282b solid; }

table { width: 100%; margin: 0; padding: 0; border: 0; border-spacing: 0; border-collapse: collapse; }
tr { vertical-align: top; }
td { margin: 0; padding: 0; border: 0; }
td.pr { padding-right: 20px; }
td.pl { padding-left: 20px; }
td.colf { padding: 16px 0 0 20px; border-left: 1px #606364 dashed; width: 250px; }
table.tarifs td { border-bottom: 1px #606364 dotted; }
table.tarifs td.mentions, .mentions { font-size: 11px; padding: 10px 0; letter-spacing: 1px; font-style: italic; border: 0; }
table.tarifs td.offre { padding: 10px; border: 0; }

input[type=text], textarea { background-color: #181b1c; font-size: 11px; width: 135px; padding: 2px; margin: 0; }
input[type=submit] { color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; width: auto; padding: 2px 5px; margin: 2px; }

label { float: left; width: 80px; font-size: 11px; font-weight: bold; }

h2 { font-variant: small-caps; }
h6 { font-size: 12px; color: #fff; font-weight: normal; margin: 0; padding: 0; border: 0; }

#Page {
	width: 896px;
	margin: 0 auto;
	padding: 0;
	border: 0;
}

#ZoneIll, #Bandeau {
	width: 896px;
	height: 335px;
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}

.accueil #Bandeau { background-image: url(../includes/images/fas_ent1.jpg); }
.concept #Bandeau, .chambres #Bandeau { background-image: url(../includes/images/fas_ent2.jpg); }
.activites #Bandeau { background-image: url(../includes/images/fas_ent3.jpg); }
.galerie #Bandeau { background-image: url(../includes/images/fas_ent4.jpg); }
.tarifs #Bandeau { background-image: url(../includes/images/fas_ent5.jpg); }
.faq #Bandeau { background-image: url(../includes/images/fas_ent6.jpg); }
.contact #Bandeau { background-image: url(../includes/images/fas_ent7.jpg); }

#Bandeau { background-repeat: no-repeat; }

#Menu ul, #Menu li {
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}

#Menu li {
	float: left;
	width: 128px;
	height: 65px;
	background-repeat: none;
}

#Menu li a {
	float: left;
	width: 128px;
	height: 65px;
}

#Menu li.accueil { background-image: url(../includes/images/fas_m1.jpg); }
.accueil #Menu li.accueil, #Menu li.accueil:hover { background-image: url(../includes/images/fas_m1over.jpg); }

#Menu li.concept, #Menu li.chambres { background-image: url(../includes/images/fas_m2.jpg); }
.concept #Menu li.concept, #Menu li.concept:hover, .chambres #Menu li.concept, .chambres #Menu li.concept:hover  { background-image: url(../includes/images/fas_m2over.jpg); }

#Menu li.activites { background-image: url(../includes/images/fas_m3.jpg); }
.activites #Menu li.activites, #Menu li.activites:hover { background-image: url(../includes/images/fas_m3over.jpg); }

#Menu li.galerie { background-image: url(../includes/images/fas_m4.jpg); }
.galerie #Menu li.galerie, #Menu li.galerie:hover { background-image: url(../includes/images/fas_m4over.jpg); }

#Menu li.tarifs { background-image: url(../includes/images/fas_m5.jpg); }
.tarifs #Menu li.tarifs, #Menu li.tarifs:hover { background-image: url(../includes/images/fas_m5over.jpg); }

#Menu li.faq { background-image: url(../includes/images/fas_m6.jpg); }
.faq #Menu li.faq, #Menu li.faq:hover { background-image: url(../includes/images/fas_m6over.jpg); }

#Menu li.contact { background-image: url(../includes/images/fas_m7.jpg); }
.contact #Menu li.contact, #Menu li.contact:hover { background-image: url(../includes/images/fas_m7over.jpg); }

#Content {
	background-color: #181b1c;
	/* width: 848px; */
	width: 894px;
	margin: 0 auto;
	padding: 0;
}

.insideCont { padding: 20px; }

#Bottom {
	padding: 20px 0 10px 0;
	text-align: center;
}

.accueil a, .accueil h2, .accueil strong, .accueil .colf li { color: #34ac31; }
.accueil table.tarifs td.offre { background-color: #34ac31; }
.accueil #Content { border: 1px #34ac31 dashed; }

.concept a, .concept h2, .concept strong, .concept .colf li, .chambres a, .chambres h2, .chambres strong, .chambres .colf li { color: #9e624e; }
.concept table.tarifs td.offre, .chambres table.tarifs td.offre { background-color: #9e624e; }
.concept #Content, .chambres #Content { border: 1px #9e624e dashed; }

.activites a, .activites h2, .activites strong, .activites .colf li { color: #00d2ff; }
.activites table.tarifs td.offre { background-color: #00d2ff; color: #000; }
.activites #Content { border: 1px #00d2ff dashed; }

.galerie a, .galerie h2, .galerie strong, .galerie .colf li { color: #617766; }
.galerie table.tarifs td.offre { background-color: #617766; }
.galerie #Content { border: 1px #617766 dashed; }

.tarifs a, .tarifs h2, .tarifs strong, .tarifs .colf li { color: #b7b4ab; }
.tarifs table.tarifs td.offre { background-color: #b7b4ab; color: #333; }
.tarifs #Content { border: 1px #b7b4ab dashed; }

.faq a, .faq h2, .faq strong, .faq .colf li { color: #bf66a1; }
.faq table.tarifs td.offre { background-color: #bf66a1; }
.faq #Content { border: 1px #bf66a1 dashed; }

.contact a, .contact h2, .contact strong, .contact .colf li { color: #a38b73; }
.contact table.tarifs td.offre { background-color: #a38b73; }
.contact input[type=text], .contact textarea { color: #a38b73; border: 1px #a38b73 solid; }
.contact input[type=submit] { background-color: #a38b73; border: 1px #fff solid; }
.contact #Content { border: 1px #a38b73 dashed; }

.colf .titre { font-family: "Arial Narrow"; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 16px; text-decoration: underline; padding: 0 0 10px 0; margin: 0; }
.colf li { font-variant: small-caps; margin: 0; padding: 0 0 8px 0; list-style-type: square; }
.colf li span, .colf li a { color: #c8c8c8; text-decoration: none; font-weight: normal; }

input[type=text].vide, textarea.vide { border: 1px #fb4404 solid; background-color: #fe9898; color: #000; }