/**********************************/
/************ POLICE **************/
/**********************************/
@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Light/Quicksand-Light.eot');
    src: url('../fonts/Quicksand-Light/Quicksand-Light.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Quicksand-Light/Quicksand-Light.woff2') format('woff2'),
    url('../fonts/Quicksand-Light/Quicksand-Light.woff') format('woff'),
    url('../fonts/Quicksand-Light/Quicksand-Light.ttf') format('truetype'),
    url('../fonts/Quicksand-Light/Quicksand-Light.svg#Quicksand-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Regular/Quicksand-Regular.eot');
    src: url('../fonts/Quicksand-Regular/Quicksand-Regular.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Quicksand-Regular/Quicksand-Regular.woff2') format('woff2'),
    url('../fonts/Quicksand-Regular/Quicksand-Regular.woff') format('woff'),
    url('../fonts/Quicksand-Regular/Quicksand-Regular.ttf') format('truetype'),
    url('../fonts/Quicksand-Regular/Quicksand-Regular.svg#Quicksand-Regular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Medium/Quicksand-Medium.eot');
    src: url('../fonts/Quicksand-Medium/Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Quicksand-Medium/Quicksand-Medium.woff2') format('woff2'),
    url('../fonts/Quicksand-Medium/Quicksand-Medium.woff') format('woff'),
    url('../fonts/Quicksand-Medium/Quicksand-Medium.ttf') format('truetype'),
    url('../fonts/Quicksand-Medium/Quicksand-Medium.svg#Quicksand-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-SemiBold/Quicksand-SemiBold.eot');
    src: url('../fonts/Quicksand-SemiBold/Quicksand-SemiBold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Quicksand-SemiBold/Quicksand-SemiBold.woff2') format('woff2'),
    url('../fonts/Quicksand-SemiBold/Quicksand-SemiBold.woff') format('woff'),
    url('../fonts/Quicksand-SemiBold/Quicksand-SemiBold.ttf') format('truetype'),
    url('../fonts/Quicksand-SemiBold/Quicksand-SemiBold.svg#Quicksand-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('../fonts/Quicksand-Bold/Quicksand-Bold.eot');
    src: url('../fonts/Quicksand-Bold/Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
    url('../fonts/Quicksand-Bold/Quicksand-Bold.woff2') format('woff2'),
    url('../fonts/Quicksand-Bold/Quicksand-Bold.woff') format('woff'),
    url('../fonts/Quicksand-Bold/Quicksand-Bold.ttf') format('truetype'),
    url('../fonts/Quicksand-Bold/Quicksand-Bold.svg#Quicksand-Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}



/**********************************/
/************ COMMUN **************/
/**********************************/

html, body{
    --arrondiBouton: 0.55rem;
    --fondBandeauAccueil: #F0F9FF;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 400;
    background-color: #FFFFFF;
    font-size: 1rem;
    color : #376EB4;
}

h1,
.h1,
h1.h2{
    font-size: 2.6rem;
    font-weight: 700;
}

h2,
.h2{
    font-size: 1.75rem;
    font-weight: 700;
}

.fs-6{
    font-size: 1rem !important;
}

body,
button,
input,
select,
textarea{
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 400;
}

.btn-primary
{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: #1B5CB1 !important;
    border-color: #1B5CB1 !important;
    color: #FFFFFF !important;
    padding: 0.6875rem 1.25rem !important;
    min-height: 3rem;
    border-width: 1px !important;
    border-radius: var(--arrondiBouton) !important;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 500;
    line-height: 1 !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn-secondary{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background-color: transparent !important;
    color: #1A5CB1 !important;
    padding: 0.6875rem 1.25rem !important;
    min-height: 3rem;
    border-radius: var(--arrondiBouton) !important;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 500;
    line-height: 1 !important;
    border: 1px solid #1A5CB1;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease;

}

.btn-outline-primary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0.6875rem 1.25rem !important;
    min-height: 3rem;
    border-width: 1px !important;
    border-radius: var(--arrondiBouton) !important;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 500;
    line-height: 1 !important;
}

.btn-outline-danger {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0.6875rem 1.25rem !important;
    min-height: 3rem;
    border-width: 1px !important;
    border-radius: var(--arrondiBouton) !important;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 500;
    line-height: 1 !important;
}

.btn-danger,
.btn-outline-secondary {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0.6875rem 1.25rem !important;
    min-height: 3rem;
    border-width: 1px !important;
    border-radius: var(--arrondiBouton) !important;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 500;
    line-height: 1 !important;
}

.btn-secondary.btn:hover{
    background-color: transparent !important;
    border-color: #1A5CB1;
    color: #1A5CB1 !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(27, 92, 177, 0.22);
}

.btn-secondary.btn-check:focus+.btn, .btn-secondary.btn:focus{
    border-color: #1A5CB1;
    background-color: transparent !important;
    color: #1A5CB1 !important;
    box-shadow: 0 0 0 0.25rem rgba(26, 92, 177, 0.25);

}

.btn-tertiary{
    background-color: #FFFFFF !important;
}

.text-bleu{
    color: #376EB4;
}

a{
    color: #376EB4;
}

.text-orange{
    color: #E95A1B;
}

.bg-primary{
    background-color: #ebf0f7 !important;
}

.bg-secondary{
    background-color: #fdeee8 !important;
}

.bg-secondary-fonce{
    background-color: #E95A1B !important;
}

.bg-primary-fonce{
    background-color: #376EB4FF !important;
}

label {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    margin-right: 15px;
    cursor: pointer;
    font-size: 16px;
    line-height: 20px;
}

input[type="radio"] {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    width: 25px;
    height: 25px;
    border: 2px solid #3f7cc9;
    border-radius: 5px;
    background-color: #FFFFFF;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 8px;
    top: 1px;
    width: 5px;
    height: 15px;
    border: solid white;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

input[type="radio"]:checked + .checkmark:after {
    display: block;
    border-color: #E95A1B;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-outline-primary:hover,
.btn-outline-primary:focus
{
    background-color: #154A8D !important;
    border-color: #154A8D !important;
    color: #FFFFFF !important;
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(27, 92, 177, 0.22);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus
{
    transform: translateY(-1px);
    box-shadow: 0 8px 18px rgba(27, 92, 177, 0.22);
}

a,
a:hover,
a:focus,
a:visited,
a:active{
    text-decoration: none;
}

.bandeau{
    width: 100%;
    background: var(--fondBandeauAccueil);
}

.bandeauAccueil{
    background: url('../images/webp/logiciel_fidelite_client_citefid_caisse_commerce_statistiques_crm_marketing.webp') center center / cover no-repeat;
}

.bandeauDegrade{
    background: linear-gradient(180deg, #d3eaf7 0%, #FFFFFF 100%);
}

.titreBandeauOutils{
    font-size: 2.3125rem;
}

.sectionOutils{
    overflow-x: hidden;
    overflow-y: visible;
}

.enteteSectionOutils{
    max-width: 42rem;
}

.conteneurSliderOutils{
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.zoneVisibleSliderOutils{
    overflow-x: hidden;
    overflow-y: visible;
    padding-top: 1.5rem;
    padding-right: 2.75rem;
    padding-bottom: 2rem;
    padding-left: 2.75rem;
}

.titreSectionOutils{
    color: #1A5CB1;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1.15;
}

.titreSectionOutils span{
    color: #F56A2C;
}

.sousTitreSectionOutils{
    color: #376EB5;
    font-size: 1.6875rem;
    line-height: 1.2;
}

.sectionDataFidelisation{
    background-color: #FFFFFF;
}

.titreDataFidelisation{
    color: #1A5CB1;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1.25;
}

.descriptionDataFidelisation{
    color: #376EB5;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
}

.sliderOutils{
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.sliderOutils .slick-list{
    overflow: visible;
}

.sliderOutils .slick-track{
    display: flex;
    align-items: stretch;
}

.sliderOutils .slick-slide{
    height: auto;
    padding: 0 0.75rem;
    opacity: 0.78;
    transition: opacity 0.3s ease;
}

.sliderOutils .slick-slide > div{
    height: 100%;
}

.elementSliderOutils{
    height: 100%;
}

.carteOutil{
    background-color: #FFFFFF;
    border-radius: 2rem;
    padding: 2rem 1.5rem;
    box-shadow: 0 1px 7px rgba(26, 92, 177, 0.12);
    min-height: 320px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.iconeCarteOutil{
    width: 4.5rem;
    height: 4.5rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

.iconeCarteOutil img{
    display: block;
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.iconeCarteOutilRotation{
    transform: rotate(344deg);
}

.titreCarteOutil{
    margin: 0 0 1rem;
    color: rgba(245, 106, 44, 0.71);
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.25;
}

.texteCarteOutil{
    margin: 0;
    color: rgba(26, 92, 177, 0.71);
    font-size: 1rem;
    line-height: 1.75;
}

.sliderOutils .slick-center,
.sliderOutils .slick-current{
    opacity: 1;
}

.sliderOutils .slick-center .carteOutil{
    transform: translateY(-20px) scale(1.03);
    box-shadow: 0 12px 24px rgba(26, 92, 177, 0.18);
    position: relative;
    z-index: 2;
}

.sliderOutils .slick-center .titreCarteOutil,
.sliderOutils .slick-current .titreCarteOutil{
    color: rgba(245, 106, 44, 1);
}

.sliderOutils .slick-center .texteCarteOutil,
.sliderOutils .slick-current .texteCarteOutil{
    color: rgba(26, 92, 177, 1);
}

.sliderOutils .slick-arrow{
    width: 2.75rem;
    height: 2.75rem;
    margin-top: -1.375rem;
    background: transparent;
    border: 0;
    box-shadow: none;
    z-index: 5;
}

.sliderOutils .slick-prev{
    left: 0.25rem;
}

.sliderOutils .slick-next{
    right: 0.25rem;
}

.sliderOutils .slick-prev::before,
.sliderOutils .slick-next::before{
    color: #1A5CB1;
    font-size: 1.75rem;
    opacity: 1;
}

.sectionAvisAccueil{
    overflow-x: hidden;
    overflow-y: visible;
    background-color: #FFFFFF;
}

.enteteSectionAvisAccueil{
    max-width: 47rem;
}

.conteneurSliderAvisAccueil{
    position: relative;
    width: 100%;
    max-width: 100%;
    overflow: visible;
}

.zoneVisibleSliderAvisAccueil{
    overflow-x: hidden;
    overflow-y: visible;
    padding-top: 1.5rem;
    padding-right: 2.75rem;
    padding-bottom: 2rem;
    padding-left: 2.75rem;
}

.titreSectionAvisAccueil{
    color: #1A5CB1;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1.15;
}

.sousTitreSectionAvisAccueil{
    color: #376EB5;
    font-size: 1.35rem;
    line-height: 1.35;
}

.sliderAvisAccueil{
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.sliderAvisAccueil .slick-list{
    overflow: visible;
}

.sliderAvisAccueil .slick-track{
    display: flex;
    align-items: stretch;
}

.sliderAvisAccueil .slick-slide{
    height: auto;
    padding: 0 0.75rem;
    opacity: 0.78;
    transition: opacity 0.3s ease;
}

.sliderAvisAccueil .slick-slide > div{
    height: 100%;
}

.elementSliderAvisAccueil{
    height: 100%;
}

.carteAvisAccueil{
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 360px;
    padding: 2rem 1.5rem;
    background-color: #FFFFFF;
    border-radius: 2rem;
    box-shadow: 0 1px 7px rgba(26, 92, 177, 0.12);
    transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}

.enteteCarteAvisAccueil{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
}

.nomCarteAvisAccueil{
    margin: 0 0 0.25rem;
    color: rgba(245, 106, 44, 0.82);
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.25;
}

.dateCarteAvisAccueil{
    margin: 0;
    color: rgba(26, 92, 177, 0.68);
    font-size: 0.95rem;
    font-weight: 600;
    line-height: 1.25;
}

.etoilesCarteAvisAccueil{
    display: inline-flex;
    flex-wrap: nowrap;
    gap: 0.25rem;
    color: #F56A2C;
    font-size: 0.95rem;
    line-height: 1;
    padding-top: 0.25rem;
}

.texteCarteAvisAccueil{
    color: rgba(26, 92, 177, 0.76);
    font-size: 1rem;
    line-height: 1.75;
}

.sliderAvisAccueil .slick-center,
.sliderAvisAccueil .slick-current{
    opacity: 1;
}

.sliderAvisAccueil .slick-center .carteAvisAccueil{
    transform: translateY(-20px) scale(1.03);
    box-shadow: 0 12px 24px rgba(26, 92, 177, 0.18);
    position: relative;
    z-index: 2;
}

.sliderAvisAccueil .slick-center .nomCarteAvisAccueil,
.sliderAvisAccueil .slick-current .nomCarteAvisAccueil{
    color: rgba(245, 106, 44, 1);
}

.sliderAvisAccueil .slick-center .dateCarteAvisAccueil,
.sliderAvisAccueil .slick-current .dateCarteAvisAccueil,
.sliderAvisAccueil .slick-center .texteCarteAvisAccueil,
.sliderAvisAccueil .slick-current .texteCarteAvisAccueil{
    color: rgba(26, 92, 177, 1);
}

.sliderAvisAccueil .slick-arrow{
    width: 2.75rem;
    height: 2.75rem;
    margin-top: -1.375rem;
    background: transparent;
    border: 0;
    box-shadow: none;
    z-index: 5;
}

.sliderAvisAccueil .slick-prev{
    left: 0.25rem;
}

.sliderAvisAccueil .slick-next{
    right: 0.25rem;
}

.sliderAvisAccueil .slick-prev::before,
.sliderAvisAccueil .slick-next::before{
    color: #1A5CB1;
    font-size: 1.75rem;
    opacity: 1;
}

@media (max-width: 991.98px){
    .sliderOutils .slick-center .carteOutil{
        transform: translateY(-14px) scale(1.02);
    }

    .sliderAvisAccueil .slick-center .carteAvisAccueil{
        transform: translateY(-14px) scale(1.02);
    }
}

@media (max-width: 575.98px){
    .zoneVisibleSliderOutils{
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .zoneVisibleSliderAvisAccueil{
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .sliderOutils .slick-slide{
        padding: 0 0.25rem;
        opacity: 1;
    }

    .sliderAvisAccueil .slick-slide{
        padding: 0 0.25rem;
        opacity: 1;
    }

    .carteOutil{
        min-height: 0;
        padding: 1.75rem 1.25rem;
    }

    .carteAvisAccueil{
        min-height: 0;
        padding: 1.75rem 1.25rem;
    }

    .enteteCarteAvisAccueil{
        flex-direction: column;
    }

    .sliderOutils .slick-center .carteOutil{
        transform: translateY(-10px) scale(1.01);
    }

    .sliderAvisAccueil .slick-center .carteAvisAccueil{
        transform: translateY(-10px) scale(1.01);
    }

    .sliderOutils .slick-prev{
        left: 0;
    }

    .sliderAvisAccueil .slick-prev{
        left: 0;
    }

    .sliderOutils .slick-next{
        right: 0;
    }

    .sliderAvisAccueil .slick-next{
        right: 0;
    }
}

@media (min-width: 576px) and (max-width: 767.98px){
    .zoneVisibleSliderAvisAccueil{
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .sliderAvisAccueil .slick-slide{
        padding: 0 0.25rem;
        opacity: 1;
    }

    .carteAvisAccueil{
        min-height: 0;
        padding: 1.75rem 1.25rem;
    }

    .enteteCarteAvisAccueil{
        flex-direction: column;
    }

    .sliderAvisAccueil .slick-center .carteAvisAccueil{
        transform: translateY(-10px) scale(1.01);
    }

    .sliderAvisAccueil .slick-prev{
        left: 0;
    }

    .sliderAvisAccueil .slick-next{
        right: 0;
    }
}

.titreSectionSupportsFidelisation{
    color: #1A5CB1;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 2.1875rem;
    font-weight: 700;
    line-height: 1.15;
}

.titreSectionSupportsFidelisation span{
    color: #F56A2C;
}

.sousTitreSectionSupportsFidelisation{
    color: #376EB5;
    font-size: 1.25rem;
    line-height: 1.45;
    max-width: 36rem;
}

.listeSupportsFidelisation{
    border-top: 1px solid rgba(26, 92, 177, 0.16);
}

.itemSupportFidelisation{
    border-bottom: 1px solid rgba(26, 92, 177, 0.16);
    padding: 1.25rem 0;
    transition: padding 0.25s ease;
}

.boutonSupportFidelisation{
    width: 100%;
    padding: 0;
    border: 0;
    background: transparent;
    color: rgba(26, 92, 177, 0.74);
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.25;
    text-align: left;
    transition: color 0.25s ease;
}

.contenuSupportFidelisation{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease, opacity 0.25s ease, margin-top 0.25s ease;
    opacity: 0;
    margin-top: 0;
}

.contenuSupportFidelisation > div{
    overflow: hidden;
}

.contenuSupportFidelisation p{
    color: rgba(26, 92, 177, 0.74);
    font-size: 1rem;
    line-height: 1.75;
    margin-bottom: 1rem;
}

.itemSupportFidelisation.estActif{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.itemSupportFidelisation.estActif .boutonSupportFidelisation{
    color: #F56A2C;
}

.itemSupportFidelisation.estActif .contenuSupportFidelisation{
    grid-template-rows: 1fr;
    opacity: 1;
    margin-top: 1rem;
}

.zoneVisuelleSupportsFidelisation{
    position: relative;
    min-height: 34rem;
    padding: 2rem;
    overflow: visible;
}

.panneauVisuelSupport{
    position: absolute;
    inset: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    pointer-events: none;
    transform: translateY(1rem);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

.panneauVisuelSupport.estActif{
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
}

.visuelSupportPrincipal{
    display: block;
    width: 100%;
    max-width: 29rem;
    margin: 0 auto;
}

.visuelSupportPrincipal img{
    width: 100%;
    border-radius: 1.5rem;
}

@media (max-width: 991.98px){
    .zoneVisuelleSupportsFidelisation{
        min-height: 28rem;
    }
}

@media (max-width: 575.98px){
    .boutonSupportFidelisation{
        font-size: 1.25rem;
    }

    .zoneVisuelleSupportsFidelisation{
        min-height: 22rem;
        padding: 1.25rem;
    }

    .panneauVisuelSupport{
        inset: 1.25rem;
    }
}

.blocFidelisationAccueil{
    margin-top: 80px;
}

#titreFidelisationAccueil{
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 700;
}

#titreFidelisationAccueil + p{
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 300;
}

#titreFidelisationAccueil + p + div + p{
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 700;
}

.sectionDemoGratuite{
    background: #FFFFFF;
}

.sectionDemoGratuite .container{
    background: var(--fondBandeauAccueil);
    border: 1px solid rgba(26, 92, 177, 0.12);
    border-radius: 16px;
    padding: clamp(1.75rem, 4vw, 2.75rem);
    box-shadow: 0 10px 28px rgba(26, 92, 177, 0.08);
}

.accrocheDemoGratuite{
    color: #E95A1B;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: uppercase;
}

.titreDemoGratuite{
    color: #1A5CB1;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: clamp(1.65rem, 3vw, 2.2rem);
    font-weight: 700;
    line-height: 1.2;
}

.titreDemoGratuite span{
    color: #E95A1B;
}

.texteDemoGratuite{
    max-width: 46rem;
    color: #376EB4;
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.65;
}

.boutonDemoGratuite{
    white-space: normal;
    text-align: center;
}

@media (max-width: 575.98px){
    .sectionDemoGratuite .container{
        border-radius: 0;
    }

    .boutonDemoGratuite{
        width: 100%;
    }
}

#titreActionsMarketing{
    font-family: 'Quicksand',arial,helvetica,sans-serif;
    font-weight: 700;
}

.panneauActionsMarketing{
    background: #1A5CB1;
    border-radius: 16px;
    padding: clamp(1.875rem, 4vw, 2.5rem);
}

.elementActionsMarketing{
    position: relative;
    padding: 0 clamp(1rem, 2.5vw, 1.625rem);
}

.elementActionsMarketing:first-child{
    padding-left: 0;
}

.elementActionsMarketing:last-child{
    padding-right: 0;
}

.elementActionsMarketing + .elementActionsMarketing::before{
    content: "";
    position: absolute;
    top: 0.15rem;
    bottom: 0.15rem;
    left: 0;
    width: 1px;
    background: rgba(255, 255, 255, 0.32);
}

.titreElementActionsMarketing{
    margin: 0 0 0.75rem;
    color: #FFFFFF;
    font-family: 'Quicksand',arial, helvetica, sans-serif;
    font-size: 0.87rem;
    font-weight: 700;
    line-height: 1.25;
    min-height: 4.125rem;
}

.texteElementActionsMarketing{
    margin: 0;
    color: rgba(255, 255, 255, 0.82);
    font-family: 'Quicksand',arial, helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.sectionEtapesCreation{
    background: linear-gradient(90deg, #FFF8F2 0%, #DBEBFF 100%);
}

.sectionEtapesCreationBleue{
    background: linear-gradient(90deg, #c4d0e1 0%, #DBEBFF 0%, #1A5CB1 100%);
}

.sectionEtapesCreationBleue .numeroEtapeCreation,
.sectionEtapesCreationBleue .titreEtapeCreation,
.sectionEtapesCreationBleue .descriptionEtapeCreation{
    color: #FFFFFF;
}

.sectionEtapesCreationInterieur{
    position: relative;
    min-height: auto;
}

.sectionEtapesCreationZoneFixe{
    position: relative;
    top: auto;
    z-index: 1;
}

.sectionEtapesCreationZoneFixe > .row{
    min-height: auto;
}

.colonneEtapesCreation{
    min-width: 0;
}

.titreEtapesCreationBloc{
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.2;
    color: #376EB4;
    max-width: 44rem;
}

.listeEtapesCreation{
    display: grid;
    gap: 1.75rem;
}

.blocEtapeCreation{
    border-radius: 2rem;
    overflow: hidden;
    background: linear-gradient(90deg, #FFF8F2 0%, #DBEBFF 100%);
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.blocEtapeCreationGradientRadial{
    background: linear-gradient(90deg, #FFF8F2 0%, #DBEBFF 58%, #1A5CB1 100%);
}

.ligneEtapeCreation{
    --bs-gutter-x: 1.5rem;
    min-height: auto;
}

.texteEtapeCreation{
    min-width: 0;
}

.numeroEtapeCreation{
    flex: 0 0 auto;
    font-family: 'Quicksand', sans-serif;
    font-size: clamp(4.5rem, 8vw, 7.5625rem);
    font-weight: 300;
    line-height: 0.95;
    color: #1A5CB1;
}

.titreEtapeCreation{
    font-family: 'Quicksand', sans-serif;
    font-size: 1.45rem;
    font-weight: 400;
    line-height: 1.25;
    color: #376EB4;
}

.descriptionEtapeCreation{
    max-width: 32rem;
    font-family: 'Quicksand', sans-serif;
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.55;
    color: #376EB4;
}

.visuelEtapeCreation{
    position: relative;
    width: 100%;
    max-width: 42rem;
    aspect-ratio: 4 / 3;
    margin-left: auto;
    padding: 0;
    overflow: hidden;
}

.visuelEtapeCreation picture{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.imageEtapeCreation{
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(1.35);
    transform-origin: center;
    transition: transform 0.45s ease;
}

.visuelEtapeCreation:hover .imageEtapeCreation{
    transform: scale(1.4);
}

.effetsEtapesCreationActifs .sectionEtapesCreationReveal .titreEtapesCreationBloc,
.effetsEtapesCreationActifs .sectionEtapesCreationReveal .numeroEtapeCreation,
.effetsEtapesCreationActifs .sectionEtapesCreationReveal .titreEtapeCreation,
.effetsEtapesCreationActifs .sectionEtapesCreationReveal .descriptionEtapeCreation,
.effetsEtapesCreationActifs .sectionEtapesCreationReveal .visuelEtapeCreation{
    opacity: 1;
    transform: none;
}

.effetsEtapesCreationActifs .sectionEtapesCreationVisible .titreEtapesCreationBloc{
    animation: popEtapeCreation 0.34s ease-out 0.01s both;
}

.effetsEtapesCreationActifs .sectionEtapesCreationVisible .numeroEtapeCreation{
    animation: popEtapeCreation 0.34s ease-out 0.03s both;
}

.effetsEtapesCreationActifs .sectionEtapesCreationVisible .titreEtapeCreation{
    animation: popEtapeCreation 0.34s ease-out 0.05s both;
}

.effetsEtapesCreationActifs .sectionEtapesCreationVisible .descriptionEtapeCreation{
    animation: popEtapeCreation 0.34s ease-out 0.07s both;
}

.effetsEtapesCreationActifs .sectionEtapesCreationVisible .visuelEtapeCreation{
    animation: popEtapeCreation 0.36s ease-out 0.04s both;
}

@keyframes popEtapeCreation {
    0% {
        transform: scale(0.985);
    }
    100% {
        transform: scale(1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .imageEtapeCreation,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .titreEtapesCreationBloc,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .numeroEtapeCreation,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .titreEtapeCreation,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .descriptionEtapeCreation,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .visuelEtapeCreation{
        animation: none;
        transition: none;
    }

    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .titreEtapesCreationBloc,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .numeroEtapeCreation,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .titreEtapeCreation,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .descriptionEtapeCreation,
    .effetsEtapesCreationActifs .sectionEtapesCreationReveal .visuelEtapeCreation{
        opacity: 1;
        transform: none;
    }
}

@media all and (max-width: 991px) {
    .sectionEtapesCreationInterieur{
        min-height: auto;
    }

    .sectionEtapesCreationZoneFixe{
        top: auto;
    }

    .titreEtapesCreationBloc{
        max-width: none;
    }

    .ligneEtapeCreation{
        --bs-gutter-x: 1rem;
        min-height: auto;
    }

    .blocEtapeCreation{
        padding: 1.25rem;
    }

    .numeroEtapeCreation{
        font-size: clamp(4.25rem, 15vw, 6.5rem);
    }

    .titreEtapeCreation{
        font-size: 1.35rem;
    }

    .descriptionEtapeCreation{
        max-width: none;
    }

    .visuelEtapeCreation{
        max-width: 38rem;
        margin: 0 auto;
    }

}

@media all and (max-width: 575px) {
    .sectionEtapesCreationInterieur{
        min-height: auto;
    }

    .sectionEtapesCreationZoneFixe{
        top: auto;
    }

    .titreEtapesCreationBloc{
        font-size: 1.65rem;
    }

    .ligneEtapeCreation > [class*="col-"]{
        width: 100%;
    }

    .ligneEtapeCreation{
        min-height: auto;
    }

    .blocEtapeCreation{
        padding: 1rem;
        border-radius: 1.5rem;
    }

    .titreEtapeCreation{
        font-size: 1.2rem;
    }

    .descriptionEtapeCreation{
        font-size: 0.95rem;
    }

    .visuelEtapeCreation{
        max-width: 100%;
    }
}

.sectionBeneficesObjectifs{
    background-color: #FFFFFF;
}

.sectionTarifs{
    background: linear-gradient(180deg, #F7FAFF 0%, #FFFFFF 100%);
}

.sectionTarifsSecteurs{
    background: transparent;
}

.blocQuestionTarifsSecteurs{
    background-color: rgba(88, 138, 204, 0.07);
}

.titreBlocContactExpert{
    font-family: 'Quicksand', sans-serif;
    font-size: 2.3125rem;
    font-weight: 700;
    line-height: 1.2;
}

.formulaireContactExpert{
    border-radius: 1.75rem;
    padding: clamp(1.5rem, 3vw, 2.5rem);
}

.etiquetteContactExpert{
    display: block;
    padding-left: 0;
    margin-right: 0;
    margin-bottom: 0.55rem;
    color: #376EB4;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.3;
    cursor: default;
}

.champContactExpert{
    min-height: 3.75rem;
    border: 1px solid rgba(55, 110, 180, 0.08) !important;
    border-radius: 1.25rem !important;
    background-color: #FFFFFF !important;
    box-shadow: 0 10px 25px rgba(34, 72, 120, 0.08);
    color: #376EB4 !important;
    padding: 1rem 1.25rem !important;
    font-size: 1rem;
    line-height: 1.4;
}

.champContactExpert::placeholder{
    color: rgba(55, 110, 180, 0.58);
}

.champContactExpert:focus{
    border-color: rgba(27, 92, 177, 0.26) !important;
    box-shadow: 0 0 0 0.2rem rgba(27, 92, 177, 0.12), 0 10px 25px rgba(34, 72, 120, 0.08) !important;
}

.conteneurSelectContactExpert{
    position: relative;
}

.champSelectContactExpert{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding-right: 3.5rem !important;
    background-image: none !important;
}

.conteneurSelectContactExpert::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1.4rem;
    width: 0.85rem;
    height: 0.55rem;
    transform: translateY(-50%);
    pointer-events: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='10' viewBox='0 0 14 10'%3E%3Cpath d='M1 1.5 7 8.5l6-7' fill='none' stroke='%23376EB4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.zoneMessageContactExpert{
    min-height: 10.5rem;
    resize: vertical;
}

.sectionContactFidelisation{
    background: linear-gradient(180deg, #ffffff 0%, #7dadea 100%);
}

.titreContactFidelisation{
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.375rem;
    font-weight: 700;
    line-height: 1.25;
}

.texteContactFidelisation{
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
}

.visuelContactFidelisation{
    max-width: 35rem;
}

@media (max-width: 575.98px) {
    .titreBlocContactExpert{
        font-size: 1.9rem;
    }

    .titreContactFidelisation{
        font-size: 1.9rem;
    }

    .visuelContactFidelisation{
        max-width: 18rem;
        margin-left: auto;
        margin-right: auto;
    }

    .formulaireContactExpert{
        border-radius: 1.25rem;
        padding: 1.25rem;
    }
}

.sectionTarifsTitre{
    color: #EF6528;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.3125rem;
    font-weight: 700;
    line-height: 1.2;
}

.sectionTarifsSousTitre{
    color: #376EB5;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
}

.selecteurPeriodiciteTarifs{
    gap: 0.35rem;
    padding: 0.35rem;
    border: 1px solid rgba(26, 92, 177, 0.14);
    border-radius: 999px;
    background-color: #FFFFFF;
    box-shadow: 0 10px 25px rgba(26, 92, 177, 0.10);
}

.boutonPeriodiciteTarifs{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.45rem;
    min-height: 2.85rem;
    padding: 0.55rem 1.2rem;
    border: 0;
    border-radius: 999px;
    background-color: transparent;
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.2;
    transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.boutonPeriodiciteTarifs:hover,
.boutonPeriodiciteTarifs:focus{
    color: #154A8D;
}

.boutonPeriodiciteTarifs:focus-visible{
    outline: 3px solid rgba(26, 92, 177, 0.22);
    outline-offset: 2px;
}

.boutonPeriodiciteTarifs.active{
    color: #FFFFFF;
    background-color: #1A5CB1;
    box-shadow: 0 8px 18px rgba(26, 92, 177, 0.22);
}

.badgeReductionTarifs{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 1.45rem;
    padding: 0.15rem 0.5rem;
    border-radius: 999px;
    background-color: #EF6528;
    color: #FFFFFF;
    font-size: 0.8125rem;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
}

.boutonPeriodiciteTarifs.active .badgeReductionTarifs{
    background-color: #FFFFFF;
    color: #EF6528;
}

@media (max-width: 420px) {
    .selecteurPeriodiciteTarifs{
        width: 100%;
    }

    .boutonPeriodiciteTarifs{
        flex: 1 1 0;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}

.sectionPanier{
    min-height: 100vh;
}

.cartePanier,
.recapPanier{
    border: 1px solid rgba(26, 92, 177, 0.10);
    border-radius: 1.5rem;
    background-color: #FFFFFF;
    box-shadow: 0 18px 38px rgba(26, 92, 177, 0.10);
}

.alertePanier{
    border-radius: 1.5rem;
}

.etiquettePanier{
    display: block;
    padding-left: 1rem;
    color: #376EB5;
    font-family: 'Quicksand', sans-serif;
    font-size: 0.95rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: uppercase;
}

.titreProduitPanier,
.titreRecapPanier{
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    line-height: 1.2;
}

.titreProduitPanier{
    font-size: 2rem;
}

.titreRecapPanier{
    font-size: 1.55rem;
}

.descriptionProduitPanier,
.mentionProduitPanier,
.messageCodePromoPanier{
    color: #5A6F8F;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    line-height: 1.5;
}

.badgePeriodicitePanier{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.4rem 1rem;
    border-radius: 999px;
    background-color: rgba(239, 101, 40, 0.12);
    color: #EF6528;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

.lignePanierProduit,
.zoneCodePromoPanier{
    border-top: 1px solid rgba(26, 92, 177, 0.10);
}

.lignePanierProduit{
    padding-top: 1.5rem;
}

.montantProduitPanier{
    color: #EF6528;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.6rem;
    font-weight: 700;
    line-height: 1;
}

.periodeProduitPanier{
    color: #EF6528;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
}

.controleQuantitePanier{
    display: inline-flex;
    align-items: center;
    width: fit-content;
    border: 1px solid rgba(26, 92, 177, 0.18);
    border-radius: 999px;
    background-color: #F7FAFF;
    overflow: hidden;
    user-select: none;
    -webkit-user-select: none;
}

.boutonQuantitePanier{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border: 0;
    background-color: transparent;
    color: #1A5CB1;
    transition: background-color 0.2s ease, color 0.2s ease;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

.boutonQuantitePanier:hover,
.boutonQuantitePanier:focus{
    background-color: #1A5CB1;
    color: #FFFFFF;
}

.boutonQuantitePanier:disabled,
.champQuantitePanier:disabled,
.champCodePromoPanier:disabled,
.boutonCodePromoPanier:disabled,
.boutonCommanderPanier:disabled{
    cursor: not-allowed;
    opacity: 0.58;
}

.boutonQuantitePanier:disabled:hover,
.boutonQuantitePanier:disabled:focus{
    background-color: transparent;
    color: #1A5CB1;
}

.champQuantitePanier{
    width: 4rem;
    height: 3rem;
    border: 0;
    border-left: 1px solid rgba(26, 92, 177, 0.12);
    border-right: 1px solid rgba(26, 92, 177, 0.12);
    background-color: #FFFFFF;
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.15rem;
    font-weight: 700;
    text-align: center;
}

.champCodePromoPanier{
    min-height: 3.1rem;
    flex: 1 1 auto;
    border: 1px solid rgba(26, 92, 177, 0.14);
    border-radius: 999px 0 0 999px;
    background-color: #FFFFFF;
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    padding: 0.75rem 1.1rem;
}

.groupeCodePromoPanier{
    width: 100%;
}

.groupeCodePromoPanier .champCodePromoPanier{
    border-right: 0;
}

.champCodePromoPanier:focus{
    border-color: rgba(26, 92, 177, 0.36);
    box-shadow: 0 0 0 0.2rem rgba(26, 92, 177, 0.12);
    outline: 0;
}

.boutonCodePromoPanier{
    min-height: 3.1rem;
    border: 1px solid rgba(26, 92, 177, 0.24);
    border-radius: 0 999px 999px 0;
    background-color: #F5F8FC;
    color: #1A5CB1;
    font-weight: 700;
    font-family: 'Quicksand', sans-serif;
    padding: 0.75rem 1.15rem;
    transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.boutonCodePromoPanier:hover,
.boutonCodePromoPanier:focus{
    border-color: #1A5CB1;
    background-color: #1A5CB1;
    color: #FFFFFF;
}

.champCodePromoPanier:disabled{
    border-color: rgba(90, 111, 143, 0.18);
    background-color: #F1F4F8;
    color: #7A8798;
}

.boutonCodePromoPanier:disabled,
.boutonCodePromoPanier:disabled:hover,
.boutonCodePromoPanier:disabled:focus{
    border-color: rgba(90, 111, 143, 0.18);
    background-color: #E7ECF3;
    color: #7A8798;
}

.alerteModificationLicences{
    border: 1px solid rgba(239, 101, 40, 0.22);
    border-radius: 1rem;
    background-color: rgba(239, 101, 40, 0.08);
    color: #5A6F8F;
    font-family: 'Quicksand', sans-serif;
    line-height: 1.55;
}

.ligneRecapPanier{
    display: flex;
    justify-content: space-between;
    gap: 1rem;
    padding: 0.9rem 0;
    border-bottom: 1px solid rgba(26, 92, 177, 0.10);
    color: #5A6F8F;
    font-family: 'Quicksand', sans-serif;
}

.ligneRecapPanier strong{
    color: #1A5CB1;
    white-space: nowrap;
}

.blocPromoRecap{
    margin: 1rem 0 1.15rem;
    border: 1px solid rgba(239, 101, 40, 0.18);
    border-radius: 1rem;
    background: linear-gradient(180deg, rgba(239, 101, 40, 0.08), rgba(26, 92, 177, 0.03));
    overflow: hidden;
}

.ligneRecapPromo{
    margin: 0;
    padding: 1rem 1.1rem 0.85rem;
    border-bottom: 1px solid rgba(239, 101, 40, 0.12);
}

.ligneRecapPromo strong{
    color: #EF6528;
}

.contenuPromoRecap{
    padding: 0.95rem 1.1rem 1rem;
}

.titrePromoRecap,
.textePromoRecap,
.prixApresPromoRecap{
    font-family: 'Quicksand', sans-serif;
}

.titrePromoRecap{
    color: #1A5CB1;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
}

.textePromoRecap{
    color: #5A6F8F;
    font-size: 0.94rem;
    line-height: 1.5;
}

.prixApresPromoRecap{
    margin-top: 0.65rem;
    color: #1A5CB1;
    font-size: 0.94rem;
    font-weight: 700;
    line-height: 1.45;
}

.separateurRecapPanier{
    height: 0.55rem;
    margin: 1.45rem 0 1.25rem;
    background: linear-gradient(90deg, rgba(26, 92, 177, 0), rgba(26, 92, 177, 0.12), rgba(239, 101, 40, 0.18), rgba(26, 92, 177, 0.12), rgba(26, 92, 177, 0));
}

.resumeRecapPanier{
    border-bottom: 1px solid rgba(26, 92, 177, 0.10);
    margin-bottom: 1rem;
}

.blocPrincipalRecapPanier{
    padding: 1.15rem 1.25rem;
    border-radius: 1.1rem;
    background: linear-gradient(135deg, rgba(26, 92, 177, 0.08), rgba(239, 101, 40, 0.12));
}

.libellePrincipalRecapPanier,
.suffixePrincipalRecapPanier,
.titreFiscalRecapPanier,
.noteFiscalRecapPanier{
    display: block;
    font-family: 'Quicksand', sans-serif;
}

.libellePrincipalRecapPanier{
    color: #376EB5;
    font-size: 0.88rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    text-transform: uppercase;
}

.montantPrincipalRecapPanier{
    display: block;
    margin-top: 0.35rem;
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 1;
}

.suffixePrincipalRecapPanier{
    margin-top: 0.35rem;
    color: #5A6F8F;
    font-size: 0.95rem;
    line-height: 1.4;
}

.blocFiscalRecapPanier,
.blocSuivantRecapPanier{
    margin-top: 1rem;
    padding: 1rem 1.05rem;
    border-radius: 1rem;
    background-color: #F7FAFF;
}

.blocFiscalRecapPanier .ligneRecapPanier,
.blocSuivantRecapPanier .ligneRecapPanier{
    padding: 0.45rem 0;
    border-bottom: 0;
    font-size: 0.95rem;
}

.blocFiscalRecapPanier .ligneRecapPanier strong,
.blocSuivantRecapPanier .ligneRecapPanier strong{
    font-size: 0.98rem;
}

.titreFiscalRecapPanier{
    color: #1A5CB1;
    font-size: 0.98rem;
    font-weight: 700;
    line-height: 1.35;
}

.noteFiscalRecapPanier{
    margin-top: 0.55rem;
    color: #5A6F8F;
    font-size: 0.88rem;
    line-height: 1.45;
}

.ligneTotalPanier{
    align-items: baseline;
    border-bottom: 0;
    color: #1A5CB1;
    font-size: 1.25rem;
    font-weight: 700;
}

.ligneTotalPanier strong{
    color: #EF6528;
    font-size: 1.6rem;
}

.boutonCommanderPanier{
    min-height: 3.25rem;
    font-weight: 700;
}

.lienRetourTarifs{
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

.formulaireFacturation{
    margin: 0;
}

.champFacturation{
    min-height: 3.35rem;
    border: 1px solid rgba(26, 92, 177, 0.14) !important;
    border-radius: 1rem !important;
    background-color: #FFFFFF !important;
    color: #1A5CB1 !important;
    font-family: 'Quicksand', sans-serif;
    padding: 0.8rem 1rem !important;
    box-shadow: 0 10px 22px rgba(26, 92, 177, 0.05);
}

.champFacturation:focus{
    border-color: rgba(26, 92, 177, 0.36) !important;
    box-shadow: 0 0 0 0.2rem rgba(26, 92, 177, 0.12), 0 10px 22px rgba(26, 92, 177, 0.05) !important;
}

.texteFacultatifFacturation{
    color: #7A8AA3;
    font-size: 0.82rem;
    font-weight: 500;
    text-transform: none;
}

.questionFormuleTarif{
    color: #376EB5;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.875rem;
    font-weight: 500;
    line-height: 1.4;
}

.questionFormuleTarif.text-orange{
    color: #E95A1B;
}

.paragrapheQuestionTarifsContenu{
    color: #376EB5;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
}

.titrePourquoiTarifsContenu{
    font-family: 'Quicksand', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.25;
}

.textePourquoiTarifsContenu{
    color: #376EB5;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.6;
}

.sectionActivites{
    background-color: #F1F7FB;
}

.titreSectionActivites{
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.25;
}

.sousTitreSectionActivites{
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.4;
    max-width: 62rem;
    margin-left: auto;
    margin-right: auto;
}

.sectionActivites .ligneCartesActivites .col {
    padding-bottom: 0.75rem;
    overflow: visible;
}

.sectionActivites .carteActivite {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 1.5rem;
    overflow: visible;
    z-index: 1;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 0 0 rgba(26, 92, 177, 0);
}

.sectionActivites .carteActivite:hover,
.sectionActivites .carteActivite:focus-within {
    transform: translate(-0.25rem, -0.25rem);
    box-shadow: 0.5rem 0.5rem 0 #1A5CB1;
}

.sectionActivites .imageCarteActivite {
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 1.5rem 1.5rem 0 0;
    background-color: #FFFFFF;
    height: 14rem;
}

.sectionActivites .imageCarteActivite picture,
.sectionActivites .imageCarteActivite img {
    display: block;
    width: 100%;
    height: 100%;
}

.sectionActivites .imageCarteActivite img {
    object-fit: cover;
    object-position: center center;
}

.sectionActivites .texteCarteActivite {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 7.5rem;
    padding: 1rem 0.875rem;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 0 0 1.5rem 1.5rem;
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .sectionActivites .texteCarteActivite {
        min-height: 6.5rem;
    }
}

.sectionActionsMarketing{
    background-color: #FFFFFF;
}

.sectionAvantagesCommercants {
    position: relative;
    overflow: hidden;
    background-color: #f5f8fb;
}

.sectionAvantagesCommercants::before {
    content: "";
    position: absolute;
    inset: 0;
    background: transparent linear-gradient(90deg, #f5f8fb 0%, #e8eef7 100%) 0 0 no-repeat padding-box;
    pointer-events: none;
}

.sectionAvantagesCommercants > .container {
    position: relative;
    z-index: 1;
}

.titreSectionAvantagesCommercants {
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.25;
}

.sectionAvantagesCommercants .ligneCartesAvantagesCommercants .col {
    padding-bottom: 0.75rem;
    overflow: visible;
}

.sectionAvantagesCommercants .carteAvantageCommercant {
    position: relative;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #FFFFFF;
    border-radius: 1.5rem;
    overflow: visible;
    z-index: 1;
    transform: translate(-0.25rem, -0.25rem);
    box-shadow: 0.5rem 0.5rem 0 #EF6528;
}

.sectionAvantagesCommercants .texteCarteAvantageCommercant {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 7.5rem;
    height: 100%;
    padding: 1rem 0.875rem;
    text-align: center;
    background-color: #FFFFFF;
    border-radius: 1.5rem;
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.45;
}

@media (max-width: 991.98px) {
    .sectionAvantagesCommercants .texteCarteAvantageCommercant {
        min-height: 6.5rem;
    }
}

.sectionAccompagnementExpert {
    width: 100%;
    min-height: 29.6875rem;
    padding: 3rem 1.25rem;
    display: flex;
    align-items: center;
    background: linear-gradient(90deg, #eaccc0 0%, #f67d47 100%);
    overflow: hidden;
}

.conteneurAccompagnementExpert {
    width: 100%;
    max-width: 62.5rem;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(0, 1.02fr) minmax(18rem, 0.98fr);
    align-items: center;
    gap: 3rem;
}

.colonneTexteAccompagnementExpert {
    position: relative;
    z-index: 2;
}

.titreAccompagnementExpert {
    margin: 0 0 1.25rem;
    color: #1A5CB1;
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: clamp(2rem, 4vw, 3.25rem);
    font-weight: 700;
    line-height: 1.08;
    letter-spacing: 0;
}

.texteAccompagnementExpert {
    max-width: 33rem;
    margin: 0 0 2rem;
    color: #1A5CB1;
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 1.08rem;
    font-weight: 500;
    line-height: 1.55;
}

.encartRgpdAccompagnementExpert {
    max-width: 25rem;
    padding: 1.05rem 1.25rem;
    color: #1A5CB1;
    background-color: #FFFFFF;
    border: 0;
    border-radius: 1.25rem;
    box-shadow: -0.5rem -0.5rem 0 #EF6528;
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.35;
}

.colonneVisuelAccompagnementExpert {
    display: flex;
    justify-content: center;
    align-items: center;
}

.visuelAccompagnementExpert {
    display: block;
    width: min(100%, 18rem);
}

.visuelAccompagnementExpert img {
    display: block;
    width: 100%;
    height: auto;
}

@media (max-width: 767.98px) {
    .sectionAccompagnementExpert {
        min-height: auto;
        padding: 3.5rem 1.25rem;
    }

    .conteneurAccompagnementExpert {
        grid-template-columns: 1fr;
        gap: 2.25rem;
        text-align: center;
    }

    .texteAccompagnementExpert,
    .encartRgpdAccompagnementExpert {
        margin-left: auto;
        margin-right: auto;
    }

    .titreAccompagnementExpert {
        font-size: clamp(2rem, 10vw, 2.65rem);
    }

    .visuelAccompagnementExpert {
        width: min(100%, 14.5rem);
    }
}

.sectionQuestionOutils {
    background-color: #FFFFFF;
}

.titreQuestionOutils {
    color: #1A5CB1;
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 2.125rem;
    font-weight: 700;
    line-height: 1.25;
}

.texteQuestionOutils {
    color: #1A5CB1;
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 1.55;
}

.sectionActionsMarketing .wrapperLigneBasActionsMarketing {
    margin-top: 1.5rem;
    flex: 0 0 100%;
    max-width: 100%;
}

.sectionActionsMarketing .ligneActionsMarketing {
    align-items: stretch;
}

.sectionActionsMarketing .ligneBasActionsMarketing {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1.5rem;
    width: 100%;
}

.sectionActionsMarketing .colonneLateraleActionsMarketing {
    display: flex;
}

.sectionActionsMarketing .conteneurColonneLateraleActionsMarketing {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    width: 100%;
    height: 100%;
    flex: 1 1 auto;
}

.sectionActionsMarketing .blocHautColonneLateraleActionsMarketing {
    flex: 0 0 auto;
}

.sectionActionsMarketing .blocBasColonneLateraleActionsMarketing {
    flex: 1 1 auto;
    display: flex;
}

.sectionActionsMarketing .carteActionsMarketing{
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    box-shadow: 0 10px 24px rgba(26, 92, 177, 0.08);
    min-height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    transform-origin: center;
}

.sectionActionsMarketing .carteActionsMarketing:hover,
.sectionActionsMarketing .carteActionsMarketing:focus-within{
    z-index: 2;
    transform: scale(1.03);
    box-shadow: 0 16px 34px rgba(26, 92, 177, 0.16);
}

.sectionActionsMarketing .carteOrangeActionsMarketing,
.sectionActionsMarketing .carteBleueActionsMarketing{
    display: flex;
    align-items: center;
    padding: 2rem;
}

.sectionActionsMarketing .carteOrangeActionsMarketing{
    background: #F56A2C;
    min-height: 170px;
}

.sectionActionsMarketing .carteBleueActionsMarketing{
    background: #1A5CB1;
    min-height: 200px;
}

.sectionActionsMarketing .texteActionsMarketing {
    color: #FFFFFF;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 1.35;
}

.sectionActionsMarketing .texteActionsMarketingGrand {
    font-size: 1.85rem;
}

.sectionActionsMarketing .texteActionsMarketingAccent {
    color: #F56A2C;
}

.sectionActionsMarketing .carteBarresActionsMarketing,
.sectionActionsMarketing .carteCourbeActionsMarketing,
.sectionActionsMarketing .carteImageActionsMarketingPersonnage,
.sectionActionsMarketing .carteVerteActionsMarketing,
.sectionActionsMarketing .cartePromotionsActionsMarketing,
.sectionActionsMarketing .carteGraphiqueSecondaireActionsMarketing {
    overflow: hidden;
}

.sectionActionsMarketing .carteBarresActionsMarketing picture,
.sectionActionsMarketing .carteBarresActionsMarketing img,
.sectionActionsMarketing .carteCourbeActionsMarketing picture,
.sectionActionsMarketing .carteCourbeActionsMarketing img,
.sectionActionsMarketing .carteImageActionsMarketingPersonnage picture,
.sectionActionsMarketing .carteImageActionsMarketingPersonnage img,
.sectionActionsMarketing .carteVerteActionsMarketing picture,
.sectionActionsMarketing .carteVerteActionsMarketing img,
.sectionActionsMarketing .cartePromotionsActionsMarketing picture,
.sectionActionsMarketing .cartePromotionsActionsMarketing img,
.sectionActionsMarketing .carteGraphiqueSecondaireActionsMarketing picture,
.sectionActionsMarketing .carteGraphiqueSecondaireActionsMarketing img {
    display: block;
    width: 100%;
    height: 100%;
}

.sectionActionsMarketing .carteBarresActionsMarketing img,
.sectionActionsMarketing .carteCourbeActionsMarketing img,
.sectionActionsMarketing .carteImageActionsMarketingPersonnage img,
.sectionActionsMarketing .carteVerteActionsMarketing img,
.sectionActionsMarketing .cartePromotionsActionsMarketing img,
.sectionActionsMarketing .carteGraphiqueSecondaireActionsMarketing img {
    object-fit: cover;
}

.sectionActionsMarketing .carteBarresActionsMarketing {
    position: relative;
    display: block;
    min-height: 12rem;
    padding: 0;
}

.sectionActionsMarketing .carteBarresActionsMarketing picture,
.sectionActionsMarketing .carteBarresActionsMarketing picture img,
.sectionActionsMarketing .carteBarresActionsMarketing img {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sectionActionsMarketing .carteBarresActionsMarketing img {
    object-position: center center;
}

.sectionActionsMarketing .carteBarresActionsMarketing {
    min-height: 12rem;
}

.sectionActionsMarketing .carteCourbeActionsMarketing {
    min-height: 14rem;
}

.sectionActionsMarketing .carteVerteActionsMarketing {
    min-height: 14rem;
    background-color: #2EA765;
}

.sectionActionsMarketing .cartePromotionsActionsMarketing {
    min-height: 14rem;
}

.sectionActionsMarketing .carteGraphiqueSecondaireActionsMarketing {
    min-height: 14rem;
}

@media all and (min-width: 992px) {
    .sectionActionsMarketing .wrapperLigneBasActionsMarketing {
        flex: 0 0 66.6667%;
        max-width: 66.6667%;
        margin-left: 16.6667%;
    }

    .sectionActionsMarketing .ligneBasActionsMarketing {
        grid-template-columns: minmax(0, 4fr) minmax(0, 2fr) minmax(0, 2fr);
    }
}

.sectionActionsMarketing .carteImageActionsMarketingPersonnage {
    position: relative;
    width: 100%;
    max-width: 100%;
    min-height: 15rem;
    aspect-ratio: 4 / 5.5;
    border-radius: 2rem;
}

.sectionActionsMarketing .carteImageActionsMarketingPersonnage img {
    object-position: center top;
    transform: scale(1);
    transform-origin: center top;
}

.sectionActionsMarketing .carteAvisActionsMarketing {
    width: 100%;
    height: 100%;
    margin-top: 0;
    background-color: #F7FAFF;
    min-height: 190px;
    padding: 1.25rem 1rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
}

.sectionActionsMarketing .nomCarteAvisActionsMarketing {
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.3rem;
    font-weight: 700;
    line-height: 1.3;
}

.sectionActionsMarketing .etoilesCarteAvisActionsMarketing img {
    width: 1.35rem;
    height: 1.35rem;
    display: block;
    object-fit: contain;
}

.sectionActionsMarketing .etoilesCarteAvisActionsMarketing {
    justify-content: flex-start !important;
}

.sectionActionsMarketing .texteCarteAvisActionsMarketing {
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 0.87rem;
    font-weight: 500;
    line-height: 1.4;
}

.sectionActionsMarketing .lienCarteAvisActionsMarketing,
.sectionActionsMarketing .lienCarteAvisActionsMarketing:hover,
.sectionActionsMarketing .lienCarteAvisActionsMarketing:focus,
.sectionActionsMarketing .lienCarteAvisActionsMarketing:visited {
    color: inherit;
    text-decoration: none;
}

.sectionActionsMarketing .lienCarteAvisActionsMarketing {
    cursor: pointer;
}

.sectionActionsMarketing .carteAvisActionsMarketing .logoImg {
    margin-top: 1rem;
}


@media all and (max-width: 991px) {
    .sectionActionsMarketing .conteneurColonneLateraleActionsMarketing {
        flex-direction: row;
        align-items: stretch;
    }

    .sectionActionsMarketing .blocHautColonneLateraleActionsMarketing,
    .sectionActionsMarketing .blocBasColonneLateraleActionsMarketing {
        flex: 1 1 0;
    }

    .sectionActionsMarketing .carteBleueActionsMarketing,
    .sectionActionsMarketing .carteAvisActionsMarketing,
    .sectionActionsMarketing .carteCourbeActionsMarketing {
        min-height: 13rem;
    }
}

@media all and (max-width: 575px) {
    .sectionActionsMarketing .conteneurColonneLateraleActionsMarketing {
        flex-direction: column;
    }

    .sectionActionsMarketing .texteActionsMarketing {
        font-size: 1.3rem;
    }

    .sectionActionsMarketing .texteActionsMarketingGrand {
        font-size: 1.55rem;
    }

    .sectionActionsMarketing .carteOrangeActionsMarketing,
    .sectionActionsMarketing .carteBarresActionsMarketing,
    .sectionActionsMarketing .carteCourbeActionsMarketing,
    .sectionActionsMarketing .carteBleueActionsMarketing,
    .sectionActionsMarketing .carteAvisActionsMarketing,
    .sectionActionsMarketing .carteVerteActionsMarketing,
    .sectionActionsMarketing .cartePromotionsActionsMarketing,
    .sectionActionsMarketing .carteGraphiqueSecondaireActionsMarketing {
        min-height: 12rem;
    }

    .sectionActionsMarketing .carteOrangeActionsMarketing,
    .sectionActionsMarketing .carteBleueActionsMarketing,
    .sectionActionsMarketing .carteAvisActionsMarketing {
        padding: 1.25rem;
    }

    .sectionActionsMarketing .wrapperLigneBasActionsMarketing {
        margin-left: 0;
        width: 100%;
    }
}

.carteTarif {
    background-color: #FFFFFF;
    border: 1px solid #E3EBF7;
    border-radius: 33px;
    box-shadow: 0 1px 7px #1A5CB133;
    min-height: 100%;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
    gap: 1.5rem;
}

.carteTarif:hover,
.carteTarif:focus-within {
    transform: translateY(-0.45rem);
    box-shadow: 0 10px 20px rgba(26, 92, 177, 0.14);
}

.carteTarifMiseEnAvant {
    border: 2px solid #91D9FF;
    background: linear-gradient(180deg, #F7FDFF 0%, #FFFFFF 100%);
    box-shadow: 0 8px 18px rgba(145, 217, 255, 0.28);
}

.enteteCarteTarif,
.blocPrixTarif,
.blocBoutonTarif,
.blocAvantagesTarif,
.noteBasCarte {
    position: static;
}

.enteteCarteTarif {
    display: flex;
    flex-direction: column;
    gap: 0.35rem;
}

.blocPrixTarif {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
    margin-top: 0;
    min-height: 13.25rem;
}

.blocBoutonTarif {
    display: flex;
    justify-content: center;
}

.blocAvantagesTarif {
    gap: 0;
    min-width: 0;
}

.noteBasCarte {
    margin-top: auto;
}

.offreTarifTitre {
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.0625rem;
    font-weight: 700;
    line-height: 1.15;
    word-break: normal;
}

.offreTarifSousTitre {
    color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
}

.zonePrixTarif {
    min-height: 5.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.zonePrixTarifSansMensuel {
    min-height: 7.625rem;
}

.offreTarifMontantDevis {
    font-size: 2.5rem;
    line-height: 1.15;
}

.offreTarifPrixDevis {
    color: #EF6528;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    line-height: 1.15;
}

.lignePrixTarif {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center;
    gap: 0.2rem;
    white-space: nowrap;
    color: #EF6528;
    font-family: 'Quicksand', sans-serif;
    line-height: 1;
}

.prixPrincipalTarif {
    font-size: 3.8125rem;
    font-weight: 700;
    line-height: 0.92;
}

.blocSecondairePrix {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    padding-top: 0.5rem;
    line-height: 1;
}

.ligneEuroCentimesTarif {
    display: inline-flex;
    align-items: baseline;
    gap: 0.05rem;
    line-height: 1;
}

.symboleEuroTarif,
.centimesTarif {
    font-size: 1.5625rem;
    font-weight: 700;
    line-height: 1;
}

.periodePrixTarif {
    font-size: 1.5625rem;
    font-weight: 400;
    line-height: 1;
    margin-top: 0.1rem;
}

.offreTarifHt {
    color: #EF6528;
    font-size: 1.5625rem;
    line-height: 0.5;
    font-style: italic;
}

.offreTarifMention,
.activationImmediate {
    color: #EF6528;
    font-size: 1rem;
    line-height: 1.5;
}

.activationImmediate {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
}

.tarifsEffraItalic {
    font-family: 'Quicksand', sans-serif;
    font-style: italic;
    font-weight: 400;
}

.tarifsEffraLightItalic {
    font-family: 'Quicksand', sans-serif;
    font-style: italic;
    font-weight: 300;
}

.boutonSelection {
    color: #1A5CB1;
    border-color: #1A5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.2;
    border-width: 2px;
    min-width: 12rem;
}

.boutonSelection:hover,
.boutonSelection:focus {
    color: #FFFFFF;
    background-color: #1A5CB1;
    border-color: #1A5CB1;
}

.introductionAvantages {
    color: #707070;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 600;
    line-height: 1.5;
    margin-bottom: 1rem;
}

.listeAvantages {
    display: flex;
    flex-direction: column;
    gap: 0.9rem;
}

.listeAvantages li {
    position: relative;
    padding-left: 1.85rem;
    color: #3E4C63;
    font-family: 'Quicksand', sans-serif;
    font-size: 0.98rem;
    font-weight: 400;
    line-height: 1.55;
}

.listeAvantages li::before {
    content: "";
    position: absolute;
    top: 0.56rem;
    left: 0;
    width: 0.85rem;
    height: 0.65rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12.958' height='9.702' viewBox='0 0 12.958 9.702'%3E%3Cpath d='M2571.011,2243.857l3.814,3.73,7.408-7.06' transform='translate(-2570.137 -2239.622)' fill='none' stroke='%2391d9ff' stroke-width='2.5'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.noteTarif {
    color: #8A94A6;
    font-family: 'Quicksand', sans-serif;
    font-size: 0.875rem;
    font-weight: 300;
    font-style: italic;
    line-height: 1.5;
    padding-top: 1rem;
    border-top: 1px solid #EDF2F9;
}

.carteBeneficeObjectif {
    background-color: #FFFFFF;
    border-radius: 37px;
    box-shadow: 5px 1px 18px #8E97A257;
    min-height: 100%;
}

.iconeBeneficeObjectif {
    width: 100%;
    max-width: 8.5rem;
    height: auto;
    object-fit: contain;
}

.titreBeneficeObjectif {
    color: #F56A2C;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.1875rem;
    font-weight: 700;
    line-height: 1.35;
}

.descriptionBeneficeObjectif {
    color: #376EB5;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    max-width: 18rem;
}

.sectionFaqTarifs {
    background-color: #FFFFFF;
}

.sectionFaqTarifs .accordion {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.titreFaqTarifs {
    color: #F56A2C;
    font-family: 'Quicksand', sans-serif;
    font-size: 2.375rem;
    font-weight: 700;
    line-height: 1.2;
}

.sectionFaqTarifs .accentFaqTarifs {
    color: #F56A2C;
}

.texteFaqTarifs {
    color: #707070;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    max-width: 42rem;
    margin-left: auto;
    margin-right: auto;
}

.accordionFaqTarifs .accordion-item {
    background: transparent;
    border: 0;
    box-shadow: none;
    margin-bottom: 0;
}

.accordionFaqTarifs .accordion-collapse,
.accordionFaqTarifs .accordion-body {
    background: transparent;
    box-shadow: none;
    border: 0;
}

.accordionFaqTarifs .accordion-button {
    background-color: #EEF4FF;
    color: #1A5CB1;
    border: 0;
    border-radius: 999px !important;
    box-shadow: none;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    padding: 1.2rem 1.5rem;
    transition: background-color 0.25s ease, box-shadow 0.25s ease;
}

.accordionFaqTarifs .accordion-button:hover,
.accordionFaqTarifs .accordion-button:active,
.accordionFaqTarifs .accordion-button:focus,
.accordionFaqTarifs .accordion-button:focus-visible,
.accordionFaqTarifs .accordion-button:focus-within,
.accordionFaqTarifs .accordion-button:target,
.accordionFaqTarifs .accordion-button:not(.collapsed) {
    background-color: #FFFFFF;
    color: #1A5CB1;
    box-shadow: 0 10px 25px rgba(26, 92, 177, 0.15);
    border-radius: 999px !important;
}

.accordionFaqTarifs .accordion-button:focus {
    outline: none;
}

.accordionFaqTarifs .accordion-button::after {
    display: none;
}

.accordionFaqTarifs .accordion-body {
    color: #707070;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.7;
    padding: 1rem 1.5rem 0.25rem;
}

@media all and (max-width: 991px) {
    .sectionTarifsTitre {
        font-size: 2rem;
    }

    .carteTarif {
        border-radius: 33px;
    }

    .prixPrincipalTarif {
        font-size: 3.2rem;
    }

    .offreTarifMontantDevis {
        font-size: 2.2rem;
    }

    .symboleEuroTarif,
    .centimesTarif,
    .periodePrixTarif {
        font-size: 1.35rem;
    }

    .iconeBeneficeObjectif {
        max-width: 7.5rem;
    }

    .titreFaqTarifs {
        font-size: 2rem;
    }
}

@media all and (max-width: 900px) {
    .panneauActionsMarketing {
        row-gap: 2rem;
    }

    .elementActionsMarketing:nth-child(odd) {
        padding-left: 0;
    }

    .elementActionsMarketing:nth-child(even) {
        padding-right: 0;
    }

    .elementActionsMarketing:nth-child(3)::before {
        display: none;
    }
}

@media all and (max-width: 575px) {
    .titreFaqTarifs {
        font-size: 1.75rem;
    }

    .accordionFaqTarifs .accordion-button,
    .accordionFaqTarifs .accordion-body {
        padding-left: 1.1rem;
        padding-right: 1.1rem;
    }
    .sectionTarifs {
        margin-top: 3rem !important;
        margin-bottom: 3rem !important;
    }

    .sectionTarifsTitre {
        font-size: 1.8rem;
    }

    .sectionTarifsSousTitre {
        font-size: 1rem;
    }

    .carteTarif {
        border-radius: 33px;
    }

    .offreTarifTitre {
        font-size: 1.8rem;
    }

    .offreTarifSousTitre {
        min-height: auto;
    }

    .prixPrincipalTarif {
        font-size: 2.85rem;
    }

    .symboleEuroTarif,
    .centimesTarif,
    .periodePrixTarif {
        font-size: 1.25rem;
    }

    .offreTarifMontantDevis {
        font-size: 2rem;
    }

    .zonePrixTarif,
    .zonePrixTarifSansMensuel {
        min-height: auto;
    }

    .boutonSelection {
        width: 100%;
    }

    .carteTarif {
        gap: 1.25rem;
    }

    .panneauActionsMarketing {
        row-gap: 1.5rem;
        padding: 1.75rem;
    }

    .elementActionsMarketing,
    .elementActionsMarketing:first-child,
    .elementActionsMarketing:last-child {
        padding: 0;
    }

    .elementActionsMarketing + .elementActionsMarketing::before {
        display: none;
    }
}

.marginTopMoins3 {
    margin-top: -3px;
}

/**********************************/
/********* MODAL COOKIE ***********/
/**********************************/

.modal.custom .modal-dialog {
    width: 100%;
    position: fixed;
    bottom: 0;
    left: 0;
    margin: 10px;
}

@media all and (max-width: 768px) {
    .modal.custom .modal-dialog {
        width: 100%;
        margin: 0;
    }
}

/**********************************/
/************* MODAL **************/
/**********************************/

@media all and (min-width: 576px) {
    .modal .btn-close {
        margin-bottom: 54px;
        margin-right: -21px;
        position: absolute;
        right: 0;
        background-color: white;
        opacity: 1;
        border-radius: 50%;
        width: 30px;
        height: 30px;
    }
}

/**********************************/
/************** SVG ***************/
/**********************************/
/* https://angel-rs.github.io/css-color-filter-generator/ */

.svg-white {
    filter: brightness(0) saturate(100%) invert(92%) sepia(0%) saturate(7500%) hue-rotate(115deg) brightness(114%) contrast(107%);
}

.svg-red {
    filter: brightness(0) saturate(100%) invert(28%) sepia(99%) saturate(5038%) hue-rotate(324deg) brightness(101%) contrast(104%);
}

/**********************************/
/********* PIED DE PAGE ***********/
/**********************************/

footer#footer a {
    color: #FFFFFF;
}

footer#footer a:hover {
    color: #FFFFFF;
}

footer {
    background-color: #1A5CB1;
    color: #FFFFFF;
}

footer#footer .logo {
    text-align: left;
}

footer#footer .logo-marque {
    display: flex;
    align-items: center;
    gap: 0.15rem;
    text-align: left;
    font-size: 4rem;
}

footer#footer .footer-logo-svg {
    display: block;
    width: 4.2rem;
    min-width: 0;
    height: auto;
    max-height: none;
    flex: 0 0 auto;
}

footer#footer .footer-logo-text {
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    line-height: 1;
}

footer#footer .footer-logo-text-cite {
    color: #FFFFFF;
}

footer#footer .footer-logo-text-fid {
    color: #EF6528;
}

footer#footer .citefid {
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    text-align: left;
    font-size: 2.9rem;
    margin-top: 0;
    font-weight: bold;

}

.mac footer#footer .citefid {
    margin-top: 0;
}

footer#footer .footer-description {
    text-align: left;
    font-size: 0.92rem;
    line-height: 1.5;
}

footer#footer .footer-rs {
    display: flex;
    align-items: center;
    gap: 1.15rem;
    justify-content: flex-start;
}

footer#footer .footer-rs a,
footer#footer .footer-rs a.btn,
footer#footer .footer-rs a.btn-primary,
footer#footer .footer-rs a.rs {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    text-decoration: none;
}

footer#footer .footer-rs a.rs svg {
    display: block;
    width: 51px;
    height: 51px;
    margin: 0;
}

@media all and (min-width: 992px) {
    footer#footer .footer-main-row {
        align-items: center;
    }

    footer#footer .footer-links-col {
        display: flex;
        align-items: center;
    }

    footer#footer .footer-links-row {
        width: 100%;
        align-items: flex-start;
    }
}

footer#footer .footer-titre {
    font-size: 1em;
}

footer#footer .copyright {
    font-size: 0.80rem;
    color: rgba(255, 255, 255, 0.74);
    width: 100%;
    text-align: center;
    padding: 2rem 1.25rem 1.5rem;
}

footer#footer .copyright,
footer#footer .copyright a,
footer#footer .copyright a:focus,
footer#footer .copyright a:active,
footer#footer .copyright a:hover,
footer#footer .copyright a:visited {
    color: rgba(255, 255, 255, 0.74);
}

footer#footer li,
footer#footer li a,
footer#footer li a:focus,
footer#footer li a:active,
footer#footer li a:hover,
footer#footer li a:visited {
    text-decoration: none;
    font-size: 0.95em;
    line-height: 1.1rem;
    font-weight: 400;
}

footer#footer ul.list-unstyled li + li {
    margin-top: 0.45rem;
}

footer#footer li a:hover,
footer#footer li a:focus,
footer#footer li a:active {
    font-weight: 700;
}

.modalcookie {
    color: #376EB4;
}

.rs {
    border-radius: 20px !important;
    padding: inherit !important;
    width: 35px;
    height: 35px;
    padding-left: 15px !important;
}

.rs i,
.rs svg {
    font-size: 20px;
    margin-left: -7.5px;
    margin-top: 6px;
}

/**********************************/
/************* VIDEO **************/
/**********************************/

#videoYoutube {
    height: 700px;
    z-index: 1;
    /*margin-top: -58px;*/
}

/**********************************/
/************* MENUS **************/
/**********************************/

header {
    z-index: 2;
    position: absolute;
    width: 100%;
}

nav .menu-principal {
    border-radius: 50px;
}

nav .logoImg {
    /*margin-top: 4px;*/
}

nav .logoText {
    margin-left: -5px;
    font-weight: bold;
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 2rem;
}

.mac nav .logoText {
    margin-top: 8px;
}

nav .nav-link {
    color: #1A5CB1;
    font-weight: 400;
    display: inline-flex;
    align-items: center;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1;
    font-size: 1em;
    transition: color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

nav .logoText .nav-link {
    padding: 0 8px !important;
    /*padding-top: 10px !important;*/
}

nav .megamenu {
    padding: 0.9rem;
    background-color: #ebf0f8 !important;
}

nav .menu-secteurs {
    min-width: 28rem;
    margin-top: 0;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    overflow: visible !important;
}

nav .liste-secteurs {
    display: flex;
    flex-direction: column;
    position: relative;
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

nav .liste-secteurs::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1rem;
    height: 1rem;
    background: linear-gradient(180deg, rgba(220, 234, 249, 0.95) 0%, rgba(220, 234, 249, 0.5) 45%, rgba(220, 234, 249, 0) 100%);
    pointer-events: none;
}

nav .lien-secteur {
    display: block;
    padding: 1rem 1.25rem;
    color: #1A5CB1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    line-height: 1.3;
    text-decoration: none;
    white-space: normal;
    border-radius: 0 !important;
}

nav .lien-secteur + .lien-secteur {
    border-top: 1px solid rgba(26, 92, 177, 0.16);
}

nav .lien-secteur:hover,
nav .lien-secteur:active {
    color: #FFFFFF !important;
    font-weight: 700;
    text-decoration: none;
    background: #1B5CB1 0% 0% no-repeat padding-box !important;
    outline: none;
    box-shadow: none;
}

nav .lien-secteur:focus {
    color: #FFFFFF !important;
    font-weight: 400;
    text-decoration: none;
    background: #1B5CB1 0% 0% no-repeat padding-box !important;
    outline: none;
    box-shadow: none;
}

nav .lien-secteur:focus-visible {
    color: #FFFFFF !important;
    font-weight: 400;
    text-decoration: none;
    background: #1B5CB1 0% 0% no-repeat padding-box !important;
    outline: none;
    box-shadow: none;
}

nav .lien-secteur:focus-within,
nav .lien-secteur:target {
    color: #FFFFFF !important;
    font-weight: 400;
    text-decoration: none;
    background: #1B5CB1 0% 0% no-repeat padding-box !important;
    outline: none;
    box-shadow: none;
}

nav .lien-secteur:visited {
    color: #1A5CB1;
    text-decoration: none;
}

nav .lien-secteur-premier {
    background: linear-gradient(180deg, #DCEAF9 0%, #F4F8FD 18%, #FFFFFF 42%, #FFFFFF 100%);
    box-shadow: 0px 4px 18px #1A5CB134;
}

nav .lien-secteur-dernier {
    background: #FFFFFF 0% 0% no-repeat padding-box;
}

nav .nav-link:hover,
nav .nav-link:active {
    color: #1A5CB1 !important;
    font-weight: 700;
    text-decoration: none;
}

nav .nav-link:focus,
nav .nav-hover-a:focus {
    color: #1A5CB1 !important;
    font-weight: 400;
    text-decoration: none;
    background: transparent !important;
    outline: none;
    box-shadow: none;
}

nav .has-megamenu:hover > .nav-hover-a,
nav .has-megamenu.show > .nav-hover-a {
    color: #1A5CB1 !important;
    font-weight: 700;
    text-decoration: none;
}

nav .nav-telephone {
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    color: #EF6528;
    font-size: 1em;
    font-weight: 700;
    line-height: 1;
}

nav #iconePanier,
nav #iconeCompte {
    width: 1.25em;
    height: 1.25em;
    display: block;
    flex: 0 0 auto;
    transition: transform 0.2s ease, filter 0.2s ease;
}

nav .trace-icone-panier {
    fill: none;
    stroke: #1B5CB1;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 20.5px;
    transition: stroke 0.2s ease;
}

nav .trace-icone-compte {
    fill: none;
    stroke: #1B5CB1;
    stroke-miterlimit: 10;
    stroke-width: 20.5px;
    transition: stroke 0.2s ease;
}

nav .bouton-abonnement-nav,
nav .bouton-abonnement-nav:hover,
nav .bouton-abonnement-nav:focus,
nav .bouton-abonnement-nav:active,
nav .bouton-abonnement-nav:visited {
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    line-height: 1;
}

nav .bouton-abonnement-nav {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
}

nav a[aria-label="Panier"],
nav a[aria-label="Compte"] {
    transition: transform 0.2s ease, opacity 0.2s ease;
}

nav a[aria-label="Panier"]:hover,
nav a[aria-label="Panier"]:focus,
nav a[aria-label="Panier"]:active,
nav a[aria-label="Compte"]:hover,
nav a[aria-label="Compte"]:focus,
nav a[aria-label="Compte"]:active {
    transform: translateY(-1px);
}

nav a[aria-label="Panier"]:hover #iconePanier,
nav a[aria-label="Panier"]:focus #iconePanier,
nav a[aria-label="Panier"]:active #iconePanier,
nav a[aria-label="Compte"]:hover #iconeCompte,
nav a[aria-label="Compte"]:focus #iconeCompte,
nav a[aria-label="Compte"]:active #iconeCompte {
    transform: scale(1.08);
    filter: drop-shadow(0 6px 10px rgba(27, 92, 177, 0.16));
}

#compte {
    background: transparent;
}

#compte .compte-page-header {
    position: relative;
    padding: 1.5rem 1.75rem;
    border-radius: 1.5rem;
    background: linear-gradient(135deg, #1A5CB1 0%, #2D77D8 100%);
    color: #FFFFFF;
    overflow: hidden;
    box-shadow: 0 24px 46px rgba(27, 92, 177, 0.18);
}

#compte .compte-page-header::after {
    content: "";
    position: absolute;
    inset: auto -40px -55px auto;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.10);
}

#compte .compte-page-kicker {
    position: relative;
    z-index: 1;
    color: rgba(255, 255, 255, 0.78);
    font-size: 0.8rem;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

#compte .compte-page-kicker-ligne {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.75rem;
}

#compte .compte-page-kicker-separateur {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.7rem;
    height: 0.45rem;
    border-radius: 999px;
    background:
            radial-gradient(circle, rgba(255, 255, 255, 0.88) 0 2px, transparent 2.5px) left center / 0.55rem 0.45rem repeat-x;
}

#compte .compte-page-header h1 {
    position: relative;
    z-index: 1;
    color: #FFFFFF;
    font-size: 2.2rem;
    font-weight: 700;
}

#compte .compte-nav-link,
#compte .compte-demo-link,
#compte .compte-logout-link {
    color: #1A5CB1;
    transition: transform 0.2s ease, background-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease;
}

#compte .compte-nav-link:hover,
#compte .compte-nav-link:focus,
#compte .compte-demo-link:hover,
#compte .compte-demo-link:focus,
#compte .compte-logout-link:hover,
#compte .compte-logout-link:focus {
    color: #1A5CB1;
    background: rgba(27, 92, 177, 0.08);
    transform: translateX(4px);
    box-shadow: none;
}

#compte .compte-nav-link.is-active {
    color: #FFFFFF;
    background: linear-gradient(135deg, #1B5CB1 0%, #2F7DE1 100%);
    box-shadow: 0 16px 28px rgba(27, 92, 177, 0.22);
}

#compte .compte-demo-link {
    color: #FFFFFF;
    background: linear-gradient(135deg, #E95A1B 0%, #F49B3D 100%);
    box-shadow: 0 16px 28px rgba(239, 101, 40, 0.22);
}

#compte .compte-demo-link:hover,
#compte .compte-demo-link:focus {
    color: #FFFFFF;
    background: linear-gradient(135deg, #D94F16 0%, #EF8C2E 100%);
    box-shadow: 0 18px 32px rgba(239, 101, 40, 0.28);
}

#compte .compte-nav-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.65rem;
    height: 2.65rem;
    border-radius: 0.9rem;
    background: rgba(27, 92, 177, 0.10);
    color: #EF6528;
    font-size: 1rem;
    flex: 0 0 auto;
    transition: inherit;
}

#compte .compte-nav-link.is-active .compte-nav-icon,
#compte .compte-demo-link .compte-nav-icon,
#compte .compte-logout-link:hover .compte-nav-icon,
#compte .compte-logout-link:focus .compte-nav-icon {
    background: rgba(255, 255, 255, 0.16);
    color: #FFFFFF;
}

#compte .compte-logout-link:hover .compte-nav-icon,
#compte .compte-logout-link:focus .compte-nav-icon {
    background: rgba(239, 101, 40, 0.10);
    color: #EF6528;
}

#compte .compte-logout-link {
    justify-content: center;
    margin-top: 0.25rem;
    border: 1px solid rgba(239, 101, 40, 0.22);
    color: #EF6528;
}

