/* /Components/Components/ChangePassword.razor.rz.scp.css */
.login-card[b-qh8mnr106p]  * {
    box-sizing: border-box;
}

/* Conteneur Bootstrap existant */
.container[b-qh8mnr106p] {
    width: min(100% - 32px, 520px);
    margin: 24px auto 60px !important;
    padding: 0;
}

/* Carte de connexion */
.login-card[b-qh8mnr106p] {
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 18px;
}

/* On neutralise la grille Bootstrap pour ce petit formulaire */
.login-card .row[b-qh8mnr106p] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: center;
    gap: 8px 18px;
    margin: 0 0 20px;
}

.login-card .row > [class*="col-"][b-qh8mnr106p] {
    width: auto;
    max-width: none;
    margin-left: 0;
    padding: 0;
}

/* Libellés */
.login-card .text-right[b-qh8mnr106p] {
    color: #405367;
    font-size: 0.94rem;
    font-weight: 600;
    text-align: left !important;
}

/* Lignes contenant le bouton et les erreurs */
.login-card .row:has(.btn)[b-qh8mnr106p],
.login-card .row:has(span)[b-qh8mnr106p],
.login-card .row:has(label)[b-qh8mnr106p]{
    display: block;
    margin-bottom: 0;
    text-align: center;
}

.login-card .row:has(.btn)[b-qh8mnr106p] {
    margin-top: 8px;
}

.login-card .row:has(span)[b-qh8mnr106p] {
    min-height: 26px;
    margin-top: 16px;
}

/* Message d’erreur */
.login-card .error[b-qh8mnr106p] {
    display: inline-block;
    color: #b42318 !important;
    font-size: 0.92rem;
    line-height: 1.45;
}
/* /Components/Components/Footer.razor.rz.scp.css */
.site-footer-bottom[b-jsd9bv47nk] {
    width: 100%;
    margin-top: auto;
    background-color: #0c2161;
    color: #ffffff;
}

.site-footer-bottom-inner[b-jsd9bv47nk] {
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding:12px 45px
}

.site-footer-copyright[b-jsd9bv47nk] {
    margin: 0;
    font-size: 0.85rem;
    line-height: 1.4;
}

.site-footer-bottom a[b-jsd9bv47nk] {
    color:#ffffff;
}

.site-footer-legal[b-jsd9bv47nk] {
    flex-shrink: 0;
    font-size: 0.85rem;
    text-decoration: none;
    transition: color 0.2s ease;
}

    .site-footer-legal:hover[b-jsd9bv47nk],
    .site-footer-legal:focus-visible[b-jsd9bv47nk] {
        color: #1badba;
    }

@media (max-width: 575.98px) {
    .site-footer-bottom-inner[b-jsd9bv47nk] {
        min-height: auto;
        flex-direction: column;
        justify-content: center;
        gap: 0.35rem;
        padding-top: 0.9rem;
        padding-bottom: 0.9rem;
        text-align: center;
    }
}
/* /Components/Components/InfoButton.razor.rz.scp.css */
.info-container[b-8gabuj6mhr] {
    position: relative;
    display: inline-flex;
    vertical-align: middle;
}

.info-button[b-8gabuj6mhr] {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    margin-left: 6px;

    width: 20px;
    height: 20px;
    padding: 0;

    border: 1px solid #18b7c2;
    border-radius: 50%;
    background: transparent;

    color: #18b7c2;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;

    cursor: pointer;
}

.info-button:hover[b-8gabuj6mhr] {
    color: #fff;
    background: #18b7c2;
}

.info-tooltip[b-8gabuj6mhr] {
    position: absolute;
    z-index: 1000;

    top: 28px;
    left: 6px;

    width: 300px;
    padding: 12px 15px;

    background: #fff;
    border: 1px solid #d7e4ea;
    border-radius: 10px;

    box-shadow: 0 8px 24px rgba(0, 31, 107, .12);

    color: #52617d;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;

    text-align: left;
}
/* /Components/Components/InputNumberRounded.razor.rz.scp.css */
.input-number-rounded-host[b-9pq2athvfr] {
        position: relative;
        display: inline-block;
        width: fit-content;
    }
/* /Components/Components/InputTextPassword.razor.rz.scp.css */
.password-eye[b-itle38mgkl] {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    cursor: pointer;
    color: #666;
    display: none; /* modifié par setPasswordInputParent  */
}

.password-eye svg[b-itle38mgkl] {
    display: block;
    width: 100%;
    height: 100%;
}
/* /Components/Components/LogIn.razor.rz.scp.css */
/* LogIn.razor.css */

.login-card[b-ylq1uyxbzu]  * {
    box-sizing: border-box;
}

/* En-tête */
.headline[b-ylq1uyxbzu] {
    max-width: 520px;
    margin: 55px auto 0;
    padding: 0 24px;
}

.headline h3[b-ylq1uyxbzu] {
    margin: 0;
    color: #16324f;
    font-size: clamp(1.65rem, 3vw, 2.15rem);
    font-weight: 700;
    letter-spacing: -0.025em;
    text-align: center;
}

/* Conteneur Bootstrap existant */
.container[b-ylq1uyxbzu] {
    width: min(100% - 32px, 520px);
    margin: 24px auto 60px !important;
    padding: 0;
}

/* Carte de connexion */
.login-card[b-ylq1uyxbzu] {
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 18px;
    box-shadow:
        0 18px 45px rgba(21, 50, 79, 0.10),
        0 3px 10px rgba(21, 50, 79, 0.05);
}

/* On neutralise la grille Bootstrap pour ce petit formulaire */
.login-card .row[b-ylq1uyxbzu] {
    display: grid;
    grid-template-columns: 140px minmax(0, 1fr);
    align-items: center;
    gap: 8px 18px;
    margin: 0 0 20px;
}

.login-card .row > [class*="col-"][b-ylq1uyxbzu] {
    width: auto;
    max-width: none;
    margin-left: 0;
    padding: 0;
}

/* Libellés */
.login-card .text-right[b-ylq1uyxbzu] {
    color: #405367;
    font-size: 0.94rem;
    font-weight: 600;
    text-align: left !important;
}

/* Lignes contenant le bouton et les erreurs */
.login-card .row:has(.btn)[b-ylq1uyxbzu],
.login-card .row:has(span)[b-ylq1uyxbzu],
.login-card .row:has(label)[b-ylq1uyxbzu]{
    display: block;
    margin-bottom: 0;
    text-align: center;
}

.login-card .row:has(.btn)[b-ylq1uyxbzu] {
    margin-top: 8px;
}

.login-card .row:has(span)[b-ylq1uyxbzu] {
    min-height: 26px;
    margin-top: 16px;
}

.login-card[b-ylq1uyxbzu]  .CheckBoxSave + label {
    margin: 0 0 0 7px;
    color: #405367;
    font-size: 0.92rem;
    cursor: pointer;
}

/* Message d’erreur */
.login-card .error[b-ylq1uyxbzu] {
    display: inline-block;
    color: #b42318 !important;
    font-size: 0.92rem;
    line-height: 1.45;
}

/* Écran 2FA */
.login-card[b-ylq1uyxbzu]  .TextBoxDfa {
    width: 180px;
    margin: 8px auto;
    font-size: 1.35rem !important;
    font-weight: 700;
    letter-spacing: 0.22em;
    text-align: center;
}

.login-card[b-ylq1uyxbzu]  .CheckBoxDfa + label {
    margin: 0 0 0 7px;
    color: #405367;
    font-size: 0.92rem;
    cursor: pointer;
}

/* Le texte introductif de l’écran 2FA */
.container > .row[b-ylq1uyxbzu] {
    margin: 0 0 14px;
}

.container > .row > [class*="col-"][b-ylq1uyxbzu] {
    width: 100%;
    max-width: none;
    margin-left: 0;
    padding: 0;
    color: #52677b;
}

/* Mobile */
@media (max-width: 600px) {
    .headline[b-ylq1uyxbzu] {
        margin-top: 30px;
    }

    .login-card[b-ylq1uyxbzu] {
        padding: 28px 22px;
        border-radius: 14px;
    }

    .login-card .row[b-ylq1uyxbzu] {
        display: block;
        margin-bottom: 17px;
    }

    .login-card .text-right[b-ylq1uyxbzu] {
        margin-bottom: 7px;
    }

    .btn-primary[b-ylq1uyxbzu] {
        width: 100%;
    }
}
/* /Components/Components/OverlayDisableAll.razor.rz.scp.css */
#overlay-disable-all[b-603j1nw6q0] {
	width: auto;
	height: auto;
	overflow: auto;
	overflow-y: scroll;
	position: fixed;
	bottom: 0;
	right: 0;
	top: 0;
	left: 0;
	z-index: 8010;
	background: url('/images/overlay.png');
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
}
/* /Components/Components/Sound.razor.rz.scp.css */
.col-6-nopaddingleft[b-vpmqshsxa6] {
    padding-left: 0;
}

audio[b-vpmqshsxa6] {
    height: 46px;
    vertical-align: middle;
    border: 1px solid #e8edf2;
    border-radius: 6px;
    background-color: #f8fafc;
}

audio[b-vpmqshsxa6]::-webkit-media-controls-enclosure,
audio[b-vpmqshsxa6]::-webkit-media-controls-panel {
    border-radius: 6px;
    background-color: #f8fafc;
}

/* Play, volume, timeline... moins agressifs */
audio[b-vpmqshsxa6]::-webkit-media-controls-play-button,
audio[b-vpmqshsxa6]::-webkit-media-controls-mute-button {
    opacity: .55;
}

audio[b-vpmqshsxa6]::-webkit-media-controls-current-time-display,
audio[b-vpmqshsxa6]::-webkit-media-controls-time-remaining-display {
    color: #6c757d;
}
/* /Components/Components/Toast.razor.rz.scp.css */
/* The snackbar - position it at the bottom and in the middle of the screen */
#snackbar[b-a0dpfmnc19] {
    visibility: hidden; /* Hidden by default. Visible on click */
    min-width: 250px; /* Set a default minimum width */
    margin-left: -125px; /* Divide value of min-width by 2 */
    background-color: #333; /* Black background color */
    color: #fff; /* White text color */
    text-align: center; /* Centered text */
    border-radius: 2px; /* Rounded borders */
    padding: 16px; /* Padding */
    position: fixed; /* Sit on top of the screen */
    z-index: 1; /* Add a z-index if needed */
    left: 50%; /* Center the snackbar */
    bottom: 30px; /* 30px from the bottom */
}

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.show-3sec[b-a0dpfmnc19] {
        visibility: visible; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
        animation: fadein-b-a0dpfmnc19 0.5s, fadeout-b-a0dpfmnc19 0.5s 2.5s;
    }

    /* Show the snackbar when clicking on a button (class added with JavaScript) */
    #snackbar.show-6sec[b-a0dpfmnc19] {
        visibility: visible; /* Show the snackbar */
        /* Add animation: Take 0.5 seconds to fade in and out the snackbar. However, delay the fade out process for 2.5 seconds */
        -webkit-animation: fadein 0.5s, fadeout 0.5s 5.5s;
        animation: fadein-b-a0dpfmnc19 0.5s, fadeout-b-a0dpfmnc19 0.5s 5.5s;
    }

