@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap";body{background-image:url(/Design%20sans%20titre.svg);background-attachment:fixed;background-position:top;color-scheme:light only}#root{max-width:830px;min-height:100vh;margin:0 auto;text-align:center;font-family:Poppins,sans-serif}h1 span{background-color:#bc88ffe6;line-height:1.6;padding:0;font-size:35px;color:#000}.container{display:flex;flex-direction:column;gap:90px;align-items:center}form{display:flex;flex-direction:column;gap:25px;width:350px;align-items:center}.input-container{position:relative;width:100%}.input-container input{width:90%;padding:13px;border:2px solid rgba(188,136,255,1);border-radius:20px;font-size:1rem;outline:none}.input-container label{position:absolute;left:15px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:15px;padding:0 5px;font-size:1rem;color:#888;transition:all .3s ease;pointer-events:none}.input-container input:focus+label,.input-container input:not(:placeholder-shown)+label{top:0;font-size:.8rem;color:#bc88ff}.input-container input:focus{border-color:#bc88ff}button{width:100%;font-size:18px!important;font-weight:600!important;padding:15px 100px!important;border:none!important;border-radius:50px!important;cursor:pointer;box-shadow:0 4px 4px #0000004d;background:linear-gradient(to right,#fff,#d0beff);transition:all .5s ease-in-out!important;margin-bottom:50px}button:hover{box-shadow:inset 0 4px 4px #0000004d;background:linear-gradient(to right,#fafafa,#b6a3ff)}.additional-fields{opacity:0;padding-top:30px;transition:1s ease-in-out}.additional-fields.apparait{display:flex;flex-direction:column;gap:25px;width:100%;padding-top:0;opacity:1;align-items:center}.message-fin{font-size:30px;font-weight:600;margin-top:100px}@media (max-width: 700px){.message-fin{font-size:25px}h1 span{font-size:30px}button{font-size:16px!important;padding:12px 40px!important}}@media (max-width: 410px){.message-fin{font-size:20px}h1 span{font-size:25px}.container{gap:60px}button{font-size:14px!important;padding:10px 30px!important;width:90%}.input-container input{width:85%;font-size:.9rem}.input-container label{font-size:.9rem}}.questionnaire-header{background-color:#733eb7d9;padding:20px 0;margin-bottom:30px;width:100vw;position:relative;top:0;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.titre-container{display:flex;flex-direction:row;margin-bottom:20px;margin-top:10px}.span-titre{color:#fff;margin:0 5px}.portail{align-self:start}.ecos{align-self:end}.questionnaire-header h1{align-self:center;font-size:55px;font-weight:800;color:#fff;margin:0 0 10px;padding:0}.header-content{display:flex;flex-direction:column;align-items:center}.questionnaire-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;max-width:1280px;margin:0 auto;padding:0 20px}.status-item{display:flex;align-items:center;padding:10px 20px;background:linear-gradient(to right,#fff,#d0beff);border-radius:50px;box-shadow:0 4px 4px #0000004d;transition:all .3s ease-in-out;flex:1;margin:0 10px;justify-content:center}.status-icon{margin-right:10px;width:25px}.status-item span:not(.status-icon){font-weight:500;font-size:.95rem;color:#000;white-space:nowrap}.completed{background:linear-gradient(to left,#fff,#ba9cff)}.completed span:not(.status-icon){color:#000}.status-item:hover{transform:translateY(-2px);box-shadow:0 6px 6px #0003}.status-item.current{background:linear-gradient(to right,#6a00bd,#8846e4,#d5c1ff);box-shadow:inset 0 4px 4px #0000004d}.status-item.current span:not(.status-icon){color:#fff}@media (max-width: 767px){.questionnaire-status{flex-wrap:wrap;justify-content:space-between}.status-item{flex-basis:calc(50% - 20px);margin:10px}}@media (max-width: 480px){.questionnaire-status{flex-direction:column;align-items:stretch}.status-item{margin:5px 0;flex-basis:auto}}@media (max-width: 400px){.questionnaire-header h1{font-size:40px}.portail,.ecos{font-size:12px}.status-item span:not(.status-icon){font-size:.8rem}.status-icon{margin-right:8px;width:18px}}.form-station{width:100%;margin:0 auto;padding:0 15px;box-sizing:border-box}form{width:320px}.question-container{width:100%}h2 span{color:#000;font-size:28px;background-color:#bc88ffe6}h3{color:#000;text-align:left;font-size:22px;margin:50px 0 30px}.radio-group{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:.8em;margin:0 10px;flex-wrap:wrap;gap:0 10px}.radio-boite{margin-bottom:35px;padding:10px 5px 15px;background-color:#fff;border-radius:13px}.question-header{display:flex;flex-direction:row;align-items:center;padding-left:15px;padding-bottom:10px;gap:10px;color:#000}.question-radio{margin:0;font-weight:650;text-align:left;color:#000;font-size:14px}.question-icon{width:20px;height:20px}.select-container{background-color:#fff;padding:15px;margin-bottom:20px;display:flex;flex-direction:column;align-items:flex-start;border-radius:13px}.select-container label{display:block;font-weight:500;color:#333;margin-bottom:10px}.select-question-header{display:flex;flex-direction:row;align-items:center;gap:10px;margin-bottom:10px}#station-select{width:100%;padding:10px 15px;font-size:14px;font-weight:550;border:none;border-radius:50px;color:#000;cursor:pointer;box-shadow:0 4px 4px #0000004d;-webkit-appearance:none;-moz-appearance:none;background-color:#bc88ff99;background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-repeat:no-repeat;background-position:right 15px top 50%;background-size:20px auto}#station-select:focus{outline:2px solid #6A00BD;outline-offset:1px}#station-select option{background:#fff;color:#000}#station-select option:disabled{color:#999}.custom-radio{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.custom-radio-label{display:inline-block;color:#000;cursor:pointer;padding:10px 12px;border-radius:50px;box-shadow:0 4px 4px #0000004d;background:linear-gradient(to right,#fff,#d0beff);transition:all .2s ease-in-out;margin:5px 2px;font-size:11px}.custom-radio:focus+.custom-radio-label{outline:2px solid #000;outline-offset:1px}.custom-radio:checked+.custom-radio-label{color:#fff;background:linear-gradient(to right,#6a00bd,#8846e4,#d5c1ff);box-shadow:inset 0 4px 4px #0000004d}.custom-radio-label:hover{background-color:#9b59b6}.scale-labels{width:100%;font-size:12px}.scale-labels p{font-size:.78em;color:#666;margin:0}.certain{text-align:right}.incertain{text-align:left}.section-divider{border:0;height:1px;background-image:linear-gradient(to right,#0000,#00000059,#0000);margin:20px 0}.bouton-question{margin-top:20px;margin-bottom:30px;width:100%;padding:12px;font-size:16px;background-color:#6a00bd;color:#000;border:none;border-radius:50px;cursor:pointer}.num-etu-container{position:relative;width:100%;text-align:left}.num-etu-container input{width:50%;padding:13px;border:2px solid rgba(188,136,255,1);border-radius:20px;font-size:1rem;outline:none}.num-etu-container label{position:absolute;left:15px;top:50%;transform:translateY(-50%);background-color:#fff;border-radius:15px;padding:0 5px;font-size:1rem;color:#888;transition:all .3s ease;pointer-events:none}.num-etu-container input:focus+label,.num-etu-container input:not(:placeholder-shown)+label{top:0;font-size:.8rem;color:#bc88ff}.num-etu-container input:focus{border-color:#bc88ff}@media (max-width: 550px){h2 span{font-size:24px}h3{font-size:18px}.question-radio{font-size:12px}.custom-radio-label{padding:8px 10px;font-size:10px}.scale-labels{font-size:10px}.select-container{padding:10px}#station-select{font-size:14px}.bouton-question{font-size:10px!important;padding:12px 0!important}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}