@charset "utf-8";
/* CSS Document */
body,  html {
height: 100%
}
body>html {
min-height: 100%
height: auto;
}
body{
	padding:0px;
	margin:0px;
	background-color: #043871;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(images/fdd.jpg);
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}

body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	line-height: 16px;
}

a:link { color: #000000;}
a:visited {	color: #000000;}
a:hover { color: #043871;}
a:active { color: #000000;}

#conteneur {
	margin: auto;
	width:930px;
}
#header, #corps, footer{
	display:block;
	clear:both;
	height:inherit;
	width:930px;
}

#version {
	width:45%;
	float:left;
	clear:left;
	height:20px;
	overflow:hidden;
	color: #ffffff;
	font-size: 10px;
}
#version a {
text-decoration:none;
	color: #ffffff;
	font-size: 10px;
}
#hierarchie {
	width:45%;
	float:right;
	clear:right;
	height:20px;
	overflow:hidden;
	text-align:right;
	color: #ffffff;
	font-size: 10px;
}
#logo{
	float:left;
	clear:left;
	overflow:hidden;
	cursor:pointer;
	width:200px;
	height:186px;
}
#logo h1{
	margin:0px;
	padding:0px;
	background-image:url(images/h_logo.jpg);
	width:200px;
	text-indent:-1000px;
	height:186px;
}
#logo h1 a{
	width:200px;
	height:186px;
}
#slideshow{
	width:722px;
	height:186px;
	float:left;
	clear:right;
}
#menu{
	
height: 100%;
	margin:0px;
	padding:0px;
	display:block;
	*display:inline-table;
	float:left;
	*float:none;
	vertical-align:top;
	width:193px;
	background-image:url(images/fd_menu.jpg);
	background-repeat:no-repeat;
	background-color:#062554;
	background-position:0px 39px;
}

#contenu{
	display:block;
	*display:inline-table;
	float:left;
	*float:none;
	width:722px;
	vertical-align:top;
	margin:0px;
	padding:0px;
	margin-left:3px;
	height 100%;
}

/*\*//*/#menu, #contenu {
	display:inline-table;
	float:none;
}/* */
#menu ul{
	float:none;
	margin:0px;
	padding:0px;
	width:193px;
}

#menu ul li{
	margin:0px;
	padding:0px;
	width:193px;
	list-style:none;
	background-repeat:no-repeat;
}

#menu ul li a{
		display:block;
		margin:0px;
		padding:0px;
}
#menu ul li a span{
		text-indent:-2000px;
		margin:0px;
		padding:0px;
		display:block;
		width:193px;
		height:35px;	
		background-image:url(../menu_s.gif);
		background-position: 0px 22px;
		background-repeat:no-repeat;
		cursor:pointer;
}
#menu ul li a:hover span, #menu ul li a span.over{	
		background-image:url(images/menu_s_roll.gif);
}
#menu ul li.accueil{
		background-image:url(images/menu_1_en.gif);
}
		#menu ul li.accueil a{
				height:44px;
		}
		#menu ul li.accueil a span{
				height:44px;	
				background-position: 0px 31px;
		}

#menu ul li.tarifs{
		background-image:url(images/menu_3_en.gif);
}
#menu ul li.reservation{
		background-image:url(images/menu_4_en.gif);
}
#menu ul li.actualites{
		background-image:url(images/menu_5_en.gif);
}
#menu ul li.photos{
		background-image:url(images/menu_6_en.gif);
}
#menu ul li.contact{
		background-image:url(images/menu_7_en.gif);
}



#menu ul li.centres{
		background-image:url(images/menu_2_en.gif);
		height:auto;
		background-repeat:no-repeat;
}
#menu ul li.centres a{
		height:30px;
}
#menu ul li.centres a span,#menu ul li.centres a:hover span{
	background-image:none;
}



#menu ul li ul{
	margin:0px;
	padding:0px;
	width:193px;
	margin-bottom:13px;
}

#menu ul li ul li{
	margin:0px;
	padding:0px;
	width:193px;
	height:18px;
	background-image:url(images/menu_2_1.gif);
	background-repeat:no-repeat;
}

#menu ul li ul li a{
		display:block;
}
#menu ul li ul li a span{
		text-indent:-2000px;
		margin:0px;
		padding:0px;
		display:block;
		width:193px;
		height:18px;	
}
#menu ul li ul li.moorea{
	background-image:url(images/menu_2_2.gif);
}
#menu ul li ul li.borabora{
	background-image:url(images/menu_2_3.gif);
}
#menu ul li ul li.rangiroa{
	background-image:url(images/menu_2_4.gif);
}
#menu ul li ul li.fakarava{
	background-image:url(images/menu_2_5.gif);
		height:25px;
}
#quart_bas_gauche {	
	background-image:url(images/h_menu.jpg);
	width:200px;
	height:39px;
}
#quart_bas_droite{	
	background-image:url(images/h_contenu.jpg);
	width:43px;
	height:39px;
	float:left;
	clear:left;
}
#tetiere{
	width:722px;
	margin:0px;
	height:39px;
	padding:0px;
	clear:both;
}

#tetiere h1{
	float:left;
	clear:right;
	width:650px;
	margin:0px;
	padding:0px;
	height:39px;
	background-color:#FFF;
}
#tetiere #coin_haut_droite{	
	background-image:url(images/h_contenu_coin.gif);
	width:29px;
	height:39px;
	margin:0px;
	padding:0px;
	float:right;
	clear:right;
}

#contenu_page{	
	height :100%;
}
#pied_menu{
	background-image:url(images/menu_bas.gif);
	width:193px;
	height:70px;
	float:left;
	clear:both;
}
#pied_menu_2{
	background-image:url(images/menu_basbas.gif);
	width:193px;
	height:158px;
	float:left;
	clear:both;
}
#menu .learn{
	display:block;
	margin:auto;
	clear:both;
	text-align:center;
}

.spacer{
	clear:both;
	width:0px;
	height:0px;
}

.fondblanc{
	background-color:#FFF;
}





























/* ----------------------------------------------*/


.sstit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #043871;
	font-weight: bold;
}

.titnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FF3300;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
}

a.titnews:link { color: #FF3300; text-decoration: none;}
a.titnews:visited {	color: #FF3300; text-decoration: none;}
a.titnews:hover { color: #FF3300; text-decoration: underline;}
a.titnews:active { color: #FF3300; text-decoration: none;}

.txtnews {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
}

.blanc  { 	font-family: Arial, Helvetica, sans-serif; color: #ffffff; }
.blanc10  { 	font-family: Arial, Helvetica, sans-serif; color: #ffffff; font-size: 10px;}

a.blanc:link { 	color: #ffffff; text-decoration: none; }
a.blanc:visited {	color: #ffffff; text-decoration: none; }
a.blanc:hover {	color: #FFFF99;	text-decoration: underline; }
a.blanc:active { color: #ffffff;  text-decoration: none; }

a.blanc10:link { 	color: #ffffff; text-decoration: none; }
a.blanc10:visited {	color: #ffffff; text-decoration: none; }
a.blanc10:hover {	color: #FFFF99;	text-decoration: underline; }
a.blanc10:active { color: #ffffff;  text-decoration: none; }

.blend50 {
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	opacity: 0.50;
}

.blend100 {
	filter:alpha(opacity=100);
	-moz-opacity:1.00;
	opacity: 1.00;
}

.etiquette {
   font-size: 11px;
	color: #043871;
	font-weight: bold;

}
.etiquette1 {
   font-size: 11px;
	color: #043871;
	font-weight: bold;
	text-align: center; 
}
.profession {
   font-size: 10px;
	color: #043871;
	font-weight: normal;
	text-align: center; 
}
.description {
   font-size: 10px;
	color: #043871;
	font-weight: normal;
	
}
.hightlight {
	color: #FFFFFF;
	font-weight: bold;
	line-height: 20px;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px;
}

a.hightlight:link {
font-size: 11px;
	color: #043871;
	text-decoration: none;
	border: 1px solid #043871;
	padding: 1px;
}
a.hightlight:visited { color: #043871; text-decoration: none; border: 1px solid #043871;}
a.hightlight:hover { color: #FF3300; text-decoration: none; border: 1px solid #FF3300;}
a.hightlight:active { color: #043871; text-decoration: none; border: 1px solid #043871;}

.grosbouton {
	color: #FF3300;
	font-weight: bold;
	height: 40px;
}

.validresa {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF3300;
	font-weight: bold;

}