/* Animations to fade the snackbar in and out */
@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein-b-a0dpfmnc19 {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout-b-a0dpfmnc19 {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-mqkgrgh7dl] {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 0;
    padding: 0;
    min-height: 100vh;
}

main[b-mqkgrgh7dl] {
    flex: 1;
    min-width: 0;
}

/* =========================================================
   HEADER / NAVIGATION
   ========================================================= */

.sidebar[b-mqkgrgh7dl] {
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    padding: 12px 45px;
    background: #fff;
    border-radius: 0;
    position: sticky;
    top: 0;
    z-index: 1000;
}

    /*
 * IMPORTANT :
 * .top-row existe également dans <main>.
 * On ne veut donc pas transformer toutes les .top-row
 * de la page en bloc logo.
 */
    .sidebar > .top-row[b-mqkgrgh7dl] {
        flex: 0 0 auto;
        min-height: 0;
        height: auto;
        display: flex;
        align-items: center;
        padding: 0 !important;
        background: transparent;
    }

/* Ta top-row située dans <main> peut continuer à servir
   pour le bouton "Nous contacter" */
main > .top-row[b-mqkgrgh7dl] {
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    background: #fff;
}


/* =========================================================
   CONTENU
   ========================================================= */

article.content[b-mqkgrgh7dl] {
    width: 100%;
    padding-left: 45px !important;
    padding-right: 45px !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 641px) {

    .page[b-mqkgrgh7dl] {
        flex-direction: column;
    }

    .sidebar[b-mqkgrgh7dl] {
        position: sticky;
        top: 0;
        width: 100%;
        height: auto;
    }

    main > .top-row[b-mqkgrgh7dl] {
        position: static;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640.98px) {

    .sidebar[b-mqkgrgh7dl] {
        position: relative;
        display: block;
        padding: 12px 18px;
    }

        .sidebar > .top-row[b-mqkgrgh7dl] {
            min-height: 54px;
        }

    article.content[b-mqkgrgh7dl] {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }
}

#blazor-error-ui[b-mqkgrgh7dl] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-mqkgrgh7dl] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Layout/NavMenu.razor.rz.scp.css */
/* =========================================================
   CONTENEUR GENERAL
   ========================================================= */

.patiello-navigation[b-q1m46mn0hh] {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
}


/* =========================================================
   TOP ROW
   ========================================================= */

.top-row[b-q1m46mn0hh] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}


/* =========================================================
   LOGO
   ========================================================= */

.logo[b-q1m46mn0hh] {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

    .logo img[b-q1m46mn0hh] {
        display: block;
        width: auto;
        height: 52px;
        max-width: 180px;
        border: 0;
        border-radius: 0;
    }

.navbar-brand[b-q1m46mn0hh] {
    display: flex;
    align-items: center;
    margin: 0;
    padding: 0;
    font-size: 1.1rem;
}


/* =========================================================
   ICONES
   ========================================================= */

.bi[b-q1m46mn0hh] {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .50rem;
    top: -1px;
    flex-shrink: 0;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: filter .2s ease;
}


.nav-item[b-q1m46mn0hh]  .nav-link:not(.btn):hover {
    color: #0479c7;
}

    .nav-item[b-q1m46mn0hh]  .nav-link:not(.btn):hover .bi {
        filter: brightness(0) saturate(100%) invert(35%) sepia(91%) saturate(1455%) hue-rotate(178deg) brightness(87%) contrast(101%);
    }

.nav-link.btn.btn-primary.active[b-q1m46mn0hh] {
    padding: 10px 22px;
    color: #ffffff !important;
    font-size: 1rem;
    font-weight: 700;
    background: linear-gradient( 115deg, #20b9bd 0%, #159fbe 48%, #168bc4 100% ) !important;
    border: none;
    box-shadow: 0 5px 16px rgba(21, 159, 190, .16);
    border-radius: 999px;
}

/* =========================================================
   ICONE ACCUEIL
   ========================================================= */

.bi-house-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230c2161' viewBox='0 0 16 16'%3E%3Cpath d='M8.707 1.5a1 1 0 0 0-1.414 0L.646 8.146a.5.5 0 0 0 .708.708L2 8.207V13.5A1.5 1.5 0 0 0 3.5 15h9a1.5 1.5 0 0 0 1.5-1.5V8.207l.646.647a.5.5 0 0 0 .708-.708L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293zM13 7.207V13.5a.5.5 0 0 1-.5.5h-9a.5.5 0 0 1-.5-.5V7.207l5-5z'/%3E%3C/svg%3E");
}

/* =========================================================
   ICONE CART
   ========================================================= */

.bi-cart-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M0 1.5A.5.5 0 0 1 .5 1H2a.5.5 0 0 1 .485.379L2.89 3H14.5a.5.5 0 0 1 .491.592l-1.5 8A.5.5 0 0 1 13 12H4a.5.5 0 0 1-.491-.408L2.01 3.607 1.61 2H.5a.5.5 0 0 1-.5-.5zM3.102 4l1.313 7h8.17l1.313-7H3.102zM5 12a2 2 0 1 0 0 4 2 2 0 0 0 0-4zm7 0a2 2 0 1 0 0 4 2 2 0 0 0 0-4zM5 13a1 1 0 1 1 0 2 1 1 0 0 1 0-2zm7 0a1 1 0 1 1 0 2 1 1 0 0 1 0-2z'/%3E%3C/svg%3E");
}

/* =========================================================
   ICONE CONTACT
   ========================================================= */

.bi-mail-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffffff' viewBox='0 0 16 16'%3E%3Cpath d='M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v.217l7 4.2 7-4.2V4a1 1 0 0 0-1-1H2zm13 2.383l-4.708 2.825L15 11.383V5.383zM1 5.383v6l4.708-3.175L1 5.383zM6.761 8.83 1.802 12H14.198l-4.959-3.17a2 2 0 0 1-2.478 0z'/%3E%3C/svg%3E");
}


/* =========================================================
   ICONE PRODUIT
   ========================================================= */

.bi-tablet-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230c2161' viewBox='0 0 16 16'%3E%3Cpath d='M12 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z'/%3E%3Cpath d='M8 14a1 1 0 1 0 0-2 1 1 0 0 0 0 2'/%3E%3C/svg%3E");
}


/* =========================================================
   ICONE MANUELS
   ========================================================= */

.bi-journal-bookmark-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230c2161' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M6 8V1h1v6.117L8.743 6.07a.5.5 0 0 1 .514 0L11 7.117V1h1v7a.5.5 0 0 1-.757.429L9 7.083 6.757 8.43A.5.5 0 0 1 6 8'/%3E%3Cpath d='M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2'/%3E%3Cpath d='M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z'/%3E%3C/svg%3E");
}


/* =========================================================
   ICONE CENTRES
   ========================================================= */

.bi-gear-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230c2161' viewBox='0 0 16 16'%3E%3Cpath d='M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492M5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0'/%3E%3Cpath d='M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115z'/%3E%3C/svg%3E");
}


/* =========================================================
   ICONE PARAMETRES
   ========================================================= */

.bi-settings-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230c2161' viewBox='0 0 16 16'%3E%3Cpath d='M9.405 1.05c-.351-1.4-2.459-1.4-2.81 0l-.086.34a1.46 1.46 0 0 1-2.105.913l-.303-.177c-1.25-.73-2.74.76-2.01 2.01l.177.303c.445.76.042 1.735-.813 1.958l-.34.087c-1.4.351-1.4 2.459 0 2.81l.34.086c.855.223 1.258 1.198.813 1.958l-.177.303c-.73 1.25.76 2.74 2.01 2.01l.303-.177a1.46 1.46 0 0 1 2.105.913l.086.34c.351 1.4 2.459 1.4 2.81 0l.086-.34a1.46 1.46 0 0 1 2.105-.913l.303.177c1.25.73 2.74-.76 2.01-2.01l-.177-.303a1.46 1.46 0 0 1 .813-1.958l.34-.086c1.4-.351 1.4-2.459 0-2.81l-.34-.087a1.46 1.46 0 0 1-.813-1.958l.177-.303c.73-1.25-.76-2.74-2.01-2.01l-.303.177a1.46 1.46 0 0 1-2.105-.913l-.086-.34zM8 10.5a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E");
}


/* =========================================================
   ICONE PRESTATAIRES
   ========================================================= */

.bi-providers-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%230c2161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Ccircle cx='6' cy='5' r='2.5'/%3E%3Cpath d='M1.75 13c.35-2.65 1.8-4 4.25-4s3.9 1.35 4.25 4'/%3E%3Cpath d='M10 3.2a2.5 2.5 0 0 1 0 4.6M11 9.3c1.9.4 2.95 1.65 3.25 3.7'/%3E%3C/svg%3E");
}

/* =========================================================
   ICONE MON COMPTE
   ========================================================= */

.bi-account-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%230c2161' viewBox='0 0 16 16'%3E%3Cpath d='M4 2.5a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 .5.5v11h1.5a.5.5 0 0 1 0 1h-11a.5.5 0 0 1 0-1H4zm1 .5v11h2v-2.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5V14h2V3zm1 1h1v1H6zm3 0h1v1H9zM6 6h1v1H6zm3 0h1v1H9zM6 8h1v1H6zm3 0h1v1H9z'/%3E%3C/svg%3E");
}


/* =========================================================
   ICONE DECONNEXION
   ========================================================= */

.bi-logout-nav-menu[b-q1m46mn0hh] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' stroke='%230c2161' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2H3.5A1.5 1.5 0 0 0 2 3.5v9A1.5 1.5 0 0 0 3.5 14h3'/%3E%3Cpath d='M9 5l3 3-3 3M5 8h7'/%3E%3C/svg%3E");
}


/* =========================================================
   NAVIGATION DESKTOP
   ========================================================= */

.nav-scrollable[b-q1m46mn0hh] {
    display: block;
    flex: 1;
    min-width: 0;
    margin-left: 70px;
}

    .nav-scrollable .nav[b-q1m46mn0hh] {
        display: flex;
        flex-direction: row !important;
        align-items: center;
        gap: 45px;
        width: 100%;
    }


/* =========================================================
   ELEMENTS DU MENU
   ========================================================= */

.nav-item[b-q1m46mn0hh] {
    position: relative;
    padding: 0 !important;
    font-weight: 600;
}

    .nav-item:first-of-type[b-q1m46mn0hh],
    .nav-item:last-of-type[b-q1m46mn0hh] {
        padding: 0;
    }


    /* =========================================================
   LIENS
   ========================================================= */

    .nav-item[b-q1m46mn0hh]  .nav-link {
        position: relative;
        display: flex;
        align-items: center;
        width: auto;
        height: 48px;
        font-weight: 600;
        line-height: 1;
        border: 0;
        white-space: nowrap;
        transition: color .2s ease, background-color .2s ease;
    }

        .nav-item[b-q1m46mn0hh]  .nav-link:not(.btn) {
            color: #0c2161;
            background: transparent;
            padding: 0;
            border-radius: 0;
        }

        .nav-item[b-q1m46mn0hh]  .nav-link.btn {
            justify-content: center;
        }

            .nav-item[b-q1m46mn0hh]  .nav-link.btn:hover {
                background: linear-gradient( 115deg, #1badba 0%, #118fb5 48%, #107eb9 100% );
                color: #fff;
            }


        /* =========================================================
   HOVER
   ========================================================= */

        .nav-item[b-q1m46mn0hh]  .nav-link:hover {
            color: #0479c7;
            background: transparent;
        }


    /* =========================================================
   LIEN ACTIF
   ========================================================= */

    .nav-item[b-q1m46mn0hh]  a.active:not(.btn) {
        color: #0479c7;
        background: transparent;
    }

    .nav-item a.active:not(.btn)[b-q1m46mn0hh]::after {
        content: "";
        position: absolute;
        left: 50%;
        bottom: 2px;
        width: 35px;
        height: 3px;
        background-color: #0ba6b5;
        border-radius: 999px;
        transform: translateX(-50%);
    }


/* =========================================================
   SOUS-MENU MES CENTRES
   ========================================================= */

.nav-item-dropdown[b-q1m46mn0hh] {
    position: relative;
}


/* Flèche */

.submenu-chevron[b-q1m46mn0hh] {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-left: 9px;
    margin-top: -4px;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg);
    transition: transform .18s ease;
}


/* Sous-menu */

.nav-submenu[b-q1m46mn0hh] {
    position: absolute;
    top: calc(100% - 2px);
    left: 50%;
    z-index: 1000;
    min-width: 190px;
    padding: 8px;
    background: #ffffff;
    border: 1px solid #e4ebf0;
    border-radius: 14px;
    box-shadow: 0 12px 30px rgba(12, 33, 97, .10), 0 3px 8px rgba(12, 33, 97, .04);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translate(-50%, 8px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s ease;
}


/* Ouverture */

.nav-item-dropdown:hover .nav-submenu[b-q1m46mn0hh] {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%, 0);
}

.nav-item-dropdown:hover .submenu-chevron[b-q1m46mn0hh] {
    position: relative;
    top: 3px;
    transform: rotate(225deg);
}


/* Liens sous-menu */

