body { background:#e6e6d6;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; margin: 0; padding: 0; font-size: 0.8em; }
a img { border: none; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }
p, form, h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; }
ul, ol { list-style-type: none; margin: 0; padding: 0; }
.clear { clear: both; overflow: hidden; }
/*.clear1px {clear: both; overflow: hidden;height:1px}*/
*+html .clear { clear: both; height: 1px; overflow: hidden; }
.rgt {float:right}
.lft {float:left}
.ctr {text-align:center !important}
a {outline:0}
/* structure */
#conteneur, #entete, #contenu {width:900px;margin:0;padding:0;background: url(../img/bg.png) repeat-y top center #fff}
#conteneur, #nav {margin: 0 auto}
#entete {background:url(../img/bg.jpg) no-repeat 170px top;height:185px;}
#entete .rgt img {padding-top:15px}
#entete .rgt {padding:0px 30px 0 0;text-align:center;width:100px}
#entete iframe {border:none; overflow:hidden; width:100px; height:60px;margin:20px 20px 0 20px}
#entete img#logo {padding:8px 0 8px 16px}
#lang {width:210px;text-align:center;margin:0 0 10px 13px}
#lang img {margin:0 6px}
#nav {position:relative;width:855px;text-align:center;background:url(../img/navbg.png) no-repeat top center /*#94a243*/;height:60px;/*-moz-border-radius:8px;*/padding-left:20px;z-index:99}
#nav ul {margin-top:0px;padding-left:0px}
#nav ul li {display:block;float:left;}
#nav ul li a {display:block/*;background:#94a243*/;color:#fff;padding:6px 0px 6px 0px;width:120px;margin:0 0px;font-size:14px;/*border-right: 1px solid #fff; border-left: 1px solid #fff*/;font-weight:550}
/** html #nav ul li a {font-weight:bold}*/
#nav ul li a:hover {background:#96bf03;text-decoration:none}
/*#nav ul li.first a { border-left: solid 2px #fff; }
#nav ul li.last a  { border-right: solid 2px #fff; }*/

/*#nav {text-align:center;height:125px;}
#nav ul {font-size:11px}
#nav ul li  {display:block;float:left;text-align:center;text-transform:uppercase;margin:0 2px;}
#nav ul li a {color:#fff;padding:5px 0px;margin:0;text-decoration:none;display:block}
#nav ul li a:hover, #nav ul li a.courant {background:#96bf03;text-decoration:none}*/

/*sousmenu deroulant*/
#nav ul ul {position:absolute;left:auto;margin:0 0 0 0px;padding:0px 0 7px 0;background:url(../img/ululbg.png) repeat-x bottom center #94a243;/*border:solid 1px #94a243*//*border-bottom:solid 1px #fff*/}
* html #nav ul ul {background:#94a243;/*width:120px;position:relative*/}
#nav ul ul li  {line-height:150%;display:block;float:none;margin:0;padding:0}
#nav ul ul li a {;font-size:12px;padding:2px 0px !important;margin:0 ;color:#fff;}
#nav ul ul li a:hover {background:#96bf03;color:#fff}

/*
#nav {text-align:center;background:#94a243;margin: 0 0 20px 0;padding:6px 0 0px 0}
#nav ul {padding-left:25px}
#nav li {}
#nav li a {display:block;float:left;color:#fff;width:100px;padding:6px 0}
#nav li a:hover {color:#94a243;background:#fff;text-decoration:none}
*/
#contenu {margin:0 0 0px 0;clear:both;/*#fffacd*/;padding:5px 0 15px 0}
#contenu a, #pdp a {color:#94a243;text-decoration:none}
#contenu a:hover, #pdp a:hover {color:#96bf03;text-decoration:underline}
#contenu p img {border:solid 1px #593208;background:#fff;padding:4px /*10px 35px 10px*/}
#contenu p img.lft {margin-right:5px}
#contenu p img.rgt {margin-left:5px}
#contenu li { background:url(../img/puce.png) left 5px no-repeat; padding-left: 20px; margin-top: 5px; font-size:15px;line-height:20px}
#colonnes ul li {margin-left:300px}
#principal {/*height:420px;overflow:auto*/width:850px;margin:0 auto;padding:0}
#principal h1 {color:#593208;font-size:18px;margin-bottom:12px}
#contenu h2 {font-size:15px;color:#c33;font-weight:600}
#principal h2.clear {padding-top:12px}
#principal .lft, #principal .rgt {width:auto}
#principal p, #principal ul {margin:0 0 15px 0;padding:0;color:#000;font-size:15px}
#principal p:first-letter {font-weight:600;font-size:16px}
#principal p span {color:#c33;font-weight:bold}


