html { background: #007165; }
* { padding: 0px; margin: 0px; border: none; text-decoration: none; line-height: 18px; }
u{text-decoration:underline;}
a:hover { text-decoration: underline; }
a { color: #000000; }

.clear {line-height: 0px; clear: both; height: 0px; font-size: 0px;}
.nodisplay { display: none; }

.suiv
{
	float: right;
}

.prec
{
	overflow: hidden; zoom: 1;
	float: left;
}

.retour 
{
	overflow: hidden; zoom: 1;
}

.navigation 
{
	clear: both;
	text-align: center;
	font-size:11px;
	text-transform:uppercase;
}

#Droite .navigation a
{
	color:#003f56;
	background:url(/img/fond_navigation.jpg) top left repeat-x;
	padding:1px 6px;
	
}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}

body 
{
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 12px;
	height:100%;
}

#Global
{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background:#9ccc43 url(/img/fond_global.jpg) top left repeat-y;
}

#Haut
{
	float:left;
	width:981px;
	height:114px;
	background:#11b7f5;
	padding:6px 17px 8px 12px;
	font-size:15px;
	font-weight:bold;
	color:#01698f;
	letter-spacing:2px;
}
#Haut span
{
	font-family:Arial Black;
	font-size:26px;
	text-transform:uppercase;
	letter-spacing:5px;
}

#Logo
{
	float:left;
	margin-right:36px;
}
#Reservation
{
	margin-top:10px;
	width:560px;
	height:68px;
	border:solid 3px #01759f;
}

#Flash{position:relative;}

.flashAccueil{width:1000px;height:387px;}
.flashListe{width:406px;height:387px;}
.menuAccueil{z-index:150;position:absolute;top:0;left:0;}
.menuListe{float:left;z-index:150;}
#ImagesFlash{background:#11B7F5;}
#SurFlash
{
	z-index:60;
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:1000px;height:63px;
	
}
#Menu
{
	background:url(/img/fond_menu.jpg) top left repeat-x;	
	width:1000px;
	height:100%;
}

#Menu ul#MenuUl li a{color:#026a5f;display:block;padding-bottom:10px;}
#Menu ul#MenuUl li a.selected{font-weight:bold;border-bottom:solid 4px #026a5f;padding-bottom:6px;}
#Menu ul#MenuUl li 
{
	float:left;
	font-size:14px;
	text-transform:uppercase;
	margin-top:8px;
	padding:0 17px 0 15px;
	background:url(/img/border_menu.jpg) top right no-repeat;z-index:230
}
#Menu ul#MenuUl {float:right;list-style:none;}
#Menu ul#MenuUl li.last{background:none;}
.SSmenu{display:none;position:absolute;line-height:16px;z-index:230}
#Menu ul#MenuUl li ul.SSmenu li {float:none;display:block;padding:0;margin:0;}
#Menu ul#MenuUl li ul.SSmenu li a
{
	display:block;
	padding:1px 0 3px 5px;
	width:171px;
	height:18px;
	font-size:12px;
	color:#fff;
	white-space:nowrap;
	
	background:url(/img/fond_li.png) top left repeat-x;
	/*
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( src="/img/fond_menu.png", sizingMethod="scale");
	zoom:1; 
	_background: none;
	*/
}

#Langage
{
	float:left;
	padding:7px 0 0 7px;
	font-size:20px;
	color:#003f56;
	
}

#Calme
{
	z-index:150;
	position:absolute;
	bottom:0;
	left:0;
	height:52px;
	width:374px;
	font-weight:bold;
	letter-spacing:2px;
	font-size:20px;
	color:#016083;
	text-transform:uppercase;
	padding:0 16px 0 16px;
	
}
#Calme .center{width:100%;display:block;}
#Calme *{line-height:16px;}

#Gauche
{
	float:left;
	width:371px;
	padding:0 20px 60px 15px;
	font-size:13px;
	color:#003f56;
}

#Gauche .titre{font-size:16px;}
#Gauche h1{text-transform:uppercase;font-size:16px;color:#b8e661;width:287px;}
#BtDiapo{clear:both;float:left;text-align:center;background:url(/img/bt_diapo.jpg) top left repeat-x;height:34px;width:361px;padding:3px 0 0 0;font-size:11px;color:#003f56;line-height:12px}
#BtDiapo span{font-size:16px;letter-spacing:4px;font-weight:bold;color:#fff;}

#Droite
{
	float:right;
	width:553px;
	padding:13px 18px 60px 20px;
	overflow:hidden;
	zoom:1;
	display:inline;
	font-size:13px;
	color:#003f56;	
}
#Droite ul
{
	list-style-type: circle ;
	padding-left:15px;
}

#Droite a{color:#016083}
#Droite h2 a{color:#003f56;}
#Droite #Entete h2, #Droite #Entete h1 {font-size:16px;line-height:16px;text-transform:uppercase;}
#Droite #Entete {margin-bottom:25px;}
#SousRubrique{font-size:14px;font-weight:bold; clear:both;margin-top:15px;}
#Ariane{float:right;font-size:11px;color:#003f56;}
#Ariane a{color:#003f56;}
.item
{
	float:left;
	clear:both;
	width:539px;
	margin-bottom:16px;
}
.photos{float:left;margin-right:14px;}

.item h2{font-size:14px;margin-top:5px;}
.item h2 a{color:#003f56;}

#Droite .detail
{
	float:right;
	background:url(/img/fond_esp.jpg) top left no-repeat;
	width:142px;
	height:20px;
	padding-top:2px;
	display:block;
	color:#fff;
	text-align:center;
	font-weight:bold;
	letter-spacing:2px;
	font-size:11px;
}

.esp
{
	border-bottom:solid 1px #fff;
	margin:10px 0;
	padding:0 0 7px 0;
}

#Droite .reserver
{
	font-size:15px;
	background:url(/img/fond_bt_resa.jpg) top left no-repeat;
	color:#fff;
	float:left;
	text-align:center;
	width:107px;
	height:20px;
	padding-top:2px;
	display:block;
}

#Documents
{
	position:absolute;
	bottom:65px;
	left:0;
	z-index:80;
	margin-top:17px;
	padding:8px 0 0 15px;
	background:#018779;
	color:#003f56;
	font-weight:bold;	
}
#Documents img{float:left;margin:0 5px 5px 0;}
#Documents .titre{font-size:16px;color:#bfe47a;border:none;letter-spacing:4px;}
#Global .docListe .titre{letter-spacing:1px;}
#Documents a{color:#fff;}

.docListe{width:391px;}
.docAccueil{width:100%;}

#Pied {clear:both;width:985px;font-size:11px; background: #007165;color:#fff;padding:7px 0 0 15px;border-top:solid 4px #fff;}
#Pied a{color:#fff;line-height:10px;}
#Adresse{float:right;border-left:solid 3px #a8dc43;font-size:12px;padding-left:3px;margin-right:100px;}
#Adresse span{text-transform:uppercase;}
#LiensExternes
{
	float:left;
	margin-right:7px;
}
#LiensExternes a img{margin-right:2px;}
#Ecom 
{
	clear:both;
	width:100%;
	text-align: right;
	font-size:11px;
	background: #007165;
}
#Ecom a{color:#a8d256;}
