@charset "utf-8";
/* CSS Document */

div, h1, h2, h3, h4, h5, h6, ul, li, p, img {
	margin: 0;
	padding: 0;
	}
body {
	color: #fff;
	background: #330 url(../images/fond.gif) top left repeat-x;
	margin: 0 auto;
	width: 800px;
	font-family: "Times New Roman", Times, serif;
	}
/*-------------------------------------------------------------------en tête du site------------------------------------------------------*/
div#header {
	position: relative;
	height: 173px;
	background: url(../images/en-tete.jpg) top left no-repeat;
	}
div#header h1 {
	text-indent: -9999px;
	}
div#header ul {/*---------------Navigation anglais-français-------------------*/
	position: relative;
	list-style: none;
	color: #000;
	}
div#header ul li a {
	position: absolute;
	display: inline;
	text-indent: -9999px;
	width: 40px;
	height: 20px;
	}
div#header ul li#fr a {
	top: 112px;
	left: 712px;
	background: transparent url(../images/dr_fr.gif) top left no-repeat;
	}
div#header ul li#en a {
	top: 112px;
	left: 759px;
	background: transparent url(../images/dr_angl.gif) top left no-repeat;
	}
/*------------------------------------------------------------Menu français du site--------------------------------------------------*/
ul#menu_fr {
	position: relative;
	width: 800px;
	height: 45px;
	list-style: none;
	}
ul#menu_fr li {
	display: inline;
	text-indent: -9999px;
	}
ul#menu_fr li a {
	display: block;
	width: 160px;
	height: 45px;
	position: absolute;
	}
/*ul#menu_fr li#accueil, */ul#menu_fr li#accueil a:link, ul#menu_fr li#accueil a:visited {
	top: 0;
	left: 0;
	background: transparent url(../images/accueil.gif) 0 -45px no-repeat;
	}
ul#menu_fr li#accueil a:hover, ul#menu_fr li#accueil a:active {
	top: 0;
	left: 0;
	background: transparent url(../images/accueil.gif) left top no-repeat;
	}

ul#menu_fr li#historique a:link, ul#menu_fr li#historique a:visited {
	top: 0;
	left: 160px;
	background: transparent url(../images/historique.gif) 0 -45px no-repeat;
	}
ul#menu_fr li#historique a:hover, ul#menu_fr li#historique a:active {
	top: 0;
	left: 160px;
	background: transparent url(../images/historique.gif) top left no-repeat;
	}
ul#menu_fr li#chambres a:link, ul#menu_fr li#chambres a:visited {
	top: 0;
	left: 320px;
	background: transparent url(../images/chambres.gif) 0 -45px no-repeat;
	}
ul#menu_fr li#chambres a:hover, ul#menu_fr li#chambres a:active {
	top: 0;
	left: 320px;
	background: transparent url(../images/chambres.gif) top left no-repeat;
	}
ul#menu_fr li#plan_dacces a:link, ul#menu_fr li#plan_dacces a:visited {
	top: 0;
	left: 480px;
	background: transparent url(../images/plan.gif) 0 -45px no-repeat;
	}
ul#menu_fr li#plan_dacces a:hover, ul#menu_fr li#plan_dacces a:active {
	top: 0;
	left: 480px;
	background: transparent url(../images/plan.gif) top left no-repeat;
	}
ul#menu_fr li#contact a:link, ul#menu_fr li#contact a:visited {
	top: 0;
	left: 640px;
	background: transparent url(../images/contact.gif) 0 -45px no-repeat;
	}
ul#menu_fr li#contact a:hover, ul#menu_fr li#contact a:active {
	top: 0;
	left: 640px;
	background: transparent url(../images/contact.gif) top left no-repeat;
	}
/*----------------------------------------------------------------Corps du texte----------------------------------------------------*/
div#texte {
	width: 322px;
	float: left;
	}
div#texte h2 {
	margin-top: 20px;
	margin-bottom: 40px;
	width: 315px;
	height: 80px;
	text-indent: -9999px;
	background: transparent url(../images/chambres_hotes_charmes.png) top left no-repeat;
	}
div#texte p {
	padding-right: 84px;
	margin: 20px 0;
	text-align: justify;
	font-style: italic;
	line-height: 1.3em;
	}
div#texte p em {
	font-style: normal;
	}
/*------------------------------------------------Positionnement des images-------------------------------------*/
p#images {
	position: relative;
	}
p#images img {
	position: absolute;
	}
img#facade_nord {
	top: 20px;
	left: 322px;
	z-index: 60;
	}
img#facade_sud {
	top: 304px;
	left: 259px;
	z-index: 90;
	}
img#petit_dej {
	top: 505px;
	left: 626px;
	z-index: 100;
	}
img#facade_automne {
	top: 291px;
	left: 528px;
	z-index: 80;
	}
img#sous_ombrages {
	top: 504px;
	left: 387px;
	z-index: 70;
	}
/*-------------------------------------------------Pied de page--------------------------------------*/
div#pied {
	clear: both;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: .80em;
	color: #333;
	background: transparent url(../images/fond_pied.png) center 20px no-repeat;
	border-top: 1px solid #c93;
	min-height: 120px;
	}
