body {
   width: 800px;
   margin-left: 30px; 
   margin-top: 10px; 
   margin-bottom: 10px;  
   
}
#gallery {
	position: relative;
	width: 750px;
}

#menu
{
	float: left;
   width: 180px; /* donne une taille au menu */
   height: 576px;
   background-image: url("images_location_corse_porticcio_terra-bella/degrade_horiz_vert_menu_photos.bmp");
   background-repeat: repeat-y;
   padding: 0px;
   border: 2px solid #dbd7d9;
   margin-left: 2px;
   margin-bottom: 20px;
}

.element_menu
{
  
}

/* effets sur les menus */


.element_menu h4 /* Tous les titres de menus */
{    
   color: #717171;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
   text-align: center;
   padding: 3px;
   padding-top: 5px;
   padding-bottom: 5px;
}

.element_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
   list-style-image: url("images_location_corse_porticcio_terra-bella/puce.png"); /* apparence des puces */
   padding: 0px; /* Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* marge de gauche, 20 pixels */
   padding-top: 30px;
   padding-bottom: 30px;
   margin: 0px;
   margin-bottom: 5px; 
}

.element_menu a /* Tous les liens se trouvant dans un menu */
{
   color: #717171;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu */
{
   background-color: #717171;
   color: black;
}

#thumbs {
	width: 180px;
}
#thumbs a {
	display: block;
	float: right;
	margin: 0 0 2px 2px;
	width: 50px;
	height: 50px;
	border: 0px solid #000;
	padding-right: 5px;
	padding-top: 5px;
}
#thumbs a img {
	width: 50px;
	height: 50px;
	border: 0;
}
#thumbs a:hover {
	border-color: #ddd;
}
#thumbs a:hover img {
	position: absolute;
	width: auto;
	height: auto;
	left: 200px;
	top: 0;
	border: 2px solid #dbd7d9;
}

#xiti
{
padding-top: 15px;
padding-left: 5px;
}