.metiers-list .list-el{margin:1.25rem 0;display:block}.metiers-list .list-el .el-inner{border-radius:5px;background:#fff;box-shadow:0 0 .625rem 0 hsla(0,0%,69%,.65);z-index:1;position:relative;display:flex;justify-content:center;text-align:center;width:100%}.metiers-list .list-el .el-inner:after,.metiers-list .list-el .el-inner:before{content:"";position:absolute;transition:all .3s cubic-bezier(.694,.048,.335,1)}.metiers-list .list-el .el-inner:before{background:#d4eeea;width:100%;height:3rem;top:0;left:0}.metiers-list .list-el .el-inner:after{font-family:icons;content:"\f119";top:1.625rem;left:50%;margin-left:-1.25rem;width:2.5rem;height:2.5rem;font-size:1.25rem;border-radius:50%;background:#64c2b3;color:#fff;display:flex;align-items:center;justify-content:center}.metiers-list .list-el .el-inner .el-title{color:#002a43;position:relative;width:100%;display:block;padding:5.5rem 1.25rem 1.875rem;transition:all .4s cubic-bezier(.694,.048,.335,1)}@media (min-width:768px){.metiers-list{display:flex;flex-wrap:wrap;justify-content:center;margin:-.625rem}.metiers-list .list-el{width:50%;padding:.625rem;margin:0}.metiers-list .list-el .el-inner{height:100%}}@media (min-width:1024px){.metiers-list .list-el{width:33.333333%}}@media (min-width:1280px){.metiers-list .list-el{width:25%}.metiers-list .list-el .el-inner:hover:before{height:100%;opacity:.5}.metiers-list .list-el .el-inner:hover:after{top:4.375rem;margin-left:-1.25rem}.metiers-list .list-el .el-inner:hover .el-title{opacity:.5}}