/* ********************************************************************
 * ********************** HTML ELEMENTS *******************************
 * ****************************************************************** */
html {overflow-y: scroll;}

body {
background: url(../img/pierre.jpg) top left repeat;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
padding:0 auto;
text-align:center;
}

a:link, a:active, a:visited {
  color:#721035;
  text-decoration:none;
  outline:0;
}
a:hover {
  color:#721035;
  text-decoration:underline;
}

em {font-style:italic;}
strong {font-weight:bold;}
ul {list-style-image:none;}
.clear {clear:both;height:1px;font-size:1px;line-height:1px;}


h1 {
  font-size:16px;
  font-weight:bold;
  color:#712035;
  font-variant:small-caps;
  letter-spacing:0.1em;
}


/* ********************************************************************
 * ************************** LAYOUT **********************************
 * ****************************************************************** */
/*
 * STRUCTURE *
 * 
 * #page-wrapper
 *    - #page
 *        - #header
 *        - #main
 *    - #footer-wrapper
 *        - #footer
 *  
 */

#page-wrapper {
  margin:25px auto;
  text-align:left;
  width:960px;
  position:relative;
}
#page {
  background:#fdffe9;
  text-align:left;
  width:920px;
  margin-left:25px;
  border-right:2px solid #dac3bc;
}

#footer-wrapper {
  background:#fdffe9;
  text-align:left;
  width:920px;
  margin-left:25px;
  border-right:2px solid #dac3bc;
  border-bottom:2px solid #dac3bc;

}


/* ********************************************************************
 * ************************** HEADER **********************************
 * ****************************************************************** */
#header {
  padding-bottom:25px;
}

#site-name {
  position:relative;
  padding-left:6px;
  padding-top:9px;
  height:200px;
  background: url(../img/fond-photo.png) 0 0 no-repeat;
}
  #site-name a {
    position:absolute;
    right:54px;
    top:20px;
    width:411px;
    text-indent:-9999px;
    display:block;
    height:70px;
  }

#header ul.menu {padding-left:10px;}
/* first level */
#header ul.menu li {
  margin:0;padding:0; /* system.css */
  display:inline;
  margin:2px 30px 0 20px;
  line-height:18px;
  text-align:center;
  position:relative;
  z-index:80;
}
#header ul.menu li a {color:#712035;z-index:80;}
#header ul.menu li.active-trail a {color:#712035;font-style:italic;border-bottom:1px dotted #712035;}
#header ul.menu li a:hover {text-decoration:none;border-bottom:1px dotted #712035;}

/* second level */
#header ul.menu li ul {display:none;list-style-image:none;}
#header ul.menu li:hover ul,
#header ul.menu li.jhover ul {
  display:block;
  position:absolute;
  top:10px;
  left:0;
  margin:0;padding:4px 0 0 0;
  border-left:1px dotted #712035;
  border-bottom:1px dotted #712035;
  background:#transparent;
  z-index:50;
  width:145px;
  -left:15px;
}
#header ul.menu li li {
display:block;
text-align:left;
width:140px;
margin:0 0 0 0;
list-style-image:none;
background:#fdffe9;
}

#header ul.menu li li a {width:138px;background:#fdffe9;text-transform:capitalize;padding:3px 4px;display:block;border-bottom:1px dotted #fdffe9;}
#header ul.menu li.active-trail li a {color:#712035;font-style:normal;background:#fdffe9;}
#header ul.menu li.active-trail li.active-trail a {color:#712035;font-style:italic;}
#header ul.menu li.active-trail li a:hover {text-decoration:none;border-bottom:1px dotted #712035;}
.page-de #header ul.menu li li a {width:160px;}


#raisin {
  position:absolute;
  top:-25px;
  left:-20px;
  background: url(../img/raisin.png) 0 0 no-repeat;
  -background:none;
  width:290px;
  height:225px;
}




/* ********************************************************************
 * **************************** MAIN **********************************
 * ****************************************************************** */

#main {
  position:relative;
  margin:0px 15px 0 15px;
}

#main h1 { margin-bottom:15px;margin-left:45px;}
#main h2 {
  font-weight:bold;
  font-size:13px;
  margin:10px 0;
}

