/* Général */
  body
{
    width: 800px;
   margin-left: 50px; /* 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 */
   font-family: Georgia,"Comic Sans MS","Trebuchet MS", serif;/*style ecriture*/
   height: 50px;
   background-color: black; /* Le fond de la page sera noir */
   font-size: medium;  
}

/* _______________________________ Entête _____________________________________*/
#en_tete
{
   width: 750px;
   height: 200px;  
   left:300px;   /* eloignement de gauche*/
   color: black;
   border: 3px inset #cc6633;/*bordure 3D*/
   padding: 20px;/*marge interieur de la bordure*/
   margin: 0px; /* Marge ext?rieure */
   margin-bottom : 20px; /*marge exterieur bas*/   
 }  
 /*_________________________________MENU__________________*/
 #menu
 {  
 margin-top: 10px; /* Marge ext?rieure */
   width: 140px; /* Tr?s important : donner une taille au menu */
   background-color:black; 
     line-height: 30px;
   font-size: ;
   
   
}
.element_menu
{
  

background-color: black;   /*couleur du font*/     
   border: 3px inset red;/*bordure 3D*/
   padding: 3px;/*marge interieur de la bordure*/    
   margin-bottom : 15px; /*marge exterieur bas*/     
  }   
  }
.element_menu h3 /* Tous les titres de menus */
{    
   text-align: center;     
    
 }
 .element_menu ul /* Toutes les listes ? puces se trouvant dans un menu */
{
font-size: 15px;  
   list-style-image: url("adresse puce si on en met une"); /* On change l'apparence des puces */
   padding: 0px; /* Tous les c?t?s ont une marge int?rieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-l? fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ?a nous ?vite d'avoir ? en ?crire 4 (margin-left, margin-right...) */
   margin-bottom: 5px; /* M?me chose que tout ? l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont ? 0px */
}
.element_menu ol
{
font-size: 11px;  
list-style-image: none;/* On change l'apparence des puces */
   padding: 0px; /* Tous les c?t?s ont une marge int?rieure de 0 pixels */
   padding-left: 0px; /* ... mais on modifie ensuite la marge de gauche, donc celle-l? fera finalement 20 pixels */
   margin: 0px; /* Idem pour margin, ?a nous ?vite d'avoir ? en ?crire 4 (margin-left, margin-right...) */
   margin-bottom: 0px; /* M?me chose que tout ? l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont ? 0px */
}
.element_menu a /* Tous les liens se trouvant dans un menu */
{
color: #cc6633;
font-size: 14px;
}
.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
    color:#c6545b;
 }
 
 
 span
   {  
   border: 2px solid black;
   top: 5px;
   right: 00px;
   position: fixed;    
   color: black;   
   }
 /*___________________________________________________ C O R P S____________________________________________*/
 #corps
 { 
 margin-left: 200px; /* Pour centrer notre page */
   padding: 0px;/*marge interieur de la bordure*/   
   margin-left: 0px; /* Une marge ? gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */   
   color: black;  
   border: 3px inset #cc6633;/*bordure 3D*/
    
   background-color: black; /* Une couleur de fond pour le corps */
   margin-bottom: 20px; /* Ca c'est pour ?viter que le corps colle trop au pied de page en-dessous */
   font-style: italic;     
}
 /*____________________________________ ALBUM _____________________*/
div#titre
 {

  top:2px;
  left:0px;
	width:750px;
  z-index:2;
	text-align: left;
	font-weight: bold;
	font-size: 50px;
	font-style : normal;
	padding-bottom: 10px;
		letter-spacing:2px;
	color: black;
	font-family: Georgia,"Comic Sans MS","Trebuchet MS", serif;/*style ecriture*/
   
}
/* __________________________Titre de l'image ___________________________*/
div#titre_photo 
{
  border:0px;
  width:700px;
  font-family: Trebuchet MS;
  font-weight: bold;
  font-size: 30px;
  color : #cc6633;
  background-color:#000000;
  text-align:left;
  padding-bottom:5px;
  border-bottom:1px solid #cc6633;
}
/* ____________________________Légende de l'image __________________________________*/
div#legende 
{
   padding-top:5px;
  padding-left: 10px;
  left:0px;
  height:45px;
  width:700px;
  border:0px;
  font-family: Times New Roman;
  font-weight: normal;
  font-size: 20px;
  font-style:italic;
  overflow:hidden;
  color : #cc6633;
  background-color:#000000;
  text-align:left;
}
/* ------------------------------------------------------------------------------*/
/* _____________________Zone d'affichage des images ______________________________*/
/* ---------------------------------------------------------------------------------*/
#slideshow 
{
margin-left: 0px; /* Pour centrer notre page */
  width: 780px;
  position:absolute;
  
  top:400px;
  border: 3px inset #cc6633;/*bordure 3D*/    
}
/* ___________________________Image affichée__________________________________ */
#previewPane 
{
  position:relative;
  top:0px;
	/*border: 1px solid #ffffff;*/
	margin-right: 0px;
	text-align: center;
	width: 620px;
    height:600px;
	float:left;
	z-index:2;
	

}
/*___________________________________ Sélecteur d'images________________________ */
#galleryContainer 
{
  position:relative;
  top:0px;
  left:5px;
  height: 480px;
	width: 128px;
	/*border: 1px solid #464646;*/
	padding: 1px;
  background-color : #000000;
  text-align:center;
	float:left;
	z-index:2;

}
#galleryContainer #arrow_down {
  background-image:url(./images/fd_bt.jpg);
	height: 30px;
}
#galleryContainer #arrow_up {
  background-image:url(./images/fd_bt.jpg);
	height: 30px;
}
#theImages {
	position: relative;
	top:0px;
	left:0px;
	overflow: hidden;
	height: 420px;
}
#theImages div {
	position: relative;
	left:0px;
	height: 1500px;
}
#theImages img {
	border: 0px;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
/* Copyright */
div#copy {
	position:relative;
  width:770px;
  font-family: Trebuchet MS;
  font-weight: normal;
  font-size: 10px;
  color : silver;
  background-color:#000000;
  text-align:right;
  padding-top:5px;
}

.copyright {
  height:4px;
  width:600px;
  font-family: Verdana;
  font-weight: normal;
  font-size: 2px;
  color : #666666;
  background-color:#000000;
  text-align:left;
}
/*____________________________________ PIED DE LA PAGE _____________________*/

/*______________________________________________AUTRE _______________________*/

em
{
color:#cc6633;
text-decoration: none;
border: 0px solid black;

}

img
{
border: none;
}