

.c_typeSurf {border-radius: 16px;border: 1px solid var(--grey2);}
.entete {display: flex;padding: 1rem;justify-content: space-between;}
.entete h2{color:var(--violet1);font-size:25px;line-height:1.1;margin:0;display: flex;align-items: center;}
.nomTypBloc span {font-size: 14px;font-family:"Geist";color: var(--grey3);}
.action {display: flex;gap: 8px;align-items: center;}
.action button {max-height: 40px;display: flex;align-items: center;}
.c_typeSurf ul li {padding: 1rem;border-top: 1px solid var(--grey2);}
.c_typeSurf ul li .libelle {font-size: 18px;color: var(--violet1);}
.c_typeSurf ul li button {border: unset;background: none;border-bottom: 1px solid var(--violet1);color: var(--violet1);align-items: center;display: flex;gap: 8px;}
.c_typeSurf ul li .desc {font-size: 14px;color: var(--grey3);display: flex;align-items: center;}
.c_typeSurf ul li .nbEspaces {display: flex;gap: 16px;color: var(--grey3);display: flex;align-items: center;}
.c_typeSurf ul li .f_qte {border: 1px solid var(--grey2);border-radius: 6px;padding: 8px 8px 8px 12px;display:flex;gap: 30px;align-items:center;}
.c_typeSurf ul li .qte {font-size: 14px;color: var(--violet3);align-items: center;display: flex;}
.c_typeSurf ul li .l_signe {display: flex;gap: 7px;}
.c_typeSurf ul li .btn_signe {height: 32px;width: 32px;border: 1px solid var(--grey2);justify-content: center;border-radius: 50%;}
.c_typeSurf .pieds {background: var(--grey2);border-radius: 0 0 16px 16px;padding: 16px;}
.c_typeSurf .pieds p {font-size: 16px;font-family: "Nohemi";}
.c_sticky {width: 100%;height: auto;position: -webkit-sticky;position: sticky;top: 75px;}
.c_result {border: 1px solid var(--grey2);border-radius: 16px;padding: 24px;}
.c_result p.surf {font-size: 18px;color: var(--violet1);border-bottom: 1px solid var(--grey2);padding-bottom: 10px;}
.c_result .infos {background: var(--grey1);border-radius: 8px;padding: 16px;}
.c_result .infos p:last-child{margin-bottom:0;}
.c_result .infos p span {font-family: 'Geist';font-size: 16px;}
.c_result .infos p span:first-of-type {font-weight:600;}
.c_result .infos p span:last-of-type {font-weight:400;}
.c_moteur {background: var(--violet1);border-radius: 16px;padding: 24px;margin-top: 1rem;}
.c_moteur .titre {font-size: 18px;color: var(--white);font-family: 'Nohemi';}
.c_moteur p{color: var(--white);}
.c_moteur .btn-primary{background:var(--violet2);}
.c_moteur .cLocalisation {display: flex;gap: 8px;background: var(--white);align-items: center;padding: 8px 10px;margin-bottom: 16px;border-radius:8px;}
.c_moteur button.submit {width: 100%;}