#main  .inner {padding:0 45px;clear:both;}

#main .texte {margin:0;}
#main .texte p {margin-bottom:10px;}

#main img {border:1px solid #712035;margin:0;}
#main .photo {
  text-align:center;
  width:800px;
  margin:25px auto;
  overflow:hidden;
}


/* ***********************  homepage  ******************************* */
.node-homepage {
}

#home-center, #home-left, #home-right {float:left;}
#home-left, #home-right {width:180px;}
#home-center {width:500px;margin-left:180px;
-margin-left:0px;
}
#home-left {margin-left:-680px;background:#fdffe9;width:180px;
-margin-left:0px;
}
#home-right {float:right;}


#portail {background:url(../img/portail.jpg) 0 0 no-repeat;width:500px;height:355px;border:1px solid #721035;z-index:5;}
#portail a {width:500px;height:355px;display:block;
background:url(../img/portail_hover.gif) 0 0 no-repeat;
background:url(../img/portaila.gif) 0 0 no-repeat;
text-indent:-9999px;
z-index:6;
}
#portail a:hover {
background-position:-500px 0;
background:url(../img/portailahover.gif) 0 0 no-repeat;
z-index:7;
}

.node-type-homepage #main h1 {text-indent:-9999px;height:0px;}
#main .node-homepage img {border:0;margin:0 auto;}

.node-homepage p {margin:20px 0;}
#home-center p {margin:10px 0;width:500px;text-align:jutify;}
#home-center h2 {font-size:13px;margin-bottom:-10px;font-weight:normal;color:#712035;font-variant:small-caps;}

#home-left p {}
#home-right p {font-size:10px;}



/* ***********************  chambre  ******************************** */
.node.node-chambre {}

#main .node-chambre .texte1 {font-style:italic;}

#main .node-chambre .photo_sdb {float:right;margin-left:15px;}

#main .tarif {
  background: url(../img/ornement.png) top center no-repeat;
  margin-top:40px;
  padding:60px 0 15px 0;
}
#main .tarif img {float:left;}
#main .tarif .content { margin-left:197px; /* 172+25*/}
#main .tarif .content h3 {font-variant:small-caps;font-size:13px;}
#main .tarif .content p {margin-top:5px;}
#main .tarif .content p strong {color:#721035;}


	#photoscrollable {width:802px;position:relative;}
	#photoscrollable img {border:0;}
 
	#photoscrollable .scrollWrapper {
    height:265px;
    border:1px solid #721035;
    width:800px;
    margin:25px auto;  
  }
   #photoscrollable div.scrollableArea *
	{
		position: relative;
		float: left;
		margin: 0;
		padding: 0;
	}

  #photoscrollable div.scrollingHotSpotLeft,
  #photoscrollable div.scrollingHotSpotRight {
    height:267px;width:200px;
      display:block;
      background:transparent;
      background:url(../img/spacer.png) 0 0 repeat;
  }
  #photoscrollable div.scrollingHotSpot {
  }


#nav {color:#721035;margin-top:25px;font-variant:small-caps;}
#nav #nav_next {float:right;}



/* ****** page "les chambres"  ********** */
.view-header, .view-footer {margin:0 45px;text-align:justify;}
.view-header p{margin-bottom:10px;}
.view-chambre .view-content ul {
  display:block;
  height:150px;
  width:748px;width:800px;
  margin:15px auto;
  list-style:none;
  border:1px solid #712035;
  background:#712035;position:relative;
} 
.view-chambre .view-content li { 
  display:block;
  float:left;
  height:150px;
  width:187px;width:200px;
  position:relative;
  overflow:hidden;
  margin:0;padding:0;
}
.view-chambre .view-content li a {display:block;position:absolute;top:0;left:0;border:0;} 
#main .view-chambre .view-content li  a img {border:0;} 

.view-chambre .view-content li a {
  position:absolute;top:0;left:0;
  display:block;width:300px;overflow:hidden;
  background: url(../img/alpha.png) 0 0 repeat;
  padding:2px;height:150px;text-align:center;
  -background:transparent;
} 

