/*///////////////   BASE  - scroller pour les styles normaux   /////////////////////*/

html {font-size: 100%;} 
body {margin: 0; padding: 0;font-size: 12px; line-height: 1.4;color: #000; background: #818181 url('img/bg.jpg') top center no-repeat; font-family:Verdana, Helvetica, sans-serif; -behavior: url(csshover3.htc);} 
ul, ol { margin: .75em 0 .75em 32px; padding: 0; } 
p { margin: .75em 0;} 
address { margin: .75em 0; font-style: normal;} 
a{ color: #fff; text-decoration:none;outline: none; } 
a:hover{ text-decoration:underline; } 
img { border: none; } 
form, fieldset { margin: 0; padding: 0; border: none;} 
input, button, select { vertical-align: middle;}
.clear {clear:both;}
.png { -behavior: url('js/iepngfix.htc') }

.justify {text-align:justify;}
.center {text-align:center;}

/*///////////////*/


#conteneur {width:980px;height:600px;margin:98px auto 0;}

#menu {*margin-top:-2px;*height:21px;-width:985px;}
#menu {background:url('img/bg_menu.png') repeat-x;}
#menu a {display:block;text-indent:-9999em;float:left;height:21px;}
#menu a:hover, #menu a.on {background-position:0 -21px;}




#contenu {height:479px;position:relative;}


.phrase {position:absolute;bottom:0;}
.histoire #contenu .texte {background:url('img/bg_texte_histoire.png') no-repeat;position:relative;color:#fff;width:921px;height:344px;margin:auto;padding-top:20px;}
.histoire #contenu .texte .colonne {float:left;width:285px;padding:10px;text-align:justify;}
.histoire #contenu .texte .colonne0 {float:left;width:205px;padding:50px 5px 50px 158px;text-align:justify;}

.evenements #contenu .texte {background:url('img/bg_activites.png') no-repeat;position:relative;color:#fff;width:921px;height:344px;margin:auto;padding-top:1px;}
.evenements #contenu .texte p {padding:10px;text-align:justify;margin-top:70px;padding-right:15px;}
.evenements .jcarousel-skin-tango {float:left;padding-right:20px;margin-top: 15px;}

.faq .texte {overflow:auto;}
.evenements #contenu .texte p.q, .evenements #contenu .texte p.r {padding:0;margin:0;padding-left:10px;padding-right:10px;}
.evenements #contenu .texte p.q a, .evenements #contenu .texte p.r a {text-decoration:underline;}
.evenements #contenu .texte p.q {font-weight:bold;margin-top:5px;}
.evenements #contenu .texte p.r {margin-bottom:5px;}

.btn_faq {position:absolute;top:30px;right:30px;}
.btn_map {position:absolute;top:80px;right:30px;}

#chambres #ch1, #chambres #ch2, #chambres #ch3 {float:left;position:relative;cursor:pointer;}
#chambres #ch1 span, #chambres #ch2 span, #chambres #ch3 span {display:block;background:url('img/bg_span.png') repeat-x 0 -57px;height:395px;padding:15px;text-align:justify;color:#000;cursor:pointer;} 
#chambres #ch1:hover span, #chambres #ch2:hover span, #chambres #ch3:hover span {display:block;}
#chambres #ch1 a:hover , #chambres #ch2 a:hover , #chambres #ch3 a:hover  {text-decoration:none;}

#ch1, #ch2, #ch3 {text-align:center;}
#ch1 .titre, #ch2 .titre, #ch3 .titre {display:block;background:url('img/bg_span.png') repeat-x;}
#ch1 {background:url('img/bg_ch1.jpg') no-repeat;height:481px;width:326px;}
#ch2 {background:url('img/bg_ch2.jpg') no-repeat;height:481px;width:329px;}
#ch3 {background:url('img/bg_house.jpg') no-repeat;height:481px;width:325px;}


.repas #contenu {background:url('img/bg_repas.jpg') no-repeat;}
#repas {width:900px;margin:40px auto 0;}
#repas .bloc1, #repas .bloc2 {float:left;width:295px;margin-left:100px;height:340px;}
#repas .bloc1, #repas .bloc2 {float:left;position:relative;cursor:pointer;}
#repas .bloc1 span,#repas .bloc2 span { background: url("img/bg_span.png") repeat-x scroll 0 -57px transparent;color: #000000; cursor: pointer; display: block;  padding: 15px;   text-align: justify; width: 264px;} 
#repas .bloc1:hover span, #repas .bloc2:hover span  {display:block;}
#repas .bloc1 a:hover, #repas .bloc2 a:hover  {text-decoration:none;}
#repas .bloc1 {background:url('img/img_repas1.png') no-repeat 0 40px;}
#repas .bloc2 {background:url('img/img_repas2.png') no-repeat 0 40px;}


/*accordeon activités */
#accordeon {margin-left:25px;background:url('img/bg_activites.png') no-repeat;width:921px;height:344px;padding-left:15px;padding-top:20px;}
.desc {display:block;width:233px;height:293px;background:#818181;color:#fff;padding-left:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;border-top:1px solid #fff;-moz-border-radius-bottomright:5px;-moz-border-radius-topright:5px;-webkit-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;border-bottom-right-radius:5px;border-top-right-radius:5px;margin-left:0px;}
#accordeon .set {margin:auto 10px}
.accordionWrapper{display:inline-block; background-color:#818181; overflow:hidden;}
.accordionWrapper img{vertical-align:top; border:0; margin:0; padding:0}
.accordionWrapper div{display:inline; float:left; margin:auto;}
.accordionWrapper div.title{cursor:pointer;}
.accordionWrapper div.content{display:none;}

.chambre #contenu {position:relative;background:url('img/bg_chambre1.jpg') no-repeat;}
.chambre #contenu .texte {position:relative;color:#000;width:615px;height:350px;padding-left:20px;padding-right:20px;float:left;}
.chambre #contenu .photo {position:relative;color:#000;width:325px;height:480px;float:left;margin-top:-83px;*margin-top:-86px;-margin-bottom:-86px;}

/*contact*/
#contact {width:620px;margin:auto;background:url('img/bg_formulaire.png') no-repeat 0 33px;color:#fff;height:400px;}
.bg_top_form {background:url('img/bg_top_form.png') no-repeat;width:616px;height:27px;color:#fff;font-weight:bold;padding-top:7px;text-align:center;}
#contact label {width:145px;float:left;padding-left:20px;}
#contact input {width:304px;height:14px;}
#contact textarea {width:435px; height:63px;} 
#contact .merci {text-align:center;}
#contact .error { font-weight: bold; padding-left: 15px;margin:0;}
.contact1, .contact2 {float:left;width:300px;font-size:11px;}
.contact1 {padding-left:15px;padding-right:25px;}
.contact2 {width:280px;}

.bas {margin-left:-10px;position:absolute;bottom:-20px;}
.vignette, .prix {float:left;}
.vignette h2 {text-align:center;}
.vignette {margin-left:10px;margin-right:10px;}
.prix {margin-left:90px;margin-top:35px;}

#prix {margin-top:50px;}
#prix  div{float:left;margin-left:35px;margin-right:35px;}

#prix .prix3 p {color:#fff;position:absolute;top:30px;left:23px;text-align:center;}

h1 {position:relative;margin-top:0;padding-top:20px;padding-left:30px;}
h2 {margin-top:0;}

#footer {height:21px;background:url('img/bg_footer.png') repeat-x;text-align:center;color:#FFFFFF;font-size:10px;padding-top:3px;margin-bottom:30px;position:relative;}

.langues {position:absolute;right:8px;top:3px;}
.langues a {padding:2px;}

.transparency {background:#ffffff;opacity:.75;# filter:alpha(opacity=75);-moz-opacity:0.75;  position:absolute;width:980px;height:479px}
.transparency2 {background:#ffffff;opacity:.50;# filter:alpha(opacity=50);-moz-opacity:0.50;  position:absolute;width:980px;height:479px}

/*calendrier*/
#calendriers {width:850px;margin:30px auto 0;}
.calendrier {background:url('img/bg_calendrier.png') no-repeat 0 25px ;width:227px;height:295px;font-family: Arial, Helvetica, sans-serif;font-size: 11px;float:left;margin-left:25px;margin-right:25px;position:relative;}
.calendrier table  {font-size:11px;}
.calendrier tr {height:30px;}
.calendrier td {padding:0;margin:1px;}
.jours {	color: #fff;}
.jour {width:30px;height:30px;background:url('img/bg_jour.png') no-repeat;color:#fff;cursor:pointer;}

.reserve {background:url('img/bg_jour_r.png') no-repeat;color:#fff;}
.mois {background:url('img/bg_mois.png') no-repeat;position:relative;height:20px;text-align:center;width:221px;margin:auto;margin-top:5px;padding-top:2px;color:#fff;}
.mois form {position:absolute;top:2px}
.prec {left:5px;}
.suiv {right:5px;}
.calendrier span {position:absolute; background:url('img/bg_dispo.png') no-repeat; width:192px;height:54px;color:#fff;z-index:5;line-height:1.5;padding-top:5px;text-align:center;bottom:0;left:10px;bottom: -59px;left:16px;}
.reserve span {background:url('img/bg_indispo.png') no-repeat;}


.acces {padding:10px 10px 10px 40px;}

.click { right: 10px; text-align: center;  top: 25px;position:absolute;}

.back {position: absolute;right: 20px;top: 20px; z-index: 500;}

/*slider history*/
.jcarousel-skin-tango .jcarousel-container-horizontal { width: 245px;   padding: 10px 20px;}
.evenements .jcarousel-skin-tango .jcarousel-container-horizontal { width: 450px;   padding: 10px 20px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  250px; height: 250px;}
.evenements .jcarousel-skin-tango .jcarousel-clip-horizontal { width:  450px; height: 300px;}
.jcarousel-skin-tango .jcarousel-item {  width: 250px;  height: 250px;}
.evenements .jcarousel-skin-tango .jcarousel-item {  width: 450px;  height: 300px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-left: 0; margin-right: 10px;}

.jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 115px; right: -2px; width: 32px;  height: 32px;  cursor: pointer;  background: transparent url(img/next-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:hover { background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {  background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {  cursor: default;  background-position: -96px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal {  position: absolute;  top: 115px;  left: 3px;  width: 32px;  height: 32px;  cursor: pointer;   background: transparent url(img/prev-horizontal.png) no-repeat 0 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {  background-position: -32px 0;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active {  background-position: -64px 0;}
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {  cursor: default;  background-position: -96px 0;}

/*carousel home*/
.jcarousel-skin-home .jcarousel-container-horizontal { width: 981px; }
.jcarousel-skin-home .jcarousel-clip-horizontal { width:  981px; height: 479px;}
.jcarousel-skin-home .jcarousel-item {  width: 981px;  height: 479px;}

/*carousel house*/
.jcarousel-skin-photo .jcarousel-item {  width: 325px;  height: 480px;}

/*Admin*/
#admin {background: url("img/bg_formulaire.png") no-repeat scroll 0 33px transparent; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; height: 211px; margin: auto; width: 616px;}
#admin label {width:145px;float:left;padding-left:20px;}
#admin input {width:304px;height:14px;}
#admin .envoyer input {background:url('en/img/envoyer.png') no-repeat;border:none;width:103px;height:28px;text-indent:-9999em;margin-left:165px;cursor:pointer;}