/* CSS du menu horizontal, bieler batiste */

.menu{
    position:absolute;
    display:block;
    margin-left:40px;
    padding:0;
	background-color:#666;
	padding:2px;
    }

.menu ul{
    position:absolute;
    display:block;
    /*width:124px;*/
    /*margin:0;*/
    padding:0;
    }
    
.menu li ul{
    visibility:hidden;
	margin:0;
	padding:0;
    }

.menu li li ul{
    position:absolute;
    margin-top:-22px;
    }
    
.menu li{
    list-style:none;
   /* width:124px;*/
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
	width:150px;
	margin-top:-2px;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

.menu a{
    text-align:left;
    border-right: 1px #fff solid;
    color:#000;
    display:block;
    /*width:120px;*/
    text-decoration:none;
    padding:2px 0;
	height:20px;
    }
.menu ul li a{
	background-color:#666666;
	color:#fff;
	padding:5px;
	border:none;
	height:auto;
	}
    
.menu a:hover{
   /* border:1px #aaa solid; */
	color:#70e302;
    }


.gamme {
	background-image:url('./img/gamme.jpg');
	width:74px;
	height:29px;
	cursor:pointer;
	border-left:1px solid #fff;
}
.gamme:hover {
	background-image:url('./img/gamme-on.jpg');
}
.atouts {
	background-image:url('./img/atouts.jpg');
	width:69px;
	height:29px;
	cursor:pointer;
}
.atouts:hover {
	background-image:url('./img/atouts-on.jpg');
}
.applications {
	background-image:url('./img/applications.jpg');
	width:105px;
	height:29px;
	cursor:pointer;
}
.applications:hover {
	background-image:url('./img/applications-on.jpg');
}
.actualites {
	background-image:url('./img/actualites.jpg');
	width:87px;
	height:29px;
	cursor:pointer;
}
.actualites:hover {
	background-image:url('./img/actualites-on.jpg');
}
.services {
	background-image:url('./img/services.jpg');
	width:76px;
	height:29px;
	cursor:pointer;
}
.services:hover {
	background-image:url('./img/services-on.jpg');
}
.environnement {
	background-image:url('./img/environnement.jpg');
	width:121px;
	height:29px;
	cursor:pointer;
}
.environnement:hover {
	background-image:url('./img/environnement-on.jpg');
}
.telechargement {
	background-image:url('./img/telechargement.jpg');
	width:126px;
	height:29px;
	cursor:pointer;
}
.telechargement:hover {
	background-image:url('./img/telechargement-on.jpg');
}
.qui-sommes-nous {
	background-image:url('./img/qui-sommes-nous.jpg');
	width:140px;
	height:29px;
	cursor:pointer;
}
.qui-sommes-nous:hover {
	background-image:url('./img/qui-sommes-nous-on.jpg');
}
.contact {
	background-image:url('./img/contact.jpg');
	width:70px;
	height:29px;
	cursor:pointer;
}
.contact:hover {
	background-image:url('./img/contact-on.jpg');
}