/* Basic Elements 
---------------------------------------------- */
html, body{height: 100%;overflow: hidden;}

body {
padding:0 0 0 0;
margin:0 0 0 0;
text-align:center;
background:#867B67 url(images/bg_body.jpg) 0 0 repeat-x; 
font-family:'Tahoma', Arial, Helvetica, sans-serif;
font-size:0.78em;
}

ul, li {
list-style-type: none;
margin:0 0 0 0;
padding:0 0 0 0;
}
p {
padding:0 20px 0 0;
margin:0px;
text-align:justify;
}

img { 
border:0;
padding:0 0 0 0;
margin:0 0 0 0;
}

#email {
	margin-left:2px;
	vertical-align:middle;
	line-height:10px;
	margin-bottom:2px !important;
	margin-bottom:0px;
}


/* Structural generic Elements 
---------------------------------------------- */
#container {
width:950px;
height: 100%;
margin-left:auto;
margin-right:auto;
margin-top:30px;
}
#content {
background:#F6F5F2 url(images/bg_content.gif) 0 0 no-repeat; 
border:10px solid #FFF;
height:497px;
text-align:left;
}
#centerbloc {
width:100%;
height:276px;
float:left;
border-top:10px solid #FFF;
border-bottom:10px solid #FFF;
padding:0 0 0 0;
margin:8px 0 ;
}


#leftbloc, #rightbloc {
color:#3F3930;
font-size:0.90em;
line-height:1.3em;
}

#leftbloc {
float:left;
overflow:hidden;
border-right:10px solid #FFF;
border-bottom:10px solid #FFF;
padding:15px 15px 15px 15px;
background-position:bottom left;
background-repeat:repeat-x;
background-image:url(images/bg_leftbloc.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg_leftbloc.png');
}
#rightbloc {
float:left;
overflow:auto;
border-bottom:10px solid #FFF;
padding:15px 15px 15px 15px;
background-position:bottom left;
background-repeat:repeat-x;
background-image:url(images/bg_rightbloc.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg_rightbloc.png');
}
h2 {
padding:0px;
margin:0 0 20px 0;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:1.9em;
line-height:1em;
color:#938670;
font-weight:normal;
}

#resa-home {
width:950px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#resa-top {
width:930px;
height:20px;
margin: 0px auto 20px;
}


#footer {

margin:10px 0 0 0;
color:#FFF;
font-size:.82em;
padding:15px 0 0 200px;
background:url(images/signature.gif) 15px 0 no-repeat; 
}
#footer a, #footer a:hover {
color:#FFF;
text-decoration:none;
}

#script  { height:0px; padding-top:15px; overflow:hidden; margin:0 0 0 0;}


/* HOME
--------------------------------------------- */
#home #content {text-align:center;}

#home h1 {
display:block;
height:0px;
width:364px;
padding-top:59px;
margin:15px 283px 7px 283px;
background:url(images/logo_index.gif) 0 0 no-repeat;
overflow:hidden;
}

#home p {
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:1.3em;
line-height:1em;
color:#211F1A;
font-weight:normal;
text-align:center;
padding:0 180px;
margin:0 0 0 0;
}

#home h2 {padding:0; margin:10px 0 0 0;}
#home h2 a, #home h2 a:hover { text-decoration:none; color:#938670;padding:0 20px;}


/* Interface MENU
--------------------------------------------- */


html>body #menu {padding: 3px 0 0 20px;}
#menu {
height:25px;
margin:30px 0 0 0;
padding: 3px 0 30px 20px;
background:url(images/bg_menu.gif) 0 0 repeat-x;

}

html>body #menu h1 {top:-3px;}
#menu h1 {
float:left;
height:0px;
width:284px;
position:relative;
top:-3px;
padding-top:25px;
margin:0 0 0 0;
background:url(images/logo.gif) 0 0 no-repeat;
overflow:hidden;
}


#menu li {
font-size:.82em;
display:inline;
height:25px;
background:url(images/separateur.gif) right 4px no-repeat;
float: left;
}

#menu a, #menu a:hover {
display: block;
color:#FFF;
text-decoration:none;
font-size:0.9em;
padding: 4px 10px 5px 10px;

	
}
#menu a:hover {
background:#A89C88;
}

