body{padding:0;margin:0;font-family:"Montserrat",sans-serif;font-size:14px;color:#0a2d82;background:#fff}html,body{height:100%;overflow:auto;-webkit-overflow-scrolling:touch}*,*:before,*:after{box-sizing:border-box}h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal}img{max-width:100%;height:auto}.cta{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:12px;padding:6px 12px;border-radius:16px;background:#0a2d82;border:1px solid #0a2d82;color:#fff;font-weight:600;font-size:14px;line-height:20px;text-decoration:none;transition:all .45s ease-in-out;width:-moz-fit-content;width:fit-content;cursor:pointer}.cta img{transition:all .45s ease-in-out}.cta:hover,.cta:focus,.cta:active{outline:none;text-decoration:none;background:rgba(0,0,0,0);color:#0a2d82}.cta:hover img,.cta:focus img,.cta:active img{filter:brightness(0) saturate(100%) invert(16%) sepia(26%) saturate(6120%) hue-rotate(214deg) brightness(93%) contrast(105%)}a{text-decoration:none;transition:all .45s ease-in-out}a:hover,a:focus,a:active{outline:none;text-decoration:none;box-shadow:none}p,ul,ol{margin:0}.desktop{display:none}.mobile{display:block}#intro{max-width:1040px;width:100%;margin:0 auto;padding:0 20px;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center}#intro h1{font-size:24px;font-weight:800;line-height:110%}#intro h1 span{position:relative;display:inline-block;z-index:2}#intro h1 span.souligne:before{content:"";position:absolute;bottom:4px;left:-3px;width:calc(100% + 6px);height:10px;background:#ff866e;z-index:-1}#intro p{line-height:110%}#etape{display:flex;flex-direction:row;align-items:center;gap:12px;max-width:445px;width:100%;margin:0 auto;padding:20px}#etape p{font-size:16px;font-weight:700}#etape .range{height:9px;border-radius:4px;background:rgba(255,134,110,.2);width:100%;position:relative}#etape .range span{position:absolute;top:0;left:0;height:100%;border-radius:4px;background:#ff866e;width:0;transition:all .45s ease-in-out}#cartes{padding:0 20px;position:relative;height:500px;width:100%;margin:0 auto 20px auto;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}#cartes .carte{position:absolute;width:290px;height:450px;display:flex;flex-direction:column;gap:16px;text-align:center;align-items:center;justify-content:center;color:#0a2d82;border-radius:16px 16px 44px 44px;top:450px;opacity:0;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;padding:8px;pointer-events:none}#cartes .carte .illustration{border-radius:9px;height:211px;width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}#cartes .carte h2{font-size:23px;font-weight:700;line-height:110%;padding:0 4px;flex:1 1 auto}#cartes .carte .boutons{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:0 4px 4px 4px}#cartes .carte .boutons button{border:none;background:none;cursor:pointer;transition:all .45s ease-in-out;background:#fff;border-radius:35px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:127px;height:70px}#cartes .carte .boutons button:hover,#cartes .carte .boutons button:focus,#cartes .carte .boutons button:active{outline:none;text-decoration:none;background:#0a2d82;color:#fff}#cartes .carte.vert{background:#d1d72f}#cartes .carte.rose{background:#ff866e}#cartes .carte.bleu{background:#00c9f6}#cartes .carte:nth-child(1){z-index:7}#cartes .carte:nth-child(2){z-index:6}#cartes .carte:nth-child(3){z-index:5}#cartes .carte:nth-child(4){z-index:4}#cartes .carte:nth-child(5){z-index:3}#cartes .carte:nth-child(6){z-index:2}#cartes .carte:nth-child(7){z-index:1}#cartes .carte.show{opacity:1;top:0;pointer-events:all}#cartes .carte.animation{z-index:10}#cartes .carte.hide{pointer-events:none;top:0;opacity:0;z-index:10;transform:translateX(-120%) rotate(-20deg)}#cartes .carte.hideok{transform:translateX(120%) rotate(20deg)}#resultat{display:none;padding:0 20px 20px 20px;flex-direction:column;gap:20px;max-width:960px;width:100%;margin:0 auto}#resultat .cadre{max-width:920px;width:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:center;gap:32px;align-items:center;text-align:center;padding:32px 12px;border-radius:16px;background:#fff;box-shadow:0 0 45px 0 rgba(10,45,130,.1)}#resultat .cadre .illustration{width:100%;height:229px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;border-radius:8px}#resultat .cadre>.titre{font-size:25px;font-weight:800}#resultat .cadre .resultats{margin-top:8px;display:flex;flex-direction:column;gap:40px}#resultat .cadre .resultats .resultat{display:flex;flex-direction:column;align-items:center;gap:16px}#resultat .cadre .resultats .resultat .categorie{width:100%;position:relative}#resultat .cadre .resultats .resultat .categorie span{font-size:14px;font-weight:700;line-height:110%;color:#0a2d82;text-transform:uppercase;padding:6px 8px;border-radius:99px;margin:0 auto;display:block;width:-moz-fit-content;width:fit-content}#resultat .cadre .resultats .resultat .categorie span:before{content:"";position:absolute;top:50%;transform:translateY(-50%);left:0;width:calc(50% - 60px);height:2px;background:rgba(10,45,130,.1)}#resultat .cadre .resultats .resultat .categorie span:after{content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:calc(50% - 60px);height:2px;background:rgba(10,45,130,.1)}#resultat .cadre .resultats .resultat .titre{width:100%;font-size:14px;font-weight:700;line-height:120%}#resultat .cadre .resultats .resultat p{width:100%;font-size:14px;font-weight:700;color:#0a2d82;line-height:120%}#resultat .cadre .resultats .resultat p em{font-weight:400}#resultat .cadre .resultats .resultat .cta{padding:16px 24px;border-radius:99px}#resultat .cadre .resultats .resultat.vert .categorie span{background:#d1d72f}#resultat .cadre .resultats .resultat.vert .titre{color:rgb(130.3225806452,134.1935483871,25.8064516129)}#resultat .cadre .resultats .resultat.rose .categorie span{background:#ff866e}#resultat .cadre .resultats .resultat.rose .titre{color:rgb(255,48.8827586207,8)}#resultat .cadre .resultats .resultat.bleu .categorie span{background:#00c9f6}#resultat .cadre .resultats .resultat.bleu .titre{color:rgb(0,117.6585365854,144)}#resultat .recommencer{background:rgba(0,0,0,0);color:#0a2d82;border:1px solid #0a2d82}#resultat .recommencer:hover,#resultat .recommencer:focus,#resultat .recommencer:active{background:#0a2d82;color:#fff}#resultat .recommencer:hover img,#resultat .recommencer:focus img,#resultat .recommencer:active img{filter:brightness(0) invert(1)}@media(min-width: 960px){.desktop{display:block}.mobile{display:none}#intro h1{font-size:32px}#intro p{font-size:16px}#cartes .carte{opacity:1;filter:blur(4px);scale:.8;margin-left:550px;top:0}#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{padding-bottom:60px;gap:40px}#resultat .cadre{padding:32px;gap:52px}#resultat .cadre .resultats{gap:52px}#resultat .cadre .resultats .resultat{gap:20px}#resultat .cadre .resultats .resultat .titre{font-size:16px}#resultat .cadre .resultats .resultat p{font-size:16px}}header{padding:35px 0;display:flex;justify-content:center;align-items:center}footer{background:#0a2d82;padding:30px 20px}footer .cadre{font-family:Arial,sans-serif;max-width:900px;width:100%;margin:0 auto;font-size:14px;color:#fff;display:flex;flex-direction:column;gap:10px}