#imageMenu {
    position: relative;
    width: 924px;
    height: 200px;
    overflow: hidden;/*coupe si l'image est trop grande, super important dans notre cas*/
    margin-left: auto; margin-right: auto;
}


#imageMenu ul {
    list-style: none;
    margin: 0px;
    display: block;
    height: 200px;
    width: 1000px;
}

#imageMenu ul li {
    float: left;
}

#imageMenu ul li a {
    text-indent: -1000px;/*si cette ligne est supprimée ça affiche le nom des listes*/
    background: #FFFFFF;
    border-left: 2px solid #000000; /* #008bb3; bleu clair -- Bordure des images menu*/
    display:block;
    overflow:hidden;
    width:130px;/*initialement 98px*/
    height: 200px;
}

#imageMenu ul li.presentation a {
    background: url(images/presentation.jpg);
    background-repeat: no-repeat;
}

#imageMenu ul li.realisations a {
    background: url(images/realisations.jpg);
    background-repeat: no-repeat;
}

#imageMenu ul li.technicite a {
    background: url(images/technicite.jpg);
    background-repeat: no-repeat;
}

#imageMenu ul li.renovations a {
    background: url(images/renovations.jpg);
    background-repeat: no-repeat;
}

#imageMenu ul li.piscines a {
    background: url(images/piscines.jpg);
    background-repeat: no-repeat;
}

#imageMenu ul li.terrains a {
    background: url(images/terrains.jpg);
    background-repeat: no-repeat;
}

#imageMenu ul li.contacts a {
    background: url(images/contacts.jpg);
    background-repeat: no-repeat;
}

/*.clear {
    clear: both;
} */

/*************************************************************/