body {
	background-color: black;
	margin: auto;
}

a:link {
  color: #ffbe00;
  text-decoration: none;
}

a:hover {
	text-decoration: none;
	color: black;
}

a:visited {
	color: rgb(255, 255, 51);
  	text-decoration: none;
}
a span:hover {
    background-color: #ffbe00;
	}
	
	
	
	
#titre {
	position: absolute;
	top: 10px;
	left: 150px;
}
#animations {
	    position: absolute;
	    top: 30px;
	    left: 450px;
}

#portraits {
	    position: absolute;
	    top: 32px;
	    left: 600px;
}

#illustration {
	    position: absolute;
	    top: 52px;
	    left: 730px;
}
#aide {
    position: absolute;
	top: 100px;
	left: 150px;
	width: 120px;
	visibility: hidden;
	background-color: #ffcc33;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-left: 3px;
}
#contact {
		position: absolute;
	    top: 35px;
	    left: 890px;
}
#texteaide {
	   font-family:  Arial, Helvetica, Sans-serif;
	   font-size: 12pt;
	   color: black;
	   font-weight: bold;
	   text-align: left;
	   font-variant: small-caps;
	   }

	   
	   
	   
#contenu {
	position: absolute;
	top: 120px;
	bottom: 0px;
	left: 130px;
	font-family:  Arial, Helvetica, Sans-serif;
	color: #eeeecc;
	border: 2px outset #ffbe00;
	padding-top: 19px;
	padding-left: 7px;
	padding-right: 7px;
	padding-bottom: 0px;
	margin-top: 40px;
	margin-bottom: 0px;
	width: 970px;
	height: 1000px;
}
#texte_1 {
    position: absolute;
	top: 5px;
	left: 200px;
    width: 550px;
}
#texte_2 {
    position: absolute;
	top: 680px;
	left: 200px;
	width: 300px;
}
#texte_3 {
    position: absolute;
	top: 680px;
	left: 510px;
	width: 290px;

}
#gif_accueil {
     position: absolute;
     top: 230px;
	 left: 300px;
	 padding-left: 7px;
	 padding-right: 7px;
	}

#texte4 {
     position: absolute;
	 top: 910px;
	 left: 280px; 
}

#english {
     position: absolute;
	 top: 870px;
	 left: 10px; 
}

#baspage {
     position: absolute;
	 top: 985px;
	 left: 385px;
	 font-family:  Arial, Helvetica, Sans-serif;
	 font-size: 12pt;
	 color: #ffbe00;
	 text-align: center;
	 font-weight: bold;
}
#baspage:hover {
     background-color: #ffbe00;
}
#baspage:hover a{
     color: black;
}

#menu {
     position: absolute;
	 top: 2px;
	 left: 20px;
}


.courrier {
	 font-family:  Arial, Helvetica, Sans-serif;
	 font-size: 14pt;
	 color: #eeeecc;
}

.tabref {
	font-family:  Arial, Helvetica, Sans-serif;
	font-size: 14pt;     
	color: #eeeecc;
	text-align: justify;
	}

h4, h3, h2, h1 {
   color: #ffbe00;
   text-decoration: underline;
}

p {
  text-align: justify;
  }


.texteaccueil {
	      color: #ffbe00;
	      font-size: 14pt
	      }

		  
	





	
		  
#gallery_1 {
    position: absolute;
    top: 60px;
	left: 0px;
	width: 750px;
}
#thumbs_1 {
    width: 180px;
    float: left;
}
#thumbs_1 a {
    display: block;
    float: right;
    margin: 0 0 0px 0px;
    width: 87px;
    height: 80px;
    border: 0px outset #ffbe00;
}
#thumbs_1 a img {
    width: 85px;
    height: 54px;
    border: 0;
}
#thumbs_1 a:hover {
    border-color: #ffbe00;
 }
 
#thumbs_1 a:hover img {
    position: absolute;
	width: 550;
    height: 352;
    left: 200px;
    top: 130px;
    border: 2px outset #ffbe00;
}		  
		  
		  
		  

		  
		  
		  
		  
		  
#gallery_2 {
    position: absolute;
    top: 60px;
	left: 220px;
	width: 750px;
}
#thumbs_2 {
    width: 180px;
    float: right;
}
#thumbs_2 a {
    display: block;
    float: left;
    margin: 0 0 0px 0px;
    width: 87px;
    height: 80px;
    border: 0px solid #000;
}
#thumbs_2 a img {
    width: 85px;
    height: 54px;
    border: 0;
}
#thumbs_2 a:hover {
    border-color: #ffbe00;
}
#thumbs_2 a:hover img {
    position: absolute;
    width: 550;
    height: 352;
    right: 215px;
    top: 130px;
    border: 2px outset #ffbe00;
}		  
		  
		  
		  
		  
#gallery_3 {
    position: absolute;
    top: 560px;
	left: 200px;
	width: 600px;
}
#thumbs_3 {
    width: 600px;
    }
#thumbs_3 a {
    display: block;
    float: left;
    margin: 0 0 10px 35px;
    width: 150px;
    height: 96px;
    border: 0px solid #000;
}
#thumbs_3 a img {
    width: 150px;
    height: 96px;
    border: 0;
}
#thumbs_3 a:hover {
    border-color: #ffbe00;
}
#thumbs_3 a:hover img {
    position: absolute;
    width: 550;
    height: 352;
    right: 40px;
    top: -370px;
    border: 2px outset #ffbe00;
}