#menu  #acceuil a, #menu  #acceuil a:hover {
margin: 0 0 0 0; 
padding:0 0 0 0; 
cursor:pointer; 
background:#857A66;
text-decoration:none;
}

/* Resa
---------------------------------------------- */
#resa  {

	margin-bottom: 10px;

}


/* MENU dropdown
---------------------------------------------- */
#menu li ul  {
position: absolute;
background:#897D69;
filter:alpha(opacity=90);
opacity: 0.9;
-moz-opacity:0.9;
width: 11em;
left: -999em; 
}

#menu li ul li {
background-image:url(no-image);
font-size:1em;
}

#menu li ul li a {
display: block;
width:10em;
color:#211F1A;
}

#menu li:hover ul, #menu li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
left: auto;
}


/* Page LOCALISATION
---------------------------------------------- */

#localisation h4 {}

#localisation #leftbloc {
width:265px;
height:71%;
}
#localisation #rightbloc {
width:595px;
height:369px;
text-align:center;
padding:0 15px;

}
#localisation #rightbloc ul {
background:url(images/img_loc.gif) 50% 50% no-repeat;
height:100%;
}

#localisation #rightbloc ul li a {
  position : relative;
  display : block;
  text-decoration : none;
}


 
a#plan1 {
top:185px;
/*left:220px !important;*/
left:-53px;
width:45px;
height:30px;
}
a#plan2 {
top:110px !important;
top:105px;
/*left:285px !important;*/
left:54px;
width:130px;
height:70px;
}

*> a#plan1 {left:220px; !left:-54px;}
*> a#plan2 {left:285px; !left:54px;}




#localisation #rightbloc ul li a span { display:none;}

#localisation #leftbloc dt, #localisation #leftbloc h4  {
font-size:0.95em;
font-weight:bold;
margin:30px 0 10px 0;
}
#localisation #leftbloc dd {
background:url(images/puce.gif) 5px 8px no-repeat;
margin:0 0 0 0;
padding:0 0 0 15px;
}


#localisation #leftbloc a, #localisation #leftbloc a:hover { text-decoration:underline; color:#3F3930;}



/* Page PLAN
---------------------------------------------- */
#plan #leftbloc {
width:265px;
height:71%;
}
#plan #rightbloc {
width:595px;
height:369px;
text-align:center;
padding:0 15px;
}
#plan #leftbloc dt {
font-weight:bold;
margin:30px 0 10px 0;
}
#plan #leftbloc dd {
background:url(images/puce.gif) 5px 8px no-repeat;
margin:0 0 0 0;
padding:0 0 0 15px;
}
#plan #rightbloc div {
background:url(images/img_plan.jpg) 50% 50% no-repeat;
height:100%;
}



/* Page CONTACT
---------------------------------------------- */
#contact #leftbloc {
width:265px;
height:71%;
}
#contact #rightbloc {
width:595px;
height:72.2%;
padding:15px 15px 10px 15px;
}

#contact #rightbloc h2 { margin:0 0 0 0;}
#contact #rightbloc p { margin:10px 0 10px 0;}

#contact #leftbloc a, #contact #leftbloc a:hover { font-weight:bold; text-decoration:none; color:#3F3930;}

#contact #rightbloc form {margin: 0 0 0 0; padding: 0 0 0 0; text-align:left ;}
#contact #rightbloc #leftform  {float:left; width:295px; margin: 0 10px 0 0; }
#contact #rightbloc #rightform  {float:left; width:255px;clear:right;}
#contact #rightbloc #leftform span {float:left; width:95px; margin: 5px 10px 0px 0; text-align:left; line-height:18px; }
#contact #rightbloc #rightform span {float:left; width:130px;margin: 5px 10px 0px 0; text-align:left;line-height:18px;}

#contact #rightbloc #leftform input { width:150px; margin: 5px 0 2px 5px; font-size:12px; }
#contact #rightbloc #leftform select { width:50px;margin: 5px 0 2px 5px; font-size:12px;}
#contact #rightbloc #rightform input {width:40px;margin: 5px 0 2px 5px; font-size:12px} 
#contact #rightbloc #rightform input#nationalite{width:100px;}
#contact #rightbloc #rightform select {width:100px;margin: 5px 0 2px 5px; font-size:12px;}


