.zoom {
height:400px;
}
.zoom p {
text-align:center;
}
.zoom img {
width:100px;
height:75px;
}
.zoom img:hover {
width:320px;
height:240px;
}

a:visited { color: rgb(94,198,194); text-decoration: underline }
a:active { color: rgb(255,102,204); text-decoration: underline }
a:link { color: rgb(204,102,204); text-decoration: underline }
a:hover { color: rgb(255,102,102); text-decoration: underline }

a.accueil:link { color: rgb(255,204,63); text-decoration: underline }
a.accueil:visited { color: rgb(255,204,63); text-decoration: underline }
a.accueil:hover { color: rgb(255,102,102); text-decoration: underline }
a.accueil:active { color: rgb(255,102,102); text-decoration: underline }

.accueil{background-color:rgb(51,30,99);}

a.occase:link { color: rgb(204,102,204); text-decoration: underline }
a.occase:visited { color: rgb(204,102,204); text-decoration: underline }
a.occase:hover { color: rgb(204,102,204); text-decoration: underline }
a.occase:active { color: rgb(204,102,204)); text-decoration: underline }

/* Pour faire des boutons */
a.bouton:link{
width:150px; 
height:15px; 
text-decoration:none; 
color:rgb(255,255,255);
background-color:rgb(22,27,72);
}

a.bouton:visited{
width:150px; 
height:15px; 
text-decoration:none; 
color:rgb(255,255,255); 
background-color:rgb(22,27,72);
}

a.bouton:hover{
width:150px; 
height:15px; 
text-decoration:none; 
color:rgb(0,0,0);
background-color:rgb(255,255,255);
background-image:url(index/white2.gif);
padding-left:15px; 
}

.bouton{background-color:rgb(22,27,72);padding-left:5px; }

/* La barre de menus */
ul {
 margin: 0;
 padding: 0;
 } 


#menu {        	
  	margin-top: 5px;
   	float: left;  
   	overflow: hidden; /* ie5 fix */   
   	}    
 
/* Links */ 
#menu a {  
   float: left; /* ie5 fix */  
   border-bottom: 1px solid #afa7a7;
   border-right: 1px solid #afa7a7;
   border-top: 1px solid #282a45;
   border-left: 1px solid #282a45;    
   color: #fff;  
   width: 150px;
   height:15px;
   text-decoration:none;
   padding: 0 8px; 
   display: block;
   cursor: pointer;
   padding-left: 16px;
   float: none;
} 
   
#menu a:hover{  
   background-image: url(/index/white2.gif);
   background-position:  0px 0px;
   background-repeat: no-repeat;
 	 background-color: #FFFFFF;
 	 width:147;
 	 color: #000000;
   padding-left: 18px; 	 
}	

#menu a.meteo {
      text-decoration: none;
      border-right: 0px solid #ffffff;
      border-top: 0px solid #ffffff;
      border-left: 0px solid #ffffff;   
      border-bottom: 0px solid #ffffff;
      padding-left: 0px;
      text-align :center;
      height:50;
}

#menu a.meteo:hover{  
   background-image: none;
   background-position:  0px 0px;
   background-repeat: no-repeat;
 	 background-color: #161b48 !important;
 	 width:150;
 	 color: #ffffff;
 	 z-index :1;
   padding-left: 0px; 	 
}