@charset "ISO-8859-1";


/* CSS Document */
.boutonmenu{
	background-color:#252525;
    background-repeat: repeat;
    border-radius: 0 0 5px 5px;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 15px;
    padding: 4px 20px;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 145px;
	border-top: 1px solid #090;
	-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; overflow:hidden;
}



#imgboutonmenu{
float:left; width:185px;margin-right: 15px;border-radius:5px 5px 0px 0px;  width:185px; height:55px; float:left; background-position:center; background-size:cover;
}




/*Img HOVER MENU*/

.imgmenu{
width:185px; float:left; margin-right:15px; margin-bottom:15px; cursor:pointer; overflow:hidden;

}
.imgmenuhover1{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/lelogicielNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover1{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover2{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/fonctionsNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover2{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover3{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/valeurNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover3{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover4{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/siteNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover4{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover5{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/webmobileNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover5{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover6{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/locNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover6{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover7{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/ReferencementNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover7{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover8{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/CommNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover8{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover9{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/demonstrationNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover9{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover10{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/evaluationNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover10{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}


.imgmenuhover11{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/lancementNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover11{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}
.imgmenuhover12{
float: left; width: 185px; height: 55px;margin-top:55px;background-image:url(../layout_img/menu/panel2/conseilsNoir.png); -webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; opacity:0; background-position:center; background-size:cover;
}
.imgmenu:hover .imgmenuhover12{
opacity:0.6;margin-top:0px;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; 
}




.boutonmenu2{
	 background-color: #252525;
    background-repeat: repeat;
    border-radius: 0 0 5px 5px;
    border-top: 1px solid #009900;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-size: 15px;
    overflow: hidden;
    padding: 4px;
    text-align: center;
    text-shadow: 1px 1px 1px #000000;
    width: 162px;
	-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s; overflow:hidden;
}