#compte .compte-logout-link .compte-nav-icon {
    background: rgba(239, 101, 40, 0.10);
    color: #EF6528;
}

#compte .compte-private-link {
    background: linear-gradient(135deg, #EF6528 0%, #F49B3D 100%);
    color: #FFFFFF;
    font-size: 1.25rem;
    font-weight: 700;
    box-shadow: 0 20px 36px rgba(239, 101, 40, 0.22);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

#compte .compte-private-link:hover,
#compte .compte-private-link:focus {
    color: #FFFFFF;
    transform: translateY(-2px);
    box-shadow: 0 24px 40px rgba(239, 101, 40, 0.28);
}

#compte .compte-private-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: rgba(255, 255, 255, 0.16);
    font-size: 1.1rem;
    flex: 0 0 auto;
}

#compte .compte-dashboard-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(244, 248, 255, 0.95) 100%);
}

#compte .compte-dashboard-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 1rem;
    background: linear-gradient(135deg, #1B5CB1 0%, #2F7DE1 100%);
    color: #FFFFFF;
    font-size: 1.1rem;
    box-shadow: 0 10px 24px rgba(27, 92, 177, 0.22);
    flex: 0 0 auto;
}

#compte .compte-profile-item {
    background: #FFFFFF;
    border-color: rgba(27, 92, 177, 0.10) !important;
}

