header{background-image:linear-gradient(180deg,rgba(255,191,0,0) 0,#edebf1),url(/_next/static/media/ac78eeac46a011016a50e4c6cb299728.ec15abd8.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.divBlur{filter:blur(8px)}.card{position:relative;width:300px;height:400px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;backdrop-filter:blur(8px);pointer-events:none}.card .imgbx{position:relative;width:100%;height:240px;border-radius:15px;background-size:140%;background-repeat:no-repeat;background-position:50%;cursor:default!important}.association{background-image:url(/img/benevol.jpg)}.ecole{background-image:url(/img/ecole.jpg)}.buisnes{background-image:url(/img/buisnes.jpg)}.card .imgbx:before{bottom:0;left:50%}.card .imgbx:after,.card .imgbx:before{content:"";position:absolute;width:25px;height:25px;border-radius:50%;box-shadow:-10px 10px 0 #303030}.card .imgbx:after{bottom:70px;left:0}.card .content{position:relative;width:100%;height:150px;border-radius:15px;border-top-left-radius:0;color:#ffc400}.card .content p{color:#303030}.card .content .price{position:absolute;top:-80px;height:80px;width:50%;border-top:10px solid #303030;border-right:10px solid #303030;border-top-right-radius:25px}.card .content .price:before{box-shadow:-10px -10px 0 #303030}.card .content .price:after,.card .content .price:before{content:"";position:absolute;width:25px;height:25px;border-radius:50%}.card .content .price:after{bottom:0;right:-25px;box-shadow:-10px 10px 0 #edf1eb}.card .content .price a{position:relative;background-color:#303030;color:#edf1eb;padding:1px 10px;margin:15px;display:block;border-radius:7px;font-weight:600}.card:hover .content{background-color:#ffc400;transition:background-color .3s ease}.content:hover{color:#edf1eb}.card:hover .content .price{background-color:#ffc400;transition:background-color .3s ease}.card:hover .content .price a{background-color:#fff1c4;transition:background-color .3s ease;color:#303030}.card:hover .content .price:after{box-shadow:-10px 10px 0 #ffc400;transition:box-shadow .3s ease}.step,.step-impaire{color:white;padding:30px}.step-impaire:hover,.step:hover{background:linear-gradient(145deg,#e6b000,#ffd200)}@media (max-width:950px){.parentCard{flex-direction:column!important}}@media (min-width:950px){.parentCard{height:100vh}}@media (min-width:767px) and (max-width:950px){.parentCard{margin-top:10%}}@media (max-width:300px){.card{position:relative;width:200px;height:300px;display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;font-size:75%}.card .content .price a{position:relative;background-color:#303030;color:#edf1eb;padding:1px 10px;margin:15px;display:block;border-radius:7px;font-weight:600;font-size:80%}.card .imgbx:after{bottom:80px;left:0}.card .imgbx:after,.card .imgbx:before{content:"";position:absolute;width:25px;height:25px;border-radius:50%;box-shadow:-10px 10px 0 #303030}.card .imgbx:before{bottom:0;left:50%}}svg{color:#303030}.card:hover svg{color:#fff1c4!important}#accrochage{.liste{>div:hover{transition:all .3s;background:var(--green200);i{transition:all .3s;background:var(--emerald300)}}}}