/*
CSS voor website Le Moulin de Féouzet
*/
html {
	font-family: "Trebuchet MS", Tahoma, Arial, sans-serif;
}
body {
	background-color: #DDE6FF;
	font-size: 92%;
}
h1 {
	position: absolute;
	top: 10px;
	left: 200px;
	width: 600px;
	height: 50px;
	padding: 0;
	margin-top: 0;
	font: 3.5em "Times New Roman", serif; 
	font-variant: small-caps; 
	letter-spacing: -0.04em; 
	color: #005D8C;
}
h2 {
	position: absolute;
	top: 70px;
	left: 200px;
	width: 600px;
	height: 20px;
	padding: 0;
	margin-top: 0;
	font: 1.2em "Times New Roman", serif; 
	color: #005D8C;
}
hr {
	position: absolute;
	top: 100px;
	left: 200px;
	border: none;
	color: #005D8C;
	background-color: #005D8C;
	height: 1px;
	width: 61%;
}
h3 {
	position: absolute;
	top: 110px;
	left: 200px;
	width: 600px;
	font-family: sans-serif;
	font-weight: bold;
	color: #005D8C;
	line-height: 15px;
}
h4 {
	font: 1em;
	font-weight: bold;
	color: #005D8C;
}
#bodycontent, #bodysansphotos, #bodyform {
    position: absolute; 
    left: 200px;
}
#imagehome {
	position: absolute;
	left: 200px;
	top: 150px;
	border-style: none;
	border: 5px solid #BFCFFF;
}
#bodycontent {
	top: 260px;
}
#bodysansphotos {
	top: 120px;
}
#album {
	position: absolute;
	top: 110px;
	left: 200px;
	font-size: 80%;
}
#bodyform {
	top: 140px;
}
#erreur {
	color: red;
}
#redirection {
	font-size: 80%;
	text-align: center;
	color: #005D8C;
	}
