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

/* Sticky Footer */
* {margin:0;padding:0;}
img {border:none; padding:0; margin-bottom:5px;}
body { background:#FFF; background-position:center; }
#wrapper { background-color:#FFF; }
html, body, #wrapper { height:100%; }
body #wrapper {height: auto; min-height: 100%; }
#content {padding-bottom: 50px;}  /* must be same height as the footer */
#footer {position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 75px;
	clear:both; 
	background-color:#FFF;} 
/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* Sticky Footer */

/* propriete du site*/
#wrapper { width:1000px; margin-left:auto; margin-right:auto;}
#header {width:1000px; height:200px; background:url(../images/header.jpg); background-repeat:no-repeat; }
.clear {clear:both;}
#content {
	width:980px; 
	padding-left:10px;
	padding-right:10px;
	background-image:url(../images/background.jpg); 
	background-position:right; 
	background-repeat:repeat-y;}

/* propriete des menus*/	
#menu {	width:100%;	height:35px; background-color:#a6c785; float:left; }		
ul li { list-style-type:none; width:auto; height:auto; font:Verdana, Geneva, sans-serif; margin-left:20px; line-height:30px; }
li.left {float:left; }
li.right {float:right;}
#menu a {color:#000; font-size:17px; }
#menu a:hover { color:#FFF; }
#menu img { padding-top:5px; }

#submenu {width:800px; background:url(../images/submenubg.png); margin-left:auto; margin-right:auto; margin-bottom:10px; clear:both;}
#submenu ul li { display:inline; list-style-type:none; font:Verdana, Geneva, sans-serif; line-height:30px; }
#submenu a {text-align:center; color:#000; }
#submenu a:hover { color:#a6c785; }