#compte .compte-profile-label {
    display: block;
    margin-bottom: 0.35rem;
    color: #EF6528;
    font-size: 0.78rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

#compte .compte-profile-value {
    color: #376EB4;
    font-size: 1rem;
    font-weight: 600;
    overflow-wrap: anywhere;
}

#compte .compte-subscription-card,
#compte .compte-next-plan-card {
    display: grid;
    gap: 1.25rem;
}

#compte .compte-subscription-grid,
#compte .compte-next-plan-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.5fr) minmax(220px, 0.9fr);
    gap: 1.5rem;
    align-items: stretch;
}

#compte .compte-subscription-main,
#compte .compte-subscription-price {
    padding: 1.1rem 1.2rem;
    border-radius: 1.1rem;
    border: 1px solid rgba(27, 92, 177, 0.10);
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(248, 251, 255, 1) 100%);
}

#compte .compte-subscription-price {
    text-align: right;
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5);
}

#compte .compte-subscription-price-compact {
    align-self: stretch;
}

#compte .compte-subscription-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
}

#compte .compte-subscription-chip {
    display: inline-flex;
    align-items: center;
    min-height: 2rem;
    padding: 0.45rem 0.85rem;
    border-radius: 999px;
    background: rgba(239, 101, 40, 0.10);
    color: #C4521F;
    font-size: 0.88rem;
    font-weight: 700;
    line-height: 1;
}

