/*--------------------------------------------------------------*/
/*			balises html				*/

body { text-align: justify;
	font-family: Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;	
	background-image: url(images/fond-tortue.gif);
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
    
}
h1 {   
    margin: 0;
    padding: 0;

    }
h2 { 
    color: #365c9b;
    font-size: 1.5em;
    font-weight : bold ; 
    text-align: center ; 
    }
h3 { 
    color: #365c9b;
	padding : 1%;
    
    }
    
/* ordre important :link :visited :hover :active */
a:link {
    color: #365c9b;
    text-decoration: none;
}
a:visited {
    text-decoration: none;
    color: #20b2aa;	  
}
a:hover {
    text-decoration: underline;
}
a:active {
    color: #20b2aa;
}
td, th {
border: thin solid #6495ed;
}
hr{
	clear:both;
	visibility:hidden;
}
hr.visible{
	clear:both;
	visibility:visible;
}/* évite border="0" sur les images liées */
img{
	border:0 solid;
}
ul {
	list-style-type: none;
	width: 100%; /* précision pour Opera */
}
p {
	padding : 1%;
}

object{position:relative;width:100%;height:250px; }

/*--------------------------------------------------------------*/
/*				class				*/
/*			page					*/
/*.conteneur{
	clear:both;
	padding: 0;
    }*/
.col_d_ul{
	position:relative;
	width:40%;
	float:right;
	overflow:visible;
}
.col_d{
	margin:8px;
	position:relative;
	width:43%;
	float:left;
	overflow:visible;
}
.col_d_p{
	margin:8px;
	position:relative;
	width:43%;
	float:right;
	overflow:hidden;
}

.col_g_ul{
	width:40%;
	position:relative;
	float:left;
	overflow:visible;
}
.col_g{
	margin:8px;
	width:43%;
	position:relative;
	float:left;
	overflow:visible;
}
.col_g_p{
	margin:8px;
	width:43%;
	position:relative;
	float:left;
	overflow:hidden;
}
.pave_gauche {
  	padding:1%;
	width:30%;
	position:relative;
	overflow:visible;
	float:left;
}
.pave_droit {
  	padding:1% 0 1% 1%;
	width:31%;
	position:relative;
	overflow:visible;
	float:left;
}
.pave_centre {
	text-align: center;   	
  	padding:1%;
	position:relative;
	width:33%;
	overflow:hidden;
	float:left;
}

/*			caractères				*/
.conditions{
    font-size:  x-small;
}  
.item{
	margin: 0;
	padding: 0; 
}
.heure{
	font-weight : bold ;
	background-image:  url(images/clock.gif);    
	background-repeat: no-repeat;
	background-position:45px;
}
.centre {
	text-align: center;   
}
.legende2 {
    font-size: small;
    font-style : italic ; 
    text-align: left ;
    margin-left:20px;
   
}.legende {
    font-size: small;
    font-style : italic ; 
    text-align: center ;   
}
.nom-site{
	padding: 0 8px 0 8px;
}
.profondeur{
	padding: 0 8px 0 8px;
	text-align: center;   	
}
.trajet {
	padding: 0 8px 0 8px;
	text-align: center;   	
}

.lagon_ocean{
	padding: 0 8px 0 8px;
	text-align: center;   
	
}
.niveaux{
	padding: 0 8px 0 8px;
	text-align: center;   	
}

.titre_liens {
	font-size: 1.2em;
	font-variant: small-caps;
	color: black;

}
.brevets li {
	
list-style :inside;	
list-style-image: url("images/diplome.png") ;
}
.sous li {
	
list-style :inside;	
list-style-image: url("images/sous-diplome.png");

}


.securite li {
	list-style-type: square;

}
/*--------------------------------------------------------------*/
/*				id				*/
/*			page					*/
#contenu{/* debut de page*/
	padding: 0px;/* 1%;*/
	margin-left:130px;
	
}
#map{
left:20px;
}
#gauche{
	position: fixed;
	float: left;
	left:0px;
	width: 125px;
	padding: 4px;
	margin: 0px;
	height: 2500px;
	/*couleur bleue*/
	/*#365c9b;*/
background: url(images/logo_eleuthera.jpg) no-repeat -18px 0px;
background-color: #365c9b;
}
#pied {	
	clear:  both;
	margin-left:130px;
	/*background-color: blue ; /*couleur bleue #365c9b*/
	height: 50px;
}
#centre {
	margin-left: 0px;
	padding: 8px;
}
#heure { 
	display: list-item;
	list-style-image: url(images/clock.gif);
    }
