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

/******************************************************************************
	Phase de reset CSS
******************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
h1,h2,h3,h4,h5,h6,p
{
	font-family: Verdana, Geneva, sans-serif;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
	border-bottom-style:inset;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


html,body
{
	height: 100%;
	margin: 0;
	
}

body
{
	/*background:#c7a85b;*/
	background-image:url(img/bg.gif);
}
.ombrecadre
{
	
	min-height:200px;
	margin:0 auto;
	background-image:url(img/ombre_cadre.png);
	background-position:center;
	background-repeat:repeat-y;
}
.cadre
{
	min-height: 100%;
	width: 1020px;
	margin: 0 auto;
}
/*¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦HEADER|||||||||||||||||||||||*/
#fontheader
{
	height: 501px;
	width: 100%;
	background-image:url(img/header_font.png);
	background-repeat:repeat-x;
}
#logocontener
{
	height:58px;
	width:353px;
	position:relative;
	top:20px;
	left:40px;
}
#logo
{
	height:58px;
	width:100%;
	vertical-align:bottom;
	background-image:url(img/logo.png)
}
#interlogo
{
	height:1px;
	background-color:#BC9D54;
}
#desclogo
{
	height:27px;
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#d4ac52;
}
#desccontner
{
	height:70px;
	width:180px;
	position:relative;
	bottom:30px;
	left:800px;
}
#desc
{
	height:16px;
	width:100%;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#d4ac52;
	text-align:right;
	padding-bottom:2px;
}
#desc a
{
	color:#eec15c;
}
#desc a:hover
{
	color:#FFF;
}
#interdesc
{
	height:1px;
	background-color:#BC9D54;
}
#addrdesc
{
	padding-top:2px;
	height:47px;
	text-align:right;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#d4ac52;
}
/*-------menu-----------*/
#menucontner
{
	width:940px;
	height:60px;
	position:relative;
	left:40px;
	bottom:20px;
	
}
#bgmenug
{
	width:13px;
	height:60px;
	background-image:url(img/bgmenuG.png);
	float:left;
}
#bgmenud
{
	width:13px;
	height:60px;
	background-image:url(img/bgmenuD.png);
	float:left;
}
#bgmenucenter
{
	width:914px;
	height:60px;
	background-color:#493a17;
	float:left;
}
.contneronglet
{
	min-width:60px;
	min-height:40px;
	float:left;
}
.onglet
{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	text-decoration:none;
	margin-top:14px;
}
.onglet a
{
	color:#d4ac52;
	text-decoration:none;
}
.onglet a:hover, .onglet a:active
{
	color:#fff;
}
.ongletdesc
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	float:left;
}
.ongletdesc a
{
	color:#ae8d43;
	text-decoration:none;
}
.ongletdesc a:hover, .ongletdesc a:active
{
	color:#e9c70d;
}
.spacermenu
{
	height:50px;
	width:1px;
	background-image:url(img/spacer_menu.png);
	background-repeat:no-repeat;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-top:8px;
	
}
#carouselfont
{
	width:940px;
	height:279px;
	background-image:url(img/carousel.png);
	left:40px;
	position:relative;
}
.imagecarousel
{
	width:450px;
	height:217px;
	position:absolute;
	top:21px;
	left:24px;
	float:none;
	overflow:hidden;
}
#slideshow {
    position:relative;
    width:450px;
	height:217px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}

#slideshow IMG.active {
    z-index:10;
}

#slideshow IMG.last-active {
    z-index:9;
}
.defilement
{
	width:17px;
	height:17px;
	top:240px;
	left:331px;
	position:relative;
	float:left;
	text-align:center;
	margin-left:4px;
}
.defilement:hover
{
	cursor:pointer;
}
.defilement.actif
{
	background-image:url(img/carousel/active_pics.png);
	color:#FFF;
}
#contnerpresente
{
	width:410px;
	height:245px;
	position:absolute;
	bottom:200px;
	left:500px;
	top:20px;
	float:left;
}
#contnerpresente h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#ae8d43;
	letter-spacing:-1px;
	text-align:center;
	text-transform:uppercase;
	border-bottom:#FFF solid 1px;
}
#contnerpresente h2
{
	font-family:Verdana, Geneva, sans-serif;
	font-size: 13px;
	color:#FFF;
	font-weight:bold;
	text-align:justify;
	padding-top:8px;
}
#contnerpresente p.text
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#d4ac52;
	text-align:justify;
	padding-top:8px;
}
#contnerpresente p.text a:link, #contnerpresente p.text a:visited
{
	color:#ffefae;
	text-decoration:none;
	
}
#contnerpresente p.text a:hover
{
	color:#fff;
}
/*¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦CONTNER|||||||||||||||||||||||*/
#contenu
{
	background-color:#FFF;
	min-height:100px;
	width:100%;
}
.contner320
{
	width:320px;
	margin-left:15px;
	padding-top:15px;
	float:left;
	text-align:center;
}