#compte .compte-subscription-chip-light {
    background: rgba(27, 92, 177, 0.08);
    color: #376EB4;
}

#compte .compte-info-panel {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.9rem;
    align-items: start;
    padding: 1rem 1.1rem;
    border-radius: 1rem;
    border: 1px solid rgba(27, 92, 177, 0.10);
    background: #F7FAFF;
}

#compte .compte-info-panel-soft {
    background: rgba(246, 249, 255, 0.85);
}

#compte .compte-info-panel-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2rem;
    height: 2rem;
    border-radius: 0.7rem;
    background: rgba(27, 92, 177, 0.10);
    color: #376EB4;
    flex: 0 0 auto;
}

#compte .compte-subscription-dates {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.9rem;
}

#compte .compte-subscription-date-item {
    padding: 0.95rem 1rem;
    border-radius: 1rem;
    background: #FFFFFF;
    border: 1px solid rgba(27, 92, 177, 0.08);
}

#compte .compte-subscription-date-item p {
    color: #376EB4;
}

#compte .compte-actions-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    align-items: center;
    padding-top: 0.25rem;
}

#compte .compte-actions-row form {
    margin: 0;
}

#compte .password-control .champFacturation {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

#compte .password-control .password-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 3.35rem;
    min-width: 3.35rem;
    border: 1px solid rgba(26, 92, 177, 0.14) !important;
    border-left: 0 !important;
    border-radius: 0 1rem 1rem 0 !important;
    background: #FFFFFF !important;
    color: #1A5CB1;
    box-shadow: 0 10px 22px rgba(26, 92, 177, 0.05);
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    touch-action: manipulation;
}

