.fond_page_menu {
  	position:absolute;
  	text-align: center; 
  	display: block;
  	width:974px;
  	top:0px;
     	left: 50%;
    	margin-left:-487px; 
  	background-size: 100% 100%;
  	background-attachment:fixed;
  	background-repeat : no-repeat;
}    
          
h1 {  
	position: absolute; 
	z-index:3;
	top: 9%; 
	left: 100%;
	opacity:0;
	animation:30s hide 1;
}
  
@keyframes hide {
   	0%,99% {opacity:0.9;}
   	100% {opacity:0;left:-200%;}    
}
           
.menu {
    	width:543px;
    	margin:auto;    
    	display: inline-block;
    	min-width:543px;
    	font: medium "comic sans MS";
    	text-shadow: 1px 1px 2px white, 0 0 1em white, 0 0 0.5em white;
    	z-index:2;
}

.menu ul {
    	margin: 0;
    	padding: 0;
    	list-style: none;
}
      
.menu ul li {
	z-index:4;
    	display: block;
    	position: relative;
    	float: left;
}

.menu li ul {
    	display: none;
    	min-width: 100px;
}

.menu ul li a {   
    	display: block;
    	text-decoration: none;
    	color: #333333;
    	padding: 3px 10px 3px 10px;
    	background: red;
    	white-space: nowrap; 
	border-radius: 40% 20% / 20% 40%;
}
.menu ul li div {   
    	padding: 3px 10px 3px 10px;
	opacity:0;
}

.menu ul li a:hover {
    	color: #eeffff;
    	background: #333;
    	text-shadow: 1px 1px 2px gold, 0 0 2em white, 0 0 0.5em gold;
}

.menu li:hover  ul {
    	/* Ici l’affichage du sous-menu */
    	display: block;
    	position: absolute;   
    	margin-top: -84px;
    	z-index:4;
}

.menu li:hover li {
    	float: none;
}

.menu li:hover a {
    	background: red;
} 

.menu li:hover li a:hover {
    	color: white;
    	background: #333;
	border-radius: 40% 20% / 20% 40%;
    	text-shadow: 1px 1px 2px gold, 0 0 2em white, 0 0 0.5em gold;
}
      
body {
    	overflow:hidden;
}

.img_195{
	width: 195px;    
 	height: 98px;
}