@charset "utf-8";
@import url("slimbox_ex.css");
/* CSS Document 
	
	Coleurs de base:
	
	Gris : #333
	beige: #ceaa8a
	rouge: #bc020d
	vert: #574c38
	marron: #423120	
	
	couleur de fond: #22150c

*/
html{ /* tjr afficher les scroll ds FF */
	overflow:-moz-scrollbars-vertical;
}
body{
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
color:#ceaa8a;
background:#22150c ;
padding:0;
margin:0;
position:relative
}
body#popup{
margin:10px;
padding:0 10px
}
h1, h2 {
font-size:16px;
font-weight:bold;
color:#fff;
text-transform:uppercase
}
h2 span {
color:#000;
}
h2.tarifs{
font-family:Geneva, Arial, Helvetica, sans-serif;
text-transform:none;
font-size:12px;

}
h3.contact
{
padding:0 0 5px 0;
margin:0 0 10px 0;
color:#fff
}


a{
color:#fff
}
a img{
border:none;
}
/****************************** Conteneur **/
#conteneur {
width:750px;
margin:0 auto;
padding:0;
position:relative;
overflow:hidden
}

/****************************** Header **/
#header{
z-index:99;
position:absolute;
width:100%;
height:152px;
top:0;
}

#headerMask {
background:url(../images/bg_ban.png) no-repeat center bottom;
height:72px;
width:900px;
top:79px;
z-index:10;
display:;
position:absolute;

}


#logo { float:left; margin: 5px 0 0 0px; z-index:99 }




/****************** Menu **/
#mainMenu { float:right; display: }



#menu, #menu ul { /* all lists */
	padding: 0 1px;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#menu a {
	display: block;
	width: auto;
	text-align:center;
	padding:65px 7px 3px 7px;
	text-decoration:none;
	color:#ceaa8a;
	
}
#menu a:hover, #menu a.linkOn  {
	color:#fff;
	background:transparent url(../images/bg_main_menu_hover.gif) repeat-x  ;
}

#menu li { /* all list items */
	float: left;
	width: auto; /* width needed or else Opera goes nuts */
	background:url(../images/bg_main_menu_item.gif) no-repeat right bottom;
	margin:0 1px 0 0
}


#menu li ul { /* second-level lists */
	position: absolute;
	background: #bc020d;
	width: 110px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:center;
	padding:0;
	margin:0
}

#menu li ul a {
	padding:5px 0px;
	border-top:1px solid #000;
	font-weight:normal;
	background:none;
	/*width: 8.2em;*/
	width: 110px;
	margin:0
}
#menu li ul a:hover {
	background:url(../images/bg_main_menu2.gif) no-repeat center bottom;
}

#menu li ul li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
	background:none
}

#menu li:hover ul, #menu li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	color:#b18b56;
}

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

#ban {
width:900px;
height:380px;
margin:80px 0 0 0 ;
padding:0px 0 0 0;
position:relative;
overflow:hidden;
}

#banMask {
position:absolute;
height:380px;
}

#pscrollerArrows{
position:absolute;
height:50px;
width:30px;
right:0px;
top:405px
}
#pscrollerArrowsTop, #pscrollerArrowsBottom {
width:20px;
height:20px;
background:#564c38 url(../images/arrow_top.gif) no-repeat center ;
cursor:pointer;
}

#pscrollerArrowsBottom {
background:#564c38 url(../images/arrow_bottom.gif) no-repeat center;
margin:5px 0 0 0
}



/****************************** content **/
#content {
padding:70px 50px 30px 50px ;
text-align:justify;
overflow:auto;
height:100%;
background:#bc020d url(../images/bg_content.gif) no-repeat right top;


}

#contentSmall {
margin:0px 60px;
}
/****************************************/

/****************************** Footer **/
#footer { text-align:center;
background:#22150c url(../images/bg_footer.gif) no-repeat  center top;
height:75px;
}
/*
#footer { text-align:center;
background: url(../images/bg_footer1.gif) no-repeat  center bottom;
height:65px;
}*/

#linkLang a{
float:right;
color:#fff;
text-decoration:none;
background:url(../images/uk.gif) no-repeat left;
padding:0 0 0 20px;
margin:15px 10px 0 10px;

}
#linkLang a.fr{
background:url(../images/fr.gif) no-repeat left;
}
#logoMc{
float:left;
margin:15px 10px 0 0px;
}

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

/****************************** Pages: presentation **/

.messageOk {
background:url(../images/message_ok.gif) no-repeat left;
padding:0 0 0 25px;
color:#66CC33;
width:250px;
margin:20px auto

}

/****************************** Pages: Tarifs & reservation **/
table, td{
font-family:"Trebuchet MS";
font-size:12px;
color:#333;
}
#tarifTableau {
margin:0 auto 20px 0;
border-collapse:collapse;
}

