@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap);:root{--couleur-principal:#004aad;--couleur-principal-transparente3:var(--couleur-option1-degrade);--couleur-principal-transparente4:rgba(42,143,225,.1);--couleur-contour-nuage:#0c3755;--couleur-principal-transparente:rgba(12,55,85,.1);--couleur-principal-transparente2:#0c3755;--couleur-secondaire:#f9c22e;--couleur-option1:#0c3755;--couleur-option2:#0091ad;--couleur-option3:#a4031f;--couleur-option4:#d8aa2a;--couleur-option5:#ebf2fa;--couleur-option6:#067f4a;--couleur-option7:#fff07c;--couleur-option8:#a74454;--couleur-option7-transparence:hsla(0,0%,95%,.7);--couleur-card-button:#a4031f;--couleur-option1-degrade:#2a8fe1;--couleur-option2-degrade:#00d3fc;--couleur-option3-degrade:#f80631;--couleur-option4-degrade:#ffc831;--couleur-option5-degrade:#ebf2fa;--couleur-option6-degrade:#02ff91;--couleur-option7-degrade:#f9ffd0;--couleur-test:#df2935;--couleur-ligne2:#f1edee}.success{color:var( --couleur-option6)}.danger{color:var(--couleur-option3-degrade)}nav{align-items:center;background-color:#fff;display:flex;font-weight:700;justify-content:space-between;padding:15px 30px;position:relative;z-index:10}.logo img{height:auto;max-width:250px}.nav-links{flex:1;justify-content:flex-end}.nav-links,.nav-links ul{align-items:center;display:flex}.nav-links ul{flex-direction:row;list-style:none;margin:0;padding:0}.nav-links ul li{margin:0 15px}.nav-links ul li a{color:var(--couleur-principal);font-size:1rem;position:relative;text-decoration:none}.signup-link{background-color:var(--couleur-secondaire);border-radius:15px;color:#fff!important;padding:10px 15px;transition:background-color .3s ease}.signup-link:hover{background-color:var(--couleur-principal)}.lien{position:relative}.lien:after{background-color:var(--couleur-secondaire);bottom:-1px;content:"";height:3px;left:50%;position:absolute;right:50%;transition:all .3s ease;width:0}.lien:focus:after,.lien:hover:after{left:0;right:0;width:100%}.menu-toggle{background-color:var(--couleur-principal);border-radius:5px;color:#fff;cursor:pointer;display:none;font-size:2rem;padding:10px;transition:transform .3s ease;z-index:10001}.menu-toggle:hover{transform:scale(1.1)}@media (max-width:768px){.menu-toggle{display:block}.nav-links{align-items:center;background-color:hsla(0,0%,100%,.9);box-shadow:0 2px 6px rgba(0,0,0,.2);display:none;flex-direction:column;justify-content:flex-start;left:0;padding:60px 20px 20px;position:fixed;right:0;top:0;transform:translateY(-100%);transition:transform .3s ease;z-index:9999}.nav-links.active{display:flex;transform:translateY(0)}.nav-links ul{flex-direction:column;text-align:center;width:100%}.nav-links ul li{margin:10px 0}.nav-links ul li a{font-size:2rem}.nav-links i{font-size:2.5rem}}.menu-main-container{align-items:center;display:flex;justify-content:center;margin-top:40px;width:100%}body{box-sizing:border-box;font-family:Montserrat,sans-serif;font-size:62.5%;font-weight:400;height:100%;line-height:normal;margin:0;padding:0}.wrapper,body{display:flex;flex-direction:column}.wrapper{min-height:100vh}.content{flex:1;grid-area:content;padding:20px}.hidden{opacity:0}.section.visible{opacity:1}.main-grid,.main-grid-quizz{display:grid;grid-template-areas:"header" "content" "footer";grid-template-columns:1fr;min-height:100vh;width:100%}.main-grid{grid-template-rows:15vh auto 15vh}.titre-centre{display:grid;height:100%;place-items:center}.header{color:#fff}.footer,.header{text-align:center}.footer{grid-area:footer;padding:20px}.footerPage{background-color:var(--couleur-secondaire);border-radius:15px;color:#fff;font-size:1rem;font-weight:700;margin:auto;padding:10px;text-align:center;width:50%}.footerPage a{color:#fff}.marginUl{margin-right:20px}.titre{color:var(--couleur-secondaire);font-size:2rem;font-weight:700;text-shadow:-1px 0 #fff,0 1px #fff,1px 0 #fff,0 -1px #fff}.newline{display:block}.blur{filter:blur(5px)}.container{height:200px;overflow:hidden;position:relative;z-index:100}.texte{bottom:20px;position:absolute;text-align:center;width:100%}.flash-message{background:#e0f7fa;border:1px solid #b2dfdb;border-radius:10px;color:#00796b;font-size:.95rem;font-weight:700;margin-bottom:1rem;padding:1rem;text-align:center}.flash-success{background-color:#e6f4ea;border-color:#a5d6a7;color:#2e7d32}.flash-danger,.flash-error{background-color:#fdecea;border-color:#f44336;color:#c62828}