/******************************/
/*      CSS DOCUMENT          */
/*   Powred by  Zaa Walid     */
/******************************/


body 
{
	background:url(../images/bg.jpg) repeat-x #f4f3e8;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#haut 
{
	width:920px;
	height:25px;
	position: relative;
	padding-right:15px;
	padding-top:18px;
}
#haut2 
{
	width:460px;
	height:25px;
	position: relative;
	float:left;
	text-align:left;
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:10px;
}
#haut a
{
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}

#contenu 
{
	width:980px;
	height:auto;
}

#gauche 
{
	width:228px;
	height:700px;
	position: relative;
	float:left;
	background-color:#f4f3e8;
}

#contenu2 
{
	width:982px;
	height:auto;
	position: relative;
	min-height:740px;
	float:left;
	border-left:1px solid #d2cfae;
	border-right:1px solid #d2cfae;
	background-color:#f4f3e8;
}

#droite 
{
	width:750px;
	height:auto;
	position: relative;
	min-height:740px;
	float:left;
	border-left:1px solid #d2cfae;
	background-color:#f4f3e8;
}

#gal 
{
	width:690px;
	height:375px;
	position: relative;
	float:left;
	top:20px;
	left:10px;
	border:2px solid #bec5c1;
}

#gal2 
{
	width:730px;
	height:260px;
	position: relative;
	float:left;
	top:20px;
	left:10px;
	border:2px solid #bec5c1;
}

#bas 
{
	width:750px;
	height:auto;
	position: relative;
	float:left;
	top:40px;
	border-top:1px solid #d2cfae;
}

ul#animated-portfolio
{
	padding: 0;
	margin: 0;
	list-style-type: none;
}

ul#animated-portfolio li
{
	padding: 0;
}

#logo
{
	width:230px;
	height:111px;
	position:relative;
	float:left;
	text-align:center;
}

#menu
{
	width:190px;
	height:210px;
	position:relative;
	float:left;
	left:15px;
	top:10px;
}

#menu ul
{
	width:189px;
	height:210px;
	position:relative;
	float:left;
	padding:0px;
	margin:0px;
	list-style:none;
	display:block;
}

#menu li
{
	width:189px;
	height:26px;
	position:relative;
	float:left;
	background:url(../images/bg_menu_ul.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0057a3;
	line-height:20px;
	text-align:left;
	padding-left:25px;
}

#menu li:hover
{
	width:189px;
	height:26px;
	position:relative;
	float:left;
	background:url(../images/bg_menu_ul_hover.gif) no-repeat;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#d0ad88;
	line-height:20px;
}

#menu li a
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0057a3;
	line-height:20px;
}

#menu li a:hover
{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#d0ad88;
	line-height:20px;
}

#Reservation
{
	width:215px;
	height:200px;
	position:relative;
	float:left;
	left:15px;
	top:30px;
	text-align:left;
}


#contact
{
	width:215px;
	height:auto;
	position:relative;
	float:left;
	left:15px;
	top:30px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
}

.titre
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#0057a3;
	line-height:25px;
	font-weight:bold;
}

#chambre
{
	width:350px;
	height:210px;
	position:relative;
	float:left;
	padding-left:25px;
	top:30px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
}

#img
{
	width:155px;
	height:115px;
	position:relative;
	float:left;
	top:20px;
	border:2px solid #bec5c1;
}


#ch
{
	width:172px;
	height:20px;
	position:relative;
	float:left;
	top:18px;
}
#puce
{
	width:11px;
	height:15px;
	position:relative;
	float:left;
	padding-left:5px;
	padding-top:3px;
}

#titrech
{
	width:145px;
	height:20px;
	position:relative;
	float:left;
	padding-left:7px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
}

#titrech a
{
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	text-decoration:none;
}

#titrech a:hover
{
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	text-decoration:underline;
}

#bass 
{
	width:100%;
	height:40px;
	float:left;
	background:#39505e;
}

#basse 
{
	width:960px;
	position:relative;
	height:40px;
	font-family:Tahoma;
	text-align:left;
	color:#FFFFFF;
	font-size:10px;
}

#copy
{
	width:150px;
	height:15px;
	font-family:Tahoma;
	text-align:left;
	color:#FFFFFF;
	font-size:10px;
	position:relative;
	float:left;
	top:10px;
}
#copy a
{
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}

#voir
{
	width:330px;
	height:20px;
	position:relative;
	float:left;
	top:25px;
	text-align:right;
	font-family:Tahoma;
	font-size:10px;
	color:#987254;
}

#voir a
{
	text-align:right;
	font-family:Tahoma;
	font-size:10px;
	color:#987254;
	text-decoration:none;
}

#res
{
	width:215px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	top:10px;
}

#res2
{
	width:130px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	top:10px;
}

#res3
{
	width:60px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	text-align:left;
	font-weight:bold;
	top:10px;
}

.input
{
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-family:Tahoma;
	border:1px solid #3399cc;
	height:18px;
	width:auto;
	font-weight:normal;
}


.input2
{
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-family:Tahoma;
	border:1px solid #3399cc;
	height:18px;
	width:120px;
	font-weight:normal;
}

.input3
{
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-family:Tahoma;
	border:1px solid #3399cc;
	height:15px;
	width:120px;
	font-weight:normal;
}

.area
{
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-family:Tahoma;
	border:1px solid #3399cc;
	height:50px;
	width:120px;
	font-weight:normal;
}

#menubas
{
	width:530px;
	height:15px;
	font-family:Tahoma;
	text-align:left;
	color:#FFFFFF;
	font-size:10px;
	position:relative;
	float:right;
	top:10px;
}
#menubas a
{
	font-family:Tahoma;
	color:#FFFFFF;
	font-size:10px;
	text-decoration:none;
}