/*
.view-chambre .view-content li a {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/sh-b.png');
}
div[.view-chambre] .view-content li a {
  filter:none;
  background: url(../img/alpha.png) 0 0 repeat;  
}
*/


.view-chambre .view-content li a.imagefield {padding:0}
.view-chambre .view-content li  a {color:#721035;font-variant:small-caps;font-size:12px;}
.view-chambre .view-content li  a:hover {text-decoration:none;}
.view-chambre .view-content li:hover a,
.view-chambre .view-content li.jhover a {color:#fdffe9;height:15px;border-bottom:1px solid #721035;
-background:#721035;
}
.view-chambre .view-content li:hover a.imagefield,
.view-chambre .view-content li.jhover a.imagefield {height:150px;border:0;}













/* map */
#main iframe {
  border:1px solid #712035;
  margin:5px 0 15px 0px;
}


/* contact form */
.page-contact form {margin:0 45px;}
.page-contact label {font-weight:normal;}
.page-contact .form-required {color:#721035;}
.page-contact .form-item input,
.page-contact .form-item textarea {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-family:courrier;
  font-size:13px;
  border:1px solid #721035;
  width:200px;
  padding:2px;
  color:#333;
  background:#fff;
}
.page-contact .form-item input.error,
.page-contact .form-item textarea.error {
  color:#333;
  border-color:#ee5555;
}
html.js body.page-contact textarea {width:450px;height:200px;}


/* site map */
#site-map {
  padding-bottom:25px;
  margin-left:45px;
}



/* ********************************************************************
 * ************************** FOOTER **********************************
 * ****************************************************************** */
#footer-wrapper {padding:25px 0 5px 0;}

#footer {
  border-top:1px solid #721035;
  border-top:1px solid #dac3bc;
  padding:15px 2px;
  margin:0 25px;
  font-size:10px;
}
#footer ul {float:left;}
#footer ul li {display:inline;margin-right:5px;}

#footer ul.menu {float:right;}
#footer ul.menu li {border-right:1px solid #dac3bc;margin:2px;padding:0 10px 0 0;}
#footer ul.menu li.last {border-right:0;margin-right:0;padding-right:0;}


#footer_message {
  font-size:10px;
  text-align:center;
  color:#721035;
}


#footer_under {
  font-size:9px;
  margin:25px;
  color:#333;
}
  #footer_under h3 {float:left;margin-right:5px;}
  #footer_under ul li {display:inline;border-right:1px solid #666;margin:0;padding:0 5px 0 0;}
  #footer_under ul li.last {border-right:0;}
  #footer_under ul li a {color:#333;}
  #footer_under ul li a:hover {color:#000;}





/* ********************************************************************
 * ********************** ADMIN_ZONE **********************************
 * ****************************************************************** */
#admin_zone {
  border:2px solid #dac3bc;
  background:#fff;
  margin:50px auto;
  padding:50px;
  text-align:left;
  width:860px;
}




/* tabs */
#main .tabs {
  position:absolute;
  top:0;
  left:-120px;
  border:0;
}
#main .tabs.secondary {
  top:50px;
  left:-120px;
}
#main .tabs li {
  display:block;
  margin:2px;
}
#main .tabs li a {
  background:#fdffe9;
  border:1px solid #999;
  width:55px;
  display:block;
  color:#721035;
}
#main .tabs li.active a {font-weight:bold;}
#main .tabs li a:hover {
  background:#721035;
  color:#fdffe9;
}

.page-user #main .tabs {
  left:400px;
  border-bottom:1px solid #999;
}
.page-user #main .tabs li {display:inline;margin:10px;}
.page-user #main .tabs li a {display:inline;}



/* ** messages ** */
#main div.messages {
  margin:15px 45px;
  padding:5px;
  border:1px solid #333;
  color:#333;
  background:#fdffe9;
  font-size:10px;
  
}
#main div.messages.status {
  color:green;
  border-color:green;
  display:none;
}
.logged-in #main div.messages.status {display:block;}

#main div.messages.error {
  color:#ee5555;
  border-color:#ee5555;
}