#projets .projet-item{font-family: 'Mada', sans-serif;margin-bottom: 60px;}
#projets .item_style{position:relative;display:inline-block;}
#projets .item_style a{display:block;}
#projets .item_style .btn-plus{display:flex;opacity:0;position: absolute;top: 50%;left: 50%;width: 0;height: 0;color:#fff;justify-content: center;align-items: center;flex-direction:column;visibility:hidden;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
@media screen and (min-width:992px){
#projets .projet-item:hover .item_style .btn-plus{top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(60, 114, 0, 0.8);opacity:1;text-decoration:none;visibility:visible;
-webkit-transition:all 0.5s ease-out;-moz-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
}
#projets .item_style .btn-plus i{font-size:15px;}
#projets .item_style .btn-plus p{text-transform:uppercase;margin-bottom:0;margin-top:13px;font-size:14px;font-weight:500;color:#fff;}
#projets .name_style a{color:#83bf41;font-size:24px;text-align:center;display:block;margin-top:15px;text-transform:uppercase;}
#projets .projet-item:hover .name_style a{text-decoration:none;}
#projets .item_style > a > img {width:100%;margin: 0 auto;}