.nav-item-dropdown[b-q1m46mn0hh]  .nav-submenu-link {
    display: block;
    width: 100%;
    padding: 10px 12px;
    color: #0c2161;
    font-weight: 500;
    line-height: 1.3;
    text-align: left;
    text-decoration: none;
    white-space: nowrap;
    border-radius: 9px;
    transition: color .15s ease, background-color .15s ease;
}

    .nav-item-dropdown[b-q1m46mn0hh]  .nav-submenu-link:hover {
        color: #0479c7;
        background: linear-gradient( 135deg, #f2f9fa 0%, #eaf6f8 50%, #f6fbfd 100% );
    }


/* =========================================================
   CONTACT A DROITE
   ========================================================= */

@media (min-width: 1001px) {

    .nav-item.pull-right[b-q1m46mn0hh] {
        margin-left: auto;
    }
}


/* =========================================================
   BURGER DESACTIVE SUR DESKTOP
   ========================================================= */

.navbar-toggler[b-q1m46mn0hh] {
    display: none;
}


/* =========================================================
   DESKTOP COMPACT
   ========================================================= */

@media (min-width: 1001px) and (max-width: 1100px) {

    .nav-scrollable .nav[b-q1m46mn0hh] {
        gap: 25px;
    }

    .nav-scrollable[b-q1m46mn0hh] {
        margin-left: 40px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 1000px) {


    /* =====================================================
       CONTENEUR GENERAL

       Ligne 1 :
       LOGO ---------------- BURGER

       Ligne 2 :
       MENU 100 %
       ===================================================== */

    .patiello-navigation[b-q1m46mn0hh] {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: none;
        min-width: 0;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
    }


    /* =====================================================
       LIGNE LOGO + BURGER
       ===================================================== */

    .top-row[b-q1m46mn0hh] {
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        width: 100%;
        height: auto;
        margin: 0;
        padding: 14px 18px;
        box-sizing: border-box;
    }


    /* =====================================================
       LOGO
       ===================================================== */

    .logo[b-q1m46mn0hh] {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        margin: 0;
        padding: 0;
    }

        .logo img[b-q1m46mn0hh] {
            display: block;
            width: auto;
            height: 46px;
            max-width: 160px;
        }


    /* =====================================================
       BURGER
       ===================================================== */

    .navbar-toggler[b-q1m46mn0hh] {
        appearance: none;
        display: block;
        position: absolute;
        top: 50%;
        right: 18px;
        width: 44px;
        height: 44px;
        margin: 0;
        padding: 0;
        transform: translateY(-50%);
        cursor: pointer;
        border: 0;
        border-radius: 12px;
        background-color: #f2f9fa;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%230c2161' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M5 8h20M5 15h20M5 22h20'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 23px;
        z-index: 20;
        transition: background-color .2s ease;
    }

        .navbar-toggler:hover[b-q1m46mn0hh],
        .navbar-toggler:checked[b-q1m46mn0hh] {
            background-color: #e9f6f8;
        }


    /* =====================================================
       MENU FERME
       ===================================================== */

    .nav-scrollable[b-q1m46mn0hh] {
        display: none;
        /*
         * IMPORTANT :
         * annule complètement le positionnement desktop.
         */
        flex: none;
        width: 100%;
        min-width: 0;
        max-width: none;
        margin: 0;
        padding: 0 18px 14px;
        box-sizing: border-box;
    }


    /* =====================================================
       MENU OUVERT
       ===================================================== */

    .top-row:has(.navbar-toggler:checked) + .nav-scrollable[b-q1m46mn0hh] {
        display: block;
    }


    /* =====================================================
       BLOC DU MENU
       ===================================================== */

    .nav-scrollable .nav[b-q1m46mn0hh] {
        display: flex;
        flex-direction: column !important;
        align-items: stretch;
        gap: 4px;
        width: 100%;
        max-width: none;
        margin: 0;
        padding: 12px 16px;
        box-sizing: border-box;
        background: #ffffff;
        border: 1px solid #e3e9ef;
        border-radius: 24px;
    }


    /* =====================================================
       ELEMENTS
       ===================================================== */

    .nav-item[b-q1m46mn0hh] {
        position: relative;
        width: 100%;
        margin: 0;
        padding: 0 !important;
        box-sizing: border-box;
    }


        /* =====================================================
       LIENS
       ===================================================== */

        .nav-item[b-q1m46mn0hh]  .nav-link {
            display: flex;
            align-items: center;
            width: 100%;
            height: 50px;
            margin: 0;
            padding: 0 14px;
            box-sizing: border-box;
            color: #0c2161;
            font-size: .95rem;
            font-weight: 600;
            border-radius: 11px;
            white-space: nowrap;
        }

            .nav-item[b-q1m46mn0hh]  .nav-link:not(.btn) {
                width: 100%;
                padding: 0 14px;
                background: transparent;
                border-radius: 11px;
            }


            /* Hover */

            .nav-item[b-q1m46mn0hh]  .nav-link:hover {
                color: #0479c7;
                background: linear-gradient( 135deg, #f2f9fa 0%, #eaf6f8 50%, #f6fbfd 100% );
            }


            /* =====================================================
       ICONES
       ===================================================== */

            .nav-item[b-q1m46mn0hh]  .nav-link .bi {
                display: inline-block;
                width: 1.25rem;
                height: 1.25rem;
                margin-right: .75rem;
                flex-shrink: 0;
            }


        /* =====================================================
       LIEN ACTIF
       ===================================================== */

        .nav-item[b-q1m46mn0hh]  a.active {
            color: #0479c7;
            background: #eef8fa;
        }

            .nav-item[b-q1m46mn0hh]  a.active::after {
                display: none;
            }


        /* =====================================================
       CONTACT
       ===================================================== */

        .nav-item.pull-right[b-q1m46mn0hh] {
            width: 100%;
            margin: 8px 0 0;
        }

        .nav-item.pull-right[b-q1m46mn0hh]  .nav-link,
        .nav-item.pull-right[b-q1m46mn0hh]  .nav-link.btn {
            display: flex;
            align-items: center;
            justify-content: center;

            width: 100%;
            margin: 0;

            color: #ffffff !important;

            background: linear-gradient(
                115deg,
                #20b9bd 0%,
                #159fbe 48%,
                #168bc4 100%
            );

            border: none;
            border-radius: 12px;
        }

        .nav-item.pull-right[b-q1m46mn0hh]  .nav-link.btn:hover {
            color: #ffffff;
            background: linear-gradient( 115deg, #1badba 0%, #118fb5 48%, #107eb9 100% );
        }


    /* =====================================================
       MES CENTRES
       ===================================================== */

    .nav-item-dropdown[b-q1m46mn0hh] {
        width: 100%;
    }

        .nav-item-dropdown .nav-submenu[b-q1m46mn0hh] {
            position: static;
            width: 100%;
            min-width: 0;
            margin: 0;
            padding: 0 0 0 42px;
            box-sizing: border-box;
            background: transparent;
            border: 0;
            border-radius: 0;
            box-shadow: none;
            max-height: 0;
            opacity: 0;
            visibility: hidden;
            overflow: hidden;
            pointer-events: none;
            transform: none;
            transition: max-height .25s ease, opacity .18s ease;
        }


        /* Evite le comportement hover desktop */

        .nav-item-dropdown:hover .nav-submenu[b-q1m46mn0hh] {
            transform: none;
        }


        /* Ouverture */

        .nav-item-dropdown:focus-within .nav-submenu[b-q1m46mn0hh] {
            max-height: 250px;
            padding-top: 3px;
            padding-bottom: 5px;
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
            transform: none;
        }


        /* =====================================================
       LIENS DU SOUS-MENU
       ===================================================== */

        .nav-item-dropdown[b-q1m46mn0hh]  .nav-submenu-link {
            display: block;
            width: 100%;
            padding: 10px 12px;
            box-sizing: border-box;
            color: #0c2161;
            background: transparent;
            font-size: .90rem;
            font-weight: 500;
            line-height: 1.3;
            text-align: left;
            text-decoration: none;
            white-space: normal;
            border-radius: 9px;
            transform: none !important;
        }

            .nav-item-dropdown[b-q1m46mn0hh]  .nav-submenu-link:hover {
                color: #0479c7;
                background: #f2f9fa;
                transform: none !important;
            }


    /* =====================================================
       CHEVRON
       ===================================================== */

    .submenu-chevron[b-q1m46mn0hh] {
        display: inline-block;
    }

    .nav-item-dropdown:hover .submenu-chevron[b-q1m46mn0hh] {
        position: static;
        top: auto;
        transform: rotate(45deg);
    }

    .nav-item-dropdown:focus-within .submenu-chevron[b-q1m46mn0hh] {
        position: relative;
        top: 3px;
        transform: rotate(225deg);
    }
}

.img-flag[b-q1m46mn0hh] {
    margin-left: 6px;
}
/* /Components/Layout/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-vk1h9yfvxj],
.components-reconnect-repeated-attempt-visible[b-vk1h9yfvxj],
.components-reconnect-failed-visible[b-vk1h9yfvxj],
.components-pause-visible[b-vk1h9yfvxj],
.components-resume-failed-visible[b-vk1h9yfvxj],
.components-rejoining-animation[b-vk1h9yfvxj] {
    display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-retrying[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-failed[b-vk1h9yfvxj],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-vk1h9yfvxj] {
    display: block;
}


#components-reconnect-modal[b-vk1h9yfvxj] {
    background-color: white;
    width: 20rem;
    margin: 20vh auto;
    padding: 2rem;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
    animation: components-reconnect-modal-fadeOutOpacity-b-vk1h9yfvxj 0.5s both;
    &[open]

{
    animation: components-reconnect-modal-slideUp-b-vk1h9yfvxj 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-vk1h9yfvxj 0.5s ease-in-out 0.3s;
    animation-fill-mode: both;
}

}

#components-reconnect-modal[b-vk1h9yfvxj]::backdrop {
    background-color: rgba(0, 0, 0, 0.4);
    animation: components-reconnect-modal-fadeInOpacity-b-vk1h9yfvxj 0.5s ease-in-out;
    opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-vk1h9yfvxj {
    0% {
        transform: translateY(30px) scale(0.95);
    }

    100% {
        transform: translateY(0);
    }
}

@keyframes components-reconnect-modal-fadeInOpacity-b-vk1h9yfvxj {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-vk1h9yfvxj {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.components-reconnect-container[b-vk1h9yfvxj] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
}

#components-reconnect-modal p[b-vk1h9yfvxj] {
    margin: 0;
    text-align: center;
}

#components-reconnect-modal button[b-vk1h9yfvxj] {
    border: 0;
    background-color: #6b9ed2;
    color: white;
    padding: 4px 24px;
    border-radius: 4px;
}

    #components-reconnect-modal button:hover[b-vk1h9yfvxj] {
        background-color: #3b6ea2;
    }

    #components-reconnect-modal button:active[b-vk1h9yfvxj] {
        background-color: #6b9ed2;
    }

.components-rejoining-animation[b-vk1h9yfvxj] {
    position: relative;
    width: 80px;
    height: 80px;
}

    .components-rejoining-animation div[b-vk1h9yfvxj] {
        position: absolute;
        border: 3px solid #0087ff;
        opacity: 1;
        border-radius: 50%;
        animation: components-rejoining-animation-b-vk1h9yfvxj 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
    }

        .components-rejoining-animation div:nth-child(2)[b-vk1h9yfvxj] {
            animation-delay: -0.5s;
        }

@keyframes components-rejoining-animation-b-vk1h9yfvxj {
    0% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    4.9% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 0;
    }

    5% {
        top: 40px;
        left: 40px;
        width: 0;
        height: 0;
        opacity: 1;
    }

    100% {
        top: 0px;
        left: 0px;
        width: 80px;
        height: 80px;
        opacity: 0;
    }
}
/* /Components/Pages/Admin/Account.razor.rz.scp.css */
.account-content[b-m4z13iu8yo] {
    --patiello-navy: #001f6b;
    --patiello-blue: #087dcc;
    --patiello-turquoise: #18b7c2;
    --patiello-light: #f3f9fb;
    --patiello-border: #dcebef;

    max-width: 1180px;
    margin: 0 auto;
    padding: 30px 30px 100px 30px;
    color: var(--patiello-navy);
}

.account-content h1[b-m4z13iu8yo] {
    font-size: 27px;
    line-height: 1.1;
    font-weight: 800;
    color: var(--patiello-navy);
    margin-bottom: 1rem;
}


/* -------------------------
   Coordonnées
   ------------------------- */

.account-addressdetails[b-m4z13iu8yo] {
     max-width: none;
}

.account-detail-card[b-m4z13iu8yo] {
    max-width: 650px;
    margin: 0 auto;
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 18px;
}

.account-detail-row[b-m4z13iu8yo] {
    display: grid;
    grid-template-columns: 110px 1fr;
    column-gap: 20px;
    margin-bottom: 14px;
    line-height: 1.45;
}

.account-detail-row strong[b-m4z13iu8yo] {
    color: var(--patiello-navy);
}


/* -------------------------
   Factures - filtres
   ------------------------- */

.invoice-filters[b-m4z13iu8yo] {
    display: grid;
    grid-template-columns: 160px 160px auto;
    gap: 12px;
    align-items: center;
    margin-bottom: 18px;
}

.buttonListInvoices[b-m4z13iu8yo] {
    width: 160px;
    height: 42px;
    padding: 0 24px;
    white-space: nowrap;
}


/* -------------------------
   Factures - tableau
   ------------------------- */

.table-invoices[b-m4z13iu8yo] {
    margin-top: 4px;
}

.table-invoices th[b-m4z13iu8yo] {
    color: var(--patiello-navy);
    font-weight: 700;
    border-bottom-color: var(--patiello-border);
}

.table-invoices td[b-m4z13iu8yo] {
    vertical-align: middle;
    color: var(--patiello-navy);
    border-bottom-color: var(--patiello-border);
}

.table-invoices .invoice-action[b-m4z13iu8yo] {
    width: 100px;
    text-align: center;
}

.buttonViewInvoice[b-m4z13iu8yo] {
    font-size: 0.75rem;
    min-width: 80px;
    min-height: 32px;
    margin: 0;
    margin-left: 15px;
}


/* -------------------------
   Responsive
   ------------------------- */

@media (max-width: 700px) {

    .account-detail-row[b-m4z13iu8yo] {
        grid-template-columns: 90px 1fr;
        column-gap: 12px;
    }

    .invoice-filters[b-m4z13iu8yo] {
        grid-template-columns: 1fr;
    }

    .buttonListInvoices[b-m4z13iu8yo] {
        width: 100%;
    }
}


.dot-separator[b-m4z13iu8yo] {
    margin-top: 50px;
    margin-bottom: 50px;
}
/* /Components/Pages/Admin/Providers.razor.rz.scp.css */
.btn-svg[b-lwdvwi6nal] {
    min-width: 50px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
}

.btn-svg svg[b-lwdvwi6nal] {
    display: block;
}

.statut[b-lwdvwi6nal] {
    vertical-align: middle;
    text-align: center;
}

.icon[b-lwdvwi6nal] {
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: currentColor;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.icon-plus[b-lwdvwi6nal] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 5v14M5 12h14' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-message[b-lwdvwi6nal] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 3v-3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7 8h10M7 11h10M7 14h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 3v-3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M7 8h10M7 11h10M7 14h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-message-empty[b-lwdvwi6nal] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 3v-3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 4h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H9l-5 3v-3a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-mail[b-lwdvwi6nal] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m3 8 9 6 9-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M4 6h16a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m3 8 9 6 9-6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.icon-delete[b-lwdvwi6nal] {
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 6l12 12M18 6L6 18' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round'/%3E%3C/svg%3E");
}

.bottom-buttons[b-lwdvwi6nal] {
    display: flex;
}

.btn-save[b-lwdvwi6nal] {
    margin-left: auto;
}

.btn-save-floating[b-lwdvwi6nal] {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
}
/* /Components/Pages/Admin/Site.razor.rz.scp.css */
.row-line[b-ejse0p1i6s] {
    border-top: 1px solid #d1d5e0;
    margin-top: 15px;
    padding-top: 15px;
}

.col-sos .row:not(:first-child)[b-ejse0p1i6s] {
    margin-top: 15px;
}

.col-incharge .row:not(:first-child)[b-ejse0p1i6s] {
    margin-top: 15px;
}

.btn-save-floating[b-ejse0p1i6s] {
    position: fixed;
    right: 30px;
    bottom: 30px;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.20);
}

[b-ejse0p1i6s] .TextBoxMaxButtons {
    width: 50px;
}

[b-ejse0p1i6s] .TextBoxPin {
    width: 50px;
}
/* /Components/Pages/AppTermsOfUse.razor.rz.scp.css */
h1[b-ffnnkdf0fz] {
    color: #16324f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
}

p[b-ffnnkdf0fz] {
    color: #405367;
    text-align: justify;
    margin-bottom: 40px;
}
/* /Components/Pages/Cart.razor.rz.scp.css */
.cart-content[b-y5ouzp9o3o] {
    --patiello-navy: #001f6b;
    --patiello-blue: #087dcc;
    --patiello-turquoise: #18b7c2;
    --patiello-light: #f3f9fb;
    --patiello-border: #dcebef;

    max-width: 1180px;
    margin: 0 auto;
    padding: 70px 30px 100px 30px;
    color: var(--patiello-navy);
}


/* ---------------------------------------------------------
   HEADER
--------------------------------------------------------- */

.cart-header[b-y5ouzp9o3o] {
    max-width: 850px;
    margin-bottom: 55px;
}

.cart-header h1[b-y5ouzp9o3o] {
    margin: 0;

    font-size: clamp(46px, 6vw, 72px);
    line-height: .95;
    letter-spacing: -2.5px;
    font-weight: 800;

    color: var(--patiello-navy);
}

.cart-header h1 span[b-y5ouzp9o3o] {
    color: var(--patiello-turquoise);
}

.cart-header > p[b-y5ouzp9o3o] {
    margin-top: 25px;
    max-width: 720px;

    font-size: 18px;
    line-height: 1.6;
    color: #243865;
}


/* ---------------------------------------------------------
   CART CARDS
--------------------------------------------------------- */

.cart-grid[b-y5ouzp9o3o] {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;

    margin-bottom: 35px;
}

.cart-card[b-y5ouzp9o3o] {
    position: relative;

    min-height: 360px;
    padding: 34px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            var(--patiello-light) 100%
        );

    border: 1px solid var(--patiello-border);
    border-radius: 28px;

    overflow: hidden;

    transition:
        transform .2s ease,
        box-shadow .2s ease;
}

.cart-card:hover[b-y5ouzp9o3o] {
    transform: translateY(-3px);

    box-shadow:
        0 18px 45px rgba(0, 31, 107, .08);
}

.cart-card-number[b-y5ouzp9o3o] {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 36px;
    height: 36px;

    margin-bottom: 26px;

    border-radius: 50%;

    background: var(--patiello-turquoise);
    color: white;

    font-size: 14px;
    font-weight: 700;
}

.cart-card h4[b-y5ouzp9o3o] {
    margin: 0 0 8px 0;

    font-size: 27px;
    line-height: 1.1;
    font-weight: 800;

    color: var(--patiello-navy);
}

.cart-description[b-y5ouzp9o3o] {
    margin: 0 0 24px 0;

    color: #52617d;
    line-height: 1.5;
}


/* ---------------------------------------------------------
   BORNE
--------------------------------------------------------- */

.cart1 img[b-y5ouzp9o3o] {
    display: block;

    max-width: 220px;
    max-height: 210px;

    margin: 25px auto;

    object-fit: contain;
}


/* ---------------------------------------------------------
   ACTIVATION
--------------------------------------------------------- */

.cart-features[b-y5ouzp9o3o] {
    margin-top: 24px;
}

.cart-features p[b-y5ouzp9o3o] {
    position: relative;
    margin: 0;
    padding: 7px 0 7px 24px;

    font-size: 14px;
    line-height: 1.4;
    color: #52617d;
}

.cart-features p[b-y5ouzp9o3o]::before {
    content: "✓";
    position: absolute;
    left: 0;

    color: var(--patiello-turquoise);
    font-weight: 800;
}

/* ---------------------------------------------------------
   PRIX
--------------------------------------------------------- */

.price[b-y5ouzp9o3o] {
    margin: 25px 0 0 0;

    font-size: 29px;
    line-height: 1;
    font-weight: 800;

    color: var(--patiello-turquoise);
    text-align: right;
}

.price small[b-y5ouzp9o3o] {
    font-size: 13px;
    font-weight: 600;
    color: #64748b;
}


/* ---------------------------------------------------------
   TARIFS
--------------------------------------------------------- */

.cart-rates[b-y5ouzp9o3o] {
    margin-top: 24px;
}

.cart-rates > div[b-y5ouzp9o3o] {
    display: grid;
    grid-template-columns: 105px minmax(0, 1fr);
    align-items: center;
    gap: 12px;

    padding: 13px 0;
    border-bottom: 1px solid var(--patiello-border);
}

.cart-rates span[b-y5ouzp9o3o] {
    font-size: 14px;
    line-height: 1.35;
    color: #52617d;
}

.cart-rates strong[b-y5ouzp9o3o] {
    min-width: 0;

    text-align: right;

    font-size: 16px;
    line-height: 1.3;
    font-weight: 700;
    color: var(--patiello-blue);
}

.cart-rates small[b-y5ouzp9o3o] {
    font-size: .780em;
}


/* ---------------------------------------------------------
   NOMBRE D'UTILISATEURS
--------------------------------------------------------- */

.cart-users[b-y5ouzp9o3o] {
    display: grid;
    grid-template-columns: 1fr 160px;
    align-items: center;
    gap: 16px;

    margin-top: 22px;
}

.cart-users label[b-y5ouzp9o3o] {
    margin: 0;

    font-size: 14px;
    line-height: 1.35;
    font-weight: 700;
    color: var(--patiello-navy);
}

.cart-users[b-y5ouzp9o3o]  .input-number-rounded-host {
    width: 100%;
}

.cart-users[b-y5ouzp9o3o]  input {
    width: 100%;
}


/* ---------------------------------------------------------
   TOTAL MENSUEL
--------------------------------------------------------- */

.cart-card .price[b-y5ouzp9o3o] {
    width: 100%;
    margin-top: 24px;

    text-align: right;
}

.cart-card .price small[b-y5ouzp9o3o] {
    white-space: nowrap;
}

/* ---------------------------------------------------------
   PERIODICITE
--------------------------------------------------------- */

.cart-period[b-y5ouzp9o3o] {
    width: 100%;
    margin: 35px 0 25px;
    padding: 0;

    background: none;
    border: none;
    box-shadow: none;
}

.cart-period-options[b-y5ouzp9o3o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.cart-period-option[b-y5ouzp9o3o] {
    display: flex;
    align-items: center;
    gap: 12px;

    min-height: 64px;
    padding: 18px 24px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f6fbfc 100%
    );

    border: 1px solid var(--patiello-border);
    border-radius: 18px;

    cursor: pointer;

    transition:
        border-color .15s ease,
        background-color .15s ease;
}

.cart-period-option:hover[b-y5ouzp9o3o] {
    border-color: var(--patiello-turquoise);
}

.cart-period-option input[b-y5ouzp9o3o] {
    flex: 0 0 auto;
    margin: 0;
}

.cart-period-option span[b-y5ouzp9o3o] {
    display: flex;
    align-items: center;

    width: 100%;
    min-width: 0;
}

.cart-period-option strong[b-y5ouzp9o3o] {
    font-size: 15px;
    font-weight: 700;
    color: var(--patiello-navy);
}

.cart-period-option small[b-y5ouzp9o3o] {
    margin-left: auto;

    font-size: 13px;
    color: var(--patiello-blue);

    white-space: nowrap;
}

@media (max-width: 700px) {
    .cart-period-options[b-y5ouzp9o3o] {
        grid-template-columns: 1fr;
        gap: 12px;
    }
}

/* ---------------------------------------------------------
   TOTAL
--------------------------------------------------------- */

.cart-summary[b-y5ouzp9o3o] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;

    margin-top: 28px;
}

.cart-summary-card[b-y5ouzp9o3o] {
    padding: 30px;

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f6fbfc 100%
        );

    border: 1px solid var(--patiello-border);
    border-radius: 26px;
}

