*{box-sizing:border-box}.cards{padding:15px;display:flex;flex-flow:row wrap;font-family:'Nexa light'}.card{margin:15px;width:calc((100% / 4) - 30px);transition:all 0.5s ease-in-out}@media screen and (max-width: 991px){.card{width:calc((100% / 3) - 30px)}}@media screen and (max-width: 767px){.card{width:100%}}.card:hover .card__inner{transform:scale(1.05)}.card:hover .card__inner .fonction,.card:hover .card__inner .esp{display:block}.card:hover .card__inner:before{background:rgba(0,0,0,0.65)}.card__inner{background-repeat:no-repeat;background-size:cover;width:100%;height:300px;position:relative;cursor:pointer;background-color:#008991;color:white;font-size:1.3em;text-align:left;transition:all 0.5s ease-in-out}.card__inner:before{content:"";position:absolute;width:100%;height:100%;background:rgba(0,137,145,0.65)}.card__inner:after{transition:all 0.5s ease-in-out}.card__inner .fa{width:100%;margin-top:.25em}.card__inner img{float:left;height:100%}.card__inner .fiche{position:relative;padding:5%}.card__inner .fiche .nom{font-weight:bold;text-transform:uppercase}.card__inner .fiche .fonction{display:none;margin-top:10px;color:#eceef1;font-weight:bold;font-size:0.65em}.card__inner .fiche .metier{margin-top:10px;padding:10px 0;border-bottom:1px solid #eceef1;border-top:1px solid #eceef1;color:#eceef1;font-size:0.7em;opacity:0.8}.card__inner .fiche .esp{margin-top:20px;display:none;font-size:0.6em;color:#82B600}.card__inner .fiche .esp:hover{text-decoration:underline}.card__inner .fiche .caisse{margin:5px auto;font-size:0.7em}.card__video:before{background:rgba(122,173,0,0.8)}.bg-interview,.bg-contact-amba{background:rgba(0,0,0,0.7);z-index:1000;width:100vw;height:100vh;top:0;left:0;overflow:hidden;position:fixed;display:none}#contact-amba{display:none;z-index:9991001;top:10%;left:10%;width:75%;height:80%;background:#EEE;overflow:auto;position:fixed;padding:1%;text-align:left}#contact-amba hr{margin:2% auto}#contact-amba .left{float:left;width:45%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:top;-webkit-filter:grayscale(100%)}#contact-amba .right{margin-left:45%;padding:2%}#contact-amba .right *{text-align:justify}#contact-amba .right p{font-size:0.9em}#contact-amba .right h3{color:grey;font-size:0.7em}#contact-amba .right h1{margin:0.2em auto 0em auto;font-size:60px;text-align:left}#contact-amba .right h2{font-size:1.2em;margin-bottom:1.5em}#contact-amba .right b{display:block;margin-bottom:10px}#contact-amba .full{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:top;background-color:black}.closeBtn{top:0;right:0;width:35px;height:35px;line-height:35px;background:#008991;position:absolute;text-align:center;padding:0;color:#eeeeee;cursor:pointer;font-family:'Nexa Bold'}.closeBtn:hover{background:grey;color:#eeeeee}@media screen and (min-width: 992px){.card:nth-of-type(3n+2) .card__expander{margin-left:calc(-100% - 30px)}.card:nth-of-type(3n+3) .card__expander{margin-left:calc(-200% - 60px)}.card:nth-of-type(3n+4){clear:left}.card__expander{width:calc(300% + 60px)}}@media screen and (min-width: 768px) and (max-width: 991px){.card:nth-of-type(2n+2) .card__expander{margin-left:calc(-100% - 30px)}.card:nth-of-type(2n+3){clear:left}.card__expander{width:calc(200% + 30px)}}@media (max-width: 800px){.interview .left,.interview .right{width:100%;margin-left:0}.interview .left{height:33vh;float:left;background-position:top}}