/* ============= navigation ========== */
#nav {
	position: absolute;
	top: 150px;
	left: 40px;
	width: 100px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
}
#nav li {
	margin: 0;
	padding: 0;
	float: left;
}
#nav a {
	display: block;
	width: 80px;
	text-align: center;
	color: #005D8C;
	font-size: 90%;
	padding: 0 15px;
	text-decoration: none;
	line-height: 2.5;
	border-bottom: 1px solid #FFFFFF;
}
/* enlever border-bottom du dernier element de navigation (contact) */
#nav #nav_cont a {
	border: none;
}
#nav a:hover {
	background-color: #BFCFFF;
}
/* styler l'element courant de navigation "you are here" sur base de l'id donné au body de la page */
#body_hom #nav_hom a,
#body_desc #nav_desc a,
#body_sit #nav_sit a,
#body_dia #nav_dia a,
#body_phot #nav_phot a,
#body_lois #nav_lois a,
#body_tar #nav_tar a,
#body_li #nav_li a,
#body_cont #nav_cont a {
	background: #BFCFFF;
	color: #005D8C;
}
/* =========== choix langue ============= */
#lang {
	position: absolute;
	top: 120px;
	left: 850px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 95px;
	font-size: 80%;
}
#lang li {
	float: left;
	margin: 0;
	padding: 0;
}
#lang a {
	float: left;
	width: 30px;
	text-align: center;
	color: #005D8C;
	font-size: 80%;
	text-decoration: none;
	line-height: 1.5;
	border-right: 1px solid #FFFFFF;
}
/* enlever border du dernier element (uk) */
#lang #lang_uk a {
	border: none;
}
/* definir "hover" */
#lang a:hover {
	background: #BFCFFF;
}
/* =========== sous-menu horizontal pages description et loisirs ======= */
#sousmenu {
	position: absolute;
	top: 120px;
	left: 200px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 500px;
}
#sousmenu li {
	float: left;
	margin: 0;
	padding: 0;
}
#sousmenu a {
	float: left;
	width: 80px;
	text-align: center;
	color: #005D8C;
	font-size: 80%;
	text-decoration: none;
	line-height: 1.5;
	border-right: 1px solid #FFFFFF;
}
/* enlever border-right du dernier element de navigation */
#sousmenu #livre_fr a {
	border: none;
}
#sousmenu #autres_fr a {
	border: none;
}
#sousmenu #tarif_fr a {
	border: none;
}
/* definir "hover" */
#sousmenu a:hover {
	background: #BFCFFF;
}
/* =========== photos sur page description ===== */
#photosdesc {
	position: absolute;
	top: 150px;
	left: 200px;
	border: none;
}
/* ========== styles pour page situation =========== */
.routeimage {
	float: right;
	margin: 10px;
	border: none;
}
.photosituation img {
	border: 5px solid #BFCFFF;
}
.photosituation p {
	font-size: 80%;
	margin-top: 0;
	width: 430px;
	line-height: 1.4em;
}
#routedescription li {
	font-size: 80%;
}
/* ============= styles pour galerie photos =========== */
#gallerie {
	position: absolute;
	top: 130px;
	left: 200px;
	width: 700px;
	font-size: 1.25em;
	line-height: 1.75em;
}
ul.thumbnails {
	margin: 0 0 10px 0;
	padding: 0;
	float: left;
	text-align: center;
	line-height: 1em;
	list-style: none;
}
ul.thumbnails a {
	display: block;
	float: left;
	margin: 0;
	padding: 4px 4px 9px 4px;
}
ul.thumbnails li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.thumbnails a:hover {
	background-color: #BFCFFF;
}
/* ========= agrandissement une seule photo ========== */
p.txtphoto {
	position: absolute;
	top: 550px;
	left: 200px;
	color: #005D8C;
	font: 0.9em "Times New Roman", serif;
}
/* ========= formulaire de contact ================*/
/* --- règler problème d'alignement en FireFox --- */
table.invisible td {
	font-size: small;
	color: #005D8C;
	font-weight: bold;
}
form.contact {
	padding: 0;
	margin: 0;
	margin-top: -20px; /* om formulier dichter bij titel te brengen */
}
form.contact fieldset {
	border: 2px solid #005D8C;
	padding: 10px;
}
form.contact legend {
	font-weight: bold;
	font-size: small;
	color: black;
	padding: 5px;
}
form.contact label {
	font-weight: bold;
	font-size: small;
	color: #005D8C;
	line-height: 150%;
}
form.contact label.fixedwidth {
	display: block;
	width: 240px;
	float: left;
}
form.contact .buttonarea {
	text-align: center;
	padding: 4px;
	background-color: #BFCFFF;
}
form.contact .buttonarea input {
	background: #005D8C;
	color: white;
	font-weight: bold;
	padding: 5px;
	border: 1px solid white;
}
/* ------- tableaux loisirs ------ */
table.loisirs {
	border-collapse: collapse;
	border: 1px solid #005D8C;
}
table.loisirs th {
	font-size: 90%;
	padding: 4px;
	background-color: #B0C4DE;
}
table.loisirs td {
	border: 1px solid #005D8C;
	padding: 4px;
	font-size: 80%;
}
table.loisirs caption {
	font-weight: bold;
	font-size: 120%;
	background-color: #B0C4DE;
	padding: 0.4em 0 0.3em 0;
	border: 1px solid #005D8C;
}
/* --------- tableau liens ----------*/
table.liens {
	border-collapse: collapse;
	border: 1px solid #005D8C;
}
table.liens th {
	font-size: 90%;
	padding: 4px;
	background-color: #B0C4DE;
}
table.liens td {
	border: 1px solid #005D8C;
	padding: 4px;
	font-size: 80%;
}
table.liens caption {
	font-weight: bold;
	font-size: 120%;
	background-color: #B0C4DE;
	padding: 0.4em 0 0.3em 0;
	border: 1px solid #005D8C;
}
/* ------- tableau tarifs ------ */
table.tarifs {
	border-collapse: collapse;
	border: 1px solid #005D8C;
}
table.tarifs th {
	font-size: 90%;
	padding: 4px;
	background-color: #B0C4DE;
}
table.tarifs td {
	border: 1px solid #005D8C;
	padding: 4px;
	font-size: 80%;
}
table.tarifs caption {
	font-weight: bold;
	font-size: 120%;
	background-color: #B0C4DE;
	padding: 0.4em 0 0.3em 0;
	border: 1px solid #005D8C;
}
/* ------- tableau calendrier ------ */
table.calendrier {
	border-collapse: collapse;
	border: 1px solid #005D8C;
}
table.calendrier th {
	font-size: 71%;
	padding: 4px;
	background-color: #B0C4DE;
}
table.calendrier td {
	border: 1px solid #005D8C;
	padding: 4px;
	font-size: 71%;
}
table.calendrier caption {
	font-weight: bold;
	font-size: 110%;
	background-color: #B0C4DE;
	padding: 0.4em 0 0.3em 0;
	border: 1px solid #005D8C;
}
table.calendrier td.occ {
	text-align: right;
	background-color: #FF99CC;
}
table.calendrier td.lib {
	text-align: right;
	background-color: #99FFCC;
}
/* ------- prŽsentation des messages de remerciements ---- */
.remerciement {
	background-color: white;
	width: 600px;
	font-family: Courier, monospace;
	font-size: 12px;
	color: navy;
}