.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}@keyframes slideInLeft{from{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:1}to{-webkit-transform:translate(0px, 0);transform:translate(0px, 0);opacity:1}}@keyframes slideOutLeft{from{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}to{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:0}}.cardProjetContainer{position:relative;display:flex;flex-direction:column;cursor:pointer;margin-right:calc((100%/22)*1)}.cardProjetContainer:after{content:"";position:absolute;display:block;bottom:0;left:0;right:0;height:2px;background-color:#2c2a29}.cardProjetContainer.animIn{animation:cardProjetOpenUp .8s 1}.cardProjetContainer.hide{animation:cardProjetClose .8s 1 forwards}.cardProjetContainer .cardProjetImgContainer{position:relative;width:100%;overflow:hidden}.cardProjetContainer .cardProjetImgContainer .image-default{position:relative;width:100%;padding-top:100%;background-color:#d8d8d8}.cardProjetContainer .cardProjetImgContainer .image-default>img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);max-width:50%;object-fit:contain;opacity:.3}.cardProjetContainer .cardProjetImgContainer img{top:0;height:100%;width:100%;object-fit:cover}.cardProjetContainer p,.cardProjetContainer .contributors{margin:0 0 15px 0}.cardProjetContainer h1{font-family:Arial;font-size:20px;font-weight:bold;line-height:1.1;letter-spacing:.02px;color:#2c2a29;margin-top:15px;margin-bottom:5px}.cardProjetContainer p{font-family:arial;font-size:12px;font-weight:bold;letter-spacing:.86px;color:#2c2a29;text-transform:uppercase}.cardProjetContainer .contributors{margin:5px 0}.cardProjetContainer .contributors span{display:inline-block;font-family:arial;font-weight:bold;font-size:12px;color:#8a8a8a;text-decoration:none;text-transform:uppercase}.cardProjetContainer .contributors span:not(:last-child){margin-right:15px}@keyframes cardProjetOpenUp{from{transform:translateY(-99%)}to{transform:translateY(0%)}}@keyframes cardProjetClose{from{transform:translateY(0%)}to{transform:translateY(-99%)}}
.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}.sce *{--main-bg-color: #EB690B}.creocean *{--main-bg-color: #3A6DB0}.naomis *{--main-bg-color: #CB333B}.groupehuit *{--main-bg-color: #0BB0AB}.s3d *{--main-bg-color: #52AA4E}.ateliersup *{--main-bg-color: #EB690B}.civiteo *{--main-bg-color: #104D82}@keyframes slideInLeft{from{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:1}to{-webkit-transform:translate(0px, 0);transform:translate(0px, 0);opacity:1}}@keyframes slideOutLeft{from{-webkit-transform:translate(0, 0);transform:translate(0, 0);opacity:1}to{-webkit-transform:translate(-100%, 0);transform:translate(-100%, 0);opacity:0}}.cercles{display:inline-block;width:49px;height:49px;border-radius:30px;border:solid 1.5px var(--main-bg-color);position:relative;cursor:pointer;transition:all .4s ease-in-out}.cercles:hover{background-color:var(--main-bg-color)}.cercles:hover .barrePlus{background-color:#fff}.cercles:hover .barrePlus.verticale{transform:rotate(270deg)}.cercles:hover .barrePlus.horizantale{transform:rotate(180deg)}.cercles .barrePlus{position:relative;left:16px;width:14px;height:1.5px;background-color:var(--main-bg-color);transition:all .4s ease-in-out}.cercles .barrePlus.verticale{transform:rotate(90deg);top:20.5px}.cercles .barrePlus.horizantale{transform:rotate(0deg);height:2px;top:22px}