#content
{
	width:660px;
	height:auto;
	position:relative;
	float:left;
	padding-left:40px;
	top:10px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
	text-align:justify;
}

.bt
{
	background:#FFFFFF;
	color:#000000;
	font-size:11px;
	font-family:Tahoma;
	border:1px solid #3399cc;
	height:21px;
	width:60px;
	font-weight:normal;
}
#resn
{
	width:190px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	text-align:left;
	top:10px;
}

#resn2
{
	width:190px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color: #FF0000;
	text-align:left;
	top:10px;
}

#contn
{
	width:380px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	left:5px;
}

#contnr
{
	width:250px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	left:5px;
}
#contn2
{
	width:520px;
	height:25px;
	position:relative;
	float:left;
	text-align:left;
	left:5px;
	padding-left:50px;
	font-weight:bold;
	top:10px;
}

#events2
{
	width:300px;
	height:350px;
	position:relative;
	float:left;
	padding-left:10px;
	top:30px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
}

#offre2
{
	width:300px;
	height:50px;
	position:relative;
	float:left;
	padding-left:10px;
	top:30px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
}

#img22
{
	width:300px;
	height:auto;
	position:relative;
	float:left;
}

#titreevents
{
	width:300px;
	height:20px;
	position:relative;
	float:left;
	padding-left:7px;
	font-size:11px;
	font-family:Tahoma;
	color:#987254;
	text-align:left;
}

#titreoffre
{
	width:300px;
	height:20px;
	position:relative;
	float:left;
	padding-left:7px;
	font-size:11px;
	font-family:Tahoma;
	color:#987254;
	text-align:left;
}

#titreoffre a 
{
	font-size:11px;
	font-family:Tahoma;
	color:#987254;
	text-align:left;
	text-decoration:none;
}

#titreoffre a:hover
{
	font-size:11px;
	font-family:Tahoma;
	color:#987254;
	text-align:left;
}

#titreevents2
{
	width:660px;
	height:25px;
	position:relative;
	float:left;
	padding-left:1px;
	font-size:12px;
	font-family:Tahoma;
	color:#987254;
	text-align:left;
	top:10px;
}

#voir2
{
	width:300px;
	height:20px;
	position:relative;
	float:left;
	padding-left:7px;
	text-align:left;
	font-family:Tahoma;
	font-size:10px;
	color:#987254;
	top:8px;
}

#voir2 a
{
	text-align:left;
	font-family:Tahoma;
	font-size:10px;
	color:#987254;
	text-decoration:none;
}

#voir3
{
	width:400px;
	height:auto;
	position:relative;
	float:left;
	padding-left:7px;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	top:8px;
	left:10px;
}

#img33
{
	width:auto;
	height:auto;
	top:8px;
	position:relative;
	float:left;
}

#visite
{
	width:330px;
	height:250px;
	position:relative;
	float:left;
	top:10px;
	left: 0;
}


#visite2
{
	width:320px;
	height:240px;
	position:relative;
	float:left;
	border:2px solid #bec5c1;
}

#fichech
{
	width:660px;
	height:auto;
	position:relative;
	float:left;
	padding-left:1px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	top:10px;
}

#imgch
{
	width:350px;
	height:235px;
	position:relative;
	float:left;
	padding-left:25px;
	top:30px;
	text-align:left;
}

#voir4
{
	width:610px;
	height:auto;
	position:relative;
	float:left;
	padding-left:7px;
	text-align:left;
	font-family:Tahoma;
	font-size:11px;
	color:#000000;
	top:8px;
	left:10px;
}

#chambre2
{
	width:330px;
	height:165px;
	position:relative;
	float:left;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
}

#img101
{
	width:155px;
	height:115px;
	position:relative;
	float:left;
	top:20px;
	border:2px solid #bec5c1;
}
#ch2
{
	width:150px;
	height:auto;
	position:relative;
	float:left;
	top:18px;
}

#puce
{
	width:11px;
	height:15px;
	position:relative;
	float:left;
	padding-left:15px;
	padding-top:3px;
}

#titrech
{
	width:100px;
	height:21px;
	position:relative;
	float:left;
	padding-left:5px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
}

#contentch
{
	width:130px;
	height:auto;
	position:relative;
	float:left;
	padding-left:15px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align: justify;
}

#contentch2
{
	width:430px;
	height:auto;
	top:20px;
	position:relative;
	float:left;
	padding-left:15px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align: justify;
}

#voir101
{
	width:300px;
	height:20px;
	position:relative;
	float:left;
	top:25px;
	text-align:right;
	font-family:Tahoma;
	font-size:10px;
	color:#987254;
}

#voir101 a
{
	text-align:right;
	font-family:Tahoma;
	font-size:10px;
	color:#987254;
	text-decoration:none;
}
#fichechambre
{
	width:690px;
	height:165px;
	position:relative;
	float:left;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
}


#contentch2
{
	width:430px;
	height:auto;
	top:20px;
	position:relative;
	float:left;
	padding-left:15px;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align: justify;
}

#imgchambre
{
	width:230px;
	height:135px;
	position:relative;
	float:left;
	font-size:11px;
	font-family:Tahoma;
	color:#000000;
	text-align:left;
	line-height:16px;
}

#img202
{
	width:155px;
	height:115px;
	position:relative;
	float:left;
	top:20px;
	border:2px solid #bec5c1;
}

#img2022
{
	width:180px;
	height:120px;
	position:relative;
	float:left;
	top:20px;
	border:2px solid #bec5c1;
}