/*------------------------------------*\
    #COMMUN POPUP INSCRIPTION & ADHESION
/*------------------------------------*/
.container-popup {
    display: flex;
    gap: 1em;
    align-content: flex-start;
    justify-content: space-around;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 1em;
}

.container-membre {
    padding-top: 4.5em;
}

.container-membre .deja-Membre {
    width: 200px;
    /* font-family: "Segoe UI", serif; */
    font-size: 14px;
    text-align: center;
}

.container-membre .inscript_nbr_membre {
    /* margin-top: 2em;
    gap: 1em;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: stretch;
    align-items: flex-start;
    justify-content: center; */
}

.form-container {
    padding-top: 1rem;
    padding-bottom: 4em;
    background: var(--white);
    border-radius: 30px;
}

.form-container h1 {
    text-align: center;
    font-size: calc(3* var(--basePX));
    font-family: 'ClanOT-Medium', sans-serif;
    text-transform: uppercase;
}

.form-container h1.titre-fin {
    font-size: calc(2* var(--basePX) + 5px);
}

.form-container h2 {
    font-size: calc(2 * var(--basePX) + 5px);
    text-align: center;
    text-transform: uppercase;
}

.form-container h3 {
    font-size: calc(2* var(--basePX));
    text-transform: uppercase;
    text-align: center;
}

.form-container label {
    font-size: 14px;
    text-transform: uppercase;
}

.recap-label {
    font-size: calc(var(--basePX) +6) !important;
    text-transform: uppercase;
}

.form-container .label-genre {
    text-transform: initial;
}

.form-container p {
    text-align: center;
}

.form-container .recap-saisie {
    font-size: calc(var(--basePX) +6) !important;
}
 
.form-container .recap-1col {
    width: 100%;
    margin-left: 15px;
}

/*------------------------------*\
    #PAGE ADHESION
/*------------------------------*/
.container-popup  .form-adhesion {
    width: 860px;
}

.form-container label[for="b_nom"] {
    margin-top: 5em;
}

.form-adhesion .info-pj {
    font-size: calc(var(--basePX) + 2px);
}
/*------------------------------*\
    #PAGE INSCRIPTION
/*------------------------------*/

/* .container-popup  .form-inscription {
    width: 756px;
} */
    
.form-inscription .nb-mdp {
    /* padding-left: 5em; */
    /* padding-right: 5em; */
    font-size: calc(var(--basePX) + 6px);
    line-height: 18px;
    text-align: center;
    margin-top: 1.5em;
}


body.inscription .mainnavheader  {
    padding-top: 0;
}

body.inscription .main {
    padding-top: 2em;
    /* margin-top: -40px; */
}

body.inscription header.header-popup {
    background-color: transparent !important;
    position: initial;
    margin-top: 5px;
}

body.inscription .deja-Membre .btn {
    background: var(--white);
    border: 1px solid var(--black);
}

/*------------------------------*\
    #COMPONENTS
/*------------------------------*/

.form-container {
    background: var(--white);
    border-radius: 30px
}

.form-container input {
    box-shadow: 0px 3px 6px #00000012;
    border-radius: 0;
    border: none;
}

.form-inscription h1-,
#signup-form h2- {
    text-align: center;
    font-size: calc(3* var(--basePX));
    color: var(--main-color_demande) !important;
}

/* 
.form-inscription h3{
    text-align: center;
    font-size: calc(var(--basePX) +6) !important;
} */




#signup-form .form-group {
    margin-bottom: 0;
}
/* 
#signup-form .form-group label {
    font-size: calc(1.2 * var(--basePX));
    color: var(--main-color_demande);
} */

/* .form-inscription h1 {
    font-family: 'ClanOT-Medium', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
} */


.form-inscription .progressbar {
    margin-top: 40px;
}

.form-inscription .btn {
    margin-top: 1em;
    font-size: 14px !important;
    padding: 15px 30px;
    border-radius: 31px;
    justify-content: space-between !important;
} 
     
.form-inscription small {
    font-size: calc(var(--basePX) + 2px);
} 

.form-inscription h3.prix {
 font-size: calc(2 * var(--basePX) + 2px) !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    .inscription label.btn {
        padding: 5px 10px!important;
        width: 33%;
        display: flex;
        transform: initial;
        text-align: center;
        font-size: calc(var(--basePX) + 2px)!important;
    }
    .inscription label.btn > * {
        transform: initial;
    }
    .inscription label.btn .svg {
        display: none;
    }
}

.inscription__subtitle {
    color: var(--black);
    font-size: calc(var(--basePX) * 2);

}
.inscription__paragraph {
    font-size: calc(2* var(--basePX));
    margin-bottom: 8px;
}
.inscription__paragraph--black {
    font-size: calc(var(--basePX) + 4px);
    color: var(--black);
}
.inscription__label {
    color: var(--white);
}
.inscription__label {
    font-size: calc(var(--basePX) + 4px);
    color: var(--main-color_demande);
    text-transform: uppercase;
}

.inscription__label small {
    text-transform: initial;
}
.inscription .form-group .form-check-inline input[type="radio"] {
    margin-right: 0;
}

body.inscription.connected .deja-Membre  {
    display: none;
}

/* body.inscription .container-etape label {
    font-size: calc(var(--basePX) +6) !important;
} */


body.inscription .container-critere {
    /* width: 371px; */
    /* max-width: 280px;
    flex: 0 0 100%;
    flex-direction: column;
    flex-wrap: nowrap; */
}


/* Mediaqueries */
@media (max-width: 1473px) {
    /* body.inscription .container-membre {display: flex; max-width: 100%; justify-content: center; flex: 0 0 100%;} */
    /* .container-popup .container-membre {padding-top: 0;} */
    
}


@media (max-width: 1383px) {
    /* body.inscription .deja-Membre {width: 100%; margin-top: 0;}  */
}

@media (max-width: 1120px) {
    /* body.inscription .container-critere {width: 100%; max-width: 100%; margin-top: 2em; justify-content: center;}  */
    .container-inside-critere { display: flex; flex: row wrap; flex-direction: row; gap: 1em;}
}

@media (max-width: 900px) {
    body.inscription .main {margin-top: 0px;} 
}

@media (max-width: 768px) {
    body.inscription .main {margin-top: 0px;} 
    /* body.inscription .container-etape {width: 100%; max-width: 100%; flex: 0 0 100%;} */
    /* .container-popup .form-inscription {width: 100%;} */
}

@media (max-width: 576px) {
    .container-inside-critere {flex-wrap: wrap;}
    .contact {margin-top: 1em;}
}

@media (min-width: 576px) {
    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important;
    }
}

@media (max-width: 576px) {
    body.inscription .container-bouton {flex-direction: column;}
    body.inscription .container-bouton .btn {width: 100%;}
}