th, td{
text-align:left;
padding:.5em;
}
th{
background:#bc020d url(tr_back.gif) repeat-x;
border:1px solid #900;
text-align:center;
color:#fff
}
th.chambres{
background:#423121 url(tr_back.gif) repeat-x;
border:1px solid #2d1c0d;
text-align:left;
font-weight:normal;
width:250px;
padding-left:30px
}
th.chambres span{
font-weight:bold;
}
td{
background:#fff;
text-align:center;
border:1px solid #ccc;
}

.tarifsBlock{

padding: 0 0 10px 0;
overflow:auto;
height:100%;
text-align:left;
margin:0 0 20px 0
}
.tarifsBlock ul{
margin:20px 0 0 30px;
padding:0;
list-style:none;
}

.tarifsBlock li{
margin:0;
padding:0 0 10px 8px;
float:left;
width: 210px;
background:url(../images/puce.gif) no-repeat left 7px;
}

/** formulaire reservation **/


fieldset
{
	border:0px solid #ccc;
	padding:10px 30px;
	
}
legend
{
font-weight:bold;
color:#fff;
text-transform:uppercase;
margin-bottom:25px;
border-bottom:1px solid #ccc

}
fieldset label {
	text-align:right;
	width:120px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
	color:#ceaa8a;
	 }
label.labelOblogatoire {
background:url(../images/etoile.gif) no-repeat right;
padding-right:8px;
width:112px
}
fieldset input {
	margin:3px;
	width:180px; 
	border:1px solid #ccc;
	}
fieldset textarea {
	margin:3px;
	height:165px;
	width:280px;
	border:1px solid #ccc; }

fieldset hr
{
height:1px;
width:100%;
color:#ccc;
background:#ccc;
border:none;
opacity:0.2;
filter: alpha(opacity = 20);

}

input:hover,
textarea:hover,
select:hover {
  background: #5b0e0c;
  border: 1px solid #bc020d;
}

input:focus,
textarea:focus,
select:focus
 {
  color: #fff;
  background:#614c3a;
  border: 1px solid #ceaa8a;

}
.mandatory {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#bc020d
}
	
/** fin formulaire **/

/** message d'erreur fvalidator */
/* message validation errue */
.fValidator-msg {
font-size: 85%;
color:#CC3300;
padding: 2px;
margin:2px 0 0 0;
margin:0 0 0 125px /*largeur du label*/
}
#center .fValidator-msg, #bodyPopup .fValidator-msg{
margin:2px 0 0 20px
}
#mainMenu .fValidator-msg {
display:none
}

/****************************** Pages: presentation **/



/****************************** Pages: villa **/
.blockH1 {
overflow:auto;
height:100%;
}

.blockH1 h1 {
float:left
}

.tarifsReservation {
padding:10px 0 0 0;
float:right
}
.tarifsReservation ul {
list-style:none;
margin:0;
padding:0 1px
}
.tarifsReservation li {
padding:;
margin:0;
float:left;
}
.tarifsReservation li.reservation {
background: url(../images/puce.gif) no-repeat left;
padding:0 0 0 17px;
margin:0 0 0 10px;
}
.tarifsReservation a {
padding:5px 3px
}
.tarifsReservation a:hover {
color:#fff;
text-decoration:none
}

h2.toggler {
font-size:14px;
padding:5px 22px;
font-weight:normal;
background:#bc020d url(../images/puce2.gif) no-repeat 10px center;
margin:0;
text-transform:none
}
h3{
margin:0;
padding:0;
}
.togglerBlock{
background:#22150c url(../images/bg_toggler_block.gif) no-repeat right top;
margin:0 0 1px 0;
}

.togglerBlockLeft {
/*float:left;
width:30%;
padding:10px;*/
width:0px;
display:none
}

.togglerBlockRight{
/*float:right;
width:45%;*/
padding:30px;

}

.togglerBlockRight li{
/*width:45%;
float:left;*/
padding:5px 0
}

/** reservation & tarifs **/
.saison{
clear:both;
overflow:auto;
}
.saisonBlock {
float:left;
padding:10px;
height:120px;
margin:20px 0;
color:#ccc;
border:1px solid #333;
}
.saisonBlock h2 {
color:#fff;
}
.moyenne{
margin:20px 10px;

}
/****************************** Pages: contact **/
.coordoonnees {
float:left;
width:430px
}

.situation {
}

.planAcces {
float:right;
width:180px;
}
.planAcces img {
border:1px solid #fff;


}
/****************************************/

.separator {
height:10px;
background:url(../images/bg_separator.gif) repeat-x;
margin:10px 0;
}
.white {
color:#fff;
}