html, body {
background-image:
url('images/fondeau.jpg')
 
}



#menu {
width:935px;
height:80px;
background-color:#CCFFFF;
float:left;
}

#menugauche {
width:150px;
background-color:#CCFFFF;
float:left;
}

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

}

#menubas {
align:center;
width:935px;
height:80px;

background-color:#CCFFFF;
margin-left:0px;
}



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

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

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

h2 {
font-size : 200%; 
font-family :  Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : blue; 
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 inset 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;}