div#pied p.pied {
	margin-top: 20px;
	}
p.conception {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .80em;
	margin: 5px;
	}
p.conception a:link, p.conception a:visited {
	color: #fff;
	text-decoration: none;
	}
p.conception a:hover {
	color: #fff;
	text-decoration: underline;
	}
p.conception a:active {
	color: #999;
	text-decoration: underline;
	}
/*----------------------------------------------images partenaires-----------------------------------------*/
p#partenaires {
	text-align: center;
}
p#partenaires img {
	margin: 10px;
	border: 0;
}
/*----------------------------------------------Page historique------------------------------------------*/
div#histo {
	text-align: justify;
	font-style: italic;
	line-height: 1.3em;
	}
div#histo h2 {
	margin-top: 20px;
	margin-bottom: 40px;
	width: 315px;
	height: 80px;
	text-indent: -9999px;
	background: transparent url(../images/plus_de_4_siecles.png) top left no-repeat;
	}
div#histo p {
	display: block;
	text-indent: 2em;
	margin-bottom: 15px;
	clear: both;
	}
div#histo p img {
	float: right;
	margin: 3px;
	padding: 10px;
	border: solid 1px #666;
	}
/*--------------------------------------------Page Nos Chambres-----------------------------------------*/
div#chambres h2 {
	margin-top: 20px;
	margin-bottom: 40px;
	width: 315px;
	height: 80px;
	text-indent: -9999px;
	background: transparent url(../images/chambres_confortables.png) top left no-repeat;
	}
div#chambres h3 {
	margin: 20px;
	color: #c93;
	font-variant: small-caps;
	padding-left: 3px;
	}
h3.chambre {
	text-align: center;
}
div#chambre1, div#chambre3 {
	width: 398px;
	float: left;
	text-align: right;
	}
div#chambre5 {
	width: 482px;
	text-align: center;
	margin-left: 159px;
	}
p.descriptifChambre {
	margin: 15px 0;
	padding: 5px;
	clear: both;
	font-style: italic;
	text-align: center;
	}
p.tarifChambre {
	margin: 5px 0;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	}
div#chambre2, div#chambre4 {
	width: 398px;
	float: right;
	text-align: left;
	}
div#chambre1 p.principal, div#chambre3 p.principal {
	float: right;
	margin-right: 1px;
	margin-bottom: 1px;
	}
div#chambre2 p.principal, div#chambre4 p.principal {
	float: left;
	margin-left: 1px;
	margin-bottom: 1px;
	}
div#chambre5 p.principal {
	float: right;
	margin-left: 1px;
}
div#chambre1 p.vignettes, div#chambre3 p.vignettes, div#chambre5 p.vignettesg {
	float: left;
	margin: 0 1px 5px 0;
	cursor: help;
	}
div#chambre2 p.vignettes, div#chambre4 p.vignettes, div#chambre5 p.vignettesd {
	float: right;
	margin: 0 0 5px 1px;
	cursor: help;
	}
p.descriptif {
	clear: both;
	margin: 15px;
	padding: 15px;
	font-style: italic;
	}
.tarif {
	margin: 5px;
	padding: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}
div#chambres h2.chambre {
	margin-top: 3em;
	}
/*----------------------------------------------------------------------------Page Plan d'accès-----------------------------------------------------*/
p#localisation {
	margin-top: 25px;
	margin-left: 50px;
	text-align: center;
	}
iframe {
	border: 2px solid #999;
	}
h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: lighter;
	margin-left: 15px;
	}
h4 + p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 15px;
	}
/*--------------------------------------------------------------------Page contact-------------------------------------------------------------*/
div#contact {
	text-align: center;
	}
div#case1 {
	width: 400px;
	float: left;
	text-align: center;
	margin-bottom: 25px;
	}
div#case2 {
	width: 400px;
	float: right;
	text-align: center;
	margin-bottom: 25px;
	}
div#contact h2.renseignements {
	margin-top: 20px;
	/*width: 400px;*/
	height: 60px;
	text-indent: -9999px;
	background: transparent url(../images/renseignement.png) top center no-repeat;
	}
div#contact h2.contact {
	margin-top: 20px;
	/*width: 400px;*/
	height: 60px;
	text-indent: -9999px;
	background: transparent url(../images/contact.png) top center no-repeat;
	}
div#contact h2.reservation {
	clear: both;
	margin-top: 20px;
	/*width: 315px;*/
	height: 60px;
	text-indent: -9999px;
	background: transparent url(../images/reservation.png) top center no-repeat;
	}
div#contact form {
	text-align: left;
	}
div#contact legend {
	color: #c93;
	}
div#contact p {
	margin-bottom: 5px;
	margin-left: 15px;
	}
div#contact form input, div#contact form textarea {
	border: 1px #c93 solid;
	}
div#contact label.aligngauche {
	display: block;
	float: left;
	width: 100px;
	}
div#contact p.check {
	width: 270px;
	float: left;
	margin-left: 15px;
	}