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

    Image Menu
    v 2.2

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


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



#imageMenu ul {
    list-style: none;
    margin: 0px;
    display: block;
    height: 150px;
    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 none repeat scroll 0%;
    border-left: 2px solid #008bb3;
    display:block;
    overflow:hidden;
    width:130px;/*initialement 98px*/
    height: 150px;
}

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

#imageMenu ul li.savoirfaire a {
    background: url(images/savoirfaire.jpg) repeat scroll 0%;
}

#imageMenu ul li.realisation a {
    background: url(images/realisation.jpg) repeat scroll 0%;
}

#imageMenu ul li.groupement a {
    background: url(images/groupement.jpg) repeat scroll 0%;
}

#imageMenu ul li.information a {
    background: url(images/information.jpg) repeat scroll 0%;
}

#imageMenu ul li.contact a {
    background: url(images/contact.jpg) repeat scroll 0%;
}

#imageMenu ul li.liens a {
    background: url(images/liens.jpg) repeat scroll 0%;
}

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

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