#pave {
	width:100%;
  	background-color:gray;
}
#paf{
	position:relative;
	margin:20px;
}
.invisible{
    line-height: 0px;
    font-size: 0px;
    visibility: hidden
}
.menugauche ul {
position: relative; 
list-style:none;
padding: 0px;
margin: 0px;
/* la largeur et la hauteur de la balise en fonction des dimensions de l'image de fond	*/
  width:125px;
  height:2500px;
/* background de la balise */
background: url(images/menu_eleuthera.jpg) no-repeat left top ;

}

.menugauche {
	margin-left: -35px;
}

.menugauche a { /* dimensions et d?finitions des boutons */
  position:absolute;
  display: block;  /* mise en block de <a> pour lui donner des dimensions */
  font-size: 1em;
  left:  15px;
  width: 111px;  
  height: 20px;  
  text-decoration:none;
  z-index:2;
  color: #FFFFFF;
  text-decoration: none;
  background: url(images/menu_eleuthera.jpg) no-repeat left top ;

/*line-height: 5px;  /* hauteur de ligne pour éviter les paddings */
/*background: url(images/menu_eleuthera.jpg) no-repeat left top ;*/

}

.menugauche a:visited {
	color:#FFFFFF;
}

.menugauche a:hover {
	color:#FFA500;
	font-weight:bold;	
	text-decoration: none;
	z-index:1;
}

.item-menugauche li {
line-height: 5px;  /* hauteur de ligne pour éviter les paddings */

}


#accueil {  
	top: 130px;
	background-position: 0px 10px;
}
#accueil:hover {  
	top: 0px;  
	padding-top: 129px;
	background-position: -33px 0px;
}

#equipe {
	background-position: 0px 10px;
	top: 150px;
}
#equipe:hover {
	top: 0px;  
	padding-top: 150px;
	background-position: -154px 0px;
}

#lecentre {
	background-position: 0px 10px;
	top: 170px;
}
#lecentre:hover {
	top: 0px;  
	padding-top: 170px;
	background-position: -274px 0px;
}

#formation {
	background-position: 0px 10px;
	top: 190px;
	}
#formation:hover  {
	top: 0px;  
	padding-top: 190px;
	background-position: -395px 0px;
	}
#nitrox {
	background-position: 0px 10px;
	top: 210px;
}
#nitrox:hover  {
	top: 0px;  
	padding-top: 210px;
	background-position: -516px 0px;
}
#securite {
	background-position: 0px 10px;
	top: 230px;
}
#securite:hover {
	top: 0px;  
	padding-top: 230px;
	background-position: -636px 0px;
}

#sites{
	background-position: 0px 10px;
	top: 250px;
}
#sites:hover {
	top: 0px;  
	padding-top: 250px;
	background-position: -757px 0px;
}
#photos{
	background-position: 0px 10px;
	top: 270px;
	
}
#photos:hover {
	top: 0px;  
	padding-top: 270px;
	background-position: -878px 0px;
}
#baleines {
	background-position: 0px 10px;
	top: 290px;
}
#baleines:hover {
	background-position: -998px 0px;
	top: 0px;  
	padding-top: 290px;
}
#dauphins {
	background-position: 0px 10px;
	top: 310px;
}
#dauphins:hover {
	background-position: -1119px 0px;
	top: 0px;  
	padding-top: 310px;
}
#actualites {
	background-position: 0px 10px;
	top: 330px;
}
#actualites:hover {
	background-position: -1240px 0px;
	top: 0px;  
	padding-top: 330px;
}
#liens {
	background-position: 0px 10px;
	top: 350px;
}
#liens:hover {
	background-position: -1361px 0px;
	top: 0px;  
	padding-top: 350px;
}
#permis {
	background-position: 0px 10px;
	top: 370px;
}
#permis:hover {
	background-position: -1482px 0px;
	top: 0px;  
	padding-top: 370px;
}
#newsletter {
	background-position: 0px 10px;
	top: 410px;
}
#newsletter:hover {
	background-position: -1603px 0px;
	top: 0px;  
	padding-top: 410px;
}
#ecrire {
	background-position: 0px 10px;
	top: 430px;
}
#ecrire:hover {
	background-position: -1603px 0px;
	top: 0px;  
	padding-top: 430px;
}
#francais {
	background-position: 0px 10px;
	top: 470px;
}
#francais:hover {
	background-position: -1724px 0px;
	top: 0px;  
	padding-top: 470px;
}
#english {
	background-position: 0px 10px;
	top: 470px;
}
#english:hover {
	background-position: -1845px 0px;
	top: 0px;  
	padding-top: 470px;
}


/*css menus des sites*/
.menu_site ul {
}
.menu_site li {
	display: inline;
	float: left;
	width: 33%;
}

.menu_site a {
	margin: 0 0px;
	padding: 4px;
	width: 10em;
	height: 1.3em;
	display: block;
	border: 1px solid #9999CC;
	text-align: center;
	text-decoration: none;
	font-weight:bold;
	color: #365c9b;
}

