body {
	background:#84BA85;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #660000;
	font-size:12px;
	
	margin:0;
	padding:0;
	background:#84BA85;
}

A{text-decoration: none; color: #5b2b83;}
A:visited{text-decoration: none; color: #5b2b83;}
A:active{text-decoration: none; color: #5b2b83;}
A:hover{text-decoration: underline; color: #515186;}

a.active {
	font-weight:bold;
	color:#515186;
}

h1 { font-size:22px; margin:0;padding:0; font-family:Georgia, "Times New Roman", Times, serif; }
h2 { font-size:18px; margin:0;padding:0; font-family:Georgia, "Times New Roman", Times, serif; }
h3 { font-size:16px; margin:0;padding:0; font-family:Georgia, "Times New Roman", Times, serif; }
h4 { font-size:14px; margin:0;padding:0; font-family:Georgia, "Times New Roman", Times, serif; }
h5 { font-size:12px; margin:0;padding:0; font-family:Georgia, "Times New Roman", Times, serif; }
h6 { font-size:10px; margin:0;padding:0; font-family:Georgia, "Times New Roman", Times, serif; }

#center {
	float:left;
	width:100%;
	clear:both;
	
	background:#84BA85 url('fond.jpg') center repeat-y;
}

#main {
	clear:both;
	width:760px;
}

#top {
	float:left;
	clear:both;
	width:100%;
	
	height:170px;
	background:url('top.jpg') top center no-repeat;
	
	position:relative;
}

#logo {
	position:absolute;
	left:0px;
	top:0px;
}

#logo h1 {
	display:none;
}

#logo a {
	display:block;
	width:160px;
	height:170px;
}

#flags {
	position:absolute;
	right:20px;
	top:30px;
}

#flags div {
	float:left;
	display:block;
	width:26px;
	height:19px;
	margin:2px;
	border:1px solid #dde5c2;
}

#flags a {
	display:block;
	width:100%;
	height:100%;
}

#flags a.fr {
	background:url('fr_off.jpg') center no-repeat;
}

#flags a.fr:hover, #flags a.fr_active {
	background:url('fr.jpg') center no-repeat;
}

#flags a.uk {
	background:url('uk_off.jpg') center no-repeat;
}

#flags a.uk:hover, #flags a.uk_active {
	background:url('uk.jpg') center no-repeat;
}

#menu {
	position:absolute;
	margin:0; padding:0;
	right:2px;
	top:115px;
	list-style-type:none;
}

#menu li {
	float:left;
	width:80px;
	height:21px;
}

#menu a {
	display:block;
	width:100%;
	height:100%;
	background:url('menu.gif') no-repeat;
	color:#666633;
	font-weight:bold;
	text-align:center;
	padding-top:5px;
	font-size:10px;
	text-decoration:none;
}

#menu a:hover, #menu a.active {
	background:url('menu_hover.gif') no-repeat;
	color:#000;
}

#data {
	float:left;
	clear:both;
	width:100%;
	background:url('left.gif') top left no-repeat;
}

#data div.right {
	float:right;
	width:600px;
}

#data div.padding {
	/*padding:10px;*/
	padding-top:0;
	text-align:left;
}

#bottom {
	float:left;
	clear:both;
	width:100%;
	height:50px;
	text-align:center;
	margin-top:20px;
	position:relative;
}

#bottom div.bg {
	position:absolute;
	bottom:0; left:-10px;
	height:50px;
	width:780px;
	background:url('bottom.jpg') center bottom no-repeat;
	text-align:left;
}

#bottom p {
	width:760px;
	background:#6ca46c;
	padding:0; margin:0;
	margin-left:10px;
	margin-top:8px;
	padding-top:2px;
	padding-bottom:2px;
	font-size:11px;
	text-align:center;
}

/************ LISTING ACCUEIL *****************/
div.listing li {
	list-style-type:none;
	margin:0; padding:0;
}

/************ LISTING DES HOTELS **************/
ul.hotels {
	list-style-type:none;
	margin:0; padding:0;
}

ul.hotels li {
	float:left;
	width:172px;
	height:200px;
	margin:10px;
	background: url('hotel.gif') no-repeat center;
	text-align:center;
}

ul.hotels p.padding {
	padding:0;
	margin:2px;
	margin-top:10px;
	text-align:center;
}

div.fiche {
	overflow:hidden;
	float:left;
	width:580px;
	background:#99cccc url('boxtop.jpg') top center no-repeat;
}

div.fiche div.fiche_padding {
	float:left;
	/*margin:20px;*/
	padding:20px;
	margin:0;
	padding-bottom:0;
}

div.fiche div.bottom {
	float:left;
	width:100%;
	height:18px;
	background:url('boxbottom.jpg') bottom center no-repeat;
}

div.fiche div.photo {
	float:left;
	padding:5px;
	background:#fff;
	border:1px solid #000;
	margin-right:10px;
	margin-bottom:10px;
}

div.fiche h1 {
	/*font-size:18px;*/
	clear:both;
	width:100%;
	margin-bottom:10px;
}

div.fiche div.infos {
	margin-top:10px;
}

div.fiche div.description {
	margin-top:10px;
	text-align:justify;
}

div.fiche div.photos {
	margin-top:10px;
	clear:both;
	float:left;
}