body {
margin:0 ; 
padding:0;
background-image:url(img/fond.png);
width:105%;
height:105%;
background-repeat: repeat;
}

.m2,.m3,.m6{
margin-top:-20px;
text-align: center;
position:absolute;
background-image:url(img/menuhover3.png);
width:100px;
height:28px;
}
.m4,.m5,.m7{
margin-top:-20px;
text-align: center;
position:absolute;
background-image:url(img/menuhover2.png);
width:90px;
height:28px;
}

.m1{
margin-top:-20px;
margin-left:0px;
text-align: center;
position:absolute;
background-image:url(img/menuhover.png);
width:130px;
height:28px;
}
.m2{
margin-left:130px;
}
.m3{
margin-left:230px;
}
.m4{
margin-left:330px;
}
.m5{
margin-left:420px;
}
.m7{
margin-left:510px;
}
.m6{
margin-left:600px;
}
.m2:hover,.m3:hover,.m6:hover{
background-image:url(img/menu3.png);
}
.m4:hover,.m5:hover,.m7:hover{
background-image:url(img/menu2.png);
}
.m1:hover{
background-image:url(img/menu.png);
}

.Sm1,.Sm2,.Sm3,.Sm4,.Sm5,.Sm6,.Sm7{
display: none; /* les sous-menus ne sont pas affichés */
margin-top:8px; 
text-align:left;
position : absolute ;
width:150px;
Z-index:1;
}

.Sm1{
margin-left:0px;
} /* Distance à la gauche de la page du 1ième sous-menu */
.Sm2{
margin-left:130px;
}
.Sm3{
margin-left:230px;
}

.Sm4{
margin-left:330px;
}

.Sm5{
margin-left:420px;
}

.Sm7{
margin-left:510px;
}
.Sm6{
margin-left:600px;
}
 
.menu:hover{
color:blue;
}
.menu{
text-decoration:none;
}
.li{
list-style-type:none;
background-image:url(img/Sousmenu.png);
}
.li:hover{
list-style-type:none;
background-image:url(img/Sousmenuhover.png);
}
.ad{
position:absolute;
margin-top:20px;
}

/*2iem menue*/

.menu2{
position:absolute;
margin-left:0px;
margin-top:0px;
width:100%;
}

.li2,.li3,.li4{
list-style-type:none;
text-align:center;
width:100%;
height:24px;
}

.li2,.li3,.li4{
background-image:url(img/navigh.png);
}
.li2:hover,.li3:hover,.li4:hover{
list-style-type:none;
background-image:url(img/navig.png);
}

.ul{
margin-left:0px;
padding-left:15px;
padding-right:20px;
}

li a{
color:blue;
}