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

*/

body{
font-family:"Trebuchet MS";
font-size:12px;
color:#333;
background:#13080e url(../images/bg_body.gif) repeat-x top;
padding:0;
margin:0;
}

h1 {
font-size:16px;
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; padding:3px }
#txtReferemencement { float:left; font-size:10px;   }

#linkLang {
list-style:none;
padding: 0;
float:right;
margin:0
}
#linkLang li {
float:left;
margin:0 5px 0 0 
}
#linkLang a{
float:left;
color:#fff;
text-decoration:none;
background:url(../images/uk.gif) no-repeat left;
text-indent:-3000px;
width:16px;
height:11px;
}
#linkLang a.pt{
background:url(../images/pt.gif) no-repeat left;
}
#linkLang a.fr{
background:url(../images/fr.gif) no-repeat left;
}
#linkLang a.ru{
background:url(../images/ru.gif) no-repeat left;
}
#linkLang a.ar{
background:url(../images/ma.gif) no-repeat left;
}
#linkLang a.es{
background:url(../images/es.gif) no-repeat left;
}
#linkLang a.it{
background:url(../images/it.PNG) no-repeat left;
}
#linkLang a.prt{
background:url(../images/prt.PNG) 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 8px 10px 8px;
	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:950; height:300px; margin:0 5px; overflow:hidden;  position:relative; }
#bodyPresentation #ban { height:500px }

/*#presentationTxt  p { text-indent:20px}*/
#bodyPresentation #contentEspace { padding:20px 40px}


#presentationTxt {
float:right;
width:575px
}
#presentationNews {
float:left;
width:240px
}
#presentationNews h2{
font-size:18px
}
.newsItem {
border-bottom:1px solid #cccccc;
padding-bottom:15px;
margin-top:15px
}

.newsItem1 {
}

.newsDate {
font-size:10px;
color:#666
}
.newsTitle, .newsTitle a {
margin:0;
color:#b18b56;
font-size:12px;
text-decoration:none}
.newsDesc {
margin:5px 0 10px 0;
line-height:14px;
color:#666}
.readMore {
padding:2px 4px;
background:#b18b56;
color:#fff;
text-decoration:none
}

#box1{
	position:absolute;
	width:10000px;
}
#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: 530px; }
.contentRight { float:right; width:200px; margin: 50px 0 0 0 }

.contentLeft1 { float:left; width: 770px; }
.contentRight1 { float:right; width:220px; margin: 0 0 0 0 }

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


.miniatures{
list-style:none;
padding:0;
margin:0
}
.miniatures li{
border:1px 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:55px;
height:55px;
}

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

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

/****************************** Footer **/
#footer { text-align:center; background:#13080e; padding:20px  0; }

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

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

#citation {
position:absolute;
z-index:999;
bottom:0px;
height:0px;
line-height:25px;
overflow:hidden;

/*background:#fff;
opacity:0.8;
filter: alpha(opacity = 80);*/
}
blockquote{
font-size:16px;
padding:0px 10px 0 30px;
margin:5px;
color:#fff;
background:url(../images/blockquot_top.gif) no-repeat left top;
font-style: italic;
margin:0 160px;

}
blockquote p{
background:url(../images/blockquot_bottom.gif) no-repeat right bottom;
padding:10px 30px 0px 10px;
font-weight:bold
}
#citation span {
margin:0 210px 15px 0px;
/*color:#b18b56;*/
color:#ccc;
font-weight:bold;
display:block;
float:right
}
.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:#b18b56 url(tr_back.gif) repeat-x;
border:1px solid #960;
text-align:center;
color:#fff
}
th.chambres{
background:#999 url(tr_back.gif) repeat-x;
border:1px solid #666;
text-align:left;
font-weight:normal;
width:250px;
padding-left:30px
}
th.chambres span{
font-weight:bold;
}
td{
background:#ccc;
text-align:center;
border:1px solid #999;
}

.tarifsBlock{

padding: 0 0 10px 0;
overflow:auto;
height:100%;
text-align:left;
margin:0 0 20px 0
}
.tarifsBlock h2{
font-size:13px
}
.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;
}

.tarifsBlock li.cards{
margin:0;
padding:0 0 10px 8px;
float:left;
width: 80px;
background:none;
}

/** formulaire reservation **/


fieldset
{
	border:1px solid #b18b56;
	padding:10px 30px;
	
}
legend
{
font-weight:bold;
color:#b18b56

}
fieldset label {
	text-align:right;
	width:280px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em;
	color:#333;
	 }

fieldset input, select {
	margin:3px;
	width:200px; 
	border:1px solid #999;
	}
fieldset textarea {
	margin:3px;
	height:165px;
	width:300px;
	border:1px solid #999999; }

fieldset hr
{
height:1px;
width:100%;
color:#ccc;
background:#ccc;
border:none
}

input:hover,
textarea:hover,
select:hover {
  background: #ffedd4;
  border: 1px solid #b18b56;
}

input:focus,
textarea:focus,
select:focus
 {
  color: #fff;
  background:#b18b56;
  border: 1px solid #333;

}
.mandatory {
font-size:9px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#CC3300
}
	
/** 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 290px /*largeur du label*/
}
#center .fValidator-msg, #bodyPopup .fValidator-msg{
margin:2px 0 0 130px
}
#mainMenu .fValidator-msg {
display:none
}


/****************************** Pages: contact **/

#coordonnees {
float:left;
border-right:2px solid #b18b56;
margin:40px;
/*background:#b18b56 url(../images/bg_coordonnees.gif) no-repeat left top;
color:#fff;
margin:1px 0 0 5px;*/
padding-right: 70px

}

#coordonnees h2{
background:none;
text-indent:0
}

#planAcces {
float:right;
margin: 40px 120px 10px 0
}

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

.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:780px; }
	#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 2px 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:140px;
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 10px ;
	float:right;
}
#jwscroller-inner {
	position: relative;
	overflow: hidden;
}
.jwscroller-content {
	padding:0;
	margin:0;
}
/**ajoutLivre****/
.blocFormulaire{
	width:100%;
	margin:auto;
	float:left;
}
.blocFormulaire label{
	width:174px;
}
.blocFormulaire .fValidator-msg {
	margin:0 0 0 180px;
}