#contact #rightbloc #bottomform {float:left; width:540px; padding:5px 0 0 0;}
#contact #rightbloc #bottomform span {float:left; margin: 3px 25px 5px 0; text-align:left;line-height:18px; clear:left; }
#contact #rightbloc #bottomform input  { width:130px;  margin: 0 5px; font-size:12px;}
#contact #rightbloc #bottomform select { width:170px; margin: 0 5px; font-size:12px; }
#contact #rightbloc #bottomform textarea {width:328px; height:70px;  margin: 5px 0 0 0; font-size:12px;float:left;  }
#contact #rightbloc #bottomform #comments {width:88px;}

#contact #rightbloc #bottomform #envoyer, #contact #rightbloc #bottomform #effacer { float:left; padding:0 0 2px 0 ; background:#FFFFFF; width:60px; height:18px; border:1px solid #3F3930; color:#3F3930;}
#contact #rightbloc #bottomform #envoyer { margin:10px 0 0 115px; font-size:12px;}
#contact #rightbloc #bottomform #effacer {margin:10px 0 0 10px; font-size:12px;}

.on { display:inline; }
.off { display:none; }

/* Page REFERENCES
---------------------------------------------- */
#references #leftbloc {
width:265px;
height:71%;
background-position:bottom left;
background-repeat:repeat-x;
background-image:url(images/img_ref.jpg) !important;
filter:none;
}
#references #rightbloc {
width:595px;
height:71%;
}

#references #rightbloc dl { text-align:justify; margin:0 10px 0 0; }
#references #rightbloc dd { font-weight:bold; margin:0 0 10px 0;}

#references dt a, #references dt a:hover {color:#211F1A; font-weight:bold;padding-top:10px; display:block;}

/* Page GUEST BOOK
---------------------------------------------- */
#guestbook #leftbloc {
width:265px;
height:71%;
background-position:50% 50%;
background-repeat:repeat-x;
background-image:url(images/img_gb.jpg) !important;
filter:none;
}
#guestbook #rightbloc {
width:595px;
height:71%;
}

#guestbook #rightbloc dl { text-align:justify; margin:0 10px 0 0; }
#guestbook #rightbloc dt { font-weight:bold; margin:10px 0 0 0;}
#guestbook #rightbloc dd { margin:0 0 0 0; padding:0 0 0 0;}



/* Page SEMINAIRES/CONFERENCES
---------------------------------------------- */
#seminaires #leftbloc {
width:265px;
height:66%;
background-position:bottom left;
background-repeat:repeat-x;
background-image:url(images/img_conf.jpg) !important;
filter:none;
}
#seminaires #rightbloc {
width:595px;
height:66%;
}

/* Page SERVICES
---------------------------------------------- */
#services #leftbloc {
width:265px;
height:48%;
background-position:center 0;
background-repeat:repeat-x;
background-image:url(images/img_service.jpg) !important;
filter:none;
}
#services #rightbloc {
width:595px;
height:48%;
}
#services #rightbloc p { margin: 0 0 10px 0; }
#services #rightbloc h2 { margin: 15px 0 5px 0; }

/* Page TARIFS
---------------------------------------------- */
#tarifs #leftbloc {
width:265px;
height:49%;
}

.inactive #leftbloc {
background-position:center center;
background-repeat:repeat-x;
background-image:url(images/img_tarif.jpg) !important;
filter:none;}

#tarifs #rightbloc {
width:595px;
height:49%;
}
#tarifs h3 {
padding:2px 0;
margin:0 0 20px 0;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:1.0em;
line-height:1em;
color:#5E3C1C;
font-weight:normal;
font-variant:small-caps; letter-spacing:0.1em;
border-top:1px solid #938670;
border-bottom:1px solid #938670;
text-align:center;
background:#F6F5F2;
}


#tarifs #leftbloc dl {width:200px;  padding:0 0 0 0; margin:0 0 0 0; clear }
#tarifs #leftbloc dt {float:left; width:120px; margin:0 5px 0 0; padding:0 0 0 0; }
#tarifs #leftbloc dd {float:left; font-weight:bold;padding:0 0 0 0; margin:0 0 0 0;}
#tarifs #leftbloc p {clear:both; padding:10px 0;}

#tarifs #rightbloc dl {width:580px;  padding:0 0 0 0; margin:0 0 0 0;  }
#tarifs #rightbloc dt {float:left;width:380px; margin:0 5px 0 0;padding:0 0 0 0; background:url(images/pointilles.gif) right top repeat-x;}
#tarifs #rightbloc dd {float:left; font-weight:bold;padding:0 0 0 0; margin:0 0 0 0;}
#tarifs #rightbloc span {background:#F7F6F4; padding:0 5px 0 0;}
#tarifs #rightbloc ul {clear:both; padding:20px 0 0 0;}

.etoile {margin-top:10px;}

/* Page HISTOIRE
---------------------------------------------- */
#histoire #leftbloc {
width:265px;
height:49%;
background-position:bottom left;
background-repeat:repeat-x;
background-image:url(images/img_hist.jpg) !important;
filter:none;
}
#histoire #rightbloc {
width:595px;
height:49%;

}


/* Page HOTEL
---------------------------------------------- */
#hotel #leftbloc {
width:265px;
height:246px;
}
#hotel #rightbloc {
width:625px;
height:276px;
padding:0 0 0 0;
overflow:hidden;
text-align:center;
}
#hotel #leftbloc p {
margin:0 0 0 0;
padding:0 0 0 0;
font-size:0.95em;
line-height:1.3em;
}


/* Page CHAMBRES
---------------------------------------------- */
#chambres #leftbloc {
width:265px;
height:246px;
}
#chambres #rightbloc {
width:625px;
height:276px;
padding:0 0 0 0;
overflow:hidden;
text-align:center;
}
#chambres #leftbloc p {
margin:0 0 0 0;
padding:0 0 0 0;
font-size:0.95em;
line-height:1.3em;
}


/* Interface GALERIE IMAGES
---------------------------------------------- */
#galerie {
border-bottom:1px solid #3F3930;
border-left:1px solid #3F3930;
float:left;
width:295px;
height:73px;
background-position:bottom left;
background-repeat:repeat-x;
background-image:url(images/bg_galerie.png) !important; 
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='../images/bg_galerie.png');
}

#galerie h3 {
float:left;
padding:0 0 0 15px;
margin:25px 0 0 0;
font-family:'Trebuchet MS', Arial, Helvetica, sans-serif;
font-size:1.8em;
line-height:1em;
color:#FFF;
font-weight:normal;
}

#galerie h4 {
float:left;
width:125px;
margin:25px 0 0 30px;
padding:5px 0 5px 40px;
font-size:1.1em;
color:#FFF;
font-weight:bold;
background-position:0 0;
background-repeat:no-repeat;
background-image:url(images/photo.png) !important;
background-image:url(no-image);
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='../images/photo.png');
}

/* SCROLL vignettes
-------------------------------*/
#vignette {float:right;}
#vignette img {float:left;}

div#wn { 
float:left;
position:relative; 
left:0px; top:0px; 
width:610px; height:74px; 
clip:rect(0px, 610px, 74px, 0px); 
overflow:hidden;	
z-index:100;
background:#ADA28E;
}
div#lyr1 { 
position:absolute;
visibility:hidden; 
left:0px; top:0px; 
z-index:1; 
}

#t1 {width:1510px; padding:7px 0 0 0;}
#t1 li {display:inline;}
#t1 img {border:2px solid #3F3930;margin:0 6px 0 6px; float:left;}


#galerie_mini img {
background:#FFF;
filter:alpha(opacity=70);
opacity: 0.7;
-moz-opacity:0.7;
z-index:10;
}

#galerie_mini a:hover img{
background:#FFF;
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.50;
z-index:10;}

#upics td img{
	margin-left: 5px;
	margin-reight: 5px;
	text-align: center;
}


#pagenumber {
	text-align: right;
}

#pagenumber p {
	align: right;
}