#compte .password-control .password-icon i {
    pointer-events: none;
}

#compte .compte-order-card {
    border-color: rgba(27, 92, 177, 0.14) !important;
}

#compte .compte-order-status {
    background: rgba(239, 101, 40, 0.10);
    color: #C4521F;
    font-size: 0.85rem;
    font-weight: 700;
    padding: 0.55rem 0.9rem;
}

#compte .compte-order-meta-item {
    background: #F6F9FF;
}

#compte .compte-order-meta-item strong {
    display: block;
    color: #EF6528;
    font-size: 0.8rem;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    margin-bottom: 0.35rem;
}

#compte .compte-order-meta-item span,
#compte .compte-order-meta-item a {
    color: #376EB4;
    font-weight: 600;
    text-decoration: none;
}

#compte .compte-progress-step {
    height: 0.45rem;
    border-radius: 999px;
    background: rgba(27, 92, 177, 0.14);
}

#compte .compte-progress-step.is-active {
    background: linear-gradient(90deg, #EF6528 0%, #F7A34B 100%);
}

@media all and (max-width: 767px) {
    #compte .compte-page-header {
        padding: 1.25rem;
    }

    #compte .compte-page-header h1 {
        font-size: 1.7rem;
    }

    #compte .compte-subscription-grid,
    #compte .compte-next-plan-grid,
    #compte .compte-subscription-dates {
        grid-template-columns: 1fr;
    }

    #compte .compte-subscription-price {
        text-align: left;
    }

}


