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, b, u, i, center, 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-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}

html, body {background: url(img/bg.png) repeat-x  #cdcac0; font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px; color: #384a1e; 
}
#corps { width:100%;  position:relative; display:block}
#corpsContact {background: url(img/bg_html_vide.jpg) top center no-repeat; width:100%;  position:relative;display:block}
object {margin: 0;padding: 0;border: 0 none;overflow-x: hidden;overflow-y: hidden;}
a {color:#556a92;text-decoration:underline}

#site{width:836px; margin: 0 auto; position:relative; }

#col_droite{ padding:10px 10px 0 10px; float:left; width:200px}

#menuLangue {position:absolute; top:5px; right:0; z-index:99}
#menuLangue .langueNonActive a{color:#d7c29d}
#menuLangue .langueActive a{color:#f4f1ed;font-weight:bold;}
.langueActive, .langueNonActive{float:left; padding-left:8px;}

.logo {position:absolute;  left:18px; z-index:50; top:-5px}

#header {width:836px; height:190px;  float:left; background:url(img/header.jpg) no-repeat; margin-bottom:10px;}

#menu {width:836px; height:92px;  float:left; font-family: Georgia, "Times New Roman", Times, serif;font-size:16px;text-align: center;font-weight: normal;color: #6c2a14;  background:url(img/bg_menu.gif)}

#content {position:absolute; top:25px; float:left; width:850px	}
#menu ul { font-size:16px; letter-spacing:0px; padding-top:26px; padding-left:20px}
#menu li { margin-right:10px}
#menu li a{}
#menu li a.menuactif{}
#menu li a.menudefault{}
#menu li a.menuactif:hover{}
#menu li a:hover{}
#menu li.menuSeparatorIn{visibility:hidden}
#menu li.menuSeparatorOut{visibility:hidden}
#menu .menuSeparator{}

#adresse{float:left;width:185px; height:112px; margin-top:10px; text-align:left; padding:10px ; line-height:20px; color:#3c000a; font-size:12px}
#adresse a{ color:#cbcf57;}

.separatorcol1 { background: url(img/separateurcol1.jpg) no-repeat center; width:100%; float:left; height:20px; margin: 15px 0}
.separatorcol2 { background: url(img/separateurcol2.jpg) no-repeat center; width:100%; float:left; height:20px}

#content2_fr {width:950px; float:left; height:0}

#col_principale{ float:left; width: 836px; background:url(img/bg_site.gif) repeat-y;  position:relative; z-index:1}
#col1{ float:left; width:457px;  padding-left:40px;  position:relative; z-index:5 }
#col2{ float:right; width:270px; padding-right: 31px}
#col3 {float:left; width:730px; padding-left:20px; margin-top:230px }
#colcal{ float:right; width:305px;  margin-top:120px; margin-bottom:30px; padding-left:15px}

#focus{ width: 836px; float:left; padding: 0}
#focus img {float:left; margin-right:6px}
#focus1 h3{ font-family: Georgia, "Times New Roman", Times, serif;
        font-size:18px;
        font-weight: normal; margin-bottom:10px;color:#fff;  }
#focus1 p{ float:left; color:#fff; }
#focus1 a{color:#cbcf57; }
#focus1 img{ float:left; margin-bottom:10px }
#focus1{ float:left; width:190px;   padding:10px; margin-right:29px; margin-top:-60px}
#focus2{ float:left; width:680px;  padding:10px; background-color:#2d3100; border: #78912a 1px solid; margin-top:10px}
#focus2 h2{ font-family: Georgia, "Times New Roman", Times, serif;
        font-size:24px;
	margin-bottom: 0px;
	text-align: center;
        font-weight: normal;color:#f6f5ce;  margin-bottom:15px; margin-top:15px}
#focus2 h3{ 	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #000;
        margin-top: 10px; margin-bottom: 25px;
	text-align: center!important;
	letter-spacing: 0.2em;color:#c96f34; }
#focus2 img{margin-right:20px}
#focus2 p{ color:#f6f5ce}
#focus2 a{ color:#bdba4b}
.footer { width:836px;  color:#000; float:left;  background: url(img/bg_credits.jpg) no-repeat; height:160px;}

#col1 h2{font-family: Georgia, "Times New Roman", Times, serif;
        font-size:30px;
	margin-bottom: 0px;
	text-align: center;
        font-weight: normal;
        color: #161b24;

}
#col1 h3{
	font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #000;
        margin-top: 10px;
	text-align: center!important;
	letter-spacing: 0.2em;

}
#col1 h4{
	font-size: 14px;
	font-weight: lighter;
	font-variant: normal;
	color: #000;
        margin-top: 30px; margin-bottom: 10px;
	letter-spacing: 0.2em;
	float:left;
	width:100%
}

#col1 p{ line-height:18px; text-align:justify; float:left; margin-bottom:15px ; width:420px; padding:10px 20px}

#col1 a{color:#394f5b; font-style:italic
}
#col1 ul{width:400px; margin-top:10px
}


#quote{ line-height:20px; font-size:16px; color:#bebb49; font-family:Geneva, Arial, Helvetica, sans-serif, Courier, monospace;  text-align:center; font-style:italic; width:230px; padding:30px 0 20px 60px}

#col1 ul{ line-height:22px;  list-style:url(img/puces.gif); padding-left:50px; margin-bottom:20px;float:left; }
#col1 li{ }

#colcal h3{ font-family: Georgia, "Times New Roman", Times, serif;
        font-size:18px;
        font-weight: normal;color:#49121b; margin-bottom:14px}

#col2 h3{  font-family: Georgia, "Times New Roman", Times, serif;
        font-size:14px;
        font-weight: bold;font-variant:small-caps; letter-spacing:1px; padding: 5px 0 5px 0;color:#4e464f;}

#col3 h2{font-family: Georgia, "Times New Roman", Times, serif;
        font-size:24px;
	margin-bottom: 0px;
	text-align: center;
        font-weight: normal; color:#49121b}
#col3 h3{font-family: "Lucida Grande", Tahoma;
	font-size: 10px;
	font-weight: lighter;
	font-variant: normal;
	text-transform: uppercase;
	color: #000;
        margin-top: 10px; margin-bottom: 25px;
	text-align: center!important;
	letter-spacing: 0.2em;}
#col3 p{ line-height:18px; font-size:13px; color:#000;text-align:justify;margin-bottom:10px; padding-right:20px}

#galerie {width:450px; height:338px; float:right; border:solid 4px #161b24; margin-bottom:20px; overflow:hidden}

#moteurReservit { width:271px; float:right; background:url(img/bg_reservit.gif); margin-bottom:20px;}
#moteurReservit h3{ color:#fff; padding-left:10px}
#moteurReservit p{float:left;  line-height:25px; color:#cecfc0}
#dispo { background:#161b24; float:left; padding:10px 5px}
#moteurReservit label {float:left; width: 120px; text-align:right; padding-right:5px}
#moteurReservit button {float:left}
#moteurReservit input {float:left; margin-right:3px}
#moteurReservit a { text-decoration:underline; color:#FFFFFF; float:left; padding-left:15px; line-height:30px}
#moteurReservit #btnReserver {border:1px solid #fff; background:#e4e0c4; padding:5px 9px; position:relative; float:left; left:50px;text-decoration:none; line-height:15px; font-weight:bold; margin-top:8px; color:#622745; 	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;}
	#moteurReservit #btnReserver:hover {border:1px solid #fff; background:#fff; color:#000}

#pointfort {width:270px; float:right; line-height:18px;}
#pointfort p{ margin-bottom:20px; padding:14px}

#carte{float:left; width:160px; padding-left:110px; background:url(img/carte.jpg) no-repeat; margin-bottom:15px; padding-top:15px; padding-bottom:15px; font-family:"Times New Roman", Times, serif; font-size:14px}

.separateur {clear:both; visibility:hidden; }

#newsletter {  padding:10px; width:185px; height:104px;  float:left;  margin-top:10px; color:#979636; font-size:11px}
#newsletter h3{  font-family: Georgia, "Times New Roman", Times, serif;
        font-size:18px;
        font-weight: normal;color:#f6f5ce}
#newsletter a.btn{ border:1px solid #6d354b; background:#e4e0c4; padding:3px 7px; float:left;text-decoration:none; line-height:15px; font-weight:bold; margin-top:8px; color:#506e24}

#mailling{}
#mail {float:left;margin-right:10px;margin-top:5px}
#button {float:left}
.email {visibility: hidden;}
.dspcrypt {float:left; padding-left:170px}

#tarifs {margin-bottom:20px}
#tarifs table{margin-bottom:20px; border-top: 3px solid #7c7d79; float:left}
#tarifs td {background-color:#fbfbfa;text-align:left; height:20px; padding:3px 6px; border:1px #7c7d79 solid}
#tarifs td.tlabel {width: 360px; }
#tarifs td.tprix {width: 100px;}
#tarifs p{width:100%; padding:0}
#tarifs h3 { margin-bottom:10px}
#tarifs h4 { font-size:18px; color:#622745; letter-spacing:0; margin-bottom:5px;  font-family:"Times New Roman", Times, serif; font-weight:normal; margin-top:15px}
.tfocus { text-align:center; font-size:20px; font-family:"Times New Roman", Times, serif; letter-spacing:1px; color:#000000; margin-top:30px; font-variant:small-caps}
#tarifs p{ margin:0}
#menurestaurant { text-align:center}
#menurestaurant p{ text-align:center; line-height:20px; background-color:#e8e6e1; }
#menurestaurant h4{ margin-top:10px}
#menurestaurant .tfocus {margin-top:10px; text-decoration:underline; background:none}

#menuchambres{ float:left; width:460px}
#menuchambres #mcol1 {float:left; width:220px}
 #menuchambres #mcol2 {float:right; width:220px}
 #menuchambres dd{  background-color:#e8e6e1; text-align:right; padding:10px}
#menuchambres dt {  margin-bottom:5px;height:30px; position:relative}
#menuchambres dd {  margin-bottom:30px}
#menuchambres dt a{ font-size:16px; text-decoration:none; font-variant:small-caps; color:#000000; font-weight:normal; font-style:normal; font-family:"Times New Roman", Times, serif;  width:100%; text-align:center; position:absolute; bottom:0; letter-spacing:1px}
#menuchambres dd a { } 

.sousrubrique {font-size:20px; font-family:"Times New Roman", Times, serif; color:#000000; margin-bottom:20px}

fieldset {border:solid 1px #000;float:left;margin-bottom:20px;background-color:#e8e6e1}
legend{  color:#000; padding:2px 5px;font-size: 14px;
	font-weight: lighter;
	font-variant: normal;	letter-spacing: 0.2em;background-color:#cbc8c2; border:1px solid #000}
#fieldcoord p{ font-size:12px; padding: 2px 0; margin:0}
#fieldmessage p {font-size:12px; padding:0; margin:0}

.fieldresa p, .fieldcoord p, .fieldvalid p{ font-size:12px; padding:3px 0;margin:0; float:left}
.fieldresa, .fieldcoord, .fieldvalid {padding:10px; width:360px;  }
.fieldvalid {margin-top:-20px}
.fieldvalid img{cursor:pointer}

.fieldcoord label {padding-right:5px;text-align:right;float:left; width:160px;}

.fieldresa label {padding-right:5px;text-align:right;float:left; width:160px;}
.fieldresa input {float:left; background:#e2eaaf; border:1px solid #000}
.fieldcoord input {float:left; background:#e2eaaf; border:1px solid #000}

.fieldcoord input:focus {background:#fff}
.fieldresa input:focus {background:#fff}
.fieldresa select:focus {background:#fff}
.fieldresa textarea:focus {background:#fff}

.fieldresa select {float:left; background:#e2eaaf; border:1px solid #000}
.fieldresa textarea {width:358px; background:#e2eaaf; border:1px solid #000; height:120px}


.indisponible {background-color: #641221;color: #e9ced3;padding-top: 3px;padding-right: 3px;padding-bottom: 3px;padding-left: 3px;}
.disponible {background-color: #81961e;color: #ffffff;padding-top: 3px;padding-right: 3px;padding-bottom: 3px;padding-left: 3px;}


#message  { float:left; position: absolute; top:420px; left:50px; width:550px; z-index:99}
#message textarea{width:420px; height:142px;}
#fieldmessage{width:430px;padding:10px; margin-right:10px}
#fieldcoord{width:430px;padding:10px;}
#message label {
float: left;
line-height: 1.8;
padding-right: 0.5em;
text-align: right;
width: 40%;
}
#message ul {float:left; width:200px; padding-bottom:20px}


i.alert {float:left;color:#641221;font-weight:bold; border:1px solid #641221; background-color:#e9ced3; padding: 2px 4px}
input.ok {}
input.error {border:1px solid #641221;background-color:#e9ced3}
textarea.error {border:1px solid #641221;background-color:#e9ced3}

input.error {float:left; border:1px solid #641221;background-color:#e9ced3}
#date {width: 99px;}
i.alert {color:#641221;font-weight:bold; border:1px solid #641221; background-color:#e9ced3; padding: 2px 4px}

h1#refh1 {position:absolute; top:197px;font-family: Georgia, "Times New Roman", Times, serif;
        font-size:12px;
	margin-bottom: 0px;
	text-align: center;
        font-weight: normal;color:#cecfc0; z-index:99; width:100%; letter-spacing:1px}

#credits {text-align: center; line-height: 30px; color:#7f7f7b; padding-top:20px}
#credits img{ padding-top:25px}
#credits a{text-decoration:none; color:#7f7f7b}
#credits a:hover{ text-decoration:underline; color:#000000}
#creditsCapasite {float:left}
#creditsCapasite a {display:block;width:250px; font-size:10px}
#capasite {font-weight:bold;padding-left: 35px;background-image: url(../ressources/images/logoCapasite.png);background-repeat: no-repeat;background-position: 0 3px;font-size:11px; height:30px;text-decoration:underline; display:inline-block}
IFRAME{background: #556914 ;}
#thumbnails{visibility:hidden}
#btnTarifs {float:left; display:block; width:267px;height:52px; margin-bottom:15px; text-indent:-9000px; background:url(img/tarifs.jpg) 0 0 no-repeat }
#btnTarifs:hover { background-position:0 -52px}
i{color:#622745}
#deco{position:absolute; background:url(img/deco.jpg) no-repeat; height:66px; width:136px; top:-20px; left:12px;z-index:4}
#texte{	z-index:99; position:relative}