@charset "utf-8";
@import url("slimbox_ex.css");
/* CSS Document 
	
	Coleurs de base:
	
	Gris : #333
	Maron: #b18b56	

*/



h1 {
font-size:16px;
font-weight:bold;
color:#b18b56;
text-transform:uppercase
}
h3 {
font-size:12px;
font-weight:bold;
color:#b18b56;
text-transform:uppercase
}
h2 {
font-size:12px;
font-weight:bold;
color:#b18b56;
background:url(../images/bg_h2.gif) no-repeat left bottom;
text-indent:35px

}
a{
color:#333;
outline: none;
}
:focus{-moz-outline-style: none;}

a img{
border:none;
}
/****************************** Conteneur **/
#conteneur {
width:960px;
margin:0 auto;
background:#fff;
padding:0;
}

/****************************** Header **/
#header{
z-index:99;
position:relative
}
#headerTop, #headerBottom {  overflow:auto; padding:0 5px; height:100% }

#headerTop { background: #b18b56}
#txtReferemencement { float:left; font-size:10px;  }

#linkLang a{
float:right;
color:#fff;
text-decoration:none;
background:url(../images/uk.gif) no-repeat left;
padding-left:20px;
text-transform:uppercase
}
#linkLang a.fr{
background:url(../images/fr.gif) no-repeat left;
}
#logo { float:left; margin-left: 5px }


#headerBottom { height:80px; padding:20px 5px }


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



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

#menu a {
	display: block;
	width: auto;
	text-align:center;
	padding:50px 10px 10px 10px;
	text-decoration:none;
	color:#666;
	font-weight:bold;
	
}
#menu a:hover, #menu a.linkOn  {
	color:#b18b56;
	background:url(images/bg_main_menu_hover.gif) no-repeat center 20px;
}

#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;
}


#menu li ul { /* second-level lists */
	position: absolute;
	background: #fff;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding-top:10px
}

#menu li ul a {
	padding:5px 10px;
	border-top:1px solid #ccc;
	font-weight:normal;
	background:none
}
#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:755; height:300px; margin:0 5px; overflow:hidden;  position:relative; }
#bodyPresentation #ban { height:500px }

#bodyPresentation p { text-indent:20px}
#bodyPresentation #contentEspace { padding:20px 140px;}

#box1{
	position:absolute;
}
#box1 span{
display:block;
float:left;
}

span img{
	display:block;
	border:none;
	float:left
	
	}



/****************************** content **/
#content { padding:0px 0 5px 0; text-align:justify; overflow:auto; height:100% }
#contentEspace { padding:20px;  }

/** content pour la page chambres **/
.contentLeft { float:left; width: 400px; }
.contentRight { float:right; width:200px; margin: 10px 0 0 0 }

/** content pour les autres pages du site **/
#contentEspace .contentLeft { width: 450px;  }


.miniatures{
list-style:none;
padding:0;
margin:0
}
.miniatures li{
border:0px solid #503938;
float:left;
margin: 0 0 5px 5px;
background:#fff;
padding:1px;
font-size:0;
width:55px;
height:55px;
}
.miniatures li.vide{
border:1px solid #ebebeb
}
.imgMiniature {
width:70px;
height:70px;
}

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



/** 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 290px /*largeur du label*/
}
#center .fValidator-msg, #bodyPopup .fValidator-msg{
margin:2px 0 0 130px
}
#mainMenu .fValidator-msg {
display:none
}



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

.separator {
height:10px;
background:url(../images/bg_separator.gif) repeat-x;
margin:10px 0 35px 0 ;
}
/****************************** jwscroller **/

#jwscroller {
padding:0 5px ;
overflow:auto;
height:100%;
clear:both;
margin:0px 0 0 0 ;

}
/*pour changer scroll vertical ou horizontal il suffit de changer height par width dans le css */
#jwscroller-wrapper, #jwscroller-inner, .jwscroller-content { width:600px; }
	#jwscroller-inner { height: 1500px; }
	#jwscroller-bar,#jwscroller-wrapper, .jwscroller-content {height:250px;}
	/* Clasess for Jmovies Pictures Scroll
-----------------------------------------------------------------------------------------*/
#jwscroller ul#bar {
margin:0 0 5px 5px;
padding:0;
}
#jwscroller ul#bar li {
	padding:0;
	margin:0 0px 0 0px;
	list-style:none;
	background:none;
	line-height: 17px;
	clear:both
}
#jwscroller ul#bar li a {
	margin: 0;
	height:17px;
	display:block;
	padding-left:20px;
	text-decoration:none;
	color:#fff;
	margin:15px 0 0 0
}
#jwscroller ul#bar li a span {
	background:none;
	display:block;
	padding:0 14px 0 0;
	display:block;
	height:17px;
	line-height: 17px;
	float:left;
	cursor:pointer;
	font-weight:bold
}
#jwscroller ul#bar li a:hover {
	color: #000;
}
#jwscroller ul#bar li.selected a {
	height:17px !important;
	background: #fff url(images/bg_sub_menu_item.gif) no-repeat left;
	color:#333
}
#jwscroller ul#bar li.selected a span {
	height:17px !important;
}

#jwscroller-bar {
float:left;
width:103px;
background:#b18b56 url(images/bg_sub_menu.gif) no-repeat top
}
ul#bar {
padding:0;
margin:0;
}

#jwscroller-wrapper {
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	border: none;
	padding: 0 5px;
	float:right;
}
#jwscroller-inner {
	position: relative;
	overflow: hidden;
}
.jwscroller-content {
	padding:0;
	margin:0;
}