/* propriete des pages*/
.roombox { width:300px; height:790px; float:left; margin:30px 10px 10px 10px; border:3px solid #a6c785; }
#miseajour { width:450px; height:auto; color:#000; float:left; margin-top:30px;}
#miseajour h4 { margin-bottom:15px;}
#cadre1 { background-image:url(../images/facade.png); float:left; width:300px;	height:225px; margin:10px 0 0 25px; }
#cadre2 { background-image:url(../images/veranda.png); float:left; width:300px;	height:225px; margin:10px 0 0 15px; }
#cadre3 { background-image:url(../images/jardin.png); float:left; width:300px;	height:225px; margin:10px 0 0 15px; }
#cadre4 { background-image:url(../images/veranda_cadre.png); background-repeat:no-repeat; margin:15px 0px 0px 30px; width:180px; height:135px; float:left; }
#cadre5 {background-image:url(../images/couloirbas.png); background-repeat:no-repeat; width:180px; height:135px; margin:15px 0px 0px 20px; float:left; }
#chambres1 {background-image:url(../images/orchidees_big.png); background-repeat:no-repeat; width:275px; height:180px; margin:40px 0 0 10px; float:left;}
#chambres2 {background-image:url(../images/orchidees-small.png); background-repeat:no-repeat; width:190px; height:130px; margin:10px 0 0 10px; float:left;}
#chambres3 {background-image:url(../images/cheminee-small.png); background-repeat:no-repeat; width:190px; height:130px; margin:10px 10px 10px 0px; float:right;}
#chambres4 {background-image:url(../images/floreal2_big.png); background-repeat:no-repeat; width:275px; height:180px; margin:40px 0 0 10px; float:left;}
#chambres5 {background-image:url(../images/floreal2-small.png); background-repeat:no-repeat; width:190px; height:130px; margin:10px 0 0 10px; float:left;}
#chambres6 {background-image:url(../images/floreal_small.png); background-repeat:no-repeat; width:190px; height:130px; margin:10px 10px 10px 0px; float:right;}
#chambres7 {background-image:url(../images/prairial_big.png); background-repeat:no-repeat; width:275px; height:180px; margin:40px 0 0 10px; float:left;}
#chambres8 {background-image:url(../images/prairial_small.png); background-repeat:no-repeat; width:190px; height:130px; margin:10px 0 0 10px; float:left;}
#chambres9 {background-image:url(../images/prairial_superpose.png); background-repeat:no-repeat; width:190px; height:130px; margin:10px 10px 10px 0px; float:right;}
#panorama { width:355px; height:226px; float:left; margin:15px 0px 0px 50px; }
.photovillage { width:780px; height:auto; margin-left:auto; margin-right:auto; margin-top:20px; } 
.archives { width:400px;  font-size:20px; float:right; } 
.archives a { margin:10px; text-align:center; color:#000; font:Arial, Helvetica, sans-serif; text-decoration:none; display:inline;}
.archives a:hover { color:#a6c785;}
p { margin-bottom:10px; }

.cadre {width:500px; margin-top:15px; font-size:13px; float:right;}
.cadrelist { width:280px; height:auto; font-size:14px; color:#666; margin:10px 0px 10px 10px; float:left;}
.cadrelistlong { width:280px; height:180px; font-size:14px; color:#666; margin:10px 0px 10px 10px; float:left;}
.listcadre { width:500px; height:auto; font-size:14px; color:#666; margin-left:auto; margin-right:auto; margin-top:15px; float:left;}
.middlecadre {width:600px; height:auto; font-size:14px; color:#666; margin-left:auto; margin-right:auto ; }
.villagecadre { width:400px; float:left; margin-right:45px; margin-left:45px; margin-top:20px;}
ul.list li {list-style-type:circle; color:#666; font-size:14px; }
#contact { width:300px; height:auto; font-size:14px; float:left; }

/* porpriete des titres*/
.title { text-align:center; color:#000; font-family:"Times New Roman", Times, serif; }
.important { color:#F00; text-decoration:underline; text-align:center; }
.date { color:#666; text-decoration:underline; }
.red { color:#F00;}

/* propriete diverses*/
h3 { color:#090; }
h2 { font-size:18px; }
p {	color:#333;	padding-top: 5px;}
.center {text-align:center; }
#random { margin:30px 0 0 45px;	float:left;	width:300px; height:auto; }
#random img { overflow:hidden; }
#google { margin:0px 0 30px 50px; float:left; width:383px;}
#google p {	text-align:center; }
#formmail {	width:800px; height:auto; text-align:center; margin-left:auto; margin-right:auto; clear:both;}
#formmail table { width:800px; height:auto; }

.photodujour { overflow:hidden;	margin-left:auto; margin-right:auto; width:800px; margin-bottom:15px; margin-top:15px;}	 	
.photodujour img { border:1px solid black; } 
.photodujour p { color:#333; text-align:center; text-decoration:underline; }

#photodujour a { color:#F00; text-decoration:underline; margin:5px; }
#photodujour { font-size:16px; font:Arial, Helvetica, sans-serif; margin-left:auto; margin-right:auto; width:130px; }
#photodujour a:hover { color:#F00; }

#nav_partenaires { width:800px;	height:auto; padding-top:20px; margin-top:0px;}
.partenaires tr td { border:none; text-align:center; color:#E8A9C6;	padding:2px;}
#nav_partenaires { width:800px; height:auto; padding-top:20px; margin-top:0px; margin-left:auto; margin-right:auto;}
.partenaires tr td { border:none; text-align:center; color:#E8A9C6; padding:2px;}
.partenaires { width:800px; border: 3px solid #EAFFB9;	margin-top: 30px; }
.date {
	font-weight:normal;
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
	padding:2px 0px 5px 0px;
}
img.centered { display:block; margin-left:auto; margin-right:auto;}
.description { color:#666; font-size:18px; font-weight:bold; text-align:center; }
.depliant, .depliant a {text-align:center; font-size:18px; margin:20px 0px 10px 0px;}

/*propriete du footer*/
#footermenu { width:1000px;margin-left:auto; height:50px; margin-right:auto; text-align:center; background-color:#a6c785; }
#footermenu a {margin-left:15px; color:#FFF; font-size:16px; line-height:30px;}
#footermenu a:hover {color:#000; }
#footeraddress p{text-align:center;}


/*propriete du tableau des nuités*/ 
#nuitee { width:800px; height:auto;	margin:30px 0px 20px 0px; margin-left:auto; margin-right:auto;}
table {margin-right:auto; margin-left:auto; border-collapse:collapse;}
caption { text-align:left; font-size:100%; text-indent:30px; line-height:30px; background:url(../images/bed.gif) no-repeat; margin-left:120px;}
caption.german { margin-left:65px; }
caption.english { margin-left:100px; }
caption.italien { margin-left:60px; }
caption.japonais { margin-left:150px; }
table, th, td { border: 1px solid #666; border-collapse:collapse; color:#000; text-align:left; }
thead th {padding:10px 10px; background-color:#DDD; }
th { padding:5px 10px; font-size:90%; text-align:left; color:#000; }
tbody td { padding:5px 10px; }
tfoot td { background-color:#EEE; padding-left:100px; border:none; color:#000; }