.cart-summary-header[b-y5ouzp9o3o] {
    margin-bottom: 24px;
}

.cart-summary-header h3[b-y5ouzp9o3o] {
    margin: 0 0 8px 0;

    font-size: 24px;
    line-height: 1.15;
    font-weight: 800;
    color: var(--patiello-navy);
}

.cart-summary-header p[b-y5ouzp9o3o] {
    margin: 0;

    font-size: 14px;
    line-height: 1.5;
    color: #64748b;
}

.cart-summary-lines > div[b-y5ouzp9o3o] {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    padding: 10px 0;

    font-size: 15px;
    color: #52617d;
}

.cart-summary-lines strong[b-y5ouzp9o3o] {
    color: var(--patiello-navy);
    font-size: 16px;
}

.cart-summary-total[b-y5ouzp9o3o] {
    margin-top: 10px;
    padding-top: 18px !important;

    border-top: 1px solid var(--patiello-border);
}

.cart-summary-total span[b-y5ouzp9o3o] {
    font-weight: 700;
    color: var(--patiello-navy);
}

.cart-summary-total strong[b-y5ouzp9o3o] {
    font-size: 26px;
    font-weight: 800;
    color: var(--patiello-turquoise);
}

@media (max-width: 800px) {
    .cart-summary[b-y5ouzp9o3o] {
        grid-template-columns: 1fr;
    }
}



.cart-form[b-y5ouzp9o3o] {
    margin-top: 36px;
    padding: 34px;

    background: linear-gradient(
        145deg,
        #ffffff 0%,
        #f6fbfc 100%
    );

    border: 1px solid var(--patiello-border);
    border-radius: 28px;
}

.cart-form-header[b-y5ouzp9o3o] {
    margin-bottom: 26px;
}

.cart-form-header h3[b-y5ouzp9o3o] {
    margin: 0 0 8px;
    font-size: 24px;
    font-weight: 800;
    color: var(--patiello-navy);
}

.cart-form-header p[b-y5ouzp9o3o] {
    margin: 0;
    font-size: 14px;
    color: #64748b;
}