.dropdown-toggle::after {
    display: none;
}

.megamenu_mobile {
    display: flex;
}

.megamenu_mobile .nav-item > .nav-link,
.megamenu_mobile .nav-item > .nav-telephone-mobile {
    display: flex;
    align-items: center;
    min-height: 44px;
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
    line-height: 1.2;
}

.megamenu_mobile .dropdown-toggle {
    min-height: 44px;
}

.megamenu_mobile .dropdown-menu {
    margin-top: 0.25rem;
}

.megamenu_pc {
    display: none;
}

.megamenu_mobile .dropdown-item {
    color: #1A5CB1;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    white-space: normal;
    min-height: 44px;
    padding-top: 0.65rem !important;
    padding-bottom: 0.65rem !important;
    line-height: 1.2;
}

.megamenu_mobile .dropdown-item:hover,
.megamenu_mobile .dropdown-item:active {
    color: #FFFFFF !important;
    font-weight: 700;
    text-decoration: none;
    background: #1B5CB1 0% 0% no-repeat padding-box !important;
    outline: none;
    box-shadow: none;
}

.megamenu_mobile .dropdown-item:focus,
.megamenu_mobile .dropdown-item:focus-visible {
    color: #FFFFFF !important;
    font-weight: 400;
    text-decoration: none;
    background: #1B5CB1 0% 0% no-repeat padding-box !important;
    outline: none;
    box-shadow: none;
}