#pdp { text-align: left;clear:both;color:#630;border-top:solid 1px #630;padding:5px 0 10px 0;width:850px;margin:10px auto 0 auto}
.copy {float:left;text-align:left;font-style:italic;}
.sign {float:right;text-align:right;}


/* option : mise en page en 3 colonnes
#nav {float:left;width:20%}
.etroit {float:left;width:50%;margin-left:5%}
#colonne {float:right;width:20%;text-align:right}
*/

/*styles*/
#entete p {font-size:20px;margin:20px 0 0 0;text-align:right}
#entete p a {color:#000;text-decoration:none}
#colonnes p {margin:0 0 5px 0;font-size:15px}
#colonnes {font-family: arial, helvetica, verdana, sans-serif;clear:both;padding-top:25px;/*width:875px;margin:0 auto*/width:850px;margin:0 auto;}
.col {width:250px;float:left;margin-right:50px;margin-bottom:50px}
* html .col {margin-right:45px;margin-bottom:50px}
.last {margin-right:0 !important}
#colonnes .col img {width:250px;border:solid 1px #630}
#colonnes .col p {text-align:justify;margin:0;font-size:12px}
#colonnes h2 {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color:#593208;font-size:18px;margin:5px 0 10px 0;font-weight:500}
#colonnes .col h3 {font-size:14px;color:#000;font-weight:bold;background:url(../img/h3bg.jpg) no-repeat top center;text-align:center;padding:6px 0 4px 0}


/*galerie*/
.galerie {}
.photos {}
.photos img {padding-right:7px;padding-bottom:7px;width:115px;height:115px}

/*tableaux*/
table {;border-collapse: collapse}
table th, table td {text-align:center;empty-cells:hide;vertical-align:middle}
table td  {margin:0;padding:0}

/*formulaire*/
.contactform { margin-top: 0px;padding-left:100px }
.contactform label {float: left; color: #999;margin:6px 0;padding-top:3px}
.contactform input { float: right; margin:6px 100px 0 0}
.contactform textarea {width:325px;height:150px}
.warningblock {background:url(../img/warning.png) 25px 50% no-repeat; margin-top: 10px; padding: 10px 5px 10px 100px; line-height: 130%; }
.warningblock span { font-weight: bold; }
.warningblock li { background: none; list-style: square; list-style-position: inside; padding-left: 20px; }
.etoile {color:#f00}

/*.diapo { width:315px;height:209px;overflow:hidden;position:relative;z-index:1}
.diapo img {width:300px;border:solid 1px #593208;background:#fff;padding:4px}*/

.diapo2 { width:850px;height:210px;overflow:hidden;position:relative;z-index:1;margin-bottom:10px}
.diapo2 img {width:840px;height:200px;border:solid 1px #593208;background:#fff;padding:4px}
.veg {color:#96bf03}
.star {color:#c33;line-height:250%}

/*tarifs*/
#principal table.tarif {width:850px;font-size:15px;margin:0 auto;margin-bottom:25px}
#principal table.tarif th, #principal table.tarif td {border-bottom:solid 1px #630;border-right:solid 1px #630}
#principal table.tarif th {border-top:solid 1px #630}
table .impair {background:#94a243;color:#fff}
#colonnes table.tarif {width:550px;font-size:15px;border-collapse: collapse;margin:15px 0}
#colonnes table.tarif th {color:#c33;border-top:solid 1px #630}
#colonnes table th, #colonnes table td {border-bottom:solid 1px #630;padding:6px 0}
span.supp {font-size:12px;font-style:italic}

/*misc*/
a.bouton {padding:5px 10px;background:#96bf03;color:#fff !important}
p.action {text-align:right;padding-top:5px}
#logos {text-align:center}
#hotelmap {border: 1px solid #C1D8ED; padding: 2px; margin-top: 10px; width:840px;height:450px}
.menus .col p {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-style:italic;border:dotted 1px #630;padding:8px 0;font-size:15px !important;background:#e6e6d6}

#Formulaire {text-align:right;margin-right:15px;margin-bottom:15px}
#Formulaire label {color:#c33;font-size:14px}
#Formulaire input {margin:2px}
#Formulaire input.bouton, #f1 input.bouton {padding:5px 10px;background:#96bf03;color:#fff !important;font-size:14px;border:0}
#f1 {width:850px;margin:0 auto}
#f1 p.action {margin-top:10px}

a.disc {color:#000 !important;text-decoration:none;cursor:text}
a.disc:hover {text-decoration:none !important}
.galerie {margin-top:12px}
.galerie img {border:solid 1px #630;}