.cart-form-grid[b-y5ouzp9o3o] {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cart-form-two-cols[b-y5ouzp9o3o] {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 14px;
}

.cart-form .controled[b-y5ouzp9o3o] {
    width: 100%;
    min-height: 50px;

    padding: 0 16px;

    background: white;
    border: 1px solid #d8e5ea;
    border-radius: 12px;

    font-size: 15px;
    color: var(--patiello-navy);

    outline: none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.cart-form textarea.controled[b-y5ouzp9o3o] {
    min-height: 120px;
    padding-top: 14px;
    resize: vertical;
}

.cart-form .controled:focus[b-y5ouzp9o3o] {
    border-color: var(--patiello-turquoise);

    box-shadow:
        0 0 0 4px rgba(24, 183, 194, .10);
}

.cart-form .controled[b-y5ouzp9o3o]::placeholder {
    color: #7a8798;
}

.cart-form-actions[b-y5ouzp9o3o] {
    margin-top: 6px;
}

.cart-form .btn-primary[b-y5ouzp9o3o] {
    padding: 14px 26px;

    border: 0;
    border-radius: 28px;

    background: linear-gradient(
        90deg,
        var(--patiello-turquoise),
        var(--patiello-blue)
    );

    font-size: 15px;
    font-weight: 700;

    box-shadow: 0 10px 24px rgba(8, 125, 204, .16);
}

.cart-consent[b-y5ouzp9o3o] {
    display: flex;
    align-items: flex-start;
    gap: 12px;

    margin: 6px 0 4px;
    padding: 16px 18px;

    background: #fff;
    border: 1px solid var(--patiello-border);
    border-radius: 12px;
}

.cart-consent-checkbox[b-y5ouzp9o3o] {
    flex: 0 0 auto;
    margin-top: 3px;
}

.cart-consent label[b-y5ouzp9o3o] {
    margin: 0;

    font-size: 13px;
    line-height: 1.5;
    color: #64748b;

    cursor: pointer;
}

.cart-consent a[b-y5ouzp9o3o] {
    color: var(--patiello-blue);
    text-decoration: none;
    font-weight: 600;
}

.cart-consent a:hover[b-y5ouzp9o3o] {
    text-decoration: underline;
}

@media (max-width: 700px) {
    .cart-form[b-y5ouzp9o3o] {
        padding: 22px;
    }

    .cart-form-two-cols[b-y5ouzp9o3o] {
        grid-template-columns: 1fr;
    }
}


/* ---------------------------------------------------------
   INPUTS
--------------------------------------------------------- */

.cart-form .controled[b-y5ouzp9o3o] {
    display: block;

    width: 100%;

    padding: 15px 18px;

    background: white;

    border: 1px solid #cbdde3;
    border-radius: 12px;

    font-size: 16px;
    color: var(--patiello-navy);

    outline: none;

    transition:
        border-color .15s ease,
        box-shadow .15s ease;
}

.cart-form textarea.controled[b-y5ouzp9o3o] {
    resize: vertical;
    min-height: 110px;
}

.cart-form .controled:focus[b-y5ouzp9o3o] {
    border-color: var(--patiello-turquoise);

    box-shadow:
        0 0 0 4px rgba(24, 183, 194, .12);
}

.cart-form .controled[b-y5ouzp9o3o]::placeholder {
    color: #8795aa;
}


/* ---------------------------------------------------------
   CHECKBOX
--------------------------------------------------------- */

.row-accept[b-y5ouzp9o3o] {
    margin-top: 5px;
}

.row-accept label[b-y5ouzp9o3o] {
    margin-left: 7px;

    font-size: 14px;
    color: #52617d;
}

.row-accept a[b-y5ouzp9o3o] {
    color: var(--patiello-blue);
    font-weight: 600;
    text-decoration: none;
}

.row-accept a:hover[b-y5ouzp9o3o] {
    text-decoration: underline;
}


/* ---------------------------------------------------------
   BOUTON
--------------------------------------------------------- */

.cart-form .btn-primary[b-y5ouzp9o3o] {
    margin-top: 20px;

    padding: 15px 30px;

    border: 0;
    border-radius: 28px;

    background:
        linear-gradient(
            90deg,
            var(--patiello-turquoise),
            var(--patiello-blue)
        );

    color: white;

    font-size: 16px;
    font-weight: 700;

    box-shadow:
        0 10px 25px rgba(8, 125, 204, .18);

    transition:
        transform .15s ease,
        box-shadow .15s ease;
}

.cart-form .btn-primary:hover:not(:disabled)[b-y5ouzp9o3o] {
    transform: translateY(-2px);

    box-shadow:
        0 14px 30px rgba(8, 125, 204, .25);
}

.cart-form .btn-primary:disabled[b-y5ouzp9o3o] {
    opacity: .45;
    cursor: not-allowed;
}


/* ---------------------------------------------------------
   MOBILE / TABLET
--------------------------------------------------------- */

@media (max-width: 950px) {

    .cart-grid[b-y5ouzp9o3o] {
        grid-template-columns: 1fr;
    }

    .cart-card[b-y5ouzp9o3o] {
        min-height: auto;
    }

    .cart1 img[b-y5ouzp9o3o] {
        max-height: 180px;
    }

    .cart-total[b-y5ouzp9o3o] {
        width: 100%;
    }
}


@media (max-width: 600px) {

    .cart-content[b-y5ouzp9o3o] {
        padding: 40px 18px 70px 18px;
    }

    .cart-header[b-y5ouzp9o3o] {
        margin-bottom: 35px;
    }

    .cart-header h1[b-y5ouzp9o3o] {
        letter-spacing: -1.5px;
    }

    .cart-card[b-y5ouzp9o3o] {
        padding: 25px;
        border-radius: 22px;
    }

    .cart-form[b-y5ouzp9o3o] {
        padding: 28px 22px;
        border-radius: 24px;
    }

    .cart-users[b-y5ouzp9o3o] {
        align-items: flex-start;
        flex-direction: column;
    }
}

.dot-separator[b-y5ouzp9o3o] {
    margin-bottom: 40px;
}
/* /Components/Pages/Contact.razor.rz.scp.css */
h1[b-anp3wroprz] {
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.04;
    margin-bottom: 30px;
}

    h1 span[b-anp3wroprz] {
        color: #0479c7;
    }

.row[b-anp3wroprz] {
    margin: 0 0 20px;
}

.row:has(.btn)[b-anp3wroprz] {
    margin-top: 10px;
    margin-bottom:0;
}

.row-accept[b-anp3wroprz]  .CheckBoxAccept + label {
    margin: 0 0 0 7px;
    color: #405367;
    font-size: 0.92rem;
    cursor: pointer;
}

.contact-intro[b-anp3wroprz] {
    max-width: 520px;
    line-height: 1.6;
}

.contact-intro p[b-anp3wroprz] {
    margin-bottom: 1.25rem;
    color: #405367;
}

.contact-note[b-anp3wroprz] {
    margin-top: 2rem;
}

a[b-anp3wroprz] {
    flex-shrink: 0;
    color: #087caa;
    text-decoration: none;
    transition: color 0.2s ease;
}

.dot-separator[b-anp3wroprz] {
    margin-bottom:50px;
}

@media (min-width: 992px) {

    .contact-row[b-anp3wroprz] {
        display: flex;
        align-items: stretch;
    }

    .contact-col[b-anp3wroprz] {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
/* =========================================================
   SLIDER - PAGE D'ACCUEIL
   ========================================================= */

.homepage-slider[b-d5p0phfepj] {
    position: relative;
    width: 100%;
    min-height: 520px;
    margin-bottom: 90px;
    background-image: url('/images/slider.png');
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 28px;
    /*
     * Important :
     * permet à la borne de sortir du bandeau.
     */
    overflow: visible;
}


/* =========================================================
   CONTENU
   ========================================================= */

.homepage-slider-content[b-d5p0phfepj] {
    position: relative;
    z-index: 2;
    width: 56%;
    min-height: 520px;
    padding: 70px;
    box-sizing: border-box;
}


/* =========================================================
   GROS TITRE
   ========================================================= */

.homepage-slider-title[b-d5p0phfepj] {
    position: relative;
    z-index: 3;
    width: 100%;
    max-width: 1500px;
    margin: 0;
    font-size: clamp(3.5rem, 5vw, 6.5rem);
    font-weight: 900;
    line-height: 0.92;
    letter-spacing: -0.045em;
}


    /* "vos patients" en turquoise */

    .homepage-slider-title span[b-d5p0phfepj] {
        color: #1badba;
    }


/* =========================================================
   TEXTE + BOUTON
   ========================================================= */

.homepage-slider-bottom[b-d5p0phfepj] {
    position: absolute;
    left: 70px;
    bottom: 55px;
    z-index: 4;
}


.homepage-slider-text[b-d5p0phfepj] {
    margin: 22px 0;
    font-size: 1.15rem;
    font-weight: 400;
    line-height: 1.55;
}


    .homepage-slider-text strong[b-d5p0phfepj] {
        color: #1badba;
        font-weight: 700;
    }


/* Bouton */

.homepage-slider-button[b-d5p0phfepj] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 48px;
    padding: 0 25px;
    text-decoration: none;
}


/* =========================================================
   BORNE
   ========================================================= */

.homepage-slider-product[b-d5p0phfepj] {
    position: absolute;
    /*
     * La borne n'est volontairement PAS placée
     * dans une colonne.
     */
    left: 71%;
    bottom: -55px;
    z-index: 2;
    height: 105%;
    transform: translateX(-50%);
    pointer-events: none;
}


    .homepage-slider-product img[b-d5p0phfepj] {
        display: block;
        width: auto;
        height: 100%;
        max-width: none;
        object-fit: contain;
    }


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1100px) {

    .homepage-slider[b-d5p0phfepj] {
        min-height: 470px;
        margin-bottom: 80px;
    }

    .homepage-slider-content[b-d5p0phfepj] {
        min-height: 470px;
        padding: 50px;
    }

    .homepage-slider-title[b-d5p0phfepj] {
        font-size: clamp(3.5rem, 7vw, 5.5rem);
        max-width: 850px;
    }

    .homepage-slider-bottom[b-d5p0phfepj] {
        left: 50px;
        bottom: 45px;
    }

    .homepage-slider-product[b-d5p0phfepj] {
        left: 70%;
        bottom: -45px;
        height: 95%;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (min-width: 481px) and (max-width: 800px) {

    .homepage-slider[b-d5p0phfepj] {
        min-height: 540px;
    }

    .homepage-slider-content[b-d5p0phfepj] {
        position: relative;
        z-index: 3;
        width: 55%;
        min-height: 540px;
        padding: 40px 0 40px 30px;
        box-sizing: border-box;
    }

    /* TITRE */

    .homepage-slider-title[b-d5p0phfepj] {
        width: 100%;
        max-width: none;
        margin: 0;
        font-size: clamp(3.2rem, 7.5vw, 4.2rem);
        line-height: 0.94;
        letter-spacing: -0.045em;
    }

    /* TEXTE + BOUTON */

    .homepage-slider-bottom[b-d5p0phfepj] {
        position: absolute;
        left: 30px;
        bottom: 42px;
        /*
         * Toute la largeur disponible de la colonne gauche,
         * moins le padding droit.
         */
        width: calc(100% - 45px);
        max-width: none;
    }

    .homepage-slider-text[b-d5p0phfepj] {
        margin: 20px 0;
        line-height: 1.5;
    }

    .homepage-slider-button[b-d5p0phfepj] {
        min-height: 46px;
        padding: 0 20px;
        font-size: 0.95rem;
        white-space: nowrap;
    }

    /* BORNE */

    .homepage-slider-product[b-d5p0phfepj] {
        position: absolute;
        left: 76%;
        bottom: -35px;
        z-index: 2;
        height: 86%;
        transform: translateX(-50%);
        pointer-events: none;
    }

        .homepage-slider-product img[b-d5p0phfepj] {
            display: block;
            width: auto;
            height: 100%;
            max-width: none;
        }
}
@media (max-width: 480px) {

    .homepage-slider[b-d5p0phfepj] {
        position: relative;
        min-height: 620px;
        margin-bottom: 45px;
        border-radius: 22px;
        overflow: visible;
    }

    .homepage-slider-content[b-d5p0phfepj] {
        position: relative;
        z-index: 3;
        width: 100%;
        min-height: 620px;
        padding: 30px 25px;
        box-sizing: border-box;
    }

    /* TITRE */

    .homepage-slider-title[b-d5p0phfepj] {
        position: relative;
        width: 100%;
        max-width: none;
        margin: 0;
        font-size: clamp(2.65rem, 12vw, 3.5rem);
        line-height: 0.94;
        letter-spacing: -0.045em;
    }


    /* TEXTE + BOUTON */

    .homepage-slider-bottom[b-d5p0phfepj] {
        position: relative;
        left: auto;
        bottom: auto;
        width: 48%;
        max-width: 180px;
        margin-top: 24px;
    }

    .homepage-slider-text[b-d5p0phfepj] {
        margin: 18px 0;
        line-height: 1.45;
    }

    .homepage-slider-button[b-d5p0phfepj] {
        min-height: 44px;
        padding: 0 18px;
        font-size: 0.88rem;
        white-space: nowrap;
    }


    /* BORNE */

    .homepage-slider-product[b-d5p0phfepj] {
        position: absolute;
        left: auto;
        right: -15px;
        bottom: -25px;
        z-index: 2;
        height: 55%;
        transform: none;
    }

        .homepage-slider-product img[b-d5p0phfepj] {
            display: block;
            width: auto;
            height: 100%;
            max-width: none;
        }
}

/* =========================================================
   COMMENT FONCTIONNE PATIELLO
   ========================================================= */

.patiello-process[b-d5p0phfepj] {
    width: 100%;
    padding: 80px 0;
}


/* =========================================================
   TITRE DE SECTION
   ========================================================= */

.patiello-process-heading[b-d5p0phfepj] {
    margin: 0 auto 55px;
    text-align: center;
}

    .patiello-process-heading h2[b-d5p0phfepj] {
        margin: 0;
        color: #0c2161;
        font-size: clamp(2.5rem, 3.5vw, 3.8rem);
        font-weight: 900;
        line-height: 1.05;
        letter-spacing: -0.035em;
    }

    .patiello-process-heading h2 span[b-d5p0phfepj] {
        color: #0479c7;
    }


/* =========================================================
   LES 3 ÉTAPES
   ========================================================= */

.patiello-process-steps[b-d5p0phfepj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 50px;
    width: 100%;
}


/* =========================================================
   UNE ÉTAPE
   ========================================================= */

/*
 * Chaque étape est elle-même divisée en deux :
 *
 * IMAGE | TEXTE
 */

.patiello-process-step[b-d5p0phfepj] {
    display: grid;
    grid-template-columns: minmax(160px, 0.9fr) minmax(170px, 1fr);
    gap: 25px;
    align-items: center;
    min-width: 0;
}


/* =========================================================
   IMAGE
   ========================================================= */

.patiello-process-visual[b-d5p0phfepj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    aspect-ratio: 1 / 1;
    border-radius: 38px;
    overflow: hidden;
}


/* Étapes 1 et 3 */

.process-visual-blue[b-d5p0phfepj] {
    background: linear-gradient( 135deg, #f2f9fa 0%, #eaf6f8 50%, #f6fbfd 100% );
}


/* Étape 2 */

.process-visual-violet[b-d5p0phfepj] {
    background: linear-gradient( 135deg, #fbf8fd 0%, #f9f5fb 50%, #fbf8fd 100% );
}


.patiello-process-visual img[b-d5p0phfepj] {
    display: block;
    width: 92%;
    height: 92%;
    object-fit: contain;
}


/* =========================================================
   CONTENU À DROITE DE L'IMAGE
   ========================================================= */

.patiello-process-content[b-d5p0phfepj] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    text-align: left;
}


/* =========================================================
   NUMÉRO
   ========================================================= */

.patiello-process-number[b-d5p0phfepj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    margin-bottom: 16px;
    color: #fff;
    background: linear-gradient( 115deg, #20b9bd 0%, #159fbe 48%, #168bc4 100% );
    border-radius: 50%;
    font-size: 1rem;
    font-weight: 800;
    box-shadow: 0 6px 16px rgba(21, 159, 190, 0.16);
}


/* =========================================================
   TITRE DE L'ÉTAPE
   ========================================================= */

.patiello-process-content h3[b-d5p0phfepj] {
    margin: 0;
    font-size: 1.20rem;
    font-weight: 800;
    line-height: 1.25;
}


/* =========================================================
   PETIT TRAIT
   ========================================================= */

.patiello-process-line[b-d5p0phfepj] {
    display: block;
    width: 32px;
    height: 2px;
    margin: 15px 0;
    background: #1badba;
    border-radius: 999px;
}


/* =========================================================
   FRISE HORIZONTALE
   ========================================================= */

.patiello-process .dot-separator[b-d5p0phfepj] {
    --dot-size: 12px;
    --dot-spacing: 24px;
    --line-color: #b9d9e2;
    --line-size: 2px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 80px auto 0 auto;
}


/* Grande ligne sur toute la largeur */

    .patiello-process .dot-separator[b-d5p0phfepj]::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        top: 50%;
        height: var(--line-size);
        background-color: var(--line-color);
        transform: translateY(-50%);
        z-index: 0;
    }


/* Les points */

    .patiello-process .dot-separator span[b-d5p0phfepj] {
        position: relative;
        z-index: 1;
        display: block;
        width: var(--dot-size);
        height: var(--dot-size);
        border-radius: 50%;
    }


    /* Espacement entre les 3 points */

        .patiello-process .dot-separator span + span[b-d5p0phfepj] {
            margin-left: var(--dot-spacing);
        }


    /* Couleur de chaque point */

        .patiello-process .dot-separator span:nth-child(1)[b-d5p0phfepj] {
            background-color: #1badba;
        }

        .patiello-process .dot-separator span:nth-child(2)[b-d5p0phfepj] {
            background-color: #0479c7;
        }

        .patiello-process .dot-separator span:nth-child(3)[b-d5p0phfepj] {
            background-color: #0c2161;
        }


/* =========================================================
   ÉCRANS INTERMÉDIAIRES
   ========================================================= */

@media (max-width: 1300px) {

    .patiello-process-steps[b-d5p0phfepj] {
        gap: 30px;
    }

    .patiello-process-step[b-d5p0phfepj] {
        grid-template-columns: minmax(135px, 0.85fr) minmax(150px, 1fr);
        gap: 20px;
    }

    .patiello-process-visual[b-d5p0phfepj] {
        border-radius: 30px;
    }

    .patiello-process-content h3[b-d5p0phfepj] {
        font-size: 1.15rem;
    }

    .patiello-process-content p[b-d5p0phfepj] {
        font-size: 0.88rem;
    }
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1000px) {

    .patiello-process[b-d5p0phfepj] {
        padding: 80px 0 70px;
    }

    /*
     * Les étapes restent les unes sous les autres,
     * mais CHAQUE étape conserve :
     *
     * IMAGE | TEXTE
     */

    .patiello-process-steps[b-d5p0phfepj] {
        grid-template-columns: 1fr;
        gap: 45px;
    }

    .patiello-process-step[b-d5p0phfepj] {
        grid-template-columns: minmax(220px, 0.8fr) minmax(300px, 1.2fr);
        gap: 35px;
        max-width: 750px;
        margin: 0 auto;
    }

    .patiello-process-content h3[b-d5p0phfepj] {
        font-size: 1.35rem;
    }

    .patiello-process-content p[b-d5p0phfepj] {
        font-size: 0.95rem;
    }

    /*
     * La grande frise horizontale n'a plus vraiment
     * de sens lorsque les étapes passent sur 3 lignes.
     */

    .patiello-process-timeline[b-d5p0phfepj] {
        display: none;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640.98px) {

    .patiello-process[b-d5p0phfepj] {
        padding: 50px 0 60px;
    }

    .patiello-process-heading[b-d5p0phfepj] {
        margin-bottom: 38px;
    }

        .patiello-process-heading h2[b-d5p0phfepj] {
            font-size: clamp(2.1rem, 9vw, 2.8rem);
        }


    /*
     * C'est seulement ici que :
     *
     * IMAGE
     * TEXTE
     *
     * remplace IMAGE | TEXTE
     */

    .patiello-process-step[b-d5p0phfepj] {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100%;
        max-width: 430px;
        margin: 0 auto;
    }


    .patiello-process-steps[b-d5p0phfepj] {
        gap: 55px;
    }


    /* Image */

    .patiello-process-visual[b-d5p0phfepj] {
        width: 100%;
        aspect-ratio: 1.25 / 1;
        margin-bottom: 22px;
        border-radius: 28px;
    }

        .patiello-process-visual img[b-d5p0phfepj] {
            width: 92%;
            height: 92%;
        }


    /* Texte */

    .patiello-process-content[b-d5p0phfepj] {
        width: 100%;
        align-items: center;
        text-align: center;
    }


    /* Numéro */

    .patiello-process-number[b-d5p0phfepj] {
        width: 42px;
        height: 42px;
        margin-bottom: 14px;
    }


    /* Titre */

    .patiello-process-content h3[b-d5p0phfepj] {
        font-size: 1.3rem;
    }


    /* Trait */

    .patiello-process-line[b-d5p0phfepj] {
        margin: 14px auto;
    }


    /* Paragraphe */

    .patiello-process-content p[b-d5p0phfepj] {
        max-width: 360px;
        margin: 0 auto;
        font-size: 0.95rem;
        line-height: 1.55;
    }
}




/* =========================================================
   POURQUOI ADOPTER PATIELLO
   ========================================================= */

.benefits-section[b-d5p0phfepj] {
    width: 100%;
    padding: 80px 0;
    background: #fff;
}


/* =========================================================
   TITRE
   ========================================================= */

.benefits-heading[b-d5p0phfepj] {
    max-width: 900px;
    margin: 0 auto 55px;
    text-align: center;
}

.benefits-heading h2[b-d5p0phfepj] {
    margin: 0 0 20px;
}

        .benefits-heading h2 span[b-d5p0phfepj] {
            color: #1badba;
        }

    .benefits-heading h6[b-d5p0phfepj] {
        max-width: 760px;
        margin: 0 auto;
    }

    .benefits-heading h6 strong[b-d5p0phfepj] {
        color: #1badba;
        font-weight: 700;
    }


/* =========================================================
   GRILLE
   ========================================================= */

.benefits-grid[b-d5p0phfepj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 26px;
    width: 100%;
}


/* =========================================================
   CARTE
   ========================================================= */

.benefit-card[b-d5p0phfepj] {
    display: flex;
    align-items: center;
    min-height: 180px;
    padding: 30px;
    background: #fff;
    border: 1px solid #e5edf2;
    border-radius: 18px;
    box-shadow: 0 12px 30px rgba(12, 33, 97, 0.05), 0 2px 8px rgba(12, 33, 97, 0.025);
    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}


/* =========================================================
   ICONE
   ========================================================= */

.benefit-icon[b-d5p0phfepj] {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 92px;
    width: 92px;
    height: 92px;
    margin-right: 26px;
    border-radius: 50%;
    font-size: 2rem;
    line-height: 1;
}
.benefit-icon svg[b-d5p0phfepj] {
    width: 40px;
    height: 40px;
}

/* Halo turquoise */

.benefit-icon-blue[b-d5p0phfepj] {
    color: #1badba;
    background: linear-gradient( 135deg, #f2f9fa 0%, #eaf6f8 50%, #f6fbfd 100% );
}


/* Halo violet doux */

.benefit-icon-violet[b-d5p0phfepj] {
    color: #6c5ce7;
    background: linear-gradient( 135deg, #f0edff 0%, #f7f5ff 100% );
}


/* =========================================================
   CONTENU CARTE
   ========================================================= */

.benefit-content[b-d5p0phfepj] {
    min-width: 0;
}

    .benefit-content h3[b-d5p0phfepj] {
        margin: 0 0 10px;
        font-size: 1.20rem;
        font-weight: 800;
        line-height: 1.25;
    }

    .benefit-content p[b-d5p0phfepj] {
        margin: 0;
    }


/* Petit trait décoratif */

.benefit-line[b-d5p0phfepj] {
    display: block;
    width: 28px;
    height: 3px;
    margin-top: 18px;
    background: #1badba;
    border-radius: 999px;
}


/* =========================================================
   HOVER
   ========================================================= */

@media (hover: hover) and (pointer: fine) {

    .benefit-card:hover[b-d5p0phfepj] {
        transform: translateY(-4px);
        border-color: #d8e8ee;
        box-shadow: 0 18px 38px rgba(12, 33, 97, 0.08), 0 4px 12px rgba(12, 33, 97, 0.04);
    }
}


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1000px) {

    .benefits-section[b-d5p0phfepj] {
        padding: 80px 0;
    }

    .benefits-grid[b-d5p0phfepj] {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640.98px) {

    .benefits-section[b-d5p0phfepj] {
        padding: 40px 0;
    }

    .benefits-heading[b-d5p0phfepj] {
        margin-bottom: 35px;
        padding: 0 5px;
    }

        .benefits-heading h2[b-d5p0phfepj] {
            margin-bottom: 16px;
            font-size: clamp(2.2rem, 10vw, 3rem);
        }

        .benefits-heading p[b-d5p0phfepj] {
            font-size: 1rem;
            line-height: 1.55;
        }

    .benefits-grid[b-d5p0phfepj] {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .benefit-card[b-d5p0phfepj] {
        min-height: 0;
        padding: 22px;
    }

    .benefit-icon[b-d5p0phfepj] {
        flex-basis: 72px;
        width: 72px;
        height: 72px;
        margin-right: 20px;
        font-size: 1.6rem;
    }

    .benefit-content h3[b-d5p0phfepj] {
        font-size: 1.05rem;
    }

    .benefit-content p[b-d5p0phfepj] {
        font-size: 0.92rem;
    }

    .benefit-line[b-d5p0phfepj] {
        margin-top: 14px;
    }
}

/* =========================================================
   CTA FIN DE PAGE
   ========================================================= */

.home-cta[b-d5p0phfepj] {
    width: 100%;
    margin: 80px 0;
    padding: 70px;
    background: linear-gradient( 135deg, #f0edff 0%, #f7f5ff 100% );
    border-radius: 28px;
}


/* Contenu */

.home-cta-content[b-d5p0phfepj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 60px;
}


/* Partie texte */

.home-cta-text[b-d5p0phfepj] {
    flex: 1;
}


/* Titre */

.home-cta h2[b-d5p0phfepj] {
    margin: 0 0 12px;
}


/* Bouton */

.home-cta-action[b-d5p0phfepj] {
    flex: 0 0 auto;
}

    .home-cta-action .btn[b-d5p0phfepj] {
        white-space: nowrap;
    }


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 900px) {

    .home-cta[b-d5p0phfepj] {
        padding: 45px 40px;
    }

    .home-cta-content[b-d5p0phfepj] {
        gap: 35px;
    }

    .home-cta h2[b-d5p0phfepj] {
        font-size: clamp(2.2rem, 5vw, 3rem);
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 640.98px) {

    .home-cta[b-d5p0phfepj] {
        margin: 40px 0;
        padding: 38px 28px;
        border-radius: 22px;
    }

    .home-cta-content[b-d5p0phfepj] {
        display: block;
    }

    .home-cta h2[b-d5p0phfepj] {
        font-size: 2.2rem;
    }

    .home-cta p[b-d5p0phfepj] {
        font-size: 1rem;
        line-height: 1.55;
    }

    .home-cta-action[b-d5p0phfepj] {
        margin-top: 28px;
    }

    .dot-separator.dot-separator-short[b-d5p0phfepj] {
        width: 90px;
        margin-bottom: 22px;
    }
}
/* /Components/Pages/KioskTermsOfUse.razor.rz.scp.css */
h1[b-5jak7ph9lf] {
    color: #16324f;
    font-size: 1.5rem;
    font-weight: 700;
    letter-spacing: -0.025em;
    margin-bottom: 40px;
    margin-top: 40px;
    text-align: center;
}

.p-before-ul[b-5jak7ph9lf] {
    margin-bottom: 0;
}

p[b-5jak7ph9lf] {
    color: #405367;
    text-align: justify;
    margin-bottom: 40px;
}

br[b-5jak7ph9lf] {
  display: block;
  content: "";
  margin-top: 15px;
}
/* /Components/Pages/MentionsLegales.razor.rz.scp.css */
.mentions-legales h1[b-2hs4pfumtl] {
    color: #16324f;
    font-size: clamp(1.65rem, 3vw, 2.15rem);
    font-weight: 700;
    letter-spacing: -0.025em;
}

.mentions-legales h5[b-2hs4pfumtl] {
    margin-top:35px;
    margin-bottom:10px;
}

.mentions-legales h6[b-2hs4pfumtl] {
    font-size: 1.125rem;
    color: var(--bs-heading-color);
}

.mentions-legales p[b-2hs4pfumtl] {
    color: #405367;
    font-size: 0.9rem;
    text-align: justify;
    margin-bottom: 0.5rem;
}

.mentions-legales ul[b-2hs4pfumtl] {
    list-style: none;
    margin: 0 0 0.5rem 0;
    padding: 0;
}

.mentions-legales li[b-2hs4pfumtl] {
    color: #405367;
    font-size: 0.9rem;
}

.mentions-legales li[b-2hs4pfumtl]::before {
  content: "- ";
}
/* /Components/Pages/NotFound.razor.rz.scp.css */
.error404 h3[b-39zvkzgfme] {
    margin-top: 40px;
    margin-bottom: 40px;
}

.error404-p-button[b-39zvkzgfme] {
    margin-top: 40px;
}
/* /Components/Pages/Pair.razor.rz.scp.css */
.container[b-or6k8lrpxe] {
    width: min(100% - 32px, 520px);
    margin: 24px auto 60px !important;
    padding: 0;
}

.pair-card[b-or6k8lrpxe]  * {
    box-sizing: border-box;
}

.pair-card[b-or6k8lrpxe] {
    padding: 38px 42px;
    background: #ffffff;
    border: 1px solid #e3e9ef;
    border-radius: 18px;
    box-shadow:
        0 18px 45px rgba(21, 50, 79, 0.10),
        0 3px 10px rgba(21, 50, 79, 0.05);
}

.pair-card p[b-or6k8lrpxe] {
    color: #405367;
}

.p-stores[b-or6k8lrpxe] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
}

.p-qrcode[b-or6k8lrpxe] {
    text-align: center;
}

.p-qrcode img[b-or6k8lrpxe] {
    max-width:200px;
}
/* /Components/Pages/Produit.razor.rz.scp.css */
.patiello-intro[b-8yl0pb4h01] {
    position: relative;
    overflow: hidden;
    border-radius: 28px;
    padding: 70px 55px 0;
}

.patiello-intro__content[b-8yl0pb4h01] {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: minmax(500px, 1.15fr) minmax(450px, 1fr);
    align-items: center;
    gap: 40px;
}


/* -------------------------
   TEXTE
------------------------- */

.patiello-intro__text[b-8yl0pb4h01] {
    position: relative;
    z-index: 2;
    padding-bottom: 70px;
}

.patiello-intro__title[b-8yl0pb4h01] {
    margin: 0 0 50px;
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.04;
}

.patiello-intro__description[b-8yl0pb4h01] {
    max-width: 570px;
}

    .patiello-intro__description p[b-8yl0pb4h01] {
        margin: 0;
    }

        .patiello-intro__description p + p[b-8yl0pb4h01] {
            margin-top: 20px;
        }


/* -------------------------
   VISUEL
------------------------- */

.patiello-intro__visual[b-8yl0pb4h01] {
    position: relative;
    align-self: stretch;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    min-width: 0;
}

    .patiello-intro__visual img[b-8yl0pb4h01] {
        display: block;
        width: min(100%, 850px);
        height: auto;
        object-fit: contain;
        object-position: center bottom;
    }


/* -------------------------
   RESPONSIVE
------------------------- */

@media (max-width: 1000px) {

    .patiello-intro[b-8yl0pb4h01] {
        padding: 55px 40px 0;
    }

    .patiello-intro__content[b-8yl0pb4h01] {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .patiello-intro__text[b-8yl0pb4h01] {
        padding-bottom: 20px;
    }

    .patiello-intro__title[b-8yl0pb4h01] {
        max-width: 650px;
        margin-bottom: 30px;
    }

    .patiello-intro__visual img[b-8yl0pb4h01] {
        width: min(100%, 700px);
    }
}


@media (max-width: 600px) {

    .patiello-intro[b-8yl0pb4h01] {
        padding: 38px 24px 0;
        border-radius: 20px;
    }

    .patiello-intro__title[b-8yl0pb4h01] {
        font-size: 2.35rem;
        line-height: 1.1;
    }

    .patiello-intro__description[b-8yl0pb4h01] {
        font-size: 0.95rem;
        line-height: 1.65;
    }

        .patiello-intro__description p + p[b-8yl0pb4h01] {
            margin-top: 20px;
        }

    .patiello-intro__visual[b-8yl0pb4h01] {
        margin-top: 20px;
    }

        .patiello-intro__visual img[b-8yl0pb4h01] {
            width: 115%;
            max-width: none;
            padding: 0 40px 20px 40px;
        }
}

/* =========================================================
   CONTENEUR DES 3 PRODUITS
   ========================================================= */

.products-showcase[b-8yl0pb4h01] {
    margin:50px 0;
    background: #fff;
    border: 1px solid #e3e9ef;
    border-radius: 28px;
    overflow: hidden;
}


/* =========================================================
   LIGNE PRODUIT
   ========================================================= */

.product-row[b-8yl0pb4h01] {
    position: relative;
    display: grid;
    grid-template-columns: minmax(400px, 0.9fr) minmax(500px, 1.1fr);
    align-items: center;
    min-height: 560px;
    padding: 60px 55px;
    background: #fff;
}


    /* Fine séparation entre les produits */

    .product-row + .product-row[b-8yl0pb4h01] {
        border-top: 1px solid #e8edf2;
    }


/* =========================================================
   ALTERNANCE
   ========================================================= */

.product-row--reverse .product-row__content[b-8yl0pb4h01] {
    grid-column: 2;
    grid-row: 1;
}

.product-row--reverse .product-row__visual[b-8yl0pb4h01] {
    grid-column: 1;
    grid-row: 1;
}


/* =========================================================
   TEXTE
   ========================================================= */

.product-row__content[b-8yl0pb4h01] {
    position: relative;
    z-index: 2;
}


/* Numéro 01 / 02 / 03 */

.product-row__number[b-8yl0pb4h01] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    margin-bottom: 28px;
    color: #0479c7;
    font-size: 1rem;
    font-weight: 600;
    border: 2px solid #1badba;
    border-radius: 50%;
}


/* Titre */

.product-row__title[b-8yl0pb4h01] {
    margin: 0 0 8px;
    font-size: clamp(2rem, 2.8vw, 3rem);
}


/* Sous-titre turquoise */

.product-row__subtitle[b-8yl0pb4h01] {
    margin: 0 0 30px;
    font-size: clamp(1.25rem, 1.6vw, 1.65rem);
}


/* Paragraphes */

    .product-row__text p[b-8yl0pb4h01] {
        margin: 0;
    }

        .product-row__text p + p[b-8yl0pb4h01] {
            margin-top: 20px;
        }


/* =========================================================
   PARTIE VISUELLE
   ========================================================= */

.product-row__visual[b-8yl0pb4h01] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: 440px;
}


/*
 * Forme bleu clair derrière le produit.
 * Elle permet d'éviter un simple rectangle de couleur.
 */

.product-row__visual-background[b-8yl0pb4h01] {
    position: absolute;
    width: 96%;
    height: 96%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: radial-gradient( circle at 50% 50%, rgba(55, 194, 220, .24) 0%, rgba(55, 194, 220, .14) 38%, rgba(55, 194, 220, .07) 62%, rgba(55, 194, 220, .025) 80%, transparent 100% );
    border-radius: 45% 55% 40% 60% / 55% 42% 58% 45%;
}


/* Image du produit */

.product-row__image[b-8yl0pb4h01] {
    position: relative;
    z-index: 1;
    display: block;
    width: min(100%, 650px);
    max-height: 460px;
    object-fit: contain;
}


/* =========================================================
   PETITES VARIATIONS DE FOND
   ========================================================= */

/*
 * Ça évite que les trois lignes donnent l'impression
 * d'être strictement identiques.
 */

.product-row:nth-child(2)[b-8yl0pb4h01] {
    background: linear-gradient( 110deg, rgba(238, 249, 253, .72), rgba(255, 255, 255, 0) 52% );
}

.product-row:nth-child(3)[b-8yl0pb4h01] {
    background: linear-gradient( 250deg, rgba(238, 249, 253, .55), rgba(255, 255, 255, 0) 55% );
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1000px) {

    .product-row[b-8yl0pb4h01],
    .product-row--reverse[b-8yl0pb4h01] {
        grid-template-columns: 1fr;
        padding: 50px 40px;
        gap: 35px;
    }

        .product-row__content[b-8yl0pb4h01],
        .product-row--reverse .product-row__content[b-8yl0pb4h01] {
            grid-column: 1;
            grid-row: 1;
            max-width: 700px;
        }

        .product-row__visual[b-8yl0pb4h01],
        .product-row--reverse .product-row__visual[b-8yl0pb4h01] {
            grid-column: 1;
            grid-row: 2;
            min-height: 350px;
        }

    .product-row__image[b-8yl0pb4h01] {
        max-height: 400px;
    }
}


@media (max-width: 600px) {

    .products-showcase[b-8yl0pb4h01] {
        margin: 30px 15px;
        border-radius: 20px;
    }

    .product-row[b-8yl0pb4h01],
    .product-row--reverse[b-8yl0pb4h01] {
        padding: 40px 25px;
    }

    .product-row__number[b-8yl0pb4h01] {
        width: 44px;
        height: 44px;
        margin-bottom: 22px;
    }

    .product-row__title[b-8yl0pb4h01] {
        font-size: 2rem;
    }

    .product-row__subtitle[b-8yl0pb4h01] {
        font-size: 1.2rem;
        margin-bottom: 24px;
    }

    .product-row__text[b-8yl0pb4h01] {
        font-size: .95rem;
        line-height: 1.65;
    }

    .product-row__visual[b-8yl0pb4h01] {
        min-height: 280px;
    }

    .product-row__image[b-8yl0pb4h01] {
        max-height: 330px;
    }
}

/* =========================================================
   BANDEAU "UNE SEULE EXPÉRIENCE"
   ========================================================= */

.experience-banner[b-8yl0pb4h01] {
    margin: 50px 0;
    padding: 45px 40px 40px;
    text-align: center;
    border-radius: 28px;
}


/* Titre */

.experience-banner__title[b-8yl0pb4h01] {
    margin: 0;
    font-size: clamp(2rem, 3vw, 3rem);
    font-weight: 900;
    line-height: 1.08;
    letter-spacing: -0.035em;
}

    .experience-banner__title span[b-8yl0pb4h01] {
        color: #08aabd;
    }


/* Phrase en gras */

.experience-banner__lead[b-8yl0pb4h01] {
    margin: 18px 0 0;
}


/* Texte inférieur */

.experience-banner__text[b-8yl0pb4h01] {
    max-width: 850px;
    margin: 0 auto;
    color: #263b59;
    font-size: .95rem;
    font-weight: 400;
    line-height: 1.65;
}


/* Responsive */

@media (max-width: 700px) {

    .experience-banner[b-8yl0pb4h01] {
        margin: 30px 15px;
        padding: 35px 25px;
        border-radius: 20px;
    }

    .experience-banner__title[b-8yl0pb4h01] {
        font-size: 2rem;
    }

    .experience-banner__lead[b-8yl0pb4h01] {
        font-size: .95rem;
    }

    .experience-banner__text[b-8yl0pb4h01] {
        font-size: .9rem;
    }

        /*
     * Sur mobile, on laisse le navigateur gérer
     * naturellement les retours à la ligne.
     */
        .experience-banner__text br[b-8yl0pb4h01] {
            display: none;
        }
}
/* /Components/Pages/UserGuides.razor.rz.scp.css */
/* =========================================================
   MANUELS — INTRODUCTION
   ========================================================= */

.manuals-intro[b-19sroe3eqj] {
    max-width: 900px;
    margin: 65px auto 55px;
    text-align: center;
}

.manuals-eyebrow[b-19sroe3eqj] {
    display: inline-block;
    margin-bottom: 15px;
    color: #1badba;
    font-size: clamp(1.25rem, 1.6vw, 1.65rem);
    font-weight: 900;
    letter-spacing: 0.02em;
}

.manuals-intro h1[b-19sroe3eqj] {
    margin: 0 0 20px;
    font-size: 4rem;
    font-weight: 900;
    line-height: 1.04;
}

.manuals-intro p[b-19sroe3eqj] {
    max-width: 680px;
    margin: 0 auto;
    color: #30456b;
    font-size: 1.08rem;
    line-height: 1.65;
}


/* =========================================================
   CHOIX DU PRODUIT
   ========================================================= */

.manuals-products[b-19sroe3eqj] {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 25px;
    width: 100%;
}


/* Carte entière */

.manuals-product[b-19sroe3eqj] {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    padding: 0;
    overflow: hidden;
    color: inherit;
    text-align: left;
    background: #fff;
    border: 1px solid #e3edf1;
    border-radius: 24px;
    cursor: pointer;
    box-shadow: 0 12px 32px rgba(12, 33, 97, 0.045);
    transition: transform 0.22s ease, border-color 0.22s ease, box-shadow 0.22s ease;
}


/* Image */

.manuals-product-visual[b-19sroe3eqj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 220px;
    overflow: hidden;
}

.manuals-product-blue[b-19sroe3eqj] {
    background: linear-gradient( 135deg, #f2f9fa 0%, #eaf6f8 50%, #f6fbfd 100% );
}

.manuals-product-violet[b-19sroe3eqj] {
    background: linear-gradient(135deg, #f0edff 0%, #f7f5ff 100%);
}

.manuals-product-visual img[b-19sroe3eqj] {
    display: block;
    width: 88%;
    height: 88%;
    object-fit: contain;
}


/* Texte de la carte */

.manuals-product-content[b-19sroe3eqj] {
    position: relative;
    flex: 1;
    padding: 27px 30px 32px;
}

.manuals-product-type[b-19sroe3eqj] {
    display: block;
    margin-bottom: 9px;
    color: #1badba;
    font-size: 0.95rem;
    font-weight: 800;
}

.manuals-product h2[b-19sroe3eqj] {
    margin: 0 35px 10px 0;
    font-size: 1.35rem;
    font-weight: 850;
    line-height: 1.15;
}

.manuals-product p[b-19sroe3eqj] {
    margin: 0;
    color: #53657f;
    font-size: 0.9rem;
    line-height: 1.55;
}


/* Flèche */

.manuals-product-arrow[b-19sroe3eqj] {
    position: absolute;
    right: 27px;
    top: 27px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    color: #0c2161;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    font-size: 1.15rem;
    transition: color 0.2s ease, background 0.2s ease, transform 0.2s ease;
}


/* Hover */

@media (hover: hover) and (pointer: fine) {

    .manuals-product:hover[b-19sroe3eqj] {
        transform: translateY(-5px);
        border-color: #e3e9ef;
        box-shadow: 0 18px 42px rgba(12, 33, 97, 0.08);
    }

        .manuals-product:hover .manuals-product-arrow[b-19sroe3eqj] {
            color: #fff;
            background: linear-gradient( 115deg, #20b9bd 0%, #159fbe 48%, #168bc4 100% );
            border-color: transparent;
            transform: translateX(3px);
        }
}


/* =========================================================
   ÉTAT ACTIF DES 3 CARTES
   ========================================================= */

/*
 * IMPORTANT :
 *
 * Tes variables @classButtonAdmin / Kiosk / App doivent
 * ajouter une classe du type "active" au bouton sélectionné.
 *
 * Si elles utilisent un autre nom, remplace simplement
 * ".active" ci-dessous.
 */

.manuals-product.active[b-19sroe3eqj] {
    border-color: #1badba;
    box-shadow: 0 0 0 2px rgba(27, 173, 186, 0.08), 0 16px 38px rgba(12, 33, 97, 0.07);
}

    .manuals-product.active[b-19sroe3eqj]::after {
        content: "";
        position: absolute;
        left: 30px;
        right: 30px;
        bottom: 0;
        height: 4px;
        background: linear-gradient( 90deg, #20b9bd 0%, #159fbe 48%, #168bc4 100% );
        border-radius: 999px 999px 0 0;
    }


/* =========================================================
   SÉPARATEUR
   ========================================================= */

.manuals-separator[b-19sroe3eqj] {
    margin-top: 70px;
    margin-bottom: 70px;
}


/* =========================================================
   EN-TÊTE DU MANUEL
   ========================================================= */

.manual-guide[b-19sroe3eqj] {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    margin-bottom: 60px;
}


/* Illustration + titre */

.manual-guide-header[b-19sroe3eqj] {
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 38px;
    align-items: center;
    margin-bottom: 65px;
}


/* Illustration */

.manual-guide-icon[b-19sroe3eqj] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 150px;
    border-radius: 34px;
    overflow: hidden;
}

    .manual-guide-icon img[b-19sroe3eqj] {
        display: block;
        width: 90%;
        height: 90%;
        object-fit: contain;
    }


/* Texte */

.manual-guide-label[b-19sroe3eqj] {
    display: block;
    margin-bottom: 8px;
    color: #1badba;
    font-size: 0.95rem;
    font-weight: 800;
}

.manual-guide-header h2[b-19sroe3eqj] {
    margin: 0 0 12px;
    font-size: clamp(2.4rem, 4vw, 3.8rem);
    font-weight: 900;
    line-height: 1;
    letter-spacing: -0.04em;
}

.manual-guide-header p[b-19sroe3eqj] {
    max-width: 670px;
    margin: 0;
    color: #4d617e;
    font-size: 1rem;
    line-height: 1.65;
}


/* =========================================================
   CATÉGORIE
   ========================================================= */

.manual-category[b-19sroe3eqj] {
    margin-bottom: 65px;
}

    .manual-category:last-child[b-19sroe3eqj] {
        margin-bottom: 0;
    }


/* Petit titre de catégorie */

.manual-category-heading[b-19sroe3eqj] {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 15px;
}

    .manual-category-heading > span[b-19sroe3eqj] {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        color: #fff;
        background: linear-gradient( 115deg, #20b9bd 0%, #159fbe 48%, #168bc4 100% );
        border-radius: 50%;
        font-size: 0.72rem;
        font-weight: 800;
    }

    .manual-category-heading h3[b-19sroe3eqj] {
        margin: 0;
        font-size: 1.20rem;
        font-weight: 800;
        line-height: 1.25;
    }


/* =========================================================
   QUESTION
   ========================================================= */

.manual-question[b-19sroe3eqj] {
    width: 100%;
    border-bottom: 1px solid #e3e9ef;
}


    /*
 * Suppression du triangle natif du details
 */

    .manual-question summary[b-19sroe3eqj] {
        list-style: none;
    }

        .manual-question summary[b-19sroe3eqj]::-webkit-details-marker {
            display: none;
        }


    /* Ligne de question */

    .manual-question summary[b-19sroe3eqj] {
        display: grid;
        grid-template-columns: 55px minmax(0, 1fr) 44px;
        gap: 18px;
        align-items: center;
        min-height: 82px;
        padding: 12px 5px;
        cursor: pointer;
        transition: color 0.2s ease, padding-left 0.2s ease;
    }


/* Numéro */

.manual-question-number[b-19sroe3eqj] {
    color: #0479c7;
    font-size: 0.95rem;
    font-weight: 800;
}


/* Question */

.manual-question-title[b-19sroe3eqj] {
    color: #0c2161;
    font-size: 1.08rem;
    font-weight: 750;
    line-height: 1.35;
}


/* =========================================================
   + / -
   ========================================================= */

.manual-question-toggle[b-19sroe3eqj] {
    position: relative;
    display: block;
    width: 38px;
    height: 38px;
    border: 1px solid #e3e9ef;
    border-radius: 50%;
    transition: background 0.2s ease, border-color 0.2s ease, transform 0.25s ease;
}


    /* Barre horizontale */

    .manual-question-toggle[b-19sroe3eqj]::before,
    .manual-question-toggle[b-19sroe3eqj]::after {
        content: "";
        position: absolute;
        left: 50%;
        top: 50%;
        width: 13px;
        height: 2px;
        background: #0c2161;
        border-radius: 999px;
        transform: translate(-50%, -50%);
        transition: opacity 0.2s ease, transform 0.25s ease;
    }


    /* Barre verticale */

    .manual-question-toggle[b-19sroe3eqj]::after {
        transform: translate(-50%, -50%) rotate(90deg);
    }


/* Quand ouvert : disparition barre verticale */

.manual-question[open] .manual-question-toggle[b-19sroe3eqj]::after {
    opacity: 0;
    transform: translate(-50%, -50%) rotate(0deg);
}


/* État ouvert */

.manual-question[open] .manual-question-toggle[b-19sroe3eqj] {
    background: #eaf8f8;
    border-color: #c9e9ea;
}


/* Hover */

@media (hover: hover) and (pointer: fine) {

    .manual-question summary:hover[b-19sroe3eqj] {
        padding-left: 10px;
    }

        .manual-question summary:hover .manual-question-title[b-19sroe3eqj] {
            color: #0479c7;
        }

        .manual-question summary:hover .manual-question-toggle[b-19sroe3eqj] {
            border-color: #1badba;
        }
}


/* =========================================================
   RÉPONSE
   ========================================================= */

.manual-answer[b-19sroe3eqj] {
    margin-left: 75px;
    padding: 0 20px 35px 0;
}

    .manual-answer p[b-19sroe3eqj] {
        margin: 0 0 15px;
    }

        .manual-answer p:last-child[b-19sroe3eqj] {
            margin-bottom: 0;
        }

    .manual-answer strong[b-19sroe3eqj] {
        color: #0c2161;
        font-weight: 750;
    }


/* =========================================================
   URL / CODE
   ========================================================= */

.manual-code[b-19sroe3eqj] {
    margin: 22px 0;
    padding: 16px 20px;
    overflow-x: auto;
    color: #0c2161;
    background: linear-gradient( 135deg, #f2f9fa 0%, #eaf6f8 50%, #f6fbfd 100% );
    border-radius: 12px;
    font-family: monospace;
    font-size: 0.88rem;
    white-space: nowrap;
}


/* =========================================================
   ASTUCE / À RETENIR
   ========================================================= */

.manual-tip[b-19sroe3eqj] {
    position: relative;
    margin-top: 25px;
    padding: 20px 24px 20px 27px;
    background: linear-gradient( 135deg, #f0edff 0%, #f7f5ff 100% );
    border-radius: 14px;
}

    .manual-tip > strong[b-19sroe3eqj] {
        display: block;
        margin-bottom: 5px;
        color: #6c5ce7;
        color: #6c5ce7;
        font-weight: 800;
    }

    .manual-tip p[b-19sroe3eqj] {
        margin: 0;
    }


/* =========================================================
   TÉLÉCHARGEMENT APPLICATION
   ========================================================= */

.manual-download[b-19sroe3eqj] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    margin: -15px 0 65px;
    padding: 28px 32px;
    background: linear-gradient( 135deg, #f2f9fa 0%, #eaf6f8 50%, #f6fbfd 100% );
    border-radius: 20px;
}

.manual-download-label[b-19sroe3eqj] {
    display: block;
    margin-bottom: 5px;
    color: #1badba;
    font-size: 0.95rem;
    font-weight: 800;
}

.manual-download h3[b-19sroe3eqj] {
    margin: 0;
    font-size: 1.35rem;
    font-weight: 800;
}


/* Stores */

.manual-stores[b-19sroe3eqj] {
    display: flex;
    align-items: center;
    gap: 12px;
}

    .manual-stores a[b-19sroe3eqj] {
        display: block;
    }

    .manual-stores img[b-19sroe3eqj] {
        display: block;
        width: auto;
        height: 44px;
    }


/* =========================================================
   TABLETTE
   ========================================================= */

@media (max-width: 1000px) {

    .manuals-products[b-19sroe3eqj] {
        gap: 18px;
    }

    .manuals-product-visual[b-19sroe3eqj] {
        height: 180px;
    }

    .manuals-product-content[b-19sroe3eqj] {
        padding: 23px;
    }

    .manuals-product h2[b-19sroe3eqj] {
        font-size: 1.18rem;
    }

    .manuals-product p[b-19sroe3eqj] {
        font-size: 0.86rem;
    }

    .manual-guide[b-19sroe3eqj] {
        max-width: 900px;
    }
}


/* =========================================================
   PETITE TABLETTE
   ========================================================= */

@media (max-width: 800px) {

    .manuals-intro[b-19sroe3eqj] {
        margin-top: 45px;
    }

    .manuals-products[b-19sroe3eqj] {
        grid-template-columns: 1fr;
        max-width: 650px;
        margin: 0 auto;
    }

    .manuals-product[b-19sroe3eqj] {
        display: grid;
        grid-template-columns: 180px minmax(0, 1fr);
    }

    .manuals-product-visual[b-19sroe3eqj] {
        height: 100%;
        min-height: 180px;
    }

    .manual-guide-header[b-19sroe3eqj] {
        grid-template-columns: 120px minmax(0, 1fr);
        gap: 28px;
    }

    .manual-guide-icon[b-19sroe3eqj] {
        width: 120px;
        height: 120px;
        border-radius: 28px;
    }
}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 600px) {

    .manuals-intro[b-19sroe3eqj] {
        margin: 35px auto 40px;
    }

        .manuals-intro h1[b-19sroe3eqj] {
            font-size: clamp(2.6rem, 12vw, 3.6rem);
        }

        .manuals-intro p[b-19sroe3eqj] {
            font-size: 1rem;
        }


    /* Sélecteurs produits */

    .manuals-product[b-19sroe3eqj] {
        grid-template-columns: 110px minmax(0, 1fr);
        border-radius: 18px;
    }

    .manuals-product-visual[b-19sroe3eqj] {
        min-height: 145px;
    }

    .manuals-product-content[b-19sroe3eqj] {
        padding: 20px;
    }

    .manuals-product-type[b-19sroe3eqj] {
        margin-bottom: 6px;
        font-size: 0.62rem;
    }

    .manuals-product h2[b-19sroe3eqj] {
        margin-right: 0;
        font-size: 1.1rem;
    }

    .manuals-product p[b-19sroe3eqj] {
        font-size: 0.8rem;
        line-height: 1.45;
    }

    .manuals-product-arrow[b-19sroe3eqj] {
        display: none;
    }


    /* Séparateur */

    .manuals-separator[b-19sroe3eqj] {
        margin-top: 50px;
        margin-bottom: 50px;
    }


    /* En-tête manuel */

    .manual-guide-header[b-19sroe3eqj] {
        display: block;
        margin-bottom: 45px;
        text-align: center;
    }

    .manual-guide-icon[b-19sroe3eqj] {
        width: 130px;
        height: 130px;
        margin: 0 auto 22px;
    }

    .manual-guide-header h2[b-19sroe3eqj] {
        font-size: 2.4rem;
    }

    .manual-guide-header p[b-19sroe3eqj] {
        font-size: 0.95rem;
    }


    /* Catégories */

    .manual-category[b-19sroe3eqj] {
        margin-bottom: 50px;
    }


    /* Question */

    .manual-question summary[b-19sroe3eqj] {
        grid-template-columns: 34px minmax(0, 1fr) 36px;
        gap: 10px;
        min-height: 74px;
    }

    .manual-question-title[b-19sroe3eqj] {
        font-size: 0.98rem;
    }

    .manual-question-toggle[b-19sroe3eqj] {
        width: 34px;
        height: 34px;
    }


    /* Réponse */

    .manual-answer[b-19sroe3eqj] {
        max-width: none;
        margin-left: 44px;
        padding-right: 5px;
        padding-bottom: 28px;
        font-size: 0.92rem;
        line-height: 1.65;
    }


    /* URL */

    .manual-code[b-19sroe3eqj] {
        padding: 14px 16px;
        font-size: 0.78rem;
    }


    /* Download */

    .manual-download[b-19sroe3eqj] {
        display: block;
        margin-bottom: 50px;
        padding: 25px;
        text-align: center;
    }

    .manual-stores[b-19sroe3eqj] {
        justify-content: center;
        margin-top: 20px;
        flex-wrap: wrap;
    }

        .manual-stores img[b-19sroe3eqj] {
            height: 40px;
        }
}