/* CSS Document */
body
{
   width: 990px;
   height: 550px;
   margin: auto; /* Pour centrer notre page */
   margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */  
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   background-color : #000000;
   
}
#page
{
	background-color : #24ADF7;
	
	}

/* L'en-tête */

#en_tete
{
   width: 990px;
   height: 130px;
   background-image: url(banniere%20Tahitisport.jpg);
   background-repeat: no-repeat;
   margin-bottom: 0px;
}
/*menu haut*/


#navlist
{
margin-top:20px;
margin-left:510px;
padding:0px;
}

#navlist ul, #navlist li
{
margin-top:20px;
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist a:link, #navlist a:visited
{
display:block;
float: left;
color: #000000;
background:#24ADF7;
padding: 3px 5px 3px 5px;
border-left:6px solid #006699;
border-bottom:1px solid #616;
margin-right:8px;
font-weight:bold;
text-decoration: none;
font-family:monospace, "Verdana";
font-size: 12px;
}

#navlist a:link#current, #navlist a:visited#current, #navlist a:hover
{
background: blue;
color: #006;
background:#FFCC66;
border-left:6px solid white;
border-bottom:1px dashed #313;
}

#navlist a:hover { color: #000000; }


/* menu gauche */

#menu
{
padding: 1px;
margin-top: 20px;

margin-left: 0px;
font: 11px verdana, sans-serif;
width: 250px;
color: gray; }

#menu li
{
float: left;
list-style: none;
margin: 0px;
border-left: 1px #004080 solid;
border-bottom: 1px gray solid;
text-align: left;
width: 250px;
}

#menu li a
{
display: block;
padding: 0.7em 0.5em 0.7em 0.9em;
text-decoration: none;
width: 250px;
}

#menu li a:link { color: #000; }
#menu li a:visited { color: #006; }

#menu li a:hover
{
font-weight:bold;
color: #000080;
background: #b1d5ed;
border-left: 3px #004080 solid;
}

/*Menu bas*/

#navlist2
{
margin-bottom:10px;
margin-up:50px; 
margin-left:350px;
padding:10px;
}

#navlist2 ul, #navlist2 li
{
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
}

#navlist2 a:link, #navlist2 a:visited
{
display:block;
float: left;
color: #000000;
background:#24ADF7;
padding: 3px 5px 3px 5px;
border-left:6px solid #006699;
border-bottom:1px solid #616;
margin-right:8px;
font-weight:bold;
text-decoration: none;
font-family:monospace, "Verdana";
font-size: 12px;
}

#navlist2 a:link#current, #navlist2 a:visited#current, #navlist2 a:hover
{
background: blue;
color: #006;
background:#FFCC66;
border-left:6px solid white;
border-bottom:1px dashed #313;
}

#navlis2t a:hover { color: #000000; }



/* galerie */


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.thumbnail{

position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
right: 1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
bottom: 0px;
right: 100px; /*position where enlarged image should offset horizontally */

}
/*corps de la page*/
#corps
{
   height: 550 px;
   margin-bottom: 75 px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
   margin-top: 75px;
   margin-left: 170px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   
   padding: 20px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */   
   color: #000000;
   background-color: #24ADF7; /* Une couleur de fond pour le corps */
   background-image: url("");
   background-repeat: no-repeat; /* Une petite image de fond qui se répètera horizontalement en haut */
   text-align: center;
  
}







/* Le pied de page  */

#pied_de_page
{
   width: 990px;
   height: 110px;
   background-image: url(copyright.jpg);
   background-repeat: no-repeat;
   margin-bottom: 5px;
   margin-top: 20px;
   
}