@charset "utf-8";
/* Body*/
body {font: 13px "Trebuchet MS", helvetica, sans-serif; background-color:#fdf5e6;}

/* Conteneur Principal */
#contenu {width:880px; margin-left:auto; margin-right:auto;background:#fff;border-left:1px solid #dfdfdf;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; border-top:1px solid #dfdfdf; padding:30px 20px 20px;border-radius-bottomleft:8px;border-radius-bottomright:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;border-radius-topleft:8px;border-radius-topright:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px; overflow:hidden; background:#FFF}
/* Elements Conteneur Pricipal */
#contenu .search {width:90%; margin-left:2%; text-align:center;padding-bottom:25px; padding-top:25px; line-height:40px; font-family:Verdana, Geneva, sans-serif; color:#006; font-weight:bold;}
#contenu a.linkopacity img {filter:alpha(opacity=100);-moz-opacity: 1.0;  opacity: 1.0; -khtml-opacity: 1.0;}
#contenu a.linkopacity:hover img {filter:alpha(opacity=70);-moz-opacity: 0.7; opacity: 0.7;-khtml-opacity: 0.7;}
h1#header{height: 160px;margin:0;	}
h1#header a{width: 890px ;height:160px ;display: block ;background: url(boutons/logo.png) no-repeat center;position: relative;top:-25px; text-indent:-5000px ;}
h1#header a span{display: none ;}
#contenu h1 { text-align:center; font-size:17px; color:#346f67; text-decoration:underline;}
#contenu h2 {border-bottom: 1px solid navy ;font-size:14px;font-weight:bold;color:#903;padding:0;margin:0;}
#contenu h3 {margin:0;padding:0;font-size:13px;color:#303; text-decoration:underline;}
#contenu h4 {margin:0;padding:0;font-size:13px;font-weight:bold;color:#303;text-decoration:underline;}
#contenu img {border:0;}
#contenu p {margin:0; padding:0;}
/* Menu */
#navlist{font-size:15px; margin: 0;padding: 0 0 20px 10px;border-bottom: 1px solid #0066CC; color:#00008b;}
#navlist ul, #navlist li
{margin: 0;padding: 0;display: inline;list-style-type: none;}
#navlist a:link, #navlist a:visited{float: left;line-height: 14px;font-weight: bold;margin: 0 10px 4px 10px;text-decoration: none;color:#0066CC;}
#navlist a:link#current, #navlist a:visited#current, #navlist a:hover{border-bottom: 4px solid #000099;
padding-bottom: 2px;background: transparent;color:#000099;}
#navlist a:hover { color:#000099; }
/* Fin Menu */


/* Bedrooms butons */
a.ovalbutton{background: transparent url(boutons/oval-blue-left.gif) no-repeat top left;display: block; float:left; margin-left:80px;font: normal 13px Tahoma; /* Change 13px as desired */line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */padding-left: 11px; /* Width of left menu image */
text-decoration: none;}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{color: #494949; /*color del texto*/}
a.ovalbutton span{background: transparent url(boutons/oval-blue-right.gif) no-repeat top right;
display: block; padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value*/}
a.ovalbutton:hover{ /* Hover state CSS */background-position: bottom left;}
a.ovalbutton:hover span{ /* Hover state CSS */background-position: bottom right;color: black;}



/* Back Top */

#top a{ display: block;position:fixed;top:300px; right:5%; width:80px; height:80px;filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)"; opacity:.3; -moz-border-radius:10px; border-radius:10px; z-index:5; }  
#top a{ -webkit-transition:all 200ms ease; -moz-transition:all 200ms ease; transition:all 200ms ease; }  
#top a:hover{ background-color:#fff; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; opacity:1; }


#reservation {
	height: 55px ;
	width:100%;
	margin: 0 ;
	padding: 0 ;
	background: url(boutons/reservation.jpg) repeat-x 0;
	color:#FFF;
	position:relative;
	top:-2px;
	border:#FFF 2px outset;
}
.tableres {
	width:700px;
	margin-left:60px;
	border-collapse:collapse;
	color:#003;
}
.tableres td.search{
	width:31%;
	text-align:center;
}
.tableres td.send {
	width:6%;
	text-align:center;
}
.top {
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

.center {text-align:center;}
.centermid {text-align:center; vertical-align:middle;}
.tablepic {
	width:750px;
	margin-left:38px;
}
.tableliste {
width:700px;
margin-left:10px;
}
.tableliste td.title {
	background-color:#f5f5f5;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#006;
}
.tableliste td.pictopano {
    width:170px;
    height:100px;
    background-color:#f5fffa;
    border-bottom: 1px solid #999999; 
    border-right: 1px solid #999999;
	text-align:center;
}
.tableliste td.link {
	width:500px;
	text-decoration:underline;
	font-size:13px;
	padding-left:5px;
}
.tableliste td.link a {
	color:#900;
}
.tableliste td.link a:hover {
	color:#F00;
}
.tableliste td.link a:visited {
	color:#060;
}
.tableliste td.texto {
    width:500px;
    color:#666666;
	font-size:12px;
	padding-top:0;
	line-height:15px;
	padding-bottom:0;
    padding-left:5px;
    font-weight:bold;
    text-align:left;
}
.tableliste td.refprice {
	width:500px;
	font-size:12px;
	color:#F00;
	font-weight:bold;
	padding-left:5px;
	padding-bottom:0;
	padding-top:0;
}
.tableliste td.linkfun a, .linkfun a:link, .linkfun a:visited, .linkfun a:hover, .linkfun a:active, a.linkfun, a:link.linkfun, a:visited.linkfun, a:hover.linkfun, a:active.linkfun {
text-decoration:underline;
background: url(boutons/fleche.jpg) no-repeat 0px 0px;
padding-left:30px;
font-weight:bold;
vertical-align:text-top;
line-height:25px;
}
.pages {
	padding-left:20px;
	font-size:14px;
	color:#00C;
}
#tableform {
	width:500px;
	margin-left:150px;
}
.form_title{
			color : #000000;
			font-size: 13px;
			font-family: verdana, Geneva, Arial, Helvetica, sans-serif;
			font-weight : bold;
		}
		
		.form_field {
			font-size : 13px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #474747;
			font-weight : bold;
			text-align:left;
		}
		
		.form_text{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
		}
		
		.text_box{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
			width:200px;
		}
		
		.text_area{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
			width:200px;
			height:60px;
		}
		
		.text_select{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #000000;
		}

		.form_error{
			font-size : 11px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color : #ff0000;
			font-weight : bold;
		}

		.copyright{
			text-align:center;
			font-size : 6px;
			font-family : Verdana, Arial, Helvetica, sans-serif;
			color:#CCC;
		}
#tablecar {
text-align:center;
width:75%;
border:inset;
border-color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:600;
margin-left:10%;
border-collapse:collapse;
color:#006;
}
#tablecar td.grouptitle {
width:3%;
}
#tablecar td.grouplight {
background-color:#FFFFCC;
width:3%;
}
#tablecar td.groupdark {
background-color:#CCCCCC;
width:3%;
}
#tablecar td.modeltitle {
width:33%;
}
#tablecar td.modelight {
background-color:#FFFFCC;
width:33%;
text-align:left;
}
#tablecar td.modeldark {
background-color:#CCCCCC;
width:33%;
text-align:left;
}
#tablecar td.pricetitle {
width:6%;
}
#tablecar td.pricelight {
background-color:#FFFFCC;
width:6%;
}
#tablecar td.pricedark {
background-color:#CCCCCC;
width:6%;
}
.background {
font-size: 90%;
color: black;
list-style-type: none;
background-image: url(puce.gif);
background-repeat: no-repeat;
background-position: 0% 65%;
padding-left: 20px;
}
div#form {
width: 60%;
background:#CCCCCC;
padding:.2em;
margin-left:20%;
font-size:.8em;
}
.line1 {
text-align:center;
background-color:#FFFFCC;
padding:.2em;
}
.line2 {
text-align:center;
background-color:#CCFFFF;
padding:.2em
}
.smallfont {
	font-size:8px;
	color:#999;
	text-align:center;
}
#pictinfo {
	width:100%;
	word-spacing:15px;
	text-align:center;
	background-color:#FFC;
	margin-bottom:20px;
	margin-top:20px;
}
#tablepicgal {
	width:800px;
	margin-left:15px;
	margin-top:30px;
	text-align:center;
}
#tablepicgal td {
	width:265px;
	text-align:center;
	background-color:#CCC;
}
#position {text-align:left;margin-left:10px;font-size:9px;font-weight:bold;color:#666;}
#divlinks {font-size:12px; color:#003; text-align:justify;}
#divlinks h2 { font-size:14px; color:#300; border-bottom:#603 1px solid; text-align:left; padding-left:5px;}
#divlinks h3 {font-size:14px; color:#306; text-align:left; padding-left:1px; margin-top:15px; margin-bottom:5px;}
.bedlist {background-color:#FF9; color:#009; font-size:14px; font-weight:bold;}
.marco {width:auto;padding:8px; background-color:#f5f5f5;border-bottom:1px solid #999999; border-right:1px solid #999999;text-align:center; margin-top:25px; margin-bottom:25px;}
.under {text-decoration:underline;}
/* page usefulsite */
.link { font: 12px arial; margin: 10px 0;}
.link { padding:5px 0 0; border-top: 1px solid #5A6514;}
.link a {font-weight: bold;}
.link p { margin:5px 0;}
.link p a {color: #5A1609;}
/* Bouton flottant de contact */

#feedback a {display: block;position: fixed;top: 200px;   /* Emplacement du bouton en hauteur : remplacer 200 par 350 pour le descendre */left: 0px;    /* Pour placer le bouton à droite, remplacer "left" par "right" */background: #6DC7F7;   /* Pour changer la couleur du bouton, remplacer #6DC7F7 */
padding: 7px 5px;border: 1px solid #61B3DE;  /* Couleur de la bordure plus foncée que celle du bouton. Pour la changer, remplacer #61B3DE */border-left-color: #6DC7F7;  /* Cette couleur doit être la même que celle du bouton  */border-top-color: #6DC7F7;  /* Cette couleur doit être la même que celle du bouton */}

#feedback a:hover {background: #009FE4;   /* Couleur du bouton au survol de la souris : pour la changer, remplacer #6DC7F7 */border: 1px solid #009FE4;   /* Cette couleur doit être identique à la précédente */
}