/* Formulaire de réservation */
.contnertopform
{
	height:15px;
	background-image:url(img/contner_top_form.png);
}
.contnermiddleform
{
    min-height: 50px;
   	background-color:#f3f7e8;
    padding: 15px;
}
.contnerbottomform
{
	height:15px;
	background-image:url(img/contner_bottom_form.png);
	display:block;   
}
.contner960
{
	width:960px;
	margin-left:30px;
	padding-top:15px;
    padding-bottom: 15px;
}
/* fin du formulaire */
.contnertop
{
	height:15px;
	background-image:url(img/contner_top.png);
}
.contnermiddle
{
	min-height:50px;
	background-color:#f3f7e8;
    padding-right: 5px;
}
.contnermiddle img.pub
{
	padding-left:0px;
	padding-bottom:10px;
}
.contnermiddle img.chambre
{
padding: 5px 0; 
}
.contnerbotom
{
	height:15px;
	background-image:url(img/contner_bottom.png);
	display:block;
    margin-bottom:20px;
}
span t1
{
	text-align:center;
}
.t1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing:-1px;
	color:#9b6b2b;
}
.t11
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#000;
}
.t2
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	letter-spacing:-1px;
	color:#000;
}
.select
{
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:-1px;
	color:#000;
	padding-left:10px;
}
.clean{
    clear: both;
}
.select img
{
	line-height:20px;
}
.block320
{
	height:300px;
}
#interlinge
{
	height: 7px;
	width: 100%;
	background-image:url(img/interlinge.png);	
}
table.horaire
{
	margin-left:40px;
	padding-top:5px;
}

.contnermiddle p.text
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#d4ac52;
	text-align:justify;
	padding-top:8px;
	margin-left:10px;
}
.contnermiddle p.text2
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	color:#777;
	text-align:center;
	padding-top:5px;
	margin-left:10px;
}
/*¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦¦FOOTER|||||||||||||||||||||||*/
#fontfoot
{
	height: 270px;
	width: 100%;
	background-color:#b9b7a8;
}
#footleft
{
	height:270px;
	width:50%;
	float:left;
}
#footright
{
	height:270px;
	width:40%;
	float:left;
}
#footleftimg,#footrightimg
{
	height:200px;
	width:50%;
	float:right;
	margin-top:30px;
	padding-top:10px;
}
#footrightimg
{
	float:left;
	width:60%;
	padding-left:20px;
}
#footlefttexte,#footrighttexte
{
	height:200px;
	width:50%;
	float:right;
	margin-top:30px;
}
#footrighttexte
{
	width:180px;
	float:left;
}
#footleftimg p.titre,#footrightimg p.titre
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:24px;
	color:#FFF;
}
#footleftimg p.contenu,#footrightimg p.contenu
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	padding-top:10px;
}
#footleftimg p.contenu a,#footrightimg p.contenu a
{
	font-size:18px;
	color:#89857a;
	text-decoration:none;
}
#footleftimg p.contenu a:hover
{
	color:#FFF;
}
#footleftimg p.button ,#footrightimg p.button 
{
	margin-top:10px;
	height:52px;
	width:229px;
	background-image:url(img/button.png);
	line-height:52px;
	text-align:center;
	color:#FFF;
	font-size:18px;
	text-decoration:none;
}
#footleftimg p.button a:link, #footleftimg p.button a:visited,#footrightimg p.button a:link, #footrightimg p.button a:visited
{
	color:#FFF;
	cursor:pointer;
	text-decoration:none;
}
#footleftimg p.button a:hover,#footrightimg p.button a:hover
{
	color:#000;
	text-decoration:none;
}
#footlefttexte IMG,#footrighttexte IMG
{
	padding-left:20px;
}
#footrighttexte IMG
{
	padding-left:0px;
	padding-top:40px;
}
#footright
{
	height:270px;
	width:50%;
	float:right;
}

#copyright
{
	height:30px;
	width:900px;
	position:absolute;
	margin-top:230px;
	margin-left:55px;
    left: 100px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#FFF;
	text-align:center;
}
#copyright a:link, #copyright a:visited
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#666;
	text-decoration:none;
}
#copyright a:hover
{
	text-decoration:none;
	color:#000;
}
div.commentaire{
    text-align: center;
    padding-bottom:10px;
}
a.res
{
    
}
p.text2 a{

    font-weight: bold;
    color:#777777;
}
/* Mise en forme des formulaires */
table.form
{
    width: 100%;
    border:1px black solid;
}
table.form td{width: 50%;}
table.form label{text-align: right;}
table.form td.labelform{text-align: right; padding-right: 15px;font-size: 11px;font-family: Verdana;}
form[name="reservation"] textarea{resize:none; width: 99%;}


/* Mini formulaire  */
table.formini
{
    width: 100%;
}
table.formini td{width: 45%;}
table.formini label{text-align: right;}
table.formini td.labelform{width:55%;text-align: right; padding-right: 15px;font-size: 11px;font-family: Verdana;}
form[name="reservation"] textarea{resize:none; width: 99%;}
form[name="minireservation"] input{width:120px;}