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

* { margin: 0; padding: 0; outline: none; color: #444444;}
a img { border: none; }
a { text-decoration: none;}
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.mt20 { margin-top: 20px; }
.mt10 { margin-top: 10px; }
.mb20 { margin-bottom: 20px; }
.mb10 { margin-bottom: 10px; }
.ml5 { margin-left: 5px; }
.ml3 { margin-left: 3px; }
.padl10 { padding-left: 10px; }
.padr10 { padding-right: 10px; }
.padl15 { padding-left: 15px; }
.padl23 { padding-left: 23px; }
a.fonce, a.clair { font-size: 12px; font-weight: bold; text-decoration: none; color: #FFF; padding: 0 1px; }
a.fonce { background-color: #623251; }
a.fonce { background-color: #623251; }
a.fonce:hover { background-color: #8e6b81; }
a.clair {background-color: #8e6b81;}
a.clair:hover  { background-color: #623251; }

html { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #444444; background: url(../images/fond.jpg) top left repeat; }
body { width: 100%; background:  url(../images/fond_global.jpg) top center no-repeat; margin: 0 auto;}
#global { width: 1120px; margin: 0 auto; }
#ombre { width: 955px; margin: 0 auto; background: url(../images/ombres.png) top center repeat-y;  }
#content { width: 843px; margin: 0 auto; background-color: #FFF; padding: 10px 0 30px 0 ; }


/* typo */
h1, h2 { color: #623251; font-size: 21px; font-weight: normal; border-bottom: 4px solid #d9d9d9; padding-bottom: 6px; margin-bottom: 18px; }
h2 { margin-top: 18px; }
h3 { color: #623251; font-weight: bold; font-size: 12px; margin-bottom: 5px; }
h4 { color: #623251; font-weight: bold; font-size: 12px; margin-bottom: 5px; }
#offres h2, #offres h3 { color: #e4efba; margin-top: 0; }
#offres h4 { color: #fff; }
a h3 { text-decoration: none;}


/* header */
#header { width: 1119px; height: 170px; margin: 0 auto; background-color: #623251; background: url(../images/fond_header.png) top left no-repeat; }
a#logo { display: block; margin: 24px 0 24px 0;  text-align: center;  }
a#langue { display: block; width: 115px; height: 11px; color: #FFF; font-size: 10px; text-decoration: none; line-height: 10px; /*padding-top: 25px; padding-left: 890px;*/ position: relative; top : 22px; left : 886px;  }
a#langue img { margin-left: 5px; }

.typ404 #header { background-image:url("../images/fond_header2.png") ; height: 127px; }
.typ404 #content { padding-top: 25px; height: 630px; }
.typ404 a#logo { margin-top: 0; padding-top: 35px;}
.typ404 h1 { border: none; margin: 25px 0 12px 0; font-size: 24px; }
.typ404 p { font-size: 14px; }
.typ404 a.fonce { font-size: 13px; } 


/* navigation */
ul#nav { width: 923px; margin: 0 auto; }
ul#nav li { display: inline; list-style: none;  }
ul#nav li a { display: block; text-decoration: none; float: left; height: 31px; padding-top: 5px; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 22px; color: #e8f5d4; text-align: center; letter-spacing: 0.04em; }
ul#nav li a#nav1 { margin-left : 22px; }
ul#nav li a#nav2 { margin-left: 40px; }
ul#nav li a#nav3 { margin-left: 40px;}
ul#nav li a#nav4 { margin-left: 40px; }
ul#nav li a#nav5 { margin-left: 40px; } 
ul#nav li a:hover, ul#nav li a.actif { background: url(../images/surv_nav.gif) top left repeat-x; }
/* nav anglais */
ul#nav.nav_en li a#nav1 { margin-left : 35px; }
ul#nav.nav_en li a#nav2, ul#nav.nav_en li a#nav3, ul#nav.nav_en li a#nav4, ul#nav.nav_en li a#nav5 { margin-left: 80px; }

#coin { height: 9px; font-size: 5px; background: url(../images/coin.gif) top right no-repeat; width: 622px; }
#diapo { width: 622px; height: 330px; float: left; }
#fl_g, #fl_d { position: absolute; z-index: 99; }
#fl_g { margin-top:160px; }
#fl_d { margin-top:-160px; margin-left:587px; }

/*pour IE7 */
*+html #fl_d { margin-top:160px; margin-left:-38px;  }


/* entête */
#entete { width: 415px; height: 180px; float: left; margin-top: 13px; }
#entete img { margin-bottom: 10px; }
#entete .img_lien { width: 121px; float: left;}
#entete div.txt { width: 273px; float: left; padding-left: 20px; }

/* calendrier */
#calend { width: 221px ; height: 331px; background-color: #e4efba; float: left; margin-bottom: 15px; }
#calend p.titre { font-family: "Times New Roman", Times, serif; font-size: 26px; color: #555555; font-variant: small-caps; margin: 26px 0 5px 26px; line-height: 28px; letter-spacing: 0.1em; }
#calend #dates { margin: 0 0 16px 16px; height: 194px; }
#calend p.txt { display: block; font-size: 14px; color: #555555; font-variant: small-caps; letter-spacing: 0.1em; padding-left: 10px;  font-weight: bold;}
a#reserver { display: block; width: 117px; height: 33px; line-height: 33px; background-color: #909884; font-family: "Times New Roman", Times, serif; font-variant: small-caps; font-size: 18px; color: #e8f5d4; letter-spacing: 0.1em; float: right; text-decoration: none; text-align: center; }
#jours { width: 200px; height: 105px; margin-left: 5px; }
div.jour { width: 26px ; height: 20px ; float: left; text-align: center; }
#jours a { display: block; width: 22px ; height: 16px; float: left; text-align: center; text-decoration: none; color: #444444; }
#mois, #nb_nuits { width: 130px; height: 13px; padding-bottom: 2px; background-color:#FFF; font-variant:small-caps;  font-size: 12px; line-height: 13px; margin: 6px 0 13px 10px; }
#nb_nuits { height: 15px; }
#mois div, #nb_nuits div { width: 105px; padding-left: 5px; float: left;  }
#jours a:hover, #jours a.actif { background-color: #FFF; }
input#n_nuits { border: none; height: 13px; padding-bottom: 2px; background-color:#FFF; font-variant:small-caps;  font-size: 12px; line-height: 13px; }

/* offres */
#offres { width: 375px; height: 184px; padding: 16px 0 0 15px; background-color: #623251; float: left; margin-left: 38px; }
#offres h2 { width: 355px; padding-bottom: 4px; border-bottom: 4px solid #79516b; margin-bottom: 16px; }
#offres p, #offres div { color: #FFF;}
#offres.carre { width: 207px; padding: 16px 0 15px 15px; background-color: #623251; float: left; margin: 13px 0 0 35px; height: inherit; }
*+html #offres.carre { height: 250px; padding-bottom: 20px; }
#offres.carre h2 { width: 185px; padding-bottom: 4px; border-bottom: 4px solid #79516b; margin-bottom: 16px; }


/* articles */
.article { width: 193px; float: left; }
.article img { margin-bottom: 14px; }

/* adresse */
#adresse { width: 415px; } 

/* carte */
#map { margin: 30px 0 0 38px; }

/* galerie photos */
div.image { width: 121px; padding-right: 19px; text-align: right; float: left; margin-top: 18px; }
div.image a img { /*padding-top: 6px;*/}
div.image a img#hd { margin-left: 5px; }
#pages { text-align: center; margin-top: 25px; }
#pages a.num { text-decoration: none; font-size: 12px; font-weight: bold; color: #623251; padding: 0 2px; }
#pages a.fleche { margin: 0 5px; }
#pages a.actif, #pages a.num:hover { color:#FFF; background-color: #623251; }


/* page */
ul#menu { height: 48px; width: 870px; background: url(../images/fond_menu.jpg) top left repeat-x; margin-left: -20px; padding-left: 13px; }
ul#menu li { display: inline; list-style: none; }
ul#menu li a { display: block; height: 48px; float: left; text-decoration: none; font-family: "Times New Roman", Times, serif; font-size: 21px; font-variant: small-caps; color: #623251; text-align: center; line-height: 48px; letter-spacing: 0.02em; }


/*footer */
ul#footer { width: 843px; border-top: 4px solid #d9d9d9; padding-top: 11px; margin: 30px 0 10px 0; }
ul#footer li { float: left; list-style: none; text-decoration: none; padding-right: 14px;}
ul#footer li.bord { border-left: 1px solid #767d6c; border-right: 1px solid #767d6c; padding-left: 11px; }
ul#footer li a { display: block; height: 11px; float: left; text-decoration: none; color: #767d6c; font-size: 12px; line-height: 12px; font-weight:bold}
#bas_page { width: 955px; height: 35px; margin: 0 auto; background: url(../images/footer.png) bottom center no-repeat; margin-bottom: 30px; }