body {
    font-family: 'Exo 2';
    font-weight: 500;
    line-height: 1.3;
}

body a {
    color: #0f68a2;
}

h1 {
    font-size: 2rem;
}

#registration_form .identification legend {
    display: inline-block; width: auto;
    padding-left: 0.5rem; padding-right: 0.5rem;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

#registration_form .identification label {
    display: none;
}

.optin-label > div {
    clear: both;
}
.optin-label > div > label {
    float: right;
    margin-bottom: 1rem;
    line-height: 1.2;
    width: calc(100% - 2rem);
}

.menu-mentions ul {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    justify-content: flex-end;
    width: 100%;
}

.menu-mentions ul li {
    margin: 0 0.5rem;
}


.menu-mentions ul li:last-child {
    margin-right: 0;
    
}

.menu-mentions ul li.last a {
    vertical-align: middle;
    width: 20px;
    font-family: Font Awesome\ 5 Free!important;
    font-weight: 900;
    vertical-align: baseline;
    /*-webkit-font-smoothing: antialiased;
    text-rendering: auto;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    font-size: var(--font-size-lg);
    height: 16px;
    margin-right: 10px;
    vertical-align: baseline;
    width: 20px;*/

}

.menu-mentions ul li.last a:before {
    /*font-family: Font Awesome\ 5 Free!important;*/
    content: "\f023"; 
    /*display: inline-flex;*/
    /*width: 20px;*/
}

ul.nav-tabs {
    border-bottom: none;
}

#tabs .table {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    border-bottom: 1px solid #dee2e6;
}

#mes-infos {
    border: 1px solid #dee2e6;
}

section > .card-header h2 {
    font-size: 1.75rem;
}

.connexion-home {
    margin-bottom: auto;
}

h3.event-title,
h3.formula-title {
    font-size: 1.5rem;
    padding: .5rem .75rem;
}
h3.event-title:before,
h3.formula-title:before,
#step6 label p:before {
    content:'\f0c8'; display: inline-block;
    vertical-align: middle;
    width: 20px;
    font-family: Font Awesome\ 5 Free!important;
    vertical-align: baseline;
    margin-right: 7px;
}

.event-card input[name="event"]:checked + label h3.event-title:before,
.formula-card input[name*="formula"]:checked + label h3.formula-title:before,
#step6 input:checked + label p:before {
    content: '\f14a';
}

.event-description,
.formula-description {
    font-size: 0.875rem;
}
.event-description h1,
.formula-description h1 {
    font-size: 1.375rem;
    line-height: 1.1;
}
.event-description ul,
.formula-description ul {
    padding-left: 1.5rem;
    padding-top: 0.75rem;
}
.event-description li h1, 
.formula-description li h1 {
    font-size: 1.25rem;
}

.card-img, .card-img-bottom {
    border-radius: 0;
}

.justify-content-space-between .align-self-end {
    margin-left: auto;
}

#step4 #tabs {
    margin-left: -10px;
    margin-right: -10px;
    border: 1px solid #dee2e6;
    padding: 0 1rem 1rem;
}
#step4 .tab h3 {
    margin-left: -1rem;
    margin-right: -1rem;
    padding: 0.75rem 1rem 0.5rem;
    border-bottom: 1px solid #dee2e6;
    background-color: #f7f7f7;
}


#step4 .nav-tabs .nav-link {
    border-color: #dee2e6;
}

#step4 .nav-tabs .nav-link:focus, 
#step4 .nav-tabs .nav-link:hover {
    border-color: #e9ecef #e9ecef #dee2e6;
}

#step4 .nav-tabs .nav-item.show .nav-link,
#step4 .nav-tabs .nav-link.active {
    border-color: #dee2e6 #dee2e6 #f7f7f7;
    background: #f7f7f7;
}

.card-header h2 small,
#step4 h4 small { font-size: 50%; font-weight: 400; }

.card-header h2 small.save, 
.card-header h2 small.invalid {
    display: none;
}

.recap {
    display: none;
}

label.form-check-label.alert {
    padding-bottom: 0;
}


@media screen and (max-width: 41.99em) {
    #mes-demandes .table thead {
        display: none;
    }

    #mes-demandes .table tr {
        display: flex;
        flex-wrap: wrap;
    }

    #mes-demandes .table td {
        border-top: 0;
        width: 100%;
        padding: .125rem .75rem;
        line-height: 1.2;
    }
    #mes-demandes .table tr {
        border-top: 1px solid #dee2e6;
        padding: .5rem 0;
    }
    #mes-demandes .table td:before {
        content: attr(data-label);
        display: inline-block;
        font-weight: bold;
        padding-right: 0.5rem;
    }
}

@media screen and (min-width: 62em) {
    html,
    body {
        height: 100%;
    }
    body {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    body > .container:nth-child(2) {
        margin-top: 0;
        margin-bottom: auto;
    }
}


/* ############################################################################################## */
/* ################### Bouton de modification d'étape  #################################################################################### */

form[data-etape="0"] .btn-validation,

form[data-etape="1"]:not(.edit) .btn-validation #quotation_draft,
form[data-etape="2"]:not(.edit) .btn-validation #quotation_draft,
form[data-etape="3"]:not(.edit) .btn-validation #quotation_draft,
form[data-etape="4"]:not(.edit) .btn-validation #quotation_draft,
form[data-etape="5"]:not(.edit) .btn-validation #quotation_draft,

form[data-etape="1"] .btn-validation #quotation_submit,
form[data-etape="2"] .btn-validation #quotation_submit,
form[data-etape="3"] .btn-validation #quotation_submit,
form[data-etape="4"] .btn-validation #quotation_submit,
form[data-etape="5"] .btn-validation #quotation_submit,

form[data-etape="0"]:not(.edit) .card-footer .btn[aria-controls="step2"],
form[data-etape="0"]:not(.edit) .card-header .btn[aria-controls="step1"],
form[data-etape="0"]:not(.edit) .card-header .btn[aria-controls="step2"],
form[data-etape="0"]:not(.edit) .card-header .btn[aria-controls="step3"],
form[data-etape="0"]:not(.edit) .card-header .btn[aria-controls="step4"],
form[data-etape="0"]:not(.edit) .card-header .btn[aria-controls="step5"],

form[data-etape="1"]:not(.edit) .card-header .btn[aria-controls="step1"],
form[data-etape="1"]:not(.edit) .card-header .btn[aria-controls="step2"],
form[data-etape="1"]:not(.edit) .card-header .btn[aria-controls="step3"],
form[data-etape="1"]:not(.edit) .card-header .btn[aria-controls="step4"],
form[data-etape="1"]:not(.edit) .card-header .btn[aria-controls="step5"],

form[data-etape="2"]:not(.edit) .card-header .btn[aria-controls="step2"],
form[data-etape="2"]:not(.edit) .card-header .btn[aria-controls="step3"],
form[data-etape="2"]:not(.edit) #step2:not(.selected) .card-footer .btn[aria-controls="step3"],
form[data-etape="2"]:not(.edit) .card-header .btn[aria-controls="step4"],
form[data-etape="2"]:not(.edit) .card-header .btn[aria-controls="step5"],

form[data-etape="3"] .card-header .btn[aria-controls="step3"],
form[data-etape="3"] .card-header .btn[aria-controls="step4"],
form[data-etape="3"] #step3:not(.selected) .card-footer .btn[aria-controls="step4"],
form[data-etape="3"] .card-header .btn[aria-controls="step5"],

form[data-etape="4"] .card-header .btn[aria-controls="step4"],
form[data-etape="4"] #step4:not(.selected) .card-footer .btn[aria-controls="step5"],
form[data-etape="4"] .card-header .btn[aria-controls="step5"],

form[data-etape="5"] .card-header .btn[aria-controls="step5"],

.event-card input[name="event"],
.formula-card input[name*="formula"],
#step6 input[type="checkbox"]
{
    display: none;
}

#step6 .form-check-label {
    display: block;
}
/* ############################################################################################## */
/* ############################################################################################## */