/* Eric Meyer CSS Reset  */
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}
/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1;color:#000;background:#FFF}
ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0}
caption,th,td{text-align:left;font-weight:400}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:}

/* clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* basics */
body {font-family:Arial,Helvetica,sans-serif; font-size:0.8em; background:url(../img/body-bg.jpg)}
/*
body.vert {background-image:url(../img/body-bg_vert.jpg)}
body.creme {background-image:url(../img/body-bg_creme.jpg)}
body.violet {background-image:url(../img/body-bg_violet.jpg)}
*/
em {font-style:italic}
ul {list-style-type:circle; margin-left:30px;}
li {margin-bottom:0.5em;}
div#bgWrapper{background:url(../img/bg-manoir.jpg) no-repeat 0 0; width:1024px; height:793px;}
div#mainWrapper {position:absolute; left:252px; top:236px; width:726px; min-height:524px; height:auto !important; height:524px; background:url(../img/contenu-bg.jpg) repeat-y 0 0; border:1px solid #000;}
div#mainWrapper2{position:relative; margin-bottom:20px}
div#vegetal {position:absolute; top:25px; right:0; width:500px; height:170px; background:transparent url(../img/vegetal.png) no-repeat top right;}
body.vert div#vegetal{background-image:url(../img/vegetal-violet.png)}
body.creme div#vegetal{background-image:url(../img/vegetal-violet.png)}
body.violet div#vegetal{background-image:url(../img/vegetal-vert.png)}

div#contentWrapper{border-top:1px solid #000;}
ul#menu {float:left}
div#contenu {margin-left:144px; margin-top:80px;}
div#text {padding:0 10px; line-height:1.4em; font-style:Arial, Helvetica Neue, Helvetica, sans-serif}
div#text p {margin-bottom:1.1em;}
div#text img {padding:5px; border:1px solid #ccc; background:#fff}
div#footer {border-top:1px dotted #111; padding:1em 10px}
div#coordonnees {line-height:1.4em; width:50%; font-size:0.8em}
div#footer a#reservation {float:right; padding:1em; border:1px solid #aaa; display:block; width:200px; background:#D6A97F; text-align:center}

/* styles généraux */
strong, .bold{font-weight:bold;}
.right {text-align:right;}
.center {text-align:center}
.justify {text-align:justify}
.floatleft {float:left;}
.floatright{float:right;}

/* Titres */
h1{padding:10px 0 0 37px; margin:0; background:#fff}
h2{font-family:Baskerville, Times, Times New Roman, serif; font-size:1.9em; margin:0.5em 0; padding:0 10px; font-weight:bold;}
h3{font-family:Baskerville, Times, Times New Roman, serif; font-size:1.2em; margin:0.5em 0; padding:0 0px; font-weight:bold;}

/* Liens */
a {color:#000; text-decoration:underline;}
a:focus {color:#000; text-decoration:underline; }
a:hover {color:#000; text-decoration:underline; }

/* menu */
ul#menu {width:144px; background:#fff; border:1px solid #000; border-width:0 1px 1px 0px; margin:0; list-style-type:none}
ul#menu li {line-height:16px; font-size:17px; font-family:Arial,Helvetica,sans-serif/*Baskerville, Times, Times New Roman, serif*/;  border-bottom:1px solid #000; margin:0}
ul#menu li#menu-liens {border-bottom:0;}
ul#menu li a{text-decoration:none; color:#000; display:block; width:132px;padding:7px 0 7px 12px;}
ul#menu li a:hover, ul#menu li.active a{background:#f2e0cc}
body.vert ul#menu li a:hover, body.vert ul#menu li.active a{background:#d2c1d9}
body.creme ul#menu li a:hover, body.creme ul#menu li.active a{background:#d2c1d9}
body.violet ul#menu li a:hover, body.violet ul#menu li.active a{background:#d0d81d}

/* Tarifs*/
table#tarifs {border-collapse:collapse; border:1px solid #ccc}
table#tarifs td{border:1px solid #aaa; background:#fff; padding:5px}
table#tarifs th{border:1px solid #aaa; background:#dfdfdf; padding:5px; vertical-align:middle; white-space:nowrap; font-weight:bold; text-align:center}
table#tarifs tfoot tr td{background:#dfdfdf}
td.prix{text-align:center}

/* map */
div#map{width:500px; height:300px}

/* formulaire de contact */
p.erreur{padding:5px; background:pink; color:red; font-weight:bold; border:1px dotted red}
form#contact {margin-top:1em}
form#contact div{margin-bottom:5px; padding:5px }
form#contact div.error{background:pink; border:1px dotted red}
form#contact div.error p {margin:0; color:red;}
form#contact label {float:left; display:block; width:160px; text-align:right;}
form#contact input, form#contact textarea {border:1px solid #ccc}

/* JS Slider */
div#galerie, div#galerie ul {width:300px;}
div#galerie {float:right; margin:0 10px; border:1px solid #000;}
div#galerie ul {margin:0}
div#galerie ul#pager li {float:left; /*width:50px;*/ height:38px; margin:0; list-style-type:none}
div#galerie ul#pager li a img{/*width:50px*/}
div#galerie div#big {clear:left;}
div#galerie div#big {height:auto;}
div#galerie div#big ul {margin:0; list-style-type:none}
div#galerie div#big ul li{margin:0}
div#galerie div#big ul li img{width:300px; height:225px; float:left /* bug espacement */}

div#myGalerie_ThumbsWrapper {width:250px; overflow:hidden; height:38px; position:relative}
div#myGalerie_ThumbsWrapper ul {position:absolute, left:0}

div#prevButton, div#nextButton {background:#232323 url(../img/galerie-sprites.png) no-repeat 100% -5px; width:25px; height:38px; float:left;}
div#nextButton {float:right; background:#232323 url(../img/galerie-sprites.png) no-repeat 0% -50px;}
div#prevButton a, div#nextButton a{display:block; width:25px; height:38px;}
div#activeThumb{width:50px; height:38px; position:absolute; background:red}