body{height:100vh}.header{padding:18px}.profile-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #D7E3ED}.profile-header button{width:203px;height:54px;border-radius:25px;display:flex;align-items:center;justify-content:center;gap:28px;border-radius:25px;background:#F5F5F5}section.login-content{border-radius:30px;border:1px solid #D7E3ED;width:fit-content;margin:10vh auto;padding:36px 45px;width:35%}section.login-content h1{text-align:center;font-size:24px;background:linear-gradient(91deg, #1D384F -20.44%, #57B9B1 131.43%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:600}section.login-content form{margin-top:36px}section.login-content form .group{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}section.login-content form .group label{font-size:12px;font-weight:400}section.login-content form .group input{height:50px;border-radius:30px;border:1px solid #D7E3ED;padding:1rem;background:#F6F6F6}button#submit_button,.redirect{width:100%;border-radius:30px;background:linear-gradient(90deg, #3AB6C0 0%, #65B5BF 100%);color:#fff;height:50px;margin-top:10px;margin-bottom:16px;font-size:16px;cursor:pointer}button#submit_button:hover{transform:translateY(-2px);box-shadow:0px 6px 15px rgba(58,182,192,0.35)}.redirect{display:flex;align-items:center;justify-content:center}.lien a,.google{width:100%;display:flex;justify-content:center;border-radius:30px;background:#F6F6F6;color:#103951;height:50px;align-items:center;transition:all .3s ease-in-out}.other{display:flex;align-items:center;justify-content:center;gap:26px;margin-top:16px}.other span{height:2px;width:100px;background-color:#F2F2F2}.google{gap:57px;margin-top:20px}.section-end{text-align:center;font-size:11px;color:rgba(29,56,79,0.6)}.lien a:hover{color:#fff;background:#3AB6C0}.profil-content{border-radius:30px;width:35%;margin:12vh auto;padding:43px 35px}.profil h1{font-size:26px;text-align:center;font-weight:600;line-height:42px;color:#8698A7}.profil h1 span{text-align:center;font-size:32px;background:linear-gradient(91deg, #1D384F -20.44%, #57B9B1 131.43%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:700;line-height:54px}.profiles{display:flex;flex-direction:column;gap:22px;margin-top:61px;margin-bottom:30px}.profil-type{border-radius:25px;border:1px solid #D7E3ED;background:#FFF;height:72px;display:flex;align-items:center;gap:50px;padding:0 29px;justify-content:center}.profile-type{display:flex;justify-content:center;align-items:center;gap:50px;cursor:pointer}.profile-type img{width:48px;height:26.754px}.profile-type span{color:#8698A7;display:flex}.profil-type:hover,.profil-type.active-profile{border:1px solid #D7E3ED;cursor:pointer}.active-profile.profil-type span{color:#1D384F}.profil-type:hover span,.profile-type.active-profile span{color:#8698A7}.profile-button{margin-top:30px !important}button:disabled{cursor:not-allowed;opacity:0.5}.link-button.not-active{background-color:#65B5BF;opacity:0.5;cursor:not-allowed}.link-button{color:#fff;background-color:#65B5BF;width:100%;display:flex;height:50px;border-radius:30px;align-items:center;justify-content:center}.link-button:hover{color:#fff;transform:translateY(-2px)}.complete h1{background:linear-gradient(90deg, #1D384F -16.09%, #65B5BF 129.02%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:30px;font-weight:600}.infos{display:flex;align-items:center;justify-content:center;gap:29px;margin-top:40px}.infos .info{border-radius:25px;border:1px solid #F5F5F5;width:100%;padding:48px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:28px;cursor:pointer}.infos .info img{width:76.99px;height:67.971px}.infos .info h2{font-size:16px;color:#A0ABB5;font-size:16px;font-weight:400}.bottom{margin-top:38px;display:flex;gap:22px}.bottom .retour{background-color:#F5F5F5;width:62px;height:50px;border-radius:100%;display:flex;align-items:center;justify-content:center}.bottom button{border-radius:30px;background:#1D384F;color:#fff;width:80%}form.contenu{margin:30px 80px}form.contenu .avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px}.no-profile{width:108px;height:108px;background:#F4F4F4;border-radius:100%;align-items:center;justify-content:center}form.contenu .avatar label.avatar-file input{display:none}.add-file{width:158px;height:34px;border-radius:30px;background:#F4F4F4;font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center;cursor:pointer}.user-infos{margin-top:48px;border-bottom:1.5px solid #F6F6F6;padding-bottom:10px}form.contenu .group{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}form.contenu .group label{font-size:12px}form.contenu .group input{height:49px;border-radius:30px;border:1px solid #D7E3ED;background:#F4F4F4;width:100%;padding:1rem}form.contenu .group textarea{height:101px;border-radius:30px;border:1px solid #D7E3ED;background:#F4F4F4;width:100%;padding:1rem}.inputs.dates{gap:10px}.inputs.dates input{width:100px !important;padding:1rem}.inputs{display:flex;gap:25px}input.city{width:50% !important}form.contenu .group select{width:246px;border-radius:30px;border:1px solid #D7E3ED;height:49px;background:#F4F4F4;padding:0 1rem}.end button{border-radius:30px;background:#1D384F;color:#fff;width:228px;height:48px;margin:19px auto;display:flex;justify-content:center;align-items:center}.preview{width:108px;height:108px;border-radius:100%;object-fit:cover}.infos .info.active-label-user{border-radius:25px;border:1px solid #103951}.infos .info.active-label-user h2{color:#103951}.link-button.done{margin-top:0 !important}.messager{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:43px}.messager a,.messager a:hover{width:100%;display:flex;align-items:center;justify-content:center;border-radius:30px;background:#F5F5F5;height:50px;color:rgba(66,88,107,0.5)}.modal-label{width:100%}.buttons-user{display:flex;flex-direction:column}@media only screen and (max-width: 800px){section.login-content,.profil-content{width:calc(100% - 40px) !important;padding:30px 20px}}