.megamenu_mobile .nav-telephone-mobile,
.megamenu_mobile .nav-telephone-mobile:hover,
.megamenu_mobile .nav-telephone-mobile:focus,
.megamenu_mobile .nav-telephone-mobile:active,
.megamenu_mobile .nav-telephone-mobile:visited {
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    color: #EF6528 !important;
    font-weight: 700;
}

.megamenu_mobile .nav-telephone-mobile i,
.megamenu_mobile .nav-telephone-mobile span {
    color: #EF6528 !important;
}

@media all and (min-width: 961px) and (max-width: 994px) {
    nav .logoImg {
        /*margin-top: 9px;*/
        width: 50px;
    }

    nav .logoText {
        display: none !important;
    }

    nav .nav-link {
        font-size: inherit;
    }
}

@media all and (min-width: 575px) and (max-width: 767px) {
    nav .logoImg {
        /*margin-top: 10px;*/
        width: 50px;
    }

    nav .logoText {
        display: none !important;
    }

    nav .nav-link {
        font-size: 0.9rem;
        padding-top: 0 !important;
    }

    nav .bouton-abonnement-nav {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    nav .nav-telephone span {
        display: none;
    }
}

@media all and (min-width: 721px) and (max-width: 960px) {
    nav .logoImg {
        /*margin-top: 9px;*/
        width: 50px;
    }

    nav .logoText {
        display: none !important;
    }

    nav .nav-link {
        font-size: 0.9em;
        padding-top: 0 !important;
    }

    nav .bouton-abonnement-nav {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }
}


/*@media all and (min-width: 992px) {*/
@media all and (min-width: 575px) {

    .mobileLogo {
        display: none;
    }

    .megamenu_mobile {
        display: none;

    }

    .megamenu_pc {
        display: flex;
        width: 100%;
        align-items: stretch;
        flex-wrap: nowrap;
        gap: clamp(0.25rem, 0.8vw, 0.9rem);
        margin-top: 0;
        margin-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .megamenu_pc > li {
        flex: 0 1 auto;
        height: 44px;
        display: flex;
        align-items: center;
        align-self: stretch;
    }

    .megamenu_pc > li > .nav-link,
    .megamenu_pc > li > .nav-telephone,
    .megamenu_pc > li > a.d-inline-flex {
        height: 100%;
        display: inline-flex;
        align-items: center;
        white-space: nowrap;
    }

    .megamenu_pc .groupe-marque-nav {
        margin-right: auto;
        min-width: 0;
    }

    .megamenu_pc .groupe-marque-nav .logoText {
        margin-right: 0;
    }

    .navbar .has-megamenu {
        position: static !important;
    }

    .navbar .megamenu {
        left: 0;
        right: 0;
        margin: 0 auto;
    }
}

@media all and (max-width: 575px) {
    header {
        position: relative;
        background: var(--fondBandeauAccueil);
    }

    .blocFidelisationAccueil {
        margin-top: 0;
    }

    .mobileLogo {
        text-align: center;
        display: block;
        font-weight: bold;
        font-family: 'Quicksand', arial, helvetica, sans-serif;
        font-size: 2rem;
    }

    nav .menu-principal {
        border-radius: 20px;
    }

    nav .dropdown-item {
        color: #0072BB;
    }

    nav .dropdown-item:hover {
        color: #E95A1B !important;
    }

    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    /*.navbar-collapse.collapse {
        display: none!important;
    }*/
    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1rem;
    }

    .collapse.in {
        display: block !important;
    }

    .dropdown-toggle::after {
        display: inline-block;
        margin-left: 0.255em;
        vertical-align: 0.255em;
        content: "";
        border-top: 0.3em solid;
        border-right: 0.3em solid transparent;
        border-bottom: 0;
        border-left: 0.3em solid transparent;
    }

    .navbar-toggler:focus {
        box-shadow: none;
    }

    .navbar-toggler {
        border: none;
    }

    .custom-toggler.navbar-toggler {
        border-color: #0072BB;
    }

    /* Setting the stroke to green using rgb values (0, 128, 0) */
    .custom-toggler .navbar-toggler-icon {
        background-image: url(
        "data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 114, 187, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
    }
}

/**********************************/
/************ ACCUEIL *************/
/**********************************/

.vertical-flex-no-align-center {
    display: flex;
    flex-wrap: wrap;
}

.border-bleu {
    border-radius: 20px;
    border: 3px solid #ebf0f7 !important;

    /*min-height: 440px;*/
}

.border-bleu.border-top {
    border-radius: 20px 20px 0 0;
}

.border-bleu-fonce {
    border-radius: 20px;
    border: 3px solid #376EB4FF;

    /*min-height: 440px;*/
}

.border-bleu-orange {
    border-radius: 20px;
    border: 3px solid #E95A1B;

    /*min-height: 440px;*/
}

.tarifGlobale .tarif {
    font-size: 3em !important;
}

.tarifGlobale .tarifCentime {
    margin-top: 4px;
    position: absolute;
}

.titre-bleu-orange .roundedTop {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}

.titre-bleu-orange .roundedBottom {
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}


/**********************************/
/************ ARIANE *************/
/**********************************/

.ariane {
    font-size: 1rem;
}

.ariane > div {
    display: inline-block;
    padding-right: 6px;
}

/**********************************/
/************ Pages *************/
/**********************************/


.tarifGlobalePages .tarif {
    font-size: 3em !important;
}

.tarifGlobalePages .tarifCentime {
    margin-top: 4px;
    position: absolute;
}

.abonnement {
    margin-top: -25px !important;
    vertical-align: middle;
    font-size: 1.25rem;
}

.ou {
    transform: rotate(350deg) translate(-50%, -50%) !important;
    font-weight: bold;
    margin-top: 170px !important;
}

@media all and (max-width: 575px) {
    .abonnement {
        margin-top: inherit !important;
        display: block !important;
    }

    .ou {
        top: 0 !important;
        left: 50% !important;
        margin-top: inherit !important;
    }

    .routage h2,
    .routage span {
        display: block !important;
        margin-top: 15px;
        text-align: center;
    }

    .routageCadre {
        display: block;
    }
}

@media all and (min-width: 575px) and (max-width: 767px) {
    .abonnement {
        margin-top: inherit !important;
        display: block !important;
    }

    .ou {
        top: 0 !important;
        left: 50% !important;
        margin-top: inherit !important;
    }

    .routage h2,
    .routage span {
        display: block !important;
        margin-top: 15px;
        text-align: center;
    }

    .routageCadre {
        display: block;
    }
}

@media all and (min-width: 768px) and (max-width: 991px) {
    .routage h2,
    .routage span {
        display: block !important;
        margin-top: 15px;
        text-align: center;
    }
}

@media all and (min-width: 992px) {
    .routageCadre.vertical-flex-no-align-center {
        display: block !important;
    }
}


.form-special select {
    padding: 8px;
    border: 2px solid #E95A1B;
    border-radius: 5px;
    color: #9bb6dc;
}

.form-special select:focus {
    outline: none;
    border-color: #4990EA;
}

.form-special option:first-of-type {
    color: #9bb6dc;
}

/* Style pour l'input texte */

.form-special input[type="text"] {
    padding: 8px 8px 0;
    border: none;
    border-bottom: 2px solid #E95A1B;
    color: #9bb6dc;
}

.form-special input[type="text"]:focus {
    outline: none;
    border-color: #4990EA;
}

::placeholder {
    color: #9bb6dc;
}

/* Styling du cercle */

.step-container {
    display: flex;
    align-items: center;
    margin-right: 10px; /* Espacement entre le cercle et le texte */
}

.step {
    min-width: 40px; /* Ajustez la taille du cercle selon vos besoins */
    min-height: 40px;
    border-radius: 50%;
    background-color: #376eb4;
    color: white;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Supprimer le cercle pour les chiffres suivants */

.step-container + h2 .step {
    display: none;
}

.visuelSecteursBanniere {
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
}

.sectionIntroSecteurs {
    background: var(--fondBandeauAccueil);
}

.blocIntroSecteurs {
    margin-top: 80px;
}

.visuelIntroSecteurs {
    max-width: 18rem;
    margin-left: auto;
    margin-right: auto;
}

.texteIntroductionSecteurs {
    font-size: 1.625rem;
}

.retourLigneSecteurs {
    display: block;
}

.visuelActivitesAbonnement {
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
}

.visuelCommerceCycleAchat {
    max-width: 24rem;
}

.visuelNegociantsB2b {
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
}

.visuelServicesLocauxExpertise {
    max-width: 24rem;
    margin-left: auto;
    margin-right: auto;
}

.blocExempleConcretSecteur {
    padding: 1.25rem;
    background: #FFFFFF;
    border: 1px solid rgba(26, 92, 177, 0.12);
    border-radius: 1.5rem;
    box-shadow: 0 12px 28px rgba(26, 92, 177, 0.1);
}

.titreExempleConcretSecteur {
    color: #1A5CB1;
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.25;
}

.carteExempleConcretSecteur {
    padding: 1.15rem;
    border-radius: 1rem;
    border: 1px solid transparent;
}

.carteExempleConcretSecteurSans {
    background: #F7F9FC;
    border-color: rgba(92, 104, 119, 0.16);
}

.carteExempleConcretSecteurAvec {
    background: #F0F9FF;
    border-color: rgba(26, 92, 177, 0.2);
}

.titreCarteExempleConcretSecteur {
    font-family: 'Quicksand', arial, helvetica, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.25;
}

.carteExempleConcretSecteurSans .titreCarteExempleConcretSecteur {
    color: #6B7280;
}

.carteExempleConcretSecteurAvec .titreCarteExempleConcretSecteur {
    color: #E95A1B;
}

.texteCarteExempleConcretSecteur {
    color: #1A5CB1;
    font-size: 0.98rem;
    line-height: 1.55;
}

@media (max-width: 991.98px) {
    .sectionIntroSecteurs {
        text-align: center;
    }

    .visuelIntroSecteurs {
        max-width: 16rem;
    }

    .visuelSecteursBanniere {
        max-width: 24rem;
    }

    .visuelActivitesAbonnement {
        max-width: 24rem;
    }

    .visuelCommerceCycleAchat {
        max-width: 24rem;
    }

    .visuelNegociantsB2b {
        max-width: 24rem;
    }

    .visuelServicesLocauxExpertise {
        max-width: 24rem;
    }
}

@media (max-width: 575.98px) {
    .retourLigneSecteurs {
        display: none;
    }

    .visuelCommerceCycleAchat {
        max-width: 24rem;
    }

    .visuelNegociantsB2b {
        max-width: 24rem;
    }

    .visuelServicesLocauxExpertise {
        max-width: 24rem;
    }
}

/**********************************/
/**** DEBUT PRISE DE RENDEZ-VOUS ***/
/**********************************/

.sectionReservationTarifs {
    background: #F7F9FC;
}

.carteReservationTarifs {
    background: #FFFFFF;
    border: 1px solid rgba(27, 92, 177, 0.12);
    border-radius: 1.5rem;
    box-shadow: 0 18px 45px rgba(27, 92, 177, 0.08);
    overflow: hidden;
}

.iframeReservationTarifs {
    display: block;
    width: 100%;
    min-height: 700px;
    border: 0;
    background: #FFFFFF;
}

.modalPriseRendezVous .modal-dialog {
    max-width: 1100px;
}

.modalPriseRendezVous .modal-content {
    border: 1px solid rgba(27, 92, 177, 0.14);
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 28px 70px rgba(27, 92, 177, 0.18);
    background: linear-gradient(180deg, #F4F8FD 0%, #FFFFFF 26%);
}

.modalPriseRendezVous .modal-header {
    border-bottom: 0;
    padding: 1.25rem 1.25rem 0.75rem;
    position: relative;
    min-height: 8rem;
    align-items: flex-start;
}

.contenuEnteteModalPriseRendezVous {
    max-width: calc(100% - 4rem);
}

.surTitreModalPriseRendezVous {
    color: #1B5CB1;
    font-family: 'Quicksand', sans-serif;
    font-size: 0.875rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.modalPriseRendezVous #titreModalPriseRendezVous {
    color: #F56A2C;
    font-family: 'Quicksand', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.15;
}

.texteEnteteModalPriseRendezVous {
    color: #376EB4;
    font-family: 'Quicksand', sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5;
}

.modalPriseRendezVous .btn-close {
    position: absolute;
    top: 1rem;
    right: 1rem;
    margin: 0;
    z-index: 2;
    opacity: 1;
    background-color: #FFFFFF;
    border-radius: 50%;
    box-shadow: 0 10px 24px rgba(27, 92, 177, 0.16);
}

.modalPriseRendezVous .modal-body {
    padding: 0 1.25rem 1.25rem;
}

.cadreIframePriseRendezVous {
    padding: 0.5rem;
    border-radius: 1.25rem;
    background: linear-gradient(135deg, rgba(27, 92, 177, 0.08) 0%, rgba(245, 106, 44, 0.12) 100%);
}

.modalPriseRendezVous .iframeReservationTarifs {
    min-height: 75vh;
    border-radius: 1rem;
    box-shadow: 0 12px 30px rgba(27, 92, 177, 0.12);
}

@media (max-width: 767.98px) {
    .iframeReservationTarifs {
        min-height: 620px;
    }

    .modalPriseRendezVous #titreModalPriseRendezVous {
        font-size: 1.55rem;
    }

    .modalPriseRendezVous .modal-body {
        padding: 0 0.75rem 0.75rem;
    }

    .modalPriseRendezVous .modal-header {
        padding: 1rem 1rem 0.75rem;
        min-height: auto;
    }

    .contenuEnteteModalPriseRendezVous {
        max-width: calc(100% - 3.5rem);
    }
}

/**********************************/
/***** FIN PRISE DE RENDEZ-VOUS ****/
/**********************************/

/**********************************/
/******* DEBUT ACCES CLIENT ********/
/**********************************/

.enteteAccesClient {
    max-width: 48rem;
    margin-inline: auto;
}

.texteAccesClient {
    color: #376EB4;
    font-family: 'Quicksand', sans-serif;
    font-size: 1.05rem;
    font-weight: 500;
    line-height: 1.6;
}

.carteAccesClient {
    border: 1px solid rgba(27, 92, 177, 0.14);
    border-radius: 1.5rem;
    overflow: hidden;
    box-shadow: 0 22px 55px rgba(27, 92, 177, 0.12);
    background: linear-gradient(180deg, #F4F8FD 0%, #FFFFFF 16%);
}

.titreColonneAccesClient {
    color: #F56A2C;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2;
}

.contenuCarteAccesClient {
    padding: 1.5rem 1.75rem 1.75rem;
}

.carteAccesClient label,
.carteAccesClient p,
.carteAccesClient a,
.carteAccesClient small {
    font-family: 'Quicksand', sans-serif;
}

.carteAccesClient .form-control,
.carteAccesClient .input-group-text {
    border-radius: 0.9rem;
}

.lienConditionsAccesClient {
    color: #F56A2C;
    font-weight: 700;
    text-decoration: none;
    transition: color 0.2s ease;
}

.lienConditionsAccesClient:hover,
.lienConditionsAccesClient:focus {
    color: #D95A1D;
}

@media (max-width: 575.98px) {
    .texteAccesClient {
        font-size: 0.98rem;
    }

    .titreColonneAccesClient {
        font-size: 1.35rem;
    }

    .contenuCarteAccesClient {
        padding: 1.25rem;
    }
}

/**********************************/
/******** FIN ACCES CLIENT ********/
/**********************************/

/**********************************/
/******* HARMONISATION TEXTE ******/
/**********************************/

main h1,
main .h1,
main h1.h2 {
    font-size: 2.6rem !important;
    font-weight: 700 !important;
}

main h2,
main .h2 {
    font-size: 1.75rem !important;
    font-weight: 700 !important;
}

main h3,
main .h3 {
    font-size: 1.40rem !important;
}

main p:not(.numeroEtapeCreation),
main li,
main label,
main input,
main select,
main textarea,
main .accordion-body,
main [class*="texte"],
main [class*="description"],
main [class*="sousTitre"],
main [class*="paragraphe"],
main [class*="introduction"] {
    font-size: 1rem !important;
}

main .numeroEtapeCreation {
    font-size: clamp(4.5rem, 8vw, 7.5625rem) !important;
}

@media (max-width: 575.98px) {
    main h1,
    main .h1,
    main h1.h2 {
        font-size: 2.6rem !important;
    }

    main h2,
    main .h2 {
        font-size: 1.75rem !important;
    }
}


.modal-link-text {
    appearance: none;
    -webkit-appearance: none;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    box-shadow: none;
    outline: 0;
    color: #E95A1B;
    font: inherit;
    font-weight: 700;
    line-height: inherit;
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.18em;
    cursor: pointer;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.modal-link-text:hover {
    color: #F56A2C;
    text-decoration: underline;
}

.modal-link-text:focus,
.modal-link-text:active {
    border: 0;
    outline: 0;
    box-shadow: none;
    background: none;
}



/*@todo modification steven*/

.modal-link-text {
    appearance: none;
    -webkit-appearance: none;
    display: inline;
    padding: 0;
    margin: 0;
    border: 0;
    background: none;
    box-shadow: none;
    outline: 0;
    color: #E95A1B;
    font: inherit;
    font-weight: 700;
    line-height: inherit;
    text-decoration: underline;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.18em;
    cursor: pointer;
    transition: color 0.2s ease, text-decoration-color 0.2s ease;
}

.modal-link-text:hover {
    color: #F56A2C;
    text-decoration: underline;
}

.modal-link-text:focus,
.modal-link-text:active {
    border: 0;
    outline: 0;
    box-shadow: none;
    background: none;
}