body {
	background-color: white; /*#EDEADE;*/
	margin-left: auto;
	margin-right: auto;
}

h1 {
	font-family: "Courier New", "Harrington", sans-serif;
	font-size: 1.3em;
	text-decoration: underline;
	color: white;
	margin-left: auto;
	margin-right: auto;
}
#colonnegauche {   /*<-------- format de toute la colonne de gauche */
	width: 20%;
	float: left;
}
#retour_index {
	position: absolute;
	top: 15px;
	left: 30px;
	
}
#retour_index a
{
	font-family:"Courier New", "Harrington", sans-serif;
	font-size: 16px;
	color: #333333;
	text-decoration: none;
} 
#retour_index a img
{
	border: 0;
} 
#retour_index a:hover                /* apparence du lien lorsqu'on pointe dessus */
{
	color: white;
	background-color: #CCCCCC;
}    
  
#fleches {
	width: 20%;
	position: absolute;
	margin-left: 60px;
	bottom: 30px;
}
/*#fleches a 
{
	float: left;
}
*/
#fleches a img
{
	border: 0;
} 
/*#titregalerie {

}
*/

#gallery {
	margin-top: 80px;
	/*width: 20%;   
	float: left; */
	margin-left: 45px;
	
	
}
#thumbs {
	table-layout: fixed;/* le tableau s'affiche petit à petit*/
	font-family: "Courier New", "Harrington", sans-serif;
	font-size: 12px;
	width: 170px;
	margin-right: auto;
	border: 1px solid #CCCCCC;
	background-color: white;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
#thumbs a {
	float: left;
	padding-left: 0px;
	width: 50px;
	height: 50px;
	background: url("ombre.png") no-repeat bottom right;
}

#thumbs a img {
	width: 45px;
	height: 45px;
	display: block;
	position: relative;
	border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
	margin: -3px 3px 3px -3px;
}


#thumbs a:hover {
	float:left;
	background: url("carreNoir-32-gris.png") no-repeat bottom right;
}

/*Grande  image*/  
#thumbs a:hover img { 
    width: auto;
	height: auto;
	display: block;
	position: absolute;
	left: 25%;
	top: 60px;  
	border: 3px double #CCCCCC;
}

/* Pour faire des ombres-Début -Inutile pour l'instant */
.img-shadow {
  float:left;
  /* La première ligne permet d'utiliser l'ombre au format png pour la plupart*/
  /* des navigateur. La seconde utilisera le format gif pour IE. */
  background: url("ombre.png") no-repeat bottom right;
 /* background: url(images/shadow.gif) no-repeat bottom right;*/
  }
.img-shadow  img {
  display: block;
  position: relative;
  border: 1px solid #a9a9a9;
  /* Cette ligne permet de placer correctement notre image par rapport à notre*/       
/*ombre.  Les valeur sont choisi en conséquence de l'étendue de l'ombre. */
  margin: -6px 6px 6px -6px;
  }
/* Pour faire des ombres -Fin */