.menu_site a:hover {
	background: #ccc;
	border: 1px solid #365c9b;
	color: gray;/*#365c9b;	*/
}

.menu_site a:active {
	background: gray;
	color: #365c9b;
}


/*tableau sites*/
table.sites {
	border:  thin solid #6495ed;
	margin: auto;/*centre le tableau*/
}

a.test {text-decoration: none;
color: #222;
}
a.test:hover {text-decoration: underline;
}

img.aqualung {
	position: relative;
       	top : 15px;	
}
img.galerie{
	width:180px; 
	height:135px;
}
a.galerie {
	text-decoration:none;
	text-align:center;
	font-style:italic;
	width:200px; 
	height:180px; 
	float:left;
    margin: 12px 2px 12px 2px;

}

.signature {
    font-size:  0.75em;
}
.signature img {
	position: relative;
       	top : 2px;
}	
#titre_accueil {
	background-image : url(images/titre-accueil.jpg);
	background-position : center;
	width: 100%;
	height: 200px;
	background-repeat: no-repeat;	
}
#titre_equipe {
	background-image : url(images/titre-equipe.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_about_us {
	background-image : url(images/titre-about-us.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_centre {
	background-image : url(images/titre-centre.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_center {
	background-image : url(images/titre-center.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_sites {
	background-image : url(images/titre-sites.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_diving_spots {
	background-image : url(images/titre-diving-spots.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_formation {
	background-image : url(images/titre-formation.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_trainings {
	background-image : url(images/titre-trainings.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_securite {
	background-image : url(images/titre-securite.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_security {
	background-image : url(images/titre-security.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_photos {
	background-image : url(images/titre-photos.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_gallery {
	background-image : url(images/titre-gallery.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_actualites {
	background-image : url(images/titre-actualites.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_the_news {
	background-image : url(images/titre-the-news.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_liens {
	background-image : url(images/titre-liens.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_links {
	background-image : url(images/titre-links.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_baleines {
	background-image : url(images/titre-baleines.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_dauphins {
	background-image : url(images/titre-dauphins.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_nitrox {
	background-image : url(images/titre-nitrox.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_formation_nitrox {
	background-image : url(images/titre-formation-nitrox.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}

#titre_permis {
	background-image : url(images/titre-permis.png);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_la_newsletter {
	background-image : url(images/titre-la-newsletter.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}


/************** sites**************/
#titre_Moorea {
	background-image : url(images/titre-Moorea.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_Tetiaroa {
	background-image : url(images/titre-Tetiaroa.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_nuit {
	background-image : url(images/titre-nuit.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_aquarium {
	background-image : url(images/titre-aquarium.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_blanche {
	background-image : url(images/titre-blanche.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_goelette {
	background-image : url(images/titre-goelette.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_source {
	background-image : url(images/titre-source.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}

#titre_rougets {
	background-image : url(images/titre-rougets.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_faille {
	background-image : url(images/titre-faille.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_leopards {
	background-image : url(images/titre-leopards.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_tortue {
	background-image : url(images/titre-tortue.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_tombant {
	background-image : url(images/titre-tombant.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_Paea {
	background-image : url(images/titre-Paea.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_gorgones {
	background-image : url(images/titre-gorgones.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}

#titre_aea {
	background-image : url(images/titre-aea.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_pitons {
	background-image : url(images/titre-pitons.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_corail {
	background-image : url(images/titre-corail.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_Arue {
	background-image : url(images/titre-Arue.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_Honu {
	background-image : url(images/titre-honu.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_orgones {
	background-image : url(images/titre-orgones.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_Whiskey {
	background-image : url(images/titre-papa-whiskey.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_port {
	background-image : url(images/titre-port.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_schtroumpfs {
	background-image : url(images/titre-schtroumpfs.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_e {
	background-image : url(images/titre-Zelee.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_roses {
	background-image : url(images/titre-roses.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}
#titre_nui {
	background-image : url(images/titre-tahi-nui.gif);
	background-position : center;
	width: 100%;
	height: 83px;	
	background-repeat: no-repeat;	
}

#tahiti{
	background-color:#5896ff;
}
#raiatea{
	background-color:#79ff22;
}
#bora-bora{
	background-color: #ffde0e;

}
#rangiroa{
	background-color:#79ff22;
	
}
#tikehau{
	background-color:#FF9900;
	
}
#hotels{
	background-color:#79ff22;
	
}
#moorea{
	background-color:#ff852d;
}
#huahine{
	background-color:#79ff22;	
}
#nuku-hiva{
	background-color:#ffde0e;	
}
#fakarava{
	background-color:#5896ff;	
}