html, body {
background-color : #EBEBEB;
margin:0px 0px 0px 0px;
SCROLLBAR-FACE-COLOR: #990000; 
SCROLLBAR-HIGHLIGHT-COLOR: #EBEBEB; 
SCROLLBAR-SHADOW-COLOR: #EBEBEB; 
SCROLLBAR-3DLIGHT-COLOR: #EBEBEB; 
SCROLLBAR-ARROW-COLOR: #EBEBEB; 
SCROLLBAR-TRACK-COLOR: #EBEBEB; 
SCROLLBAR-DARKSHADOW-COLOR: #EBEBEB;
}

h1 { color: #666666; font-size: 22px; font-family: verdana; margin: 0px 3px; }
p { color: white; font-size: 12px; font-family: verdana; margin: 3px; }
p.footer { color: #666666; font-size: 12px; font-family: verdana; }

a.lien:link { color: #ffffff; font-size: 12px; font-family: verdana; text-decoration: underline; }
a.lien:visited { color: #ffffff; font-size: 12px; font-family: verdana; text-decoration: underline; }
a.lien:hover { color: #ffffff; font-size: 12px; font-family: verdana; text-decoration: none; }

a.lien2:link { color: #666666; font-size: 12px; font-family: verdana; text-decoration: none; }
a.lien2:visited { color: #666666; font-size: 12px; font-family: verdana; text-decoration: none; }
a.lien2:hover { color: #666666; font-size: 12px; font-family: verdana; text-decoration: underline; }

a.lien3:link { color: #666666; font-size: 12px; font-family: verdana; text-decoration: underline; }
a.lien3:visited { color: #666666; font-size: 12px; font-family: verdana; text-decoration: underline; }
a.lien3:hover { color: #666666; font-size: 12px; font-family: verdana; text-decoration: none; }

a.presentation { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/presentation-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.presentation:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/presentation-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 
	 
a.restaurant { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/restaurant-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.restaurant:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/restaurant-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	 

a.caveau { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/caveau-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.caveau:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/caveau-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	 

a.gites { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/gites-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.gites:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/gites-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	

a.reservations { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/reservations-tarifs-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.reservations:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/reservations-tarifs-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	 	 	 
	 
a.groupe { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/groupe-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.groupe:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/groupe-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	
	 
a.tourisme { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/tourisme-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.tourisme:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/tourisme-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	 
	 
a.liens { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/liens-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.liens:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/liens-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	 

a.actualites { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/actualites-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.actualites:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/actualites-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	 	 
	 
a.acces { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/acces-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.acces:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/acces-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     } 	 
	 
a.contact { /* définition de la classe "image" de la balise <a> */
    display: block; /* la balise a doit être en bloc */
	 width: 149px; /* largeur de l'image réactive */
     height: 20px; /* hauteur de l'image réactive */
     background-image: url('../images/menu-page/contact-restaurant-genets.jpg'); /* source de l'image de départ */
     background-repeat: no-repeat
     }
a.contact:hover { /* définition de la classe "image" de la balise <a> au survol */
     background-image: url('../images/menu-page/contact-over-restaurant-genets.jpg'); /* source de l'image d'arrivée */
     }  
	 
#menu-gestion
{
padding : 0; /* marges intérieures à 0 */
position : absolute ;
width:392px;
height:199px;
left: 50%; 
top: 50%;
margin-left: -196px; /* moitié de la largeur */
margin-top: -100px; /* moitié de la hauteur */
border: solid 1px #770000;
} 

.titre{
	padding : 0; /* marges intérieures à 0 */
	position : absolute ;
	width:280px;
	height:30px;
	margin-left: 510px; /* moitié de la largeur */
	margin-top: -80px; /* moitié de la hauteur */
	display: block; 
	text-align: right;
}