html,
}

a.info {
  position:relative;
}
a.info:hover {
   background: none;
   z-index: 500;
}
a.info span {display: none;}
a.info:hover span {
   display: inline;
   position: absolute;
   white-space: nowrap;
   font-size:10px;
   font-weight:normal;
   width:150px;
   top: 10px;
   left: 50px;
   background: white;
   padding: 3px;
   border: 1px solid #5D779A;
   border-top: 4px solid #5D779A;
}




#menu {
width:180px;
background-color:#CCCCCC;
float:left;
}

#menubas {
background-color:#CCCCCC;
margin-left:0;
}
#contenu {
margin-left:170px;
font-size : 125%; 
font-family : Verdana, comic, Arial, Helvetica, Geneva, sans-serif; 
color : black; 
background-image:
url('images/arbre.jpg');

}

p {
font-size : 100%; 
font-family : Verdana, comic, Arial, Helvetica, Geneva, sans-serif; 
color : black; 
margin-left:0;
}

ul, li, td {
font-size : 100%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : blue; 
margin-left:0; 
}

h1 {
font-size : 200%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif;
color : navy; 
text-align: center;
}

h2 {
font-size : 150%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : red; 
padding-left:15px;
}
h3 {
font-size : 120%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color :#CCFFFF; 
padding-left:15px;
}


a:link {color: green; text-decoration:underline;}
a:visited {color: black; text-decoration:underline;}
a:hover {color:red; text-decoration:none;}

.haut {
text-align:right;

}


a.bouton1:link{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/accueil1.gif');
background-repeat:no-repeat;
padding:5px;
}

a.bouton1:visited{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/accueil3.gif');
background-repeat:no-repeat;
padding:5px;

}

a.bouton1:hover{
border:2px outset silver; 
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/accueil2.gif');
background-repeat:no-repeat;
padding:5px;

}
.bouton1{text-align:center;padding:5px;}

a.bouton2:link{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/famille1.gif');
background-repeat:no-repeat;
padding:5px;
}

a.bouton2:visited{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/famille3.gif');
background-repeat:no-repeat;
padding:5px;
}

a.bouton2:hover{
border:2px outset silver; 
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/famille2.gif');
background-repeat:no-repeat;
padding:5px;
}
.bouton2{text-align:center;padding:5px;}


a.bouton3:link{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/loisirs1.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton3:visited{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/loisirs3.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton3:hover{
border:2px outset silver; 
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/loisirs2.gif');
background-repeat:no-repeat;
padding:5px;}

.bouton3{text-align:center;padding:5px;}

a.bouton4:link{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/serieux1.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton4:visited{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/serieux3.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton4:hover{
border:2px outset silver; 
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/serieux2.gif');
background-repeat:no-repeat;
padding:5px;}

.bouton4{text-align:center;padding:5px;}

a.bouton5:link{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/dtdr1.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton5:visited{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/dtdr3.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton5:hover{
border:2px outset silver; 
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/dtdr2.gif');
background-repeat:no-repeat;
padding:5px;}

.bouton5{text-align:center;padding:5px;}

a.bouton6:link{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/photos1.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton6:visited{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/photos3.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton6:hover{
border:2px outset silver; 
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/photos2.gif');
background-repeat:no-repeat;
padding:5px;}

.bouton6{text-align:center;padding:5px;}

a.bouton7:link{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/qui1.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton7:visited{
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/qui3.gif');
background-repeat:no-repeat;
padding:5px;}

a.bouton7:hover{
border:2px outset silver; 
width:100px;
height:58px;
text-decoration:none;
text-align:center;
font-size:34px;
font-weight:bold;
background-image:url('boutons/qui2.gif');
background-repeat:no-repeat;
padding:5px;}

.bouton7{text-align:center;padding:5px;}