body{padding:0;margin:0;padding-bottom:env(safe-area-inset-bottom)}html,body{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}main{font-family:"Montserrat",sans-serif;font-size:16px;color:#0a2d82;background:#fff;position:relative;margin:0 auto;display:flex;flex-direction:column;align-items:center}main *,main *:before,main *:after{box-sizing:border-box}main h1,main h2,main h3,main h4,main h5,main h6{margin:0;font-weight:normal}main img{max-width:100%;height:auto}main a{text-decoration:none;transition:all .45s ease-in-out}main a:hover,main a:focus,main a:active{outline:none;text-decoration:none;box-shadow:none}main p,main ul,main ol{margin:0}#cookies{max-width:900px;margin:20px auto}.desktop{display:none}.mobile{display:block}.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{position:static;width:auto;height:auto;left:0}header{padding:25px 0 15px 0}#intro{max-width:600px;padding:0 20px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center}#intro h1{display:flex;flex-direction:column;justify-content:center}#intro h1 .t1{font-size:24px;line-height:28px;font-weight:900}#intro h1 .t2{font-size:20px;line-height:28px}#intro h1 .t3{font-size:48px;line-height:48px;font-weight:900;position:relative}#intro h1 .t3 span{position:relative;z-index:2}#intro h1 .t3 em{position:absolute;left:-30px;bottom:-6px;width:0;height:25px;background:#fcdd2b;z-index:1;animation:slideGrow 5s ease-in-out infinite}#intro p{padding-top:30px;text-align:center;font-size:16px;line-height:24px}#intro p img{vertical-align:middle}@keyframes slideGrow{0%{left:-30px;width:0}20%{left:0;width:252px}80%{left:0;width:252px}100%{left:322px;width:0}}#cartes{display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:30px 15px 0 15px;position:relative;height:580px;width:100%;margin:0 auto;overflow:hidden}#cartes .carte{position:absolute;width:290px;height:490px;display:flex;flex-direction:column;perspective:1000px;color:#0a2d82;border-radius:16px;transition:transform .45s ease-in-out,opacity .45s ease-in-out,top .45s ease-in-out,margin .45s ease-in-out,scale .45s ease-in-out,filter .45s ease-in-out;z-index:6;filter:blur(4px);pointer-events:none;top:540px}#cartes .carte .front{box-shadow:0px 10px 24px 0px rgba(0,0,0,.25);border-radius:16px;overflow:hidden;width:100%;height:490px;padding:16px;transform:rotateY(0deg);z-index:2;position:absolute;width:100%;height:100%;backface-visibility:hidden;transition:all .45s ease-in-out;top:0;left:0}#cartes .carte .front .numero{position:absolute;top:16px;left:16px;font-size:16px;font-weight:700;line-height:16px;letter-spacing:4px}#cartes .carte .front .illustration{width:258px;height:258px;margin-bottom:16px;perspective:1000px}#cartes .carte .front .illustration .flipper{width:100%;height:100%;position:relative;transform-style:preserve-3d}#cartes .carte .front .illustration .flipper img{width:100%;height:100%;border:8px solid #fff;border-radius:100%;position:absolute;backface-visibility:hidden;top:0;left:0}#cartes .carte .front .illustration .flipper img:last-child{transform:rotateY(180deg)}@keyframes flip{0%,40%{transform:rotateY(0deg)}40%,50%{transform:rotateY(180deg)}50%,90%{transform:rotateY(180deg)}90%,100%{transform:rotateY(0deg)}}#cartes .carte .front .t1{font-weight:700;font-size:16px;text-align:center;margin-bottom:8px}#cartes .carte .front .t2{font-weight:700;font-size:25px;text-align:center;margin-bottom:16px}#cartes .carte .front .choix{display:flex;flex-direction:row;gap:40px;justify-content:center}#cartes .carte .front .choix button{border:none;background:rgba(0,0,0,0);cursor:pointer}#cartes .carte .front .choix .ko{transition:all .45s ease-in-out}#cartes .carte .front .choix .ko:hover{transform:translateX(-10%) rotate(-20deg)}#cartes .carte .front .choix .ok{transition:all .45s ease-in-out}#cartes .carte .front .choix .ok:hover{transform:translateX(10%) rotate(20deg)}#cartes .carte .back{box-shadow:0px 10px 24px 0px rgba(0,0,0,.25);border-radius:16px;width:100%;height:490px;padding:20px 27px 0 27px;transform:rotateY(-180deg);position:absolute;width:100%;height:100%;backface-visibility:hidden;transition:all .45s ease-in-out;top:0;left:0}#cartes .carte .back .splide .splide__track .splide__list .splide__slide{height:460px;display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center}#cartes .carte .back .splide .splide__track .splide__list .splide__slide img{margin-top:-20px}#cartes .carte .back .splide .splide__track .splide__list .splide__slide .t1{font-size:19px;font-weight:bold;margin-top:-20px}#cartes .carte .back .splide .splide__track .splide__list .splide__slide .t2{font-size:14px;max-height:182px;overflow-y:auto;text-align:left}#cartes .carte .back .splide .splide__track .splide__list .splide__slide .t2 strong{font-size:15px}#cartes .carte .back .splide .splide__track .splide__list .splide__slide a{color:inherit;text-decoration:underline;font-size:15px}#cartes .carte .back .splide .splide__track .splide__list .splide__slide .conditions{position:absolute;left:0;width:100%;text-align:center;bottom:0}#cartes .carte .back .splide .splide__arrows .splide__arrow{background:rgba(0,0,0,0);transform:none;top:auto;bottom:30px;transition:all .45s ease-in-out}#cartes .carte .back .splide .splide__arrows .splide__arrow svg{transition:all .45s ease-in-out}#cartes .carte .back .splide .splide__arrows .splide__arrow.splide__arrow--prev{left:0}#cartes .carte .back .splide .splide__arrows .splide__arrow.splide__arrow--next{right:0}#cartes .carte .back .splide .splide__arrows .splide__arrow:disabled{opacity:0}#cartes .carte .back .splide .splide__arrows .splide__arrow:hover{opacity:1}#cartes .carte .back .splide .splide__pagination{display:flex;gap:10px;bottom:35px}#cartes .carte .back .splide .splide__pagination .splide__pagination__page{border:1px solid #0a2d82;width:14px;height:14px;margin:0;transition:all .45s ease-in-out;background:#0a2d82;opacity:1}#cartes .carte .back .splide .splide__pagination .splide__pagination__page.is-active{opacity:1;transform:none;background:rgba(0,0,0,0)}#cartes .carte .back .next{display:none;position:absolute;bottom:-60px;left:50%;transform:translateX(-50%);animation:next 2s infinite;cursor:pointer;transition:all .45s ease-in-out;background:rgba(0,0,0,0);border:none;overflow:hidden;height:19px}@keyframes next{0%{bottom:-60px}50%{bottom:-40px}100%{bottom:-60px}}#cartes .carte .back .fermer{position:absolute;top:16px;right:16px;cursor:pointer;transition:all .45s ease-in-out;border:none;background:rgba(0,0,0,0);cursor:pointer;z-index:10}#cartes .carte:nth-child(1){z-index:6}#cartes .carte:nth-child(1) .front,#cartes .carte:nth-child(1) .back{background:#00c9f6}#cartes .carte:nth-child(2){z-index:5}#cartes .carte:nth-child(2) .front,#cartes .carte:nth-child(2) .back{background:#ff866e}#cartes .carte:nth-child(3){z-index:4}#cartes .carte:nth-child(3) .front,#cartes .carte:nth-child(3) .back{background:#fcdd2b}#cartes .carte:nth-child(4){z-index:3}#cartes .carte:nth-child(4) .front,#cartes .carte:nth-child(4) .back{background:#00c9f6}#cartes .carte:nth-child(5){z-index:2}#cartes .carte:nth-child(5) .front,#cartes .carte:nth-child(5) .back{background:#ff866e}#cartes .carte:nth-child(6){z-index:1}#cartes .carte:nth-child(6) .front,#cartes .carte:nth-child(6) .back{background:#fcdd2b}#cartes .carte.hide{pointer-events:none;top:30px;opacity:0;z-index:10;transform:translateX(-120%) rotate(-20deg)}#cartes .carte.hide .back .next{animation:none;display:none;opacity:0}#cartes .carte.hideok{transform:translateX(120%) rotate(20deg)}#cartes .carte.show{filter:none;pointer-events:all;top:30px}#cartes .carte.show .front .illustration .flipper{animation:flip 6s ease-in-out infinite}#cartes .carte.flipped .front{transform:rotateY(180deg)}#cartes .carte.flipped .back{transform:rotateY(0deg);z-index:3}#resultat{max-width:724px;display:none;opacity:0;transition:all .45s ease-in-out;flex-direction:column;justify-content:center;gap:24px;align-items:center;text-align:center;margin:30px 15px 0 15px;padding:24px;border-radius:14px;background:#fff;box-shadow:0px 0px 25px 0px rgba(0,0,0,.25)}#resultat.show{opacity:1}#resultat .infos{font-weight:bold;font-size:18px}#resultat .contenu{font-size:16px}#resultat .contenu .surligne{background:linear-gradient(0deg, #D1D72F 43%, transparent 40%)}#resultat .rdv a{text-decoration:underline;color:inherit}#resultat .rdv a:hover{color:#ff866e}#resultat .cta{background:#d3d62e;border-radius:4px;padding:6px 8px;display:flex;flex-direction:row;gap:12px;align-items:center;color:#0a2d82;font-size:14px;font-weight:600;width:fit-content;margin:0 auto}#resultat .cta:hover{background:rgb(172.216,174.724,34.276)}#resultat .cadre{max-width:380px;padding:10px;border-radius:6px;border:1px solid #0a2d82;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:center;margin:0 auto}#resultat .cadre a{color:inherit}#resultat .cadre a:focus,#resultat .cadre a:hover{color:#ff866e}footer{max-width:960px;font-size:14px;color:#000;padding:60px 15px 15px 15px;display:none;font-family:"Open Sans",sans-serif}@media(min-width: 960px){.desktop{display:block}.mobile{display:none}#intro h1{position:relative;padding-left:110px}#intro h1 .t1 img{position:absolute;top:50%;left:0;transform:translateY(-50%)}#cartes .carte{opacity:1;top:30px;margin-left:550px;filter:blur(4px);scale:.8}#cartes .carte .back .next{height:auto;rotate:-90deg;margin-left:-10px;animation:next2 2s infinite;bottom:-45px}@keyframes next2{0%{margin-left:-10px}50%{margin-left:10px}100%{margin-left:-10px}}#cartes .carte.show{filter:none;scale:1;margin-left:0}#cartes .carte.hide{margin-left:-550px;opacity:1;transform:none;filter:blur(4px);scale:.8}#cartes .carte.hideok{transform:none}#resultat .infos{font-size:24px}#resultat .contenu{font-size:20px}#resultat .rdv{font-size:20px}#resultat .cadre{max-width:100%}}.modal{position:fixed;top:0;left:0;bottom:0;right:0;z-index:10000;background:rgba(0,0,0,.9);display:none;flex-direction:column;justify-content:center;align-items:center}.modal .cadre{background:#fff;border-radius:20px;padding:40px 20px 40px 20px;width:100%;max-width:500px;position:relative;max-height:calc(100% - 50px);overflow-y:auto}.modal .cadre>.fermer{position:absolute;top:15px;right:15px;font-size:20px;transition:all .45s ease-in-out;border:none;background:rgba(0,0,0,0);cursor:pointer}.modal .cadre>.fermer:hover{scale:1.1}.modal .cadre .contenu a{color:inherit;text-decoration:underline}.modal .cadre .contenu a:hover{color:#fdbc29}