<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* ---------- LES CLASSES UTILES ---------- */
.mt10{
    margin-top: 10px;
}

.mt25 {
    margin-top: 25px;
}
.mt50 {
    margin-top: 50px;
}
.mt100 {
    margin-top: 100px;
}

.mb10 {
    margin-bottom: 10px;
}
.mb25 {
    margin-bottom: 25px;
}
.mb50 {
    margin-bottom: 50px;
}
.mb100 {
    margin-bottom: 100px;
}

.pt0{
    padding-top: 0px;
}

.pt10{
    padding-top: 10px;
}

.pt25{
    padding-top: 25px;
}

.pt50{
    padding-top: 50px;
}

.pt100{
    padding-top: 100px;
}

.pb0{
    padding-bottom: 0px;
}

.pb10{
    padding-bottom: 10px;
}

.pb25{
    padding-bottom: 25px;
}

.pb50{
    padding-bottom: 50px;
}

.pb100{
    padding-bottom: 100px;
}


.pt0.decalage-h-10 img{
    transform: translate(0, calc(-10%));
}

.pt0.decalage-h-25 img{
    transform: translate(0, calc(-25%));
}

.pt0.decalage-h-50 img{
    transform: translate(0, calc(-50%));
}

.pt25.decalage-h-10 img{
    transform: translate(0, calc(-10% - 25px));
}

.pt25.decalage-h-25 img{
    transform: translate(0, calc(-25% - 25px));
}

.pt25.decalage-h-50 img{
    transform: translate(0, calc(-50% - 25px));
}

.pt50.decalage-h-10 img{
    transform: translate(0, calc(-10% - 50px));
}

.pt50.decalage-h-25 img{
    transform: translate(0, calc(-25% - 50px));
}

.pt50.decalage-h-50 img{
    transform: translate(0, calc(-50% - 50px));
}

.pt100.decalage-h-10 img{
    transform: translate(0, calc(-10% - 100px));
}

.pt100.decalage-h-25 img{
    transform: translate(0, calc(-25% - 100px));
}

.pt100.decalage-h-50 img{
    transform: translate(0, calc(-50% - 100px));
}

.ratio-4-3{
    aspect-ratio: 4 / 3;
}

.ratio-3-4{
    aspect-ratio: 3 / 4;
}

.ratio-1-1{
    aspect-ratio: 1 / 1;
}



.col-sm-2-4 {
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
}
@media (min-width: 576px) {
    .col-sm-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 768px) {
    .col-md-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 992px) {
    .col-lg-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}
@media (min-width: 1200px) {
    .col-xl-2-4 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}



/* ---------- LES REGLES GENERALES ---------- */
img {
    max-width: 100%;
    width: 100%;
}

.video {
    max-width: 100%;
}

.vertical-center {
    display: flex; /* contexte sur le parent */
    flex-direction: column; /* direction d'affichage verticale */
    justify-content: center;
}

.vertical-center .btn {
    align-self: flex-start;
}

a.no-underline:hover {
    text-decoration: none;
}

.form-control {
    height: initial;
}

.breadcrumb {
    background: var(--VS-blocpage-1-section-bgcolor-calculee);
}

.breadcrumb-item + .breadcrumb-item::before {
    content: "&gt;";
}

.align-items-dynamique {
    align-items: start;
}


.blocpage{
    position: relative;
    z-index: 1;
}
.video-container {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden; /* âš&nbsp;ï¸ ici seulement */
    z-index: 0;
    pointer-events: none; /* Pour Ã©viter qu'elle bloque les clics */
}

.bg-video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    object-fit: cover;
}

.blocpage .content {
    position: relative;
    z-index: 1;
}




/* ---------- LE BODY ---------- */
body {
    background: var(--VS-blocpage-1-section-bgcolor-calculee);
    color: var(--VS-blocpage-1-texte-color-valeur1);
    font-family: var(--font-textes);
}

#content {
    background: var(--VS-blocpage-1-section-bgcolor-calculee);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--font-titres);
    font-weight: var(--font-weight-titres);
    overflow-wrap: break-word;
}

body h1{
    color: var(--VS-blocpage-1-titre-color-valeur1);
}

body h2{
    color: var(--VS-blocpage-1-titre-color-valeur1);
    font-size: var(--VS-blocpage-0-titre-size-valeur1);
}

body h2 strong {
    color: var(--VS-blocpage-1-titrestrong-color-valeur1);
    font-weight: var(--VS-blocpage-0-titrestrong-fontweight-calculee);
}

body p,
body ul,
body ol,
body li,
body label {
    color: var(--VS-blocpage-1-texte-color-valeur1);
    font-size: var(--VS-blocpage-0-texte-size-valeur1);
}
body ul,
body ol {
    padding-inline-start: 1.5em;
}

body a {
    color: var(--VS-blocpage-1-lien-color-valeur1);
}

body a:hover{
    color: var(--VS-blocpage-1-lien-color-valeur1);
    text-decoration: underline;
}

body .form-control,
body .form-control:focus {
    font-size: var(--VS-blocpage-0-texte-size-valeur1);
    background: var(--VS-blocpage-1-formcontrol-bgcolor-calculee);
    /*border: var(--blocpage-formcontrol-border-v1);*/
    border-top: var(--VS-blocpage-1-formcontrol-border-calculee-haut);
    border-bottom: var(--VS-blocpage-1-formcontrol-border-calculee-bas);
    border-left: var(--VS-blocpage-1-formcontrol-border-calculee-gauche);
    border-right: var(--VS-blocpage-1-formcontrol-border-calculee-droite);
    border-radius: var(--VS-blocpage-0-formcontrol-radius-calculee);
    color: var(--VS-blocpage-1-formcontrol-color-valeur1);
    padding: var(--VS-blocpage-0-formcontrol-padding-calculee);
    box-shadow: none;
}
body .form-control:focus {
    outline: auto;
}
body .form-control::placeholder,
body .form-control::placeholder:focus {
    color: var(--VS-blocpage-1-formcontrol-color-valeur1);
    opacity: 0.6;
}
body .form-control.input-erreur {
    border-color: #DA3131;
}

.message-erreur {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.2);
}
.message-erreur svg {
    width: calc(var(--VS-blocpage-0-texte-size-valeur1) * 1.5);
    fill: #DA3131;
}
.message-erreur p {
    margin: 0;
    color: #DA3131;
}


.blocpage .div-boutons,
#illustration .div-boutons {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}



body select option {
    font-family: var(--font-textes);
}



body .btn {
    border-radius: var(--VS-blocpage-0-btn-radius-calculee);
    font-size: var(--VS-blocpage-0-btn-size-valeur1);
    padding: var(--VS-blocpage-0-btn-padding-calculee);
    transition: fill .2s ease-in-out;
}

body .btn-primary {
    background: var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
    color: var(--VS-blocpage-1-btnprimary-color-valeur1);
    fill: var(--VS-blocpage-1-btnprimary-color-valeur1);
    /*border: var(--blocpage-bouton-border-v1);*/
    border-top: var(--VS-blocpage-1-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-1-btnprimary-border-calculee-bas);
    border-left: var(--VS-blocpage-1-btnprimary-border-calculee-gauche);
    border-right: var(--VS-blocpage-1-btnprimary-border-calculee-droite);
}
body .btn-secondary {
    background: var(--VS-blocpage-1-btnsecondary-bgcolor-calculee);
    color: var(--VS-blocpage-1-btnsecondary-color-valeur1);
    fill: var(--VS-blocpage-1-btnsecondary-color-valeur1);
    /*border: var(--blocpage-btnsecondary-border-v1);*/
    border-top: var(--VS-blocpage-1-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-1-btnsecondary-border-calculee-bas);
    border-left: var(--VS-blocpage-1-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-blocpage-1-btnsecondary-border-calculee-droite);
}

body .btn svg {
    width: 24px;
}


.btn:hover,
.btn:focus,
.btn:active,
.btn:active:focus {
    box-shadow: none!important;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active {
    background: var(--VS-blocpage-1-btnprimary-color-valeur1);
    color: var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
    fill: var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
    /*border: var(--blocpage-bouton-border-v1) !important;*/
    border-top: var(--VS-blocpage-1-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-1-btnprimary-border-calculee-bas);
    border-left: var(--VS-blocpage-1-btnprimary-border-calculee-gauche);
    border-right: var(--VS-blocpage-1-btnprimary-border-calculee-droite);
}


.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary:active:focus {
    background: var(--VS-blocpage-1-btnsecondary-color-valeur1) !important;
    color: var(--VS-blocpage-1-btnsecondary-bgcolor-calculee) !important;
    fill: var(--VS-blocpage-1-btnsecondary-bgcolor-calculee);
    /*border: var(--blocpage-btnsecondary-border-v1) !important;*/
    border-top: var(--VS-blocpage-1-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-1-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-1-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-1-btnsecondary-border-calculee-droite) !important;
}

.btn.disabled,
.btn:disabled,
.btn.disabled:hover,
.btn:disabled:hover {
    border-radius: var(--VS-blocpage-0-btn-radius-calculee);
    font-size: var(--VS-blocpage-0-btn-size-valeur1);
    padding: var(--VS-blocpage-0-btn-padding-calculee);
}

.btn-primary.disabled,
.btn-primary:disabled,
.btn-primary.disabled:hover,
.btn-primary:disabled:hover {
    background: var(--VS-blocpage-1-btnprimary-bgcolor-calculee) !important;
    color: var(--VS-blocpage-1-btnprimary-color-valeur1) !important;
    fill: var(--VS-blocpage-1-btnprimary-color-valeur1);
    /*border: var(--blocpage-bouton-border-v1) !important;*/
    border-top: var(--VS-blocpage-1-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-1-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-1-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-1-btnprimary-border-calculee-droite) !important;
}
.btn-secondary.disabled,
.btn-secondary:disabled,
.btn-secondary.disabled:hover,
.btn-secondary:disabled:hover {
    background: var(--VS-blocpage-1-btnsecondary-bgcolor-calculee) !important;
    color: var(--VS-blocpage-1-btnsecondary-color-valeur1) !important;
    fill: var(--VS-blocpage-1-btnsecondary-color-valeur1);
    /*border: var(--blocpage-btnsecondary-border-v1) !important;*/
    border-top: var(--VS-blocpage-1-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-1-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-1-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-1-btnsecondary-border-calculee-droite) !important;
}



/* ---------- LA BARRE ADMIN ---------- */
#topbar {
    position: sticky;
    top: 0;
    background-color: #4FBCBF;
    color: white;
    padding-top: 7px;
    padding-bottom: 7px;
    z-index: 1050;
}

#topbar a{
    color: #ffffff;
}


/* ---------- LES OUTILS D'EDITION ---------- */
/* On garde la place du bouton, mais il est invisible */
.navbar .nav-gotoedit {
    order: 2;
    width: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: width 0.3s ease-in-out, opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;

    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style du bouton */
.navbar .gotoedit {
    padding: 0.5rem;
    border-radius: 4px;
    border: 2px solid #4FBCBF;
    background: #FFFFFF;
    color: #4FBCBF;
    z-index: 999;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap; /* Ã‰vite que le bouton change de taille */
}

/* Affichage progressif sans dÃ©placement brusque */
.navbar:hover .nav-gotoedit {
    width: auto; /* Laisse le bouton prendre sa taille normalement */
    opacity: 1;
    visibility: visible;
}




#illustration .gotoedit, .blocpage .gotoedit, .blocarticle .gotoedit {
    display: none;
    position: absolute;
    right: 25px;
    padding: 0.75rem;
    border-radius: 4px;
    border: 2px solid #4FBCBF;
    background: #FFFFFF;
    color: #4FBCBF;
    z-index: 999;
}
#illustration .gotoedit {
    top: 150px;
}

#illustration:hover .gotoedit, .blocpage:hover .gotoedit, .blocarticle:hover .gotoedit {
    display: block;
}

#illustration:hover .gotoedit:hover, .blocpage:hover .gotoedit:hover, .blocarticle .gotoedit:hover {
    background: #4FBCBF;
    color: #FFFFFF;
    cursor: pointer;
}





/* ---------- LA NAVBAR ---------- */
.navbar-parent {
    position: fixed;
    top: 0;
    z-index: 10;
    width: 100%;
}
.navbar {
    background: var(--VS-navbar-general-bgcolor-calculee);
    backdrop-filter: blur(var(--VS-navbar-general-blur-valeur1));
    padding-top: 20px;
    padding-bottom: 20px;
    transition: background 0.5s ease;
}
.navbar .container,
.navbar .container-fluid {
    gap: 16px;
}
.navbar.navbar-transparent {
    background: transparent;
    backdrop-filter: blur(0px);
}

/*.navbar .navbar-brand {
    display: inline-block;
}*/
.navbar #logonavbar {
    max-width: 250px;
    max-height: 50px;
    /*width: 100%;*/
    transition: all 0.5s ease;

    height: auto;
    width: auto;

    /*box-sizing: border-box;
    display: block;*/
}
.navbar.navbar-grand #logonavbar {
    max-width: calc(250px * 1.5);
    max-height: calc(50px * 1.5);
}

.navbar .navbar-brand-parent {
    flex: 1;
}
.navbar .navbar-brand {
    padding: 0;
    margin: 0;
}
.navbar .navbar-brand span {
    display: block;
    color: var(--VS-navbar-lien-color-valeur1);
    font-size: calc(var(--VS-navbar-lien-size-valeur1) * 1.25);
    margin: 0;
    transition: all 0.5s ease;
}
.navbar.navbar-grand .navbar-brand span {
    font-size: calc(var(--VS-navbar-lien-size-valeur1) * 1.25 * 1.5);
    padding: 0.5em 0;
}

.navbar-brand:hover {
    color: var(--VS-navbar-lien-color-valeur1);
}

.navbar-toggler {
    padding: 0;
}
.navbar-toggler:focus {
    outline: none;
}

.navbar-toggler {
    --largeur: 30px;
    --hauteur: 25px;
    --epaisseur: 3px;
    --espacement: calc( (var(--hauteur) - 3 * var(--epaisseur)) / 2 );
}
.navbar-toggler .navbar-toggler-icon {
    width: var(--largeur);
    height: var(--hauteur);
    position: relative;
    transition: .5s ease-in-out;
}
.navbar-toggler .navbar-toggler-icon .line {
    display: block;
    position: absolute;
    height: var(--epaisseur);
    width: 100%;
    background: var(--VS-navbar-lien-color-valeur1);
    border-radius: calc(var(--epaisseur) / 2);
    opacity: 1;
    transition: .2s ease-in-out;
}

.navbar-toggler .navbar-toggler-icon .line:nth-child(1),
.navbar-toggler .navbar-toggler-icon .line:nth-child(4) {
    top: calc( var(--epaisseur) + var(--espacement) );
    width: 0;
    left: 50%;
}
.navbar-toggler .navbar-toggler-icon .line:nth-child(2),
.navbar-toggler .navbar-toggler-icon .line:nth-child(3) {
    top: calc( var(--epaisseur) + var(--espacement) );
}
.navbar-toggler .navbar-toggler-icon .line:nth-child(2) {
    transform: rotate(-45deg);
}
.navbar-toggler .navbar-toggler-icon .line:nth-child(3) {
    transform: rotate(45deg);
}

.navbar-toggler.collapsed .navbar-toggler-icon .line:nth-child(1),
.navbar-toggler.collapsed .navbar-toggler-icon .line:nth-child(4) {
    width: 100%;
    left: 0;
}
.navbar-toggler.collapsed .navbar-toggler-icon .line:nth-child(1) {
     top: 0;
 }
.navbar-toggler.collapsed .navbar-toggler-icon .line:nth-child(2),
.navbar-toggler.collapsed .navbar-toggler-icon .line:nth-child(3) {
    transform: rotate(0);
    top: calc( var(--epaisseur) + var(--espacement) );
}
.navbar-toggler.collapsed .navbar-toggler-icon .line:nth-child(4) {
    top: calc( (var(--epaisseur) + var(--espacement)) * 2 );
}







.navbar .nav-panier {
    order: 1;
}
.navbar.navbar-burger .nav-panier {
    order: 0;
}
.navbar .nav-panier .nav-link {
    color: var(--VS-navbar-lien-color-valeur1);
    padding: 0;
    display: flex;
    align-items: center;
    gap: 4px;
}
.navbar.navbar-grand .nav-panier .nav-link {
    font-size: calc(var(--VS-navbar-lien-size-valeur1) * 1.25);
}

.navbar.navbar-expand-sm .nav-item,
.navbar.navbar-expand-md .nav-item,
.navbar.navbar-expand-lg .nav-item,
.navbar.navbar-expand-xl .nav-item {
    white-space: nowrap;
}



.navbar.navbar-burger.navbar-ouvert.navbar-transparent {
    background: var(--VS-navbar-general-bgcolor-calculee);
}
.navbar .navbar-nav {
    gap: var(--VS-navbar-lien-size-valeur1);
}
.navbar.navbar-grand .navbar-nav {
    gap: calc(var(--VS-navbar-lien-size-valeur1) * 1.25);
}
.navbar .navbar-nav .nav-link {
    color: var(--VS-navbar-lien-color-valeur1);
    font-size: var(--VS-navbar-lien-size-valeur1);
    font-weight: var(--VS-navbar-lien-fontweight-calculee);
    padding: calc(var(--VS-navbar-lien-size-valeur1) * 0.5) 0;
    transition: font-size 0.5s ease;
    text-align: center;
}
.navbar.navbar-grand .navbar-nav .nav-link {
    font-size: calc(var(--VS-navbar-lien-size-valeur1) * 1.25);
    padding: calc(var(--VS-navbar-lien-size-valeur1) * 0.5 * 1.25) 0;
}

.navbar .navbar-nav .nav-link:hover {
    opacity: 0.7;
}

.navbar .navbar-nav .btn {
    font-size: var(--VS-navbar-bouton-size-valeur1);
    padding: var(--VS-navbar-bouton-padding-calculee);
    border-radius: var(--VS-navbar-bouton-radius-calculee);
}
.navbar.navbar-grand .navbar-nav .btn-primary{
    font-size: calc(var(--VS-navbar-bouton-size-valeur1) * 1.25);
    padding: calc(var(--VS-navbar-bouton-padding-valeur1) * 1.25) calc(var(--VS-navbar-bouton-padding-largeur) * 1.25);
    border-radius: calc(var(--VS-navbar-bouton-radius-calculee) * 1.25);
}
.navbar .navbar-nav .btn-primary,
.navbar .navbar-nav .btn-primary:hover,
.navbar .navbar-nav .btn-primary:focus,
.navbar .navbar-nav .btn-primary:active,
.navbar .navbar-nav .btn-primary:not(:disabled):not(.disabled).active,
.navbar .navbar-nav .btn-primary:not(:disabled):not(.disabled):active  {
    background: var(--VS-navbar-bouton-bgcolor-calculee);
    color: var(--VS-navbar-bouton-color-valeur1);
    /*border: var(--navbar-t1-bouton-border);*/
    border-top: var(--VS-navbar-bouton-border-calculee-haut);
    border-bottom: var(--VS-navbar-bouton-border-calculee-bas);
    border-left: var(--VS-navbar-bouton-border-calculee-gauche);
    border-right: var(--VS-navbar-bouton-border-calculee-droite);
}


.navbar .navbar-nav .dropdown-submenu {
    position: relative;
}
.navbar .navbar-nav .dropdown-toggle::after {
    vertical-align: middle;
}
.navbar .navbar-nav .dropdown-submenu {
    position: relative;
}
.navbar .navbar-nav .dropdown-submenu &gt; .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: 0px;
    margin-left: 0px;
}
.navbar .navbar-nav .dropdown-item.active,
.navbar .navbar-nav .dropdown-item:active {
    background: var(--VS-navbar-lien-color-valeur1);
}














/* ---------- LES BLOCPAGES ---------- */
.main {
    background: inherit;
}

.blocpage {
    -webkit-background-size: cover;
    background-size: cover!important;
    background-position: center!important;
}

.fond2.blocpage {
    background: var(--VS-blocpage-2-section-bgcolor-calculee);
}
.fond3.blocpage {
    background: var(--VS-blocpage-3-section-bgcolor-calculee);
}
.fond4.blocpage {
    background: var(--VS-blocpage-4-section-bgcolor-calculee);
}
.fond5.blocpage {
    background: var(--VS-blocpage-5-section-bgcolor-calculee);
}

.blocpage.parallax{
    background-attachment: fixed;
}

.fond2.blocpage h2 {
    color: var(--VS-blocpage-2-titre-color-valeur1);
}
.fond3.blocpage h2 {
    color: var(--VS-blocpage-3-titre-color-valeur1);
}
.fond4.blocpage h2 {
    color: var(--VS-blocpage-4-titre-color-valeur1);
}
.fond5.blocpage h2 {
    color: var(--VS-blocpage-5-titre-color-valeur1);
}

.fond2.blocpage h2 strong {
    color: var(--VS-blocpage-2-titrestrong-color-valeur1);
    font-weight: var(--VS-blocpage-0-titrestrong-fontweight-calculee);
}
.fond3.blocpage h2 strong {
    color: var(--VS-blocpage-3-titrestrong-color-valeur1);
    font-weight: var(--VS-blocpage-0-titrestrong-fontweight-calculee);
}
.fond4.blocpage h2 strong {
    color: var(--VS-blocpage-4-titrestrong-color-valeur1);
    font-weight: var(--VS-blocpage-0-titrestrong-fontweight-calculee);
}
.fond5.blocpage h2 strong {
    color: var(--VS-blocpage-5-titrestrong-color-valeur1);
    font-weight: var(--VS-blocpage-0-titrestrong-fontweight-calculee);
}

.fond2.blocpage p,
.fond2.blocpage label,
.fond2.blocpage li {
    color: var(--VS-blocpage-2-texte-color-valeur1);
}

.fond3.blocpage p,
.fond3.blocpage li,
.fond3.blocpage label {
    color: var(--VS-blocpage-3-texte-color-valeur1);
}

.fond4.blocpage p,
.fond4.blocpage li,
.fond4.blocpage label {
    color: var(--VS-blocpage-4-texte-color-valeur1);
}

.fond5.blocpage p,
.fond5.blocpage li,
.fond5.blocpage label {
    color: var(--VS-blocpage-5-texte-color-valeur1);
}

.fond2.blocpage a {
    color: var(--VS-blocpage-2-lien-color-valeur1);
}
.fond3.blocpage a {
    color: var(--VS-blocpage-3-lien-color-valeur1);
}
.fond4.blocpage a {
    color: var(--VS-blocpage-4-lien-color-valeur1);
}
.fond5.blocpage a {
    color: var(--VS-blocpage-5-lien-color-valeur1);
}

.fond2.blocpage .form-control,
.fond2.blocpage .form-control:focus {
    background: var(--VS-blocpage-2-formcontrol-bgcolor-calculee);
    /*border: var(--blocpage-formcontrol-border-v2);*/
    border-top: var(--VS-blocpage-2-formcontrol-border-calculee-haut);
    border-bottom: var(--VS-blocpage-2-formcontrol-border-calculee-bas);
    border-left: var(--VS-blocpage-2-formcontrol-border-calculee-gauche);
    border-right: var(--VS-blocpage-2-formcontrol-border-calculee-droite);
    color: var(--VS-blocpage-2-formcontrol-color-valeur1);
    box-shadow: none;
}

.fond2.blocpage .form-control::placeholder,
.fond2.blocpage .form-control::placeholder:focus {
    color: var(--VS-blocpage-2-formcontrol-color-valeur1);
    opacity: 0.6;
}

.fond3.blocpage .form-control,
.fond3.blocpage .form-control:focus {
    background: var(--VS-blocpage-3-formcontrol-bgcolor-calculee);
    /*border: var(--blocpage-formcontrol-border-v3);*/
    border-top: var(--VS-blocpage-3-formcontrol-border-calculee-haut);
    border-bottom: var(--VS-blocpage-3-formcontrol-border-calculee-bas);
    border-left: var(--VS-blocpage-3-formcontrol-border-calculee-gauche);
    border-right: var(--VS-blocpage-3-formcontrol-border-calculee-droite);
    color: var(--VS-blocpage-3-formcontrol-color-valeur1);
    box-shadow: none;
}

.fond4.blocpage .form-control,
.fond4.blocpage .form-control:focus {
    background: var(--VS-blocpage-4-formcontrol-bgcolor-calculee);
    /*border: var(--blocpage-formcontrol-border-v4);*/
    border-top: var(--VS-blocpage-4-formcontrol-border-calculee-haut);
    border-bottom: var(--VS-blocpage-4-formcontrol-border-calculee-bas);
    border-left: var(--VS-blocpage-4-formcontrol-border-calculee-gauche);
    border-right: var(--VS-blocpage-4-formcontrol-border-calculee-droite);
    color: var(--VS-blocpage-4-formcontrol-color-valeur1);
    box-shadow: none;
}

.fond5.blocpage .form-control,
.fond5.blocpage .form-control:focus {
    background: var(--VS-blocpage-5-formcontrol-bgcolor-calculee);
    /*border: var(--blocpage-formcontrol-border-v5);*/
    border-top: var(--VS-blocpage-5-formcontrol-border-calculee-haut);
    border-bottom: var(--VS-blocpage-5-formcontrol-border-calculee-bas);
    border-left: var(--VS-blocpage-5-formcontrol-border-calculee-gauche);
    border-right: var(--VS-blocpage-5-formcontrol-border-calculee-droite);
    color: var(--VS-blocpage-5-formcontrol-color-valeur1);
    box-shadow: none;
}

.fond3.blocpage .form-control::placeholder,
.fond3.blocpage .form-control::placeholder:focus {
    color: var(--VS-blocpage-3-formcontrol-color-valeur1);
    opacity: 0.6;
}

.fond4.blocpage .form-control::placeholder,
.fond4.blocpage .form-control::placeholder:focus {
    color: var(--VS-blocpage-4-formcontrol-color-valeur1);
    opacity: 0.6;
}

.fond5.blocpage .form-control::placeholder,
.fond5.blocpage .form-control::placeholder:focus {
    color: var(--VS-blocpage-5-formcontrol-color-valeur1);
    opacity: 0.6;
}

.fond2.blocpage .btn-primary {
    background: var(--VS-blocpage-2-btnprimary-bgcolor-calculee);
    color: var(--VS-blocpage-2-btnprimary-color-valeur1);
    /*border: var(--blocpage-bouton-border-v2);*/
    border-top: var(--VS-blocpage-2-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-2-btnprimary-border-calculee-bas);
    border-left: var(--VS-blocpage-2-btnprimary-border-calculee-gauche);
    border-right: var(--VS-blocpage-2-btnprimary-border-calculee-droite);
}
.fond2.blocpage .btn-secondary {
    background: var(--VS-blocpage-2-btnsecondary-bgcolor-calculee);
    color: var(--VS-blocpage-2-btnsecondary-color-valeur1);
    /*border: var(--blocpage-btnsecondary-border-v2);*/
    border-top: var(--VS-blocpage-2-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-2-btnsecondary-border-calculee-bas);
    border-left: var(--VS-blocpage-2-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-blocpage-2-btnsecondary-border-calculee-droite);
}

.fond2 .btn:hover,
.fond2 .btn:focus,
.fond2 .btn:active,
.fond2 .btn:active:focus {
    box-shadow: none!important;
}
.fond2 .btn-primary:hover,
.fond2 .btn-primary:focus,
.fond2 .btn-primary:active,
.fond2 .btn-primary:active:focus {
    background: var(--VS-blocpage-2-btnprimary-color-valeur1) !important;
    color: var(--VS-blocpage-2-btnprimary-bgcolor-calculee) !important;
    /*border: var(--blocpage-bouton-border-v2) !important;*/
    border-top: var(--VS-blocpage-2-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-2-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-2-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-2-btnprimary-border-calculee-droite) !important;
}
.fond2 .btn-secondary:hover,
.fond2 .btn-secondary:focus,
.fond2 .btn-secondary:active,
.fond2 .btn-secondary:active:focus {
    background: var(--VS-blocpage-2-btnsecondary-color-valeur1) !important;
    color: var(--VS-blocpage-2-btnsecondary-bgcolor-calculee) !important;
    /*border: var(--blocpage-btnsecondary-border-v2) !important;*/
    border-top: var(--VS-blocpage-2-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-2-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-2-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-2-btnsecondary-border-calculee-droite) !important;
}

.fond3.blocpage .btn-primary {
    background: var(--VS-blocpage-3-btnprimary-bgcolor-calculee);
    color: var(--VS-blocpage-3-btnprimary-color-valeur1);
    /*border: var(--blocpage-bouton-border-v3);*/
    border-top: var(--VS-blocpage-3-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-3-btnprimary-border-calculee-bas);
    border-left: var(--VS-blocpage-3-btnprimary-border-calculee-gauche);
    border-right: var(--VS-blocpage-3-btnprimary-border-calculee-droite);
}
.fond3.blocpage .btn-secondary {
    background: var(--VS-blocpage-3-btnsecondary-bgcolor-calculee);
    color: var(--VS-blocpage-3-btnsecondary-color-valeur1);
    /*border: var(--blocpage-btnsecondary-border-v3);*/
    border-top: var(--VS-blocpage-3-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-3-btnsecondary-border-calculee-bas);
    border-left: var(--VS-blocpage-3-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-blocpage-3-btnsecondary-border-calculee-droite);
}

.fond4.blocpage .btn-primary {
    background: var(--VS-blocpage-4-btnprimary-bgcolor-calculee);
    color: var(--VS-blocpage-4-btnprimary-color-valeur1);
    /*border: var(--blocpage-bouton-border-v4);*/
    border-top: var(--VS-blocpage-4-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-4-btnprimary-border-calculee-bas);
    border-left: var(--VS-blocpage-4-btnprimary-border-calculee-gauche);
    border-right: var(--VS-blocpage-4-btnprimary-border-calculee-droite);
}
.fond4.blocpage .btn-secondary {
    background: var(--VS-blocpage-4-btnsecondary-bgcolor-calculee);
    color: var(--VS-blocpage-4-btnsecondary-color-valeur1);
    /*border: var(--blocpage-btnsecondary-border-v4);*/
    border-top: var(--VS-blocpage-4-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-4-btnsecondary-border-calculee-bas);
    border-left: var(--VS-blocpage-4-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-blocpage-4-btnsecondary-border-calculee-droite);
}

.fond5.blocpage .btn-primary {
    background: var(--VS-blocpage-5-btnprimary-bgcolor-calculee);
    color: var(--VS-blocpage-5-btnprimary-color-valeur1);
    /*border: var(--blocpage-bouton-border-v5);*/
    border-top: var(--VS-blocpage-5-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-5-btnprimary-border-calculee-bas);
    border-left: var(--VS-blocpage-5-btnprimary-border-calculee-gauche);
    border-right: var(--VS-blocpage-5-btnprimary-border-calculee-droite);
}
.fond5.blocpage .btn-secondary {
    background: var(--VS-blocpage-5-btnsecondary-bgcolor-calculee);
    color: var(--VS-blocpage-5-btnsecondary-color-valeur1);
    /*border: var(--blocpage-btnsecondary-border-v5);*/
    border-top: var(--VS-blocpage-5-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-blocpage-5-btnsecondary-border-calculee-bas);
    border-left: var(--VS-blocpage-5-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-blocpage-5-btnsecondary-border-calculee-droite);
}

.fond3 .btn:hover,
.fond3 .btn:focus,
.fond3 .btn:active,
.fond3 .btn:active:focus {
    box-shadow: none!important;
}
.fond3 .btn-primary:hover,
.fond3 .btn-primary:focus,
.fond3 .btn-primary:active,
.fond3 .btn-primary:active:focus {
    background: var(--VS-blocpage-3-btnprimary-color-valeur1)!important;
    color: var(--VS-blocpage-3-btnprimary-bgcolor-calculee)!important;
    /*border: var(--blocpage-bouton-border-v3) !important;*/
    border-top: var(--VS-blocpage-3-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-3-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-3-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-3-btnprimary-border-calculee-droite) !important;
}
.fond3 .btn-secondary:hover,
.fond3 .btn-secondary:focus,
.fond3 .btn-secondary:active,
.fond3 .btn-secondary:active:focus {
    background: var(--VS-blocpage-3-btnsecondary-color-valeur1)!important;
    color: var(--VS-blocpage-3-btnsecondary-bgcolor-calculee)!important;
    /*border: var(--blocpage-btnsecondary-border-v3) !important;*/
    border-top: var(--VS-blocpage-3-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-3-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-3-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-3-btnsecondary-border-calculee-droite) !important;
}

.fond4 .btn:hover,
.fond4 .btn:focus,
.fond4 .btn:active,
.fond4 .btn:active:focus {
    box-shadow: none!important;
}
.fond4 .btn-primary:hover,
.fond4 .btn-primary:focus,
.fond4 .btn-primary:active,
.fond4 .btn-primary:active:focus {
    background: var(--VS-blocpage-4-btnprimary-color-valeur1)!important;
    color: var(--VS-blocpage-4-btnprimary-bgcolor-calculee)!important;
    /*border: var(--blocpage-bouton-border-v4) !important;*/
    border-top: var(--VS-blocpage-4-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-4-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-4-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-4-btnprimary-border-calculee-droite) !important;
}
.fond4 .btn-secondary:hover,
.fond4 .btn-secondary:focus,
.fond4 .btn-secondary:active,
.fond4 .btn-secondary:active:focus {
    background: var(--VS-blocpage-4-btnsecondary-color-valeur1)!important;
    color: var(--VS-blocpage-4-btnsecondary-bgcolor-calculee)!important;
    /*border: var(--blocpage-btnsecondary-border-v4) !important;*/
    border-top: var(--VS-blocpage-4-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-4-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-4-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-4-btnsecondary-border-calculee-droite) !important;
}

.fond5 .btn:hover,
.fond5 .btn:focus,
.fond5 .btn:active,
.fond5 .btn:active:focus {
    box-shadow: none!important;
}
.fond5 .btn-primary:hover,
.fond5 .btn-primary:focus,
.fond5 .btn-primary:active,
.fond5 .btn-primary:active:focus {
    background: var(--VS-blocpage-5-btnprimary-color-valeur1)!important;
    color: var(--VS-blocpage-5-btnprimary-bgcolor-calculee)!important;
    /*border: var(--blocpage-bouton-border-v5) !important;*/
    border-top: var(--VS-blocpage-5-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-5-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-5-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-5-btnprimary-border-calculee-droite) !important;
}
.fond5 .btn-secondary:hover,
.fond5 .btn-secondary:focus,
.fond5 .btn-secondary:active,
.fond5 .btn-secondary:active:focus {
    background: var(--VS-blocpage-5-btnsecondary-color-valeur1)!important;
    color: var(--VS-blocpage-5-btnsecondary-bgcolor-calculee)!important;
    /*border: var(--blocpage-btnsecondary-border-v5) !important;*/
    border-top: var(--VS-blocpage-5-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-blocpage-5-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-blocpage-5-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-blocpage-5-btnsecondary-border-calculee-droite) !important;
}





/* ---------- TEXT INPUT LIMITE CARACTERES ---------- */
.input-caracteres {
    position: relative;
    display: flex;
}
.input-caracteres input,
.input-caracteres input:focus {
    padding-right: calc(var(--VS-blocpage-0-texte-size-valeur1) * 3 + var(--VS-blocpage-0-formcontrol-padding-valeur1));
}
.input-caracteres span {
    font-size: var(--VS-blocpage-0-texte-size-valeur1);
    width: calc(var(--VS-blocpage-0-texte-size-valeur1) * 3);
    border-left: var(--VS-blocpage-1-formcontrol-border-calculee-gauche);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}





/* ---------- LE BLOC EN COIN ---------- */
.div-bloc-coin {
    position: fixed;
    bottom: 15px;
    right: 15px;
    background-color: #4FBCBF;
    margin-left: 15px;
    border-radius: 0.4em;
    transition: all 0.2s ease-in-out;
    animation: battement 2s infinite cubic-bezier(.66, 0, 0, 1);
    z-index: 50;
}
@keyframes battement {
    from {
        box-shadow: 0 0 0 0 rgba(79, 188, 191, .7);
    }
    to {
        box-shadow: 0 0 0 20px rgba(255, 71, 84, 0);
    }
}

.div-bloc-coin:hover {
    background-color: #399193;
}
.div-bloc-coin:active {
    background-color: #226567;
    box-shadow: 0 0 0 0.2em rgba(34, 101, 103, 0.5);
}
.div-bloc-coin a {
    text-decoration: none !important;
}
.div-bloc-coin .div-contenu {
    font-size: 16px;
    height: 100%;
    padding: 1em 1.2em;
    display: flex;
    align-items: start;
    justify-content: center;
    gap: 0.8em;
    flex-wrap: wrap;
}
.div-bloc-coin .div-contenu svg {
    fill: white;
    width: 1.5em;
    animation: deplacement 1s infinite ease-in-out alternate;
}
@keyframes deplacement {
    from {
        transform: translate(-7px) scale(80%);
    }
    to {
        transform: translate(7px) scale(100%);
    }
}

.div-bloc-coin .div-contenu .zone-de-texte {
    max-width: 350px;
}
.div-bloc-coin .div-contenu .zone-de-texte p {
    font-size: 1em;
    font-family: Jost,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;
    color: white;
    margin: 0;
}
.div-bloc-coin .div-contenu .zone-de-texte p.titre {
    font-weight: 500;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .div-bloc-coin .div-contenu {
        font-size: 20px;
    }
}



/* ---------- LES MAPS ---------- */
.blocmap {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.blocpage.blocmap .map_canvas {
    height: 400px;
}

.blocpage.blocmap .map_canvas .gm-style-mtc{
    display: none;
}



/* ---------- LES AVIS CLIENTS ---------- */
.avis{
    -webkit-border-radius: var(--VI-blocpage-0-avis-client-1-avis-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-avis-client-1-avis-radius-calculee);
    border-radius: var(--VI-blocpage-0-avis-client-1-avis-radius-calculee);
    padding: 30px;
    border: none;
    padding: var(--VI-blocpage-0-avis-client-1-avis-padding-calculee);

    box-shadow: var(--VI-blocpage-1-avis-client-1-avis-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-1-avis-client-1-avis-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-1-avis-client-1-avis-shadow-calculee);
    /*border: var(--avisclient-t10-avis-border-v1);*/
    border-top: var(--VI-blocpage-1-avis-client-1-avis-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-avis-client-1-avis-border-calculee-bas);
    border-left: var(--VI-blocpage-1-avis-client-1-avis-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-avis-client-1-avis-border-calculee-droite);
    background: var(--VI-blocpage-1-avis-client-1-avis-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-1-avis-client-1-avis-blur-valeur1);
}

.fond2 .avis {
    box-shadow: var(--VI-blocpage-2-avis-client-1-avis-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-2-avis-client-1-avis-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-2-avis-client-1-avis-shadow-calculee);
    /*border: var(--avisclient-t10-avis-border-v2);*/
    border-top: var(--VI-blocpage-2-avis-client-1-avis-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-avis-client-1-avis-border-calculee-bas);
    border-left: var(--VI-blocpage-2-avis-client-1-avis-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-avis-client-1-avis-border-calculee-droite);
    background: var(--VI-blocpage-2-avis-client-1-avis-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-2-avis-client-1-avis-blur-valeur1);
}

.fond3 .avis {
    box-shadow: var(--VI-blocpage-3-avis-client-1-avis-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-3-avis-client-1-avis-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-3-avis-client-1-avis-shadow-calculee);
    /*border: var(--avisclient-t10-avis-border-v3);*/
    border-top: var(--VI-blocpage-3-avis-client-1-avis-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-avis-client-1-avis-border-calculee-bas);
    border-left: var(--VI-blocpage-3-avis-client-1-avis-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-avis-client-1-avis-border-calculee-droite);
    background: var(--VI-blocpage-3-avis-client-1-avis-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-3-avis-client-1-avis-blur-valeur1);
}
.fond4 .avis {
    box-shadow: var(--VI-blocpage-4-avis-client-1-avis-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-4-avis-client-1-avis-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-4-avis-client-1-avis-shadow-calculee);
    /*border: var(--avisclient-t10-avis-border-v4);*/
    border-top: var(--VI-blocpage-4-avis-client-1-avis-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-avis-client-1-avis-border-calculee-bas);
    border-left: var(--VI-blocpage-4-avis-client-1-avis-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-avis-client-1-avis-border-calculee-droite);
    background: var(--VI-blocpage-4-avis-client-1-avis-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-4-avis-client-1-avis-blur-valeur1);
}
.fond5 .avis {
    box-shadow: var(--VI-blocpage-5-avis-client-1-avis-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-5-avis-client-1-avis-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-5-avis-client-1-avis-shadow-calculee);
    /*border: var(--avisclient-t10-avis-border-v5);*/
    border-top: var(--VI-blocpage-5-avis-client-1-avis-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-avis-client-1-avis-border-calculee-bas);
    border-left: var(--VI-blocpage-5-avis-client-1-avis-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-avis-client-1-avis-border-calculee-droite);
    background: var(--VI-blocpage-5-avis-client-1-avis-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-5-avis-client-1-avis-blur-valeur1);
}

.avis .texte-avis {
    font-size: var(--VI-blocpage-0-avis-client-1-texte-size-valeur1);
    color: var(--VI-blocpage-1-avis-client-1-texte-color-valeur1);
}


.fond2 .avis .texte-avis {
    color: var(--VI-blocpage-2-avis-client-1-texte-color-valeur1);
}
.fond3 .avis .texte-avis {
    color: var(--VI-blocpage-3-avis-client-1-texte-color-valeur1);
}
.fond4 .avis .texte-avis {
    color: var(--VI-blocpage-4-avis-client-1-texte-color-valeur1);
}
.fond5 .avis .texte-avis {
    color: var(--VI-blocpage-5-avis-client-1-texte-color-valeur1);
}

.avis cite{
    display: block;
    margin-top: 1rem;
    font-weight: 600;
    font-style: normal;
    font-size: var(--VI-blocpage-0-avis-client-1-nomclient-size-valeur1);
    color: var(--VI-blocpage-1-avis-client-1-nomclient-color-valeur1);
}

.fond2 .avis cite {
    color: var(--VI-blocpage-2-avis-client-1-nomclient-color-valeur1);
}
.fond3 .avis cite {
    color: var(--VI-blocpage-3-avis-client-1-nomclient-color-valeur1);
}
.fond4 .avis cite {
    color: var(--VI-blocpage-4-avis-client-1-nomclient-color-valeur1);
}
.fond5 .avis cite {
    color: var(--VI-blocpage-5-avis-client-1-nomclient-color-valeur1);
}



/* ---------- LA PAGE QUI LISTE LES PRODUITS ---------- */
#produits{
    padding-top: 50px;
    padding-bottom: 50px;
}



/* ---------- LES APERCUS PRODUITS ---------- */
.apercu-produit {
    margin-bottom: 25px;
    background: white;
    /*border: 1px solid rgba(0,0,0,.125);*/
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    overflow: hidden;

    /*border: var(--apercuproduit-t11-content-border-v1);*/
    border-top: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-shadow-calculee);
}
.fond2 .apercu-produit {
    /*border: var(--apercuproduit-t11-content-border-v2);*/
    border-top: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-shadow-calculee);
}
.fond3 .apercu-produit {
    /*border: var(--apercuproduit-t11-content-border-v3);*/
    border-top: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-shadow-calculee);
}
.fond4 .apercu-produit {
    /*border: var(--apercuproduit-t11-content-border-v4);*/
    border-top: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-shadow-calculee);
}
.fond5 .apercu-produit {
    /*border: var(--apercuproduit-t11-content-border-v5);*/
    border-top: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-shadow-calculee);
}

.apercu-produit a{
    color: #212529;
}

.apercu-produit .img-produit {
    object-fit: cover;
    object-position: center;
}

.apercu-produit .content {
    text-align: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-1-apercu-produit-fond-avec-1-content-blur-valeur1);
}
.fond2 .apercu-produit .content {
    background: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-2-apercu-produit-fond-avec-1-content-blur-valeur1);
}
.fond3 .apercu-produit .content {
    background: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-3-apercu-produit-fond-avec-1-content-blur-valeur1);
}
.fond4 .apercu-produit .content {
    background: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-4-apercu-produit-fond-avec-1-content-blur-valeur1);
}
.fond5 .apercu-produit .content {
    background: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(--VI-blocpage-5-apercu-produit-fond-avec-1-content-blur-valeur1);
}


.apercu-produit h3{
    font-size: var(--VI-blocpage-0-apercu-produit-fond-avec-1-titre-size-valeur1);
    color: var(--VI-blocpage-1-apercu-produit-fond-avec-1-titre-color-valeur1);
}
.fond2 .apercu-produit h3 {
    color: var(--VI-blocpage-2-apercu-produit-fond-avec-1-titre-color-valeur1);
}
.fond3 .apercu-produit h3 {
    color: var(--VI-blocpage-3-apercu-produit-fond-avec-1-titre-color-valeur1);
}
.fond4 .apercu-produit h3 {
    color: var(--VI-blocpage-4-apercu-produit-fond-avec-1-titre-color-valeur1);
}
.fond5 .apercu-produit h3 {
    color: var(--VI-blocpage-5-apercu-produit-fond-avec-1-titre-color-valeur1);
}


.apercu-produit .more {
    font-size: var(--VI-blocpage-0-apercu-produit-fond-avec-1-more-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-produit-fond-avec-1-more-fontweight-calculee);

    color: var(--VI-blocpage-1-apercu-produit-fond-avec-1-more-color-valeur1);
}
.fond2 .apercu-produit .more {
    color: var(--VI-blocpage-2-apercu-produit-fond-avec-1-more-color-valeur1);
}
.fond3 .apercu-produit .more {
    color: var(--VI-blocpage-3-apercu-produit-fond-avec-1-more-color-valeur1);
}
.fond4 .apercu-produit .more {
    color: var(--VI-blocpage-4-apercu-produit-fond-avec-1-more-color-valeur1);
}
.fond5 .apercu-produit .more {
    color: var(--VI-blocpage-5-apercu-produit-fond-avec-1-more-color-valeur1);
}


.apercu-produit .prixbarre {
    font-size: var(--VI-blocpage-0-apercu-produit-fond-avec-1-prixbarre-size-valeur1);

    color: var(--VI-blocpage-1-apercu-produit-fond-avec-1-prixbarre-color-valeur1);
}
.fond2 .apercu-produit .prixbarre {
    color: var(--VI-blocpage-2-apercu-produit-fond-avec-1-prixbarre-color-valeur1);
}
.fond3 .apercu-produit .prixbarre {
    color: var(--VI-blocpage-3-apercu-produit-fond-avec-1-prixbarre-color-valeur1);
}
.fond4 .apercu-produit .prixbarre {
    color: var(--VI-blocpage-4-apercu-produit-fond-avec-1-prixbarre-color-valeur1);
}
.fond5 .apercu-produit .prixbarre {
    color: var(--VI-blocpage-5-apercu-produit-fond-avec-1-prixbarre-color-valeur1);
}


.apercu-produit .prix {
    font-weight: bold;
    font-size: var(--VI-blocpage-0-apercu-produit-fond-avec-1-prix-size-valeur1);

    color: var(--VI-blocpage-1-apercu-produit-fond-avec-1-prix-color-valeur1);
}
.fond2 .apercu-produit .prix {
    color: var(--VI-blocpage-2-apercu-produit-fond-avec-1-prix-color-valeur1);
}
.fond3 .apercu-produit .prix {
    color: var(--VI-blocpage-3-apercu-produit-fond-avec-1-prix-color-valeur1);
}
.fond4 .apercu-produit .prix {
    color: var(--VI-blocpage-4-apercu-produit-fond-avec-1-prix-color-valeur1);
}
.fond5 .apercu-produit .prix {
    color: var(--VI-blocpage-5-apercu-produit-fond-avec-1-prix-color-valeur1);
}



.apercu-produit .btn {
    padding: var(--VI-blocpage-0-apercu-produit-fond-avec-1-btn-padding-calculee);
    font-size: var(--VI-blocpage-0-apercu-produit-fond-avec-1-btn-size-valeur1);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-btn-radius-calculee);

    background: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-color-valeur1);
    /*border: var(--apercuproduit-t11-btn-border-v1) !important;*/
    border-top: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-border-calculee-droite) !important;
}
.apercu-produit .btn:hover {
    background: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-color-valeur1)!important;
    color: var(--VI-blocpage-1-apercu-produit-fond-avec-1-btn-bgcolor-calculee)!important;
}

.fond2 .apercu-produit .btn {
    background: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-color-valeur1);
    /*border: var(--apercuproduit-t11-btn-border-v2) !important;*/
    border-top: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond2 .apercu-produit .btn:hover {
    background: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-color-valeur1)!important;
    color: var(--VI-blocpage-2-apercu-produit-fond-avec-1-btn-bgcolor-calculee)!important;
}

.fond3 .apercu-produit .btn {
    background: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-color-valeur1);
    /*border: var(--apercuproduit-t11-btn-border-v3) !important;*/
    border-top: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond3 .apercu-produit .btn:hover {
    background: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-color-valeur1)!important;
    color: var(--VI-blocpage-3-apercu-produit-fond-avec-1-btn-bgcolor-calculee)!important;
}

.fond4 .apercu-produit .btn {
    background: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-color-valeur1);
    /*border: var(--apercuproduit-t11-btn-border-v4) !important;*/
    border-top: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond4 .apercu-produit .btn:hover {
    background: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-color-valeur1)!important;
    color: var(--VI-blocpage-4-apercu-produit-fond-avec-1-btn-bgcolor-calculee)!important;
}

.fond5 .apercu-produit .btn {
    background: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-color-valeur1);
    /*border: var(--apercuproduit-t11-btn-border-v5) !important;*/
    border-top: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond5 .apercu-produit .btn:hover {
    background: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-color-valeur1)!important;
    color: var(--VI-blocpage-5-apercu-produit-fond-avec-1-btn-bgcolor-calculee)!important;
}




.apercu-produit.t-188 img{
    margin-bottom: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-padding-valeur1);
    border-radius: calc(var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee) - (var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-padding-largeur) + var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-padding-valeur1)) / 2);
}




.apercu-produit.t-187 {
    background: none;
    overflow: initial;

    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}
.apercu-produit.t-187 img{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    margin-bottom: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-padding-valeur1);
}

.apercu-produit.t-187 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-shadow-calculee);
}

.fond2 .apercu-produit.t-187 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-shadow-calculee);
}

.fond3 .apercu-produit.t-187 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-shadow-calculee);
}

.fond4 .apercu-produit.t-187 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-shadow-calculee);
}

.fond5 .apercu-produit.t-187 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-shadow-calculee);
}




.apercu-produit.t-197 {
    background: none;
    overflow: initial;

    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}
.apercu-produit.t-197 img{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    width: calc(100% - 50px);
    margin-left: 25px;
    margin-bottom: -25px;
    z-index: 2;
}

.apercu-produit.t-197 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}

.fond2 .apercu-produit.t-197 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}

.fond3 .apercu-produit.t-197 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}

.fond4 .apercu-produit.t-197 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}

.fond5 .apercu-produit.t-197 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}




.apercu-produit.t-201 {
    background: none;
    overflow: initial;

    border-top: none;
    border-bottom: none;
    border-left: none;
    border-right: none;
    box-shadow: none;
}
.apercu-produit.t-201 img{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    margin-bottom: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1);
}

.apercu-produit.t-201 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-produit-fond-avec-1-content-shadow-calculee);



    margin-top: -50px;
    margin-left: 25px;
    margin-right: 25px;
    z-index: 2;
    position: relative;
}

.fond2 .apercu-produit.t-201 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}

.fond3 .apercu-produit.t-201 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}

.fond4 .apercu-produit.t-201 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}

.fond5 .apercu-produit.t-201 .content{
    -webkit-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-produit-fond-avec-1-content-radius-calculee);

    border-top: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-produit-fond-avec-1-content-shadow-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
}





/* ---------- LES PAGES PRODUIT ---------- */
#imageProduit{
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.prix-produit{
    font-size: 1.25rem;
}



/* ---------- LES APERCUS DES COLLECTIONS ---------- */
.collection-produit.t-9 {
    overflow: hidden;
    background: white;
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    /*border: var(--categorieproduits-t9-bloc-border-v1);*/
    border-top: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond2 .collection-produit.t-9 {
    /*border: var(--categorieproduits-t9-bloc-border-v2);*/
    border-top: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond3 .collection-produit.t-9 {
    /*border: var(--categorieproduits-t9-bloc-border-v3);*/
    border-top: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond4 .collection-produit.t-9 {
    /*border: var(--categorieproduits-t9-bloc-border-v4);*/
    border-top: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond5 .collection-produit.t-9 {
    /*border: var(--categorieproduits-t9-bloc-border-v5);*/
    border-top: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.collection-produit.t-9 .content {
    text-align: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond2 .collection-produit.t-9 .content {
    background: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond3 .collection-produit.t-9 .content {
    background: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond4 .collection-produit.t-9 .content {
    background: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond5 .collection-produit.t-9 .content {
    background: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.collection-produit.t-9 h3 {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-titre-size-valeur1);
}

.collection-produit.t-9 h3 {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond2 .collection-produit.t-9 h3 {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond3 .collection-produit.t-9 h3 {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond4 .collection-produit.t-9 h3 {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond5 .collection-produit.t-9 h3 {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.collection-produit.t-9 p {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.collection-produit.t-9 p {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond2 .collection-produit.t-9 p {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond3 .collection-produit.t-9 p {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond4 .collection-produit.t-9 p {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond5 .collection-produit.t-9 p {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}


.collection-produit.t-204 img {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    margin-bottom: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1);
}

.collection-produit.t-204 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    text-align: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);


    border-top: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond2 .collection-produit.t-204 .content {
    background: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond3 .collection-produit.t-204 .content {
    background: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond4 .collection-produit.t-204 .content {
    background: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond5 .collection-produit.t-204 .content {
    background: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.collection-produit.t-204 h3 {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-titre-size-valeur1);
}

.collection-produit.t-204 h3 {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond2 .collection-produit.t-204 h3 {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond3 .collection-produit.t-204 h3 {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond4 .collection-produit.t-204 h3 {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond5 .collection-produit.t-204 h3 {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.collection-produit.t-204 p {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.collection-produit.t-204 p {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond2 .collection-produit.t-204 p {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond3 .collection-produit.t-204 p {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond4 .collection-produit.t-204 p {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond5 .collection-produit.t-204 p {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}



.collection-produit.t-205 {
    overflow: hidden;
    background: white;
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    /*border: var(--categorieproduits-t9-bloc-border-v1);*/
    border-top: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond2 .collection-produit.t-205 {
    /*border: var(--categorieproduits-t9-bloc-border-v2);*/
    border-top: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);

    background: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond3 .collection-produit.t-205 {
    /*border: var(--categorieproduits-t9-bloc-border-v3);*/
    border-top: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);

    background: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond4 .collection-produit.t-205 {
    /*border: var(--categorieproduits-t9-bloc-border-v4);*/
    border-top: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);

    background: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.fond5 .collection-produit.t-205 {
    /*border: var(--categorieproduits-t9-bloc-border-v5);*/
    border-top: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);

    background: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-content-blur-valeur1));
}

.collection-produit.t-205 img {
    margin-bottom: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1);
    border-radius: calc(var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee) - (var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-largeur) + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1)) / 2);;
}

.collection-produit.t-205 h3 {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-titre-size-valeur1);
}

.collection-produit.t-205 h3 {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond2 .collection-produit.t-205 h3 {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond3 .collection-produit.t-205 h3 {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond4 .collection-produit.t-205 h3 {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond5 .collection-produit.t-205 h3 {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.collection-produit.t-205 p {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.collection-produit.t-205 p {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond2 .collection-produit.t-205 p {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond3 .collection-produit.t-205 p {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond4 .collection-produit.t-205 p {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond5 .collection-produit.t-205 p {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}



.collection-produit.t-211 img {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    margin-bottom: -25px;
    z-index: 2;
}

.collection-produit.t-211 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    text-align: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
    margin-left: 25px;
    margin-right: 25px;

    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);
}

.collection-produit.t-211 h3 {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-titre-size-valeur1);
}

.collection-produit.t-211 h3 {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond2 .collection-produit.t-211 h3 {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond3 .collection-produit.t-211 h3 {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond4 .collection-produit.t-211 h3 {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond5 .collection-produit.t-211 h3 {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.collection-produit.t-211 p {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.collection-produit.t-211 p {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond2 .collection-produit.t-211 p {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond3 .collection-produit.t-211 p {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond4 .collection-produit.t-211 p {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond5 .collection-produit.t-211 p {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}



.collection-produit.t-212 img {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    width: calc(100% - 50px);
    margin-left: 25px;
    /*margin-right: 25px;*/
    margin-bottom: -25px;
    z-index: 2;
}

.collection-produit.t-212 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    text-align: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));

    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);


    border-top: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond2 .collection-produit.t-212 .content {
    background: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond3 .collection-produit.t-212 .content {
    background: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond4 .collection-produit.t-212 .content {
    background: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond5 .collection-produit.t-212 .content {
    background: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.collection-produit.t-212 h3 {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-titre-size-valeur1);
}

.collection-produit.t-212 h3 {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond2 .collection-produit.t-212 h3 {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond3 .collection-produit.t-212 h3 {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond4 .collection-produit.t-212 h3 {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.fond5 .collection-produit.t-212 h3 {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.collection-produit.t-212 p {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.collection-produit.t-212 p {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond2 .collection-produit.t-212 p {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond3 .collection-produit.t-212 p {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond4 .collection-produit.t-212 p {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}

.fond5 .collection-produit.t-212 p {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}



.collection-produit.t-216 img {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    margin-bottom: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1);
}

.collection-produit.t-216 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-bloc-radius-calculee);

    text-align: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);

    margin-top: -50px;
    margin-left: 25px;
    margin-right: 25px;
    z-index: 2;
    position: relative;
}

.fond2 .collection-produit.t-216 .content {
    background: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond3 .collection-produit.t-216 .content {
    background: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond4 .collection-produit.t-216 .content {
    background: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.fond5 .collection-produit.t-216 .content {
    background: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-bloc-shadow-calculee);
}

.collection-produit.t-216 h3 {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-titre-size-valeur1);
}

.collection-produit.t-216 h3 {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}
.fond2 .collection-produit.t-216 h3 {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}
.fond3 .collection-produit.t-216 h3 {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}
.fond4 .collection-produit.t-216 h3 {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}
.fond5 .collection-produit.t-216 h3 {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-titre-color-valeur1);
}

.collection-produit.t-216 p {
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.collection-produit.t-216 p {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}
.fond2 .collection-produit.t-216 p {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}
.fond3 .collection-produit.t-216 p {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}
.fond4 .collection-produit.t-216 p {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}
.fond5 .collection-produit.t-216 p {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-avec-1-texte-color-valeur1);
}





.collection-produit.t-24 {
    background: white;
    -webkit-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-bloc-radius-calculee);
    overflow: hidden;
    background-position: center center;
    background-size: cover;

    box-shadow: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);

    aspect-ratio: 4 / 3;
    position: relative;
}
.fond2 .collection-produit.t-24 {
    box-shadow: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}
.fond3 .collection-produit.t-24 {
    box-shadow: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}
.fond4 .collection-produit.t-24 {
    box-shadow: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}
.fond5 .collection-produit.t-24 {
    box-shadow: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}

.collection-produit.t-24 .filtre{
    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
    height: 100%;

    width: 100%;
    display: flex;
    align-items: flex-end;
}

.fond2 .collection-produit.t-24 .filtre{
    background: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
    height: 100%;
}
.fond3 .collection-produit.t-24 .filtre{
    background: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
    height: 100%;
}
.fond4 .collection-produit.t-24 .filtre{
    background: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
    height: 100%;
}
.fond5 .collection-produit.t-24 .filtre{
    background: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
    height: 100%;
}

.collection-produit.t-24 .content{
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-content-padding-calculee);
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}

.fond2 .collection-produit.t-24 .filtre{
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond3 .collection-produit.t-24 .filtre{
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond4 .collection-produit.t-24 .filtre{
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond5 .collection-produit.t-24 .filtre{
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}

.collection-produit.t-24 .content h3{
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-content-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-content-fontweight-calculee);
}
.fond2 .collection-produit.t-24 .content h3{
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond3 .collection-produit.t-24 .content h3{
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond4 .collection-produit.t-24 .content h3{
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond5 .collection-produit.t-24 .content h3{
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}


.collection-produit.t-206 {
    background: white;
    border-radius: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-bloc-radius-calculee);
    overflow: hidden;
    background-position: center center;
    background-size: cover;
    box-shadow: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);

    /* Ratio 4/3 pour assurer une dimension fixe */
    aspect-ratio: 4 / 3;
    position: relative; /* NÃ©cessaire pour positionner le filtre */
}

.fond2 .collection-produit.t-206 {
    box-shadow: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}
.fond3 .collection-produit.t-206 {
    box-shadow: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}
.fond4 .collection-produit.t-206 {
    box-shadow: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}
.fond5 .collection-produit.t-206 {
    box-shadow: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-bloc-shadow-calculee);
}

/* Bandeau en bas avec hauteur contrÃ´lÃ©e */
.collection-produit.t-206 .filtre {
    background: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);

    /* Positionnement en bas */
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    display: flex;
    align-items: center; /* Centrer verticalement le contenu */
    justify-content: center;
}

/* Fonds diffÃ©rents pour le filtre */
.fond2 .collection-produit.t-206 .filtre {
    background: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
}
.fond3 .collection-produit.t-206 .filtre {
    background: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
}
.fond4 .collection-produit.t-206 .filtre {
    background: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
}
.fond5 .collection-produit.t-206 .filtre {
    background: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-filtre-bgcolor-calculee);
}

/* Contenu interne du bandeau */
.collection-produit.t-206 .content {
    padding: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-content-padding-calculee);
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
    text-align: center;
}

/* Gestion automatique de la hauteur avec .autoheight */
.collection-produit.t-206.autoheight {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

/* Couleurs diffÃ©rentes selon le fond */
.fond2 .collection-produit.t-206 .content {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond3 .collection-produit.t-206 .content {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond4 .collection-produit.t-206 .content {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond5 .collection-produit.t-206 .content {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}

/* Style du titre */
.collection-produit.t-206 .content h3 {
    color: var(--VI-blocpage-1-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
    font-size: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-content-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-categorie-produits-fond-filtre-1-content-fontweight-calculee);
    margin: 0;
}

.fond2 .collection-produit.t-206 .content h3 {
    color: var(--VI-blocpage-2-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond3 .collection-produit.t-206 .content h3 {
    color: var(--VI-blocpage-3-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond4 .collection-produit.t-206 .content h3 {
    color: var(--VI-blocpage-4-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}
.fond5 .collection-produit.t-206 .content h3 {
    color: var(--VI-blocpage-5-apercu-categorie-produits-fond-filtre-1-content-color-valeur1);
}



/* ---------- LE BLOG ---------- */
.white-frame{
    background-color: white;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 25px;
}

.white-frame ul{
    padding-left: 0;
}

.white-frame ul li{
    list-style-type: none;
}



/* ---------- LES APERCUS ARTICLE ---------- */
.apercu-article .image-wrapper {
    width: 100%; /* Le conteneur s'adapte Ã&nbsp; son parent */
    aspect-ratio: 4 / 3; /* Maintient le ratio 4:3 */
    display: block; /* Corrige le comportement inline par dÃ©faut */
    overflow: hidden; /* Cache les parties de l'image qui dÃ©passent */
    position: relative; /* NÃ©cessaire pour contenir l'image absolue */
    /*background: #f0f0f0;*/ /* Optionnel : couleur de fond si l'image ne charge pas */
}

.apercu-article .image-wrapper img {
    position: absolute; /* Positionne l'image dans le conteneur */
    top: 50%;
    left: 50%;
    width: 100%; /* L'image s'Ã©tire pour remplir la largeur */
    height: 100%; /* L'image s'Ã©tire pour remplir la hauteur */
    transform: translate(-50%, -50%); /* Centre l'image dans le conteneur */
    object-fit: cover; /* Ajuste l'image pour couvrir tout le conteneur */
}



.apercu-article.t-173 {
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    overflow: hidden;

    /*border: var(--apercuarticle-t12-content-border-v1);*/
    border-top: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond2 .apercu-article.t-173 {
    /*border: var(--apercuarticle-t12-content-border-v2);*/
    border-top: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond3 .apercu-article.t-173 {
    /*border: var(--apercuarticle-t12-content-border-v3);*/
    border-top: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond4 .apercu-article.t-173 {
    /*border: var(--apercuarticle-t12-content-border-v3);*/
    border-top: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond5 .apercu-article.t-173 {
    /*border: var(--apercuarticle-t12-content-border-v3);*/
    border-top: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-blur-valeur1);
}



.apercu-article.t-173 .content {
    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);
    background: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond2 .apercu-article.t-173 .content {
    background: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond3 .apercu-article.t-173 .content {
    background: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond4 .apercu-article.t-173 .content {
    background: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond5 .apercu-article.t-173 .content {
    background: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-bgcolor-calculee);
}


.apercu-article.t-173 .blogCategorie a {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-fontweight-calculee);
    margin-top: 10px;
    margin-bottom: 10px;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond2 .apercu-article.t-173 .blogCategorie a {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond3 .apercu-article.t-173 .blogCategorie a {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond4 .apercu-article.t-173 .blogCategorie a {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond5 .apercu-article.t-173 .blogCategorie a {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-categorie-color-valeur1);
}


.apercu-article.t-173 h3 {
    font-weight: bold;
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-titre-size-valeur1);

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond2 .apercu-article.t-173 h3 {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond3 .apercu-article.t-173 h3 {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond4 .apercu-article.t-173 h3 {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond5 .apercu-article.t-173 h3 {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-titre-color-valeur1);
}


.apercu-article.t-173 p {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-texte-size-valeur1);

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond2 .apercu-article.t-173 p {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond3 .apercu-article.t-173 p {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond4 .apercu-article.t-173 p {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond5 .apercu-article.t-173 p {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-texte-color-valeur1);
}


.apercu-article.t-173 .more {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-more-size-valeur1);
    font-weight: bold;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond2 .apercu-article.t-173 .more {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond3 .apercu-article.t-173 .more {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond4 .apercu-article.t-173 .more {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond5 .apercu-article.t-173 .more {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-more-color-valeur1);
}




.apercu-article.t-172 {
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    overflow: hidden;

    /*border: var(--apercuarticle-t12-content-border-v1);*/
    border-top: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond2 .apercu-article.t-172 {
    /*border: var(--apercuarticle-t12-content-border-v2);*/
    border-top: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond3 .apercu-article.t-172 {
    /*border: var(--apercuarticle-t12-content-border-v3);*/
    border-top: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond4 .apercu-article.t-172 {
    /*border: var(--apercuarticle-t12-content-border-v3);*/
    border-top: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-blur-valeur1);
}
.fond5 .apercu-article.t-172 {
    /*border: var(--apercuarticle-t12-content-border-v5);*/
    border-top: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    backdrop-filter: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-blur-valeur1);
}


.apercu-article.t-172 .content {
    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);
    background: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond2 .apercu-article.t-172 .content {
    background: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond3 .apercu-article.t-172 .content {
    background: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond4 .apercu-article.t-172 .content {
    background: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-bgcolor-calculee);
}
.fond5 .apercu-article.t-172 .content {
    background: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.apercu-article.t-172 .image-wrapper {
    margin-bottom: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-valeur1);
    border-radius: calc(var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee) - (var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-largeur) + var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-valeur1)) / 2);
}


.apercu-article.t-172 .blogCategorie a {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-fontweight-calculee);
    margin-top: 10px;
    margin-bottom: 10px;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond2 .apercu-article.t-172 .blogCategorie a {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond3 .apercu-article.t-172 .blogCategorie a {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond4 .apercu-article.t-172 .blogCategorie a {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond5 .apercu-article.t-172 .blogCategorie a {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-categorie-color-valeur1);
}


.apercu-article.t-172 h3 {
    font-weight: bold;
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-titre-size-valeur1);

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond2 .apercu-article.t-172 h3 {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond3 .apercu-article.t-172 h3 {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond4 .apercu-article.t-172 h3 {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond5 .apercu-article.t-172 h3 {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-titre-color-valeur1);
}


.apercu-article.t-172 p {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-texte-size-valeur1);

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond2 .apercu-article.t-172 p {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond3 .apercu-article.t-172 p {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond4 .apercu-article.t-172 p {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond5 .apercu-article.t-172 p {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-texte-color-valeur1);
}


.apercu-article.t-172 .more {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-more-size-valeur1);
    font-weight: bold;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond2 .apercu-article.t-172 .more {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond3 .apercu-article.t-172 .more {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond4 .apercu-article.t-172 .more {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond5 .apercu-article.t-172 .more {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-more-color-valeur1);
}




.apercu-article.t-171 .image-wrapper {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);

    margin-bottom: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-valeur1);
}

.apercu-article.t-171 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.fond2 .apercu-article.t-171 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.fond3 .apercu-article.t-171 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.fond4 .apercu-article.t-171 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.fond5 .apercu-article.t-171 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-droite);
    box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    background: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-bgcolor-calculee);
}


.apercu-article.t-171 .blogCategorie a {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-fontweight-calculee);
    margin-top: 10px;
    margin-bottom: 10px;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond2 .apercu-article.t-171 .blogCategorie a {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond3 .apercu-article.t-171 .blogCategorie a {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond4 .apercu-article.t-171 .blogCategorie a {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond5 .apercu-article.t-171 .blogCategorie a {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-categorie-color-valeur1);
}

.apercu-article.t-171 h3 {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-titre-size-valeur1);
}

.apercu-article.t-171 h3 {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-titre-color-valeur1);
}

.fond2 .apercu-article.t-171 h3 {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-titre-color-valeur1);
}

.fond3 .apercu-article.t-171 h3 {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-titre-color-valeur1);
}

.fond4 .apercu-article.t-171 h3 {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-titre-color-valeur1);
}

.fond5 .apercu-article.t-171 h3 {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-titre-color-valeur1);
}

.apercu-article.t-171 p {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-171 p {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-texte-color-valeur1);
}

.fond2 .apercu-article.t-171 p {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-texte-color-valeur1);
}

.fond3 .apercu-article.t-171 p {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-texte-color-valeur1);
}

.fond4 .apercu-article.t-171 p {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-texte-color-valeur1);
}

.fond5 .apercu-article.t-171 p {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-texte-color-valeur1);
}

.apercu-article.t-171 .more {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-more-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-171 .more {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-more-color-valeur1);
}

.fond2 .apercu-article.t-171 .more {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-more-color-valeur1);
}

.fond3 .apercu-article.t-171 .more {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-more-color-valeur1);
}

.fond4 .apercu-article.t-171 .more {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-more-color-valeur1);
}

.fond5 .apercu-article.t-171 .more {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-more-color-valeur1);
}



.apercu-article.t-181 .image-wrapper {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);

    width: calc(100% - 50px);
    margin-left: 25px;
    /*margin-right: 25px;*/
    margin-bottom: -25px;
    z-index: 2;
}

.apercu-article.t-181 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-valeur1));

    background: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.fond2 .apercu-article.t-181 .content {
    background: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
}

.fond3 .apercu-article.t-181 .content {
    background: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
}

.fond4 .apercu-article.t-181 .content {
    background: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
}

.fond5 .apercu-article.t-181 .content {
    background: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
}

.apercu-article.t-181 .blogCategorie a {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-fontweight-calculee);
    margin-top: 10px;
    margin-bottom: 10px;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond2 .apercu-article.t-181 .blogCategorie a {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond3 .apercu-article.t-181 .blogCategorie a {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond4 .apercu-article.t-181 .blogCategorie a {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond5 .apercu-article.t-181 .blogCategorie a {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-categorie-color-valeur1);
}

.apercu-article.t-181 h3 {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-titre-size-valeur1);
}

.apercu-article.t-181 h3 {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond2 .apercu-article.t-181 h3 {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond3 .apercu-article.t-181 h3 {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond4 .apercu-article.t-181 h3 {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond5 .apercu-article.t-181 h3 {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-titre-color-valeur1);
}

.apercu-article.t-181 p {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-181 p {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond2 .apercu-article.t-181 p {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond3 .apercu-article.t-181 p {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond4 .apercu-article.t-181 p {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond5 .apercu-article.t-181 p {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-texte-color-valeur1);
}

.apercu-article.t-181 .more {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-more-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-181 .more {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond2 .apercu-article.t-181 .more {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond3 .apercu-article.t-181 .more {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond4 .apercu-article.t-181 .more {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond5 .apercu-article.t-181 .more {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-more-color-valeur1);
}





.apercu-article.t-180 .image-wrapper {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);

    margin-bottom: -25px;
    z-index: 2;
}

.apercu-article.t-180 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    padding-top: calc(25px + var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1));
    margin-left: 25px;
    margin-right: 25px;

    background: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.fond2 .apercu-article.t-180 .content {
    background: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
}
.fond3 .apercu-article.t-180 .content {
    background: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
}
.fond4 .apercu-article.t-180 .content {
    background: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
}
.fond5 .apercu-article.t-180 .content {
    background: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
}

.apercu-article.t-180 .blogCategorie a {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-fontweight-calculee);
    margin-top: 10px;
    margin-bottom: 10px;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond2 .apercu-article.t-180 .blogCategorie a {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond3 .apercu-article.t-180 .blogCategorie a {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond4 .apercu-article.t-180 .blogCategorie a {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond5 .apercu-article.t-180 .blogCategorie a {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-categorie-color-valeur1);
}

.apercu-article.t-180 h3 {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-titre-size-valeur1);
}

.apercu-article.t-180 h3 {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond2 .apercu-article.t-180 h3 {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond3 .apercu-article.t-180 h3 {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond4 .apercu-article.t-180 h3 {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond5 .apercu-article.t-180 h3 {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-titre-color-valeur1);
}

.apercu-article.t-180 p {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-180 p {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond2 .apercu-article.t-180 p {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond3 .apercu-article.t-180 p {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond4 .apercu-article.t-180 p {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond5 .apercu-article.t-180 p {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-texte-color-valeur1);
}

.apercu-article.t-180 .more {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-more-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-180 .more {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond2 .apercu-article.t-180 .more {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond3 .apercu-article.t-180 .more {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond4 .apercu-article.t-180 .more {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond5 .apercu-article.t-180 .more {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-more-color-valeur1);
}





.apercu-article.t-185 img {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);

    margin-bottom: var(--VI-blocpage-0-apercu-categorie-produits-fond-avec-1-content-padding-valeur1);
}

.apercu-article.t-185 .content {
    -webkit-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);
    border-radius: var(--VI-blocpage-0-apercu-article-fond-avec-1-bloc-radius-calculee);


    border-top: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-1-apercu-article-fond-avec-1-bloc-shadow-calculee);

    text-align: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-align-valeur1);
    padding: var(--VI-blocpage-0-apercu-article-fond-avec-1-content-padding-calculee);

    margin-top: -50px;
    margin-left: 25px;
    margin-right: 25px;
    z-index: 2;
    position: relative;

    background: var(--VI-blocpage-1-apercu-article-fond-avec-1-content-bgcolor-calculee);
}

.fond2 .apercu-article.t-185 .content {
    background: var(--VI-blocpage-2-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-2-apercu-article-fond-avec-1-bloc-shadow-calculee);
}
.fond3 .apercu-article.t-185 .content {
    background: var(--VI-blocpage-3-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-3-apercu-article-fond-avec-1-bloc-shadow-calculee);
}
.fond4 .apercu-article.t-185 .content {
    background: var(--VI-blocpage-4-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-4-apercu-article-fond-avec-1-bloc-shadow-calculee);
}
.fond5 .apercu-article.t-185 .content {
    background: var(--VI-blocpage-5-apercu-article-fond-avec-1-content-bgcolor-calculee);

    border-top: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-bas);
    border-left: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-border-calculee-droite);

    box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -moz-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
    -webkit-box-shadow: var(--VI-blocpage-5-apercu-article-fond-avec-1-bloc-shadow-calculee);
}

.apercu-article.t-185 .blogCategorie a {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-size-valeur1);
    font-weight: var(--VI-blocpage-0-apercu-article-fond-avec-1-categorie-fontweight-calculee);
    margin-top: 10px;
    margin-bottom: 10px;

    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond2 .apercu-article.t-185 .blogCategorie a {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond3 .apercu-article.t-185 .blogCategorie a {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond4 .apercu-article.t-185 .blogCategorie a {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-categorie-color-valeur1);
}
.fond5 .apercu-article.t-185 .blogCategorie a {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-categorie-color-valeur1);
}

.apercu-article.t-185 h3 {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-titre-size-valeur1);
}

.apercu-article.t-185 h3 {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-titre-color-valeur1);
}

.fond2 .apercu-article.t-185 h3 {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond3 .apercu-article.t-185 h3 {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond4 .apercu-article.t-185 h3 {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-titre-color-valeur1);
}
.fond5 .apercu-article.t-185 h3 {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-titre-color-valeur1);
}

.apercu-article.t-185 p {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-texte-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-185 p {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond2 .apercu-article.t-185 p {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond3 .apercu-article.t-185 p {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond4 .apercu-article.t-185 p {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-texte-color-valeur1);
}
.fond5 .apercu-article.t-185 p {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-texte-color-valeur1);
}

.apercu-article.t-185 .more {
    font-size: var(--VI-blocpage-0-apercu-article-fond-avec-1-more-size-valeur1);
    margin-bottom: 0;
}

.apercu-article.t-185 .more {
    color: var(--VI-blocpage-1-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond2 .apercu-article.t-185 .more {
    color: var(--VI-blocpage-2-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond3 .apercu-article.t-185 .more {
    color: var(--VI-blocpage-3-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond4 .apercu-article.t-185 .more {
    color: var(--VI-blocpage-4-apercu-article-fond-avec-1-more-color-valeur1);
}
.fond5 .apercu-article.t-185 .more {
    color: var(--VI-blocpage-5-apercu-article-fond-avec-1-more-color-valeur1);
}



/* ---------- LES PAGES ARTICLE ---------- */
#article.cadre-article{
    background: #ffffff;
    color: #797979;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 25px;
    margin-bottom: 25px;
}

#article h3{
    font-size: var(--VI-blocpage-0-item-fond-avec-1-titre-size-valeur1);
}

#article h4, #article h5, #article h6{
    font-size: var(--VS-blocpage-0-texte-size-valeur1);
    font-weight: bold;
}
#article iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
}

@media (min-width: 768px) {
    #article .blocarticle.blocimagetexte img{
        float: left;
        width: 50%;
        margin-right: 15px;
        margin-bottom: 10px;
    }
}






/* ---------- LE PIED DE PAGE ---------- */
footer{
    background: var(--VS-footer-general-bgcolor-calculee);
    color: white;
    padding-top: 50px;
    padding-bottom: 50px;
}

footer.fixed{
    z-index: -10;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
}

footer h4 {
    color: var(--VS-footer-titre-color-valeur1);
    font-size: var(--VS-footer-titre-size-valeur1);
}

footer p {
    color: var(--VS-footer-texte-color-valeur1);
    font-size: var(--VS-footer-texte-size-valeur1);
}

footer a, footer a:hover {
    color: var(--VS-footer-lien-color-valeur1);
}

footer ul{
    padding-left: 0;
}

footer ul li{
    list-style-type: none;
    font-size: var(--VS-footer-texte-size-valeur1);
}

footer .fas, footer .far, footer .fab {
    font-size: 1.5rem;
    margin-top: 10px;
    margin-right: 20px;
}

footer .container img {
    width: initial;
}



/* ---------- LES DERNIERS DETAILS ---------- */
.drapeau-france {
    width: initial !important;
}


.container-enabled {
    background: rgba(255,255,255,0.2);
    padding: 25px;
    border-radius: 10px;
    backdrop-filter: blur(7px);
}



/*.container-debordement-droit,
.container-debordement-gauche {
    width: 100%;
    overflow-x: hidden;
}
.container-debordement-droit {
    margin-left: auto;
    padding-left: 15px;
}
.container-debordement-droit &gt; .cadre {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.container-debordement-gauche {
    margin-right: auto;
    padding-right: 15px;
}
.container-debordement-gauche &gt; .cadre {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
@media (min-width: 576px) {
    .container-debordement-droit,
    .container-debordement-gauche {
        max-width: calc(540px + (100% - 540px)/2);
    }
}
@media (min-width: 768px) {
    .container-debordement-droit,
    .container-debordement-gauche {
        max-width: calc(720px + (100% - 720px)/2);
    }
}
@media (min-width: 992px) {
    .container-debordement-droit,
    .container-debordement-gauche {
        max-width: calc(960px + (100% - 960px)/2);
    }
}
@media (min-width: 1200px) {
    .container-debordement-droit,
    .container-debordement-gauche {
        max-width: calc(1140px + (100% - 1140px)/2);
    }
}*/



.container-debordement-droit,
.container-debordement-gauche {
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
}
.container-debordement-droit .div-texte,
.container-debordement-gauche .div-texte {
    margin: 0 auto;
}
@media (min-width: 576px) {
    .container-debordement-droit .div-texte,
    .container-debordement-gauche .div-texte {
        max-width: 540px;
    }
}
@media (min-width: 768px) {
    .container-debordement-droit {
        margin-left: auto;
    }
    .container-debordement-droit &gt; .cadre {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }
    .container-debordement-gauche {
        margin-right: auto;
    }
    .container-debordement-gauche &gt; .cadre {
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
    }
    .container-debordement-droit .div-texte,
    .container-debordement-gauche .div-texte {
        max-width: none;
        padding-right: 0;
        padding-left: 0;
    }


    .container-debordement-droit,
    .container-debordement-gauche {
        max-width: calc(720px + (100% - 720px)/2);
    }
}
@media (min-width: 992px) {
    .container-debordement-droit,
    .container-debordement-gauche {
        max-width: calc(960px + (100% - 960px)/2);
    }
}
@media (min-width: 1200px) {
    .container-debordement-droit,
    .container-debordement-gauche {
        max-width: calc(1140px + (100% - 1140px)/2);
    }
}



/* ---------- LE TUNNEL D'ACHAT ---------- */
#commande {
    overflow-x: hidden;
}

#commande .div-colonnes  {
    min-height: 100vh;
}

#commande .div-colonnes &gt; aside::after {
    background-color: #e4e4e4;
    border-left: 1px solid darkgrey;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 300%;
    z-index: -1;
}

#commande .div-image-produit {
    position: relative;
}

#commande .div-image-produit &gt; p {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(50%, -50%);
    background: var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
    color: var(--VS-blocpage-1-btnprimary-color-valeur1);
    border-radius: 50%;
    min-width: 33px;
    aspect-ratio: 1 / 1;
    font-size: 14px;
    margin: 0;
    padding: 6px;
    line-height: 0;
}

@media screen and (max-width: 767px) {
    #commande .div-colonnes &gt; aside::after {
        left: -50%;
    }
}










/* A CLASSER */
.blocpage h2 small{
    display: block;
    color: var(--VS-blocpage-1-soustitre-color-valeur1);
    font-size: var(--VS-blocpage-0-soustitre-size-valeur1);
    margin-bottom: 15px;
}

.fond2.blocpage h2 small{
    color: var(--VS-blocpage-2-soustitre-color-valeur1);
}

.fond3.blocpage h2 small{
    color: var(--VS-blocpage-3-soustitre-color-valeur1);
}

.fond4.blocpage h2 small{
    color: var(--VS-blocpage-4-soustitre-color-valeur1);
}

.fond5.blocpage h2 small{
    color: var(--VS-blocpage-5-soustitre-color-valeur1);
}





.cadre {
    background: var(--VI-blocpage-1-cadre-1-cadre-bgcolor-calculee);
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    border-radius: var(--VI-blocpage-0-cadre-1-cadre-radius-calculee);
    box-shadow: var(--VI-blocpage-1-cadre-1-cadre-shadow-calculee);
}

.fond2 .cadre {
    background: var(--VI-blocpage-2-cadre-1-cadre-bgcolor-calculee);
    box-shadow: var(--VI-blocpage-2-cadre-1-cadre-shadow-calculee);
}

.fond3 .cadre {
    background: var(--VI-blocpage-3-cadre-1-cadre-bgcolor-calculee);
    box-shadow: var(--VI-blocpage-3-cadre-1-cadre-shadow-calculee);
}

.fond4 .cadre {
    background: var(--VI-blocpage-4-cadre-1-cadre-bgcolor-calculee);
    box-shadow: var(--VI-blocpage-4-cadre-1-cadre-shadow-calculee);
}

.fond5 .cadre {
    background: var(--VI-blocpage-5-cadre-1-cadre-bgcolor-calculee);
    box-shadow: var(--VI-blocpage-5-cadre-1-cadre-shadow-calculee);
}

.cadre h2 {
    font-size: var(--VI-blocpage-0-cadre-1-titre-size-valeur1);
    color: var(--VI-blocpage-1-cadre-1-titre-color-valeur1);
}

.fond2 .cadre h2 {
    color: var(--VI-blocpage-2-cadre-1-titre-color-valeur1);
}

.fond3 .cadre h2 {
    color: var(--VI-blocpage-3-cadre-1-titre-color-valeur1);
}

.fond4 .cadre h2 {
    color: var(--VI-blocpage-4-cadre-1-titre-color-valeur1);
}

.fond5 .cadre h2 {
    color: var(--VI-blocpage-5-cadre-1-titre-color-valeur1);
}

.cadre h2 small{
    color: var(--VI-blocpage-1-cadre-1-soustitre-color-valeur1);
    font-size: var(--VI-blocpage-0-cadre-1-soustitre-size-valeur1);
}

.fond2 .cadre h2 small{
    color: var(--VI-blocpage-2-cadre-1-soustitre-color-valeur1);
}

.fond3 .cadre h2 small{
    color: var(--VI-blocpage-3-cadre-1-soustitre-color-valeur1);
}

.fond4 .cadre h2 small{
    color: var(--VI-blocpage-4-cadre-1-soustitre-color-valeur1);
}

.fond5 .cadre h2 small{
    color: var(--VI-blocpage-5-cadre-1-soustitre-color-valeur1);
}

.cadre h2 strong{
    color: var(--VI-blocpage-1-cadre-1-titrestrong-color-valeur1);
    font-weight: var(--VI-blocpage-0-cadre-1-titrestrong-fontweight-calculee);
}

.fond2 .cadre h2 strong{
    color: var(--VI-blocpage-2-cadre-1-titrestrong-color-valeur1);
    font-weight: var(--VI-blocpage-0-cadre-1-titrestrong-fontweight-calculee);
}

.fond3 .cadre h2 strong{
    color: var(--VI-blocpage-3-cadre-1-titrestrong-color-valeur1);
    font-weight: var(--VI-blocpage-0-cadre-1-titrestrong-fontweight-calculee);
}

.fond4 .cadre h2 strong{
    color: var(--VI-blocpage-4-cadre-1-titrestrong-color-valeur1);
    font-weight: var(--VI-blocpage-0-cadre-1-titrestrong-fontweight-calculee);
}

.fond5 .cadre h2 strong{
    color: var(--VI-blocpage-5-cadre-1-titrestrong-color-valeur1);
    font-weight: var(--VI-blocpage-0-cadre-1-titrestrong-fontweight-calculee);
}

.cadre p,
.cadre li {
    color: var(--VI-blocpage-1-cadre-1-texte-color-valeur1);
    font-size: var(--VI-blocpage-0-cadre-1-texte-size-valeur1);
}

.fond2 .cadre p,
.fond2 .cadre li {
    color: var(--VI-blocpage-2-cadre-1-texte-color-valeur1);
}

.fond3 .cadre p,
.fond3 .cadre li {
    color: var(--VI-blocpage-3-cadre-1-texte-color-valeur1);
}

.fond4 .cadre p,
.fond4 .cadre li {
    color: var(--VI-blocpage-4-cadre-1-texte-color-valeur1);
}

.fond5 .cadre p,
.fond5 .cadre li {
    color: var(--VI-blocpage-5-cadre-1-texte-color-valeur1);
}




.cadre .btn-primary {
    background: var(--VI-blocpage-1-cadre-1-btnprimary-bgcolor-calculee);
    color: var(--VI-blocpage-1-cadre-1-btnprimary-color-valeur1);
    /*border: var(--blocpage-t26-bouton-border-v1);*/
    border-top: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-bas);
    border-left: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-droite);
}
.cadre .btn-secondary {
    background: var(--VI-blocpage-1-cadre-1-btnsecondary-bgcolor-calculee);
    color: var(--VI-blocpage-1-cadre-1-btnsecondary-color-valeur1);
    /*border: var(--blocpage-t26-btnsecondary-border-v1);*/
    border-top: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-bas);
    border-left: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-droite);
}
.cadre .btn:hover,
.cadre .btn:focus,
.cadre .btn:active,
.cadre .btn:active:focus {
    box-shadow: none!important;
}
.cadre .btn-primary:hover,
.cadre .btn-primary:focus,
.cadre .btn-primary:active,
.cadre .btn-primary:active:focus {
    background: var(--VI-blocpage-1-cadre-1-btnprimary-color-valeur1)!important;
    color: var(--VI-blocpage-1-cadre-1-btnprimary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-bouton-border-v1) !important;*/
    border-top: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-1-cadre-1-btnprimary-border-calculee-droite) !important;
}
.cadre .btn-secondary:hover,
.cadre .btn-secondary:focus,
.cadre .btn-secondary:active,
.cadre .btn-secondary:active:focus {
    background: var(--VI-blocpage-1-cadre-1-btnsecondary-color-valeur1)!important;
    color: var(--VI-blocpage-1-cadre-1-btnsecondary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-btnsecondary-border-v1) !important;*/
    border-top: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-1-cadre-1-btnsecondary-border-calculee-droite) !important;
}

.fond2 .cadre .btn-primary {
    background: var(--VI-blocpage-2-cadre-1-btnprimary-bgcolor-calculee);
    color: var(--VI-blocpage-2-cadre-1-btnprimary-color-valeur1);
    /*border: var(--blocpage-t26-bouton-border-v2);*/
    border-top: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-bas);
    border-left: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-droite);
}
.fond2 .cadre .btn-secondary {
    background: var(--VI-blocpage-2-cadre-1-btnsecondary-bgcolor-calculee);
    color: var(--VI-blocpage-2-cadre-1-btnsecondary-color-valeur1);
    /*border: var(--blocpage-t26-btnsecondary-border-v2);*/
    border-top: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-bas);
    border-left: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-droite);
}

.fond2 .cadre .btn:hover,
.fond2 .cadre .btn:focus,
.fond2 .cadre .btn:active,
.fond2 .cadre .btn:active:focus {
    box-shadow: none !important;
}
.fond2 .cadre .btn-primary:hover,
.fond2 .cadre .btn-primary:focus,
.fond2 .cadre .btn-primary:active,
.fond2 .cadre .btn-primary:active:focus {
    background: var(--VI-blocpage-2-cadre-1-btnprimary-color-valeur1) !important;
    color: var(--VI-blocpage-2-cadre-1-btnprimary-bgcolor-calculee) !important;
    /*border: var(--blocpage-t26-bouton-border-v2) !important;*/
    border-top: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-2-cadre-1-btnprimary-border-calculee-droite) !important;
}
.fond2 .cadre .btn-secondary:hover,
.fond2 .cadre .btn-secondary:focus,
.fond2 .cadre .btn-secondary:active,
.fond2 .cadre .btn-secondary:active:focus {
    background: var(--VI-blocpage-2-cadre-1-btnsecondary-color-valeur1) !important;
    color: var(--VI-blocpage-2-cadre-1-btnsecondary-bgcolor-calculee) !important;
    /*border: var(--blocpage-t26-btnsecondary-border-v2) !important;*/
    border-top: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-2-cadre-1-btnsecondary-border-calculee-droite) !important;
}

.fond3 .cadre .btn-primary {
    background: var(--VI-blocpage-3-cadre-1-btnprimary-bgcolor-calculee);
    color: var(--VI-blocpage-3-cadre-1-btnprimary-color-valeur1);
    /*border: var(--blocpage-t26-bouton-border-v3);*/
    border-top: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-bas);
    border-left: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-droite);
}
.fond3 .cadre .btn-secondary {
    background: var(--VI-blocpage-3-cadre-1-btnsecondary-bgcolor-calculee);
    color: var(--VI-blocpage-3-cadre-1-btnsecondary-color-valeur1);
    /*border: var(--blocpage-t26-btnsecondary-border-v3);*/
    border-top: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-bas);
    border-left: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-droite);
}

.fond3 .cadre .btn:hover,
.fond3 .cadre .btn:focus,
.fond3 .cadre .btn:active,
.fond3 .cadre .btn:active:focus {
    box-shadow: none !important;
}
.fond3 .cadre .btn-primary:hover,
.fond3 .cadre .btn-primary:focus,
.fond3 .cadre .btn-primary:active,
.fond3 .cadre .btn-primary:active:focus {
    background: var(--VI-blocpage-3-cadre-1-btnprimary-color-valeur1)!important;
    color: var(--VI-blocpage-3-cadre-1-btnprimary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-bouton-border-v3) !important;*/
    border-top: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-3-cadre-1-btnprimary-border-calculee-droite) !important;
}
.fond3 .cadre .btn-secondary:hover,
.fond3 .cadre .btn-secondary:focus,
.fond3 .cadre .btn-secondary:active,
.fond3 .cadre .btn-secondary:active:focus {
    background: var(--VI-blocpage-3-cadre-1-btnsecondary-color-valeur1)!important;
    color: var(--VI-blocpage-3-cadre-1-btnsecondary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-btnsecondary-border-v3) !important;*/
    border-top: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-3-cadre-1-btnsecondary-border-calculee-droite) !important;
}

.fond4 .cadre .btn-primary {
    background: var(--VI-blocpage-4-cadre-1-btnprimary-bgcolor-calculee);
    color: var(--VI-blocpage-4-cadre-1-btnprimary-color-valeur1);
    /*border: var(--blocpage-t26-bouton-border-v3);*/
    border-top: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-bas);
    border-left: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-droite);
}
.fond4 .cadre .btn-secondary {
    background: var(--VI-blocpage-4-cadre-1-btnsecondary-bgcolor-calculee);
    color: var(--VI-blocpage-4-cadre-1-btnsecondary-color-valeur1);
    /*border: var(--blocpage-t26-btnsecondary-border-v3);*/
    border-top: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-bas);
    border-left: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-droite);
}

.fond4 .cadre .btn:hover,
.fond4 .cadre .btn:focus,
.fond4 .cadre .btn:active,
.fond4 .cadre .btn:active:focus {
    box-shadow: none !important;
}
.fond4 .cadre .btn-primary:hover,
.fond4 .cadre .btn-primary:focus,
.fond4 .cadre .btn-primary:active,
.fond4 .cadre .btn-primary:active:focus {
    background: var(--VI-blocpage-4-cadre-1-btnprimary-color-valeur1)!important;
    color: var(--VI-blocpage-4-cadre-1-btnprimary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-bouton-border-v3) !important;*/
    border-top: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-4-cadre-1-btnprimary-border-calculee-droite) !important;
}
.fond4 .cadre .btn-secondary:hover,
.fond4 .cadre .btn-secondary:focus,
.fond4 .cadre .btn-secondary:active,
.fond4 .cadre .btn-secondary:active:focus {
    background: var(--VI-blocpage-4-cadre-1-btnsecondary-color-valeur1)!important;
    color: var(--VI-blocpage-4-cadre-1-btnsecondary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-btnsecondary-border-v3) !important;*/
    border-top: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-4-cadre-1-btnsecondary-border-calculee-droite) !important;
}

.fond5 .cadre .btn-primary {
    background: var(--VI-blocpage-5-cadre-1-btnprimary-bgcolor-calculee);
    color: var(--VI-blocpage-5-cadre-1-btnprimary-color-valeur1);
    /*border: var(--blocpage-t26-bouton-border-v3);*/
    border-top: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-bas);
    border-left: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-droite);
}
.fond5 .cadre .btn-secondary {
    background: var(--VI-blocpage-5-cadre-1-btnsecondary-bgcolor-calculee);
    color: var(--VI-blocpage-5-cadre-1-btnsecondary-color-valeur1);
    /*border: var(--blocpage-t26-btnsecondary-border-v3);*/
    border-top: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-bas);
    border-left: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-droite);
}

.fond5 .cadre .btn:hover,
.fond5 .cadre .btn:focus,
.fond5 .cadre .btn:active,
.fond5 .cadre .btn:active:focus {
    box-shadow: none !important;
}
.fond5 .cadre .btn-primary:hover,
.fond5 .cadre .btn-primary:focus,
.fond5 .cadre .btn-primary:active,
.fond5 .cadre .btn-primary:active:focus {
    background: var(--VI-blocpage-5-cadre-1-btnprimary-color-valeur1)!important;
    color: var(--VI-blocpage-5-cadre-1-btnprimary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-bouton-border-v3) !important;*/
    border-top: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-5-cadre-1-btnprimary-border-calculee-droite) !important;
}
.fond5 .cadre .btn-secondary:hover,
.fond5 .cadre .btn-secondary:focus,
.fond5 .cadre .btn-secondary:active,
.fond5 .cadre .btn-secondary:active:focus {
    background: var(--VI-blocpage-5-cadre-1-btnsecondary-color-valeur1)!important;
    color: var(--VI-blocpage-5-cadre-1-btnsecondary-bgcolor-calculee)!important;
    /*border: var(--blocpage-t26-btnsecondary-border-v3) !important;*/
    border-top: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-5-cadre-1-btnsecondary-border-calculee-droite) !important;
}





/* --------------------------------------------------
-----------------------------------------------------
--------------------- TEMPLATES ---------------------
-----------------------------------------------------
-------------------------------------------------- */

.blocpage .cadre {
    background-position: center;
    background-size: cover;
}

.blocpage .contenu p:last-child {
    margin: 0;
}
.blocpage .contenu ul:last-child,
.blocpage .contenu ol:last-child {
    margin: 0;
}

.blocpage ul,
.blocpage ol {
    text-align: left;
}

/*.blocpage ul {
    list-style: none;
}
.blocpage ul li {
    position: relative;
}
.blocpage ul li::before {
    content: '';
    background-image: url('../../assets/logos/picto.png');
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: .8em;
    height: .8em;
    position: absolute;
    right: calc(100% + .5em);
    top: 50%;
    transform: translateY(-50%);
}*/



/* ---------------------------------
------------------------------------
TEXTES
------------------------------------
--------------------------------- */

/* ---------------------------------
Bouton sur le cotÃ©
--------------------------------- */
.blocpage.bloctexte.t-18 .btn {
    margin: 0;
}

/* ---------------------------------
Texte sur le cÃ´tÃ©
--------------------------------- */

/* ---------------------------------
Cadre bouton sur le cÃ´tÃ©
--------------------------------- */
.blocpage.bloctexte.t-87 .btn {
    margin: 0;
}

/* ---------------------------------
Cadre texte sur le cÃ´tÃ©
--------------------------------- */








/* ---------------------------------
------------------------------------
IMAGE &amp; TEXTES
------------------------------------
--------------------------------- */

/* ---------------------------------
Titre et texte sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocimagetexte.t-19 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-19.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocimagetexte.t-19 .div-image {
        margin-bottom: 0;
    }
}

/* ---------------------------------
Titre au dessus et texte sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocimagetexte.t-35 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-35.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocimagetexte.t-35 .div-image {
        margin-bottom: 0;
    }
}

/* ---------------------------------
Image collÃ©e aux bords
--------------------------------- */
.blocpage.blocimagetexte.t-20 .div-texte {
    height: 100%;
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-top: 16px;
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-20.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocimagetexte.t-20 .div-texte {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
        padding-left: 0;
        padding-right: 0;
    }
    .blocpage.blocimagetexte.t-20.ordre-txtImg .div-image {
        margin-left: 15px;
    }
    .blocpage.blocimagetexte.t-20.ordre-imgTxt .div-image {
        margin-right: 15px;
    }
    .blocpage.blocimagetexte.t-20 .div-image {
        height: 100%;
    }
    .blocpage.blocimagetexte.t-20 .div-image img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* ---------------------------------
Cadre sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocimagetexte.t-27 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-27.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocimagetexte.t-27 .div-image {
        margin-bottom: 0px;
    }
}

/* ---------------------------------
Cadre avec marge
--------------------------------- */
.blocpage.blocimagetexte.t-36 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-36.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocimagetexte.t-36 .div-image {
        margin-bottom: 0px;
    }
}

/* ---------------------------------
Cadre sans marge
--------------------------------- */
.blocpage.blocimagetexte.t-37 .cadre {
    padding: 0;
    overflow: hidden;
}
.blocpage.blocimagetexte.t-37 .div-texte {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-top: 16px;
    height: 100%;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-37.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocimagetexte.t-37 .div-texte {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    }
    .blocpage.blocimagetexte.t-37.ordre-imgTxt .div-texte {
        padding-left: 0;
    }
    .blocpage.blocimagetexte.t-37.ordre-txtImg .div-texte {
        padding-right: 0;
    }
    .blocpage.blocimagetexte.t-37 .div-image {
        height: 100%;
    }
    .blocpage.blocimagetexte.t-37 .div-image img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* ---------------------------------
Cadre sans marge sur le cÃ´tÃ©
--------------------------------- */
/*.blocpage.blocimagetexte.t-39 .cadre {
    padding: 0;
    overflow: hidden;
}
.blocpage.blocimagetexte.t-39 .div-texte {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-top: 16px;
}
.blocpage.blocimagetexte.t-39 .div-image {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-bottom: 0;
}
.blocpage.blocimagetexte.t-39.ordre-imgTxt .div-image {
    padding-left: 0;
}
.blocpage.blocimagetexte.t-39.ordre-txtImg .div-image {
    padding-right: 0;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-39.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocimagetexte.t-39 .cadre {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    }
    .blocpage.blocimagetexte.t-39.ordre-imgTxt .cadre {
        padding-left: 0;
    }
    .blocpage.blocimagetexte.t-39.ordre-txtImg .cadre {
        padding-right: 0;
    }
    .blocpage.blocimagetexte.t-39 .div-texte {
        padding: 0;
    }
    .blocpage.blocimagetexte.t-39 .div-image {
        padding: 0;
    }
}*/

/* ---------------------------------
Chevauchement image en avant
--------------------------------- */
.blocpage.blocimagetexte.t-33 .div-image {
    position: relative;
    z-index: 1;
    margin: 0 30px;
}
.blocpage.blocimagetexte.t-33 .cadre {
    margin-top: -50px;
}
.blocpage.blocimagetexte.t-33 .cadre .div-texte {
    padding-top: 50px;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-33.ordre-txtImg .row {
        flex-direction: row-reverse;
    }

    .blocpage.blocimagetexte.t-33 .div-image {
        margin: 0;
    }
    .blocpage.blocimagetexte.t-33 .cadre {
        margin-top: 0;
    }
    .blocpage.blocimagetexte.t-33.ordre-txtImg .cadre {
        padding-right: 0;
        margin-right: -200px;
    }
    .blocpage.blocimagetexte.t-33.ordre-imgTxt .cadre {
        padding-left: 0;
        margin-left: -200px;
    }

    .blocpage.blocimagetexte.t-33 .cadre .div-texte {
        padding-top: 0;
    }
    .blocpage.blocimagetexte.t-33.ordre-txtImg .cadre .div-texte {
        margin-right: 200px;
    }
    .blocpage.blocimagetexte.t-33.ordre-imgTxt .cadre .div-texte {
        margin-left: 200px;
    }
}

/* ---------------------------------
Chevauchement cadre en avant
--------------------------------- */
.blocpage.blocimagetexte.t-32 .cadre {
    position: relative;
    z-index: 1;
    margin: 0 30px;
    margin-top: -50px;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-32.ordre-txtImg .row {
        flex-direction: row-reverse;
    }

    .blocpage.blocimagetexte.t-32 .cadre {
        margin: 0;
    }
    .blocpage.blocimagetexte.t-32.ordre-imgTxt .cadre {
        margin-left: -200px;
    }
    .blocpage.blocimagetexte.t-32.ordre-txtImg .cadre {
        margin-right: -200px;
    }
}


/* ---------------------------------
Chevauchement image pleine cadre en avant
--------------------------------- */
/*.blocpage.blocimagetexte.t-41 .cadre {
    position: relative;
    z-index: 1;
    margin: 0 30px;
    margin-top: -50px;
}

@media (min-width: 768px) {
    .blocpage.blocimagetexte.t-41.ordre-txtImg .row {
        flex-direction: row-reverse;
    }

    .blocpage.blocimagetexte.t-41 .cadre {
        margin: 0;
    }
    .blocpage.blocimagetexte.t-41.ordre-txtImg .cadre {
        margin-right: -200px;
    }
    .blocpage.blocimagetexte.t-41.ordre-imgTxt .cadre {
        margin-left: -200px;
    }
}*/

/* ---------------------------------
Cadre filtre plein
--------------------------------- */
/*.blocpage.blocimagetexte.template-filtrePlein .cadre {
    padding: 0;
    overflow: hidden;
}
.blocpage.blocimagetexte.template-filtrePlein .filtre {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
}*/

/* ---------------------------------
Cadre filtre bandeau
--------------------------------- */
/*.blocpage.blocimagetexte.template-filtreBandeau .cadre {
    padding: 0;
    overflow: hidden;
}
.blocpage.blocimagetexte.template-filtreBandeau .filtre {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
}*/

/* ---------------------------------
Cadre filtre texte
--------------------------------- */
/*.blocpage.blocimagetexte.template-filtreTexte .filtre {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    border-radius: var(--VI-blocpage-0-cadre-1-cadre-radius-calculee);
}*/

/* ---------------------------------
Cadre cadre texte
--------------------------------- */








/* ---------------------------------
------------------------------------
VIDEO &amp; TEXTES
------------------------------------
--------------------------------- */
.blocpage.blocvideotexte .div-video .embed-responsive {
    height: 100%;
}

/* ---------------------------------
Titre et texte sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocvideotexte.t-21 .div-video {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-21.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocvideotexte.t-21 .div-video {
        margin-bottom: 0;
    }
}

/* ---------------------------------
Titre au dessus et texte sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocvideotexte.t-110 .div-video {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-110.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocvideotexte.t-110 .div-video {
        margin-bottom: 0;
    }
}

/* ---------------------------------
VidÃ©o collÃ©e aux bords
--------------------------------- */
.blocpage.blocvideotexte.t-111 .div-texte {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-top: 16px;
    height: 100%;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-111.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocvideotexte.t-111 .div-texte {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
        padding-left: 0;
        padding-right: 0;
    }
    .blocpage.blocvideotexte.t-111.ordre-txtImg .div-video {
        margin-left: 15px;
    }
    .blocpage.blocvideotexte.t-111.ordre-imgTxt .div-video {
        margin-right: 15px;
    }
    .blocpage.blocvideotexte.t-111 .div-video {
        height: 100%;
    }
    .blocpage.blocvideotexte.t-111 .div-video img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* ---------------------------------
Cadre sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocvideotexte.t-112 .div-video {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-112.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocvideotexte.t-112 .div-video {
        margin-bottom: 0px;
    }
}

/* ---------------------------------
Cadre avec marge
--------------------------------- */
.blocpage.blocvideotexte.t-113 .div-video {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-113.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocvideotexte.t-113 .div-video {
        margin-bottom: 0px;
    }
}

/* ---------------------------------
Cadre sans marge
--------------------------------- */
.blocpage.blocvideotexte.t-114 .cadre {
    padding: 0;
    overflow: hidden;
}
.blocpage.blocvideotexte.t-114 .div-texte {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-top: 16px;
    height: 100%;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-114.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocvideotexte.t-114 .div-texte {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    }
    .blocpage.blocvideotexte.t-114.ordre-imgTxt .div-texte {
        padding-left: 0;
    }
    .blocpage.blocvideotexte.t-114.ordre-txtImg .div-texte {
        padding-right: 0;
    }
    .blocpage.blocvideotexte.t-114 .div-video {
        height: 100%;
    }
    .blocpage.blocvideotexte.t-114 .div-video img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* ---------------------------------
Chevauchement video en avant
--------------------------------- */
.blocpage.blocvideotexte.t-115 .div-video {
    position: relative;
    z-index: 1;
    margin: 0 30px;
}
.blocpage.blocvideotexte.t-115 .cadre {
    margin-top: -50px;
}
.blocpage.blocvideotexte.t-115 .cadre .div-texte {
    padding-top: 50px;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-115.ordre-txtImg .row {
        flex-direction: row-reverse;
    }

    .blocpage.blocvideotexte.t-115 .div-video {
        margin: 0;
    }
    .blocpage.blocvideotexte.t-115 .cadre {
        margin-top: 0;
    }
    .blocpage.blocvideotexte.t-115.ordre-txtImg .cadre {
        padding-right: 0;
        margin-right: -200px;
    }
    .blocpage.blocvideotexte.t-115.ordre-imgTxt .cadre {
        padding-left: 0;
        margin-left: -200px;
    }

    .blocpage.blocvideotexte.t-115 .cadre .div-texte {
        padding-top: 0;
    }
    .blocpage.blocvideotexte.t-115.ordre-txtImg .cadre .div-texte {
        margin-right: 200px;
    }
    .blocpage.blocvideotexte.t-115.ordre-imgTxt .cadre .div-texte {
        margin-left: 200px;
    }
}

/* ---------------------------------
Chevauchement cadre en avant
--------------------------------- */
.blocpage.blocvideotexte.t-116 .cadre {
    position: relative;
    z-index: 1;
    margin: 0 30px;
    margin-top: -50px;
}

@media (min-width: 768px) {
    .blocpage.blocvideotexte.t-116.ordre-txtImg .row {
        flex-direction: row-reverse;
    }

    .blocpage.blocvideotexte.t-116 .cadre {
        margin: 0;
    }
    .blocpage.blocvideotexte.t-116.ordre-imgTxt .cadre {
        margin-left: -200px;
    }
    .blocpage.blocvideotexte.t-116.ordre-txtImg .cadre {
        margin-right: -200px;
    }
}






/* ---------------------------------
------------------------------------
PRODUIT EN AVANT
------------------------------------
--------------------------------- */
.blocpage.blocproduit .produit-prix {
    display: flex;
    align-items: center;
    gap: 10px;
}
.blocpage.blocproduit .produit-prix p {
    margin-bottom: 0;
    font-size: 1em;
}
.blocpage.blocproduit .produit-prix .prix-plein {
    text-decoration: line-through;
}
.blocpage.blocproduit .produit-prix .prix {
    font-size: 1.5em;
    font-weight: 600;
}

/* ---------------------------------
Titre et texte sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocproduit.t-141 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-141.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocproduit.t-141 .div-image {
        margin-bottom: 0;
    }
}

/* ---------------------------------
Titre au dessus et texte sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocproduit.t-142 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-142.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocproduit.t-142 .div-image {
        margin-bottom: 0;
    }
}

/* ---------------------------------
Produit collÃ©e aux bords
--------------------------------- */
.blocpage.blocproduit.t-143 .div-texte {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-top: 16px;
    height: 100%;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-143.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocproduit.t-143 .div-texte {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
        padding-left: 0;
        padding-right: 0;
    }
    .blocpage.blocproduit.t-143.ordre-txtImg .div-image {
        margin-left: 15px;
    }
    .blocpage.blocproduit.t-143.ordre-imgTxt .div-image {
        margin-right: 15px;
    }
    .blocpage.blocproduit.t-143 .div-image {
        height: 100%;
    }
    .blocpage.blocproduit.t-143 .div-image img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* ---------------------------------
Cadre sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocproduit.t-144 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-144.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocproduit.t-144 .div-image {
        margin-bottom: 0px;
    }
}

/* ---------------------------------
Cadre avec marge
--------------------------------- */
.blocpage.blocproduit.t-145 .div-image {
    margin-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-145.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocproduit.t-145 .div-image {
        margin-bottom: 0px;
    }
}

/* ---------------------------------
Cadre sans marge
--------------------------------- */
.blocpage.blocproduit.t-146 .cadre {
    padding: 0;
    overflow: hidden;
}
.blocpage.blocproduit.t-146 .div-texte {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-top: 16px;
    height: 100%;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-146.ordre-txtImg .row {
        flex-direction: row-reverse;
    }
    .blocpage.blocproduit.t-146 .div-texte {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    }
    .blocpage.blocproduit.t-146.ordre-imgTxt .div-texte {
        padding-left: 0;
    }
    .blocpage.blocproduit.t-146.ordre-txtImg .div-texte {
        padding-right: 0;
    }
    .blocpage.blocproduit.t-146 .div-image {
        height: 100%;
    }
    .blocpage.blocproduit.t-146 .div-image img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}

/* ---------------------------------
Chevauchement video en avant
--------------------------------- */
.blocpage.blocproduit.t-147 .div-image {
    position: relative;
    z-index: 1;
    margin: 0 30px;
}
.blocpage.blocproduit.t-147 .cadre {
    margin-top: -50px;
}
.blocpage.blocproduit.t-147 .cadre .div-texte {
    padding-top: 50px;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-147.ordre-txtImg .row {
        flex-direction: row-reverse;
    }

    .blocpage.blocproduit.t-147 .div-image {
        margin: 0;
    }
    .blocpage.blocproduit.t-147 .cadre {
        margin-top: 0;
    }
    .blocpage.blocproduit.t-147.ordre-txtImg .cadre {
        padding-right: 0;
        margin-right: -200px;
    }
    .blocpage.blocproduit.t-147.ordre-imgTxt .cadre {
        padding-left: 0;
        margin-left: -200px;
    }

    .blocpage.blocproduit.t-147 .cadre .div-texte {
        padding-top: 0;
    }
    .blocpage.blocproduit.t-147.ordre-txtImg .cadre .div-texte {
        margin-right: 200px;
    }
    .blocpage.blocproduit.t-147.ordre-imgTxt .cadre .div-texte {
        margin-left: 200px;
    }
}

/* ---------------------------------
Chevauchement cadre en avant
--------------------------------- */
.blocpage.blocproduit.t-148 .cadre {
    position: relative;
    z-index: 1;
    margin: 0 30px;
    margin-top: -50px;
}

@media (min-width: 768px) {
    .blocpage.blocproduit.t-148.ordre-txtImg .row {
        flex-direction: row-reverse;
    }

    .blocpage.blocproduit.t-148 .cadre {
        margin: 0;
    }
    .blocpage.blocproduit.t-148.ordre-imgTxt .cadre {
        margin-left: -200px;
    }
    .blocpage.blocproduit.t-148.ordre-txtImg .cadre {
        margin-right: -200px;
    }
}










/* ---------------------------------
------------------------------------
COLONNES DE CONTENUS
------------------------------------
--------------------------------- */

/* ---------------------------------
DÃ©filements
--------------------------------- */
.blocpage.blocitems.t-149 .container-fluid,
.blocpage.blocitems.t-150 .container-fluid,
.blocpage.blocitems.t-151 .container-fluid,
.blocpage.blocitems.t-152 .container-fluid,
.blocpage.blocitems.t-153 .container-fluid {
    overflow: hidden;
}
.blocpage.blocitems.t-149 .div-defileur,
.blocpage.blocitems.t-150 .div-defileur,
.blocpage.blocitems.t-151 .div-defileur,
.blocpage.blocitems.t-152 .div-defileur,
.blocpage.blocitems.t-153 .div-defileur {
    background-color: blue;
    animation-play-state: running;
    animation: defilementItems calc(var(--animation-defilement-duree) * var(--nb-items)) infinite linear;
    width: calc((100% / var(--nb-colonnes)) * (var(--nb-items) * var(--nb-boucles)));
    /*transform: translateX(calc(-100% / var(--nb-boucles)));*/
}

@keyframes defilementItems {
    0% {
        transform: translateX(0%);
    }
    100% {
        transform: translateX(calc(-100% / var(--nb-boucles))); /*-50%*/
    }
}

.blocpage.blocitems.t-149 .div-defileur:hover,
.blocpage.blocitems.t-150 .div-defileur:hover,
.blocpage.blocitems.t-151 .div-defileur:hover,
.blocpage.blocitems.t-152 .div-defileur:hover,
.blocpage.blocitems.t-153 .div-defileur:hover {
    animation-play-state: paused;
}
.blocpage.blocitems.t-149 .items,
.blocpage.blocitems.t-150 .items,
.blocpage.blocitems.t-151 .items,
.blocpage.blocitems.t-152 .items,
.blocpage.blocitems.t-153 .items {
    display: flex;
    flex-wrap: nowrap;
}
.blocpage.blocitems.t-149 .items .item,
.blocpage.blocitems.t-150 .items .item,
.blocpage.blocitems.t-151 .items .item,
.blocpage.blocitems.t-152 .items .item,
.blocpage.blocitems.t-153 .items .item {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    width: 100%;
}







/* ---------------------------------
------------------------------------
EN-TÃŠTE
------------------------------------
--------------------------------- */
#illustration {
    display: flex;
    position: relative;
}

#illustration .contenu p:last-child {
    margin: 0;
}

#illustration h1 small {
    display: block;
    margin-bottom: 15px;
}

.minHeight-50 {
    min-height: 50vh;
}
.minHeight-75 {
    min-height: 75vh;
}
.minHeight-90 {
    min-height: 90vh;
}
.minHeight-100 {
    min-height: 100vh;
}

/* --------------------
SANS CADRE
-------------------- */
/* ---------------------------------
Image et vidÃ©o d'arriÃ¨re plan
--------------------------------- */
#illustration.t-6,
#illustration.t-156 {
    background-position: center center;
    background-size: cover;
    background-color: white;
    text-align: var(--VS-illustration-image-fond-general-align-valeur1);
}
#illustration.t-6 .filtre,
#illustration.t-156 .filtre {
    background: var(--VS-illustration-image-fond-filtre-bgcolor-calculee);
    /*display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 75vh;
    padding-top: 50px;
    padding-bottom: 50px;*/

    width: 100%;
    display: flex;
    align-items: center;
    padding-top: 140px; /*170px*/
    padding-bottom: 50px;
}
#illustration.t-6 h1 small,
#illustration.t-156 h1 small {
    color: var(--VS-illustration-image-fond-soustitre-color-valeur1);
    font-size: var(--VS-illustration-image-fond-soustitre-size-valeur1);
}
#illustration.t-6 h1,
#illustration.t-156 h1 {
    color: var(--VS-illustration-image-fond-titre-color-valeur1);
    font-size: var(--VS-illustration-image-fond-titre-size-valeur1);
}
#illustration.t-6 h1 strong,
#illustration.t-156 h1 strong {
    color: var(--VS-illustration-image-fond-titrestrong-color-valeur1);
    font-weight: var(--VS-illustration-image-fond-titrestrong-fontweight-calculee);
}
#illustration.t-6 .contenu p,
#illustration.t-156 .contenu p {
    color: var(--VS-illustration-image-fond-texte-color-valeur1);
    font-size: var(--VS-illustration-image-fond-texte-size-valeur1);
}
#illustration.t-6 .div-boutons,
#illustration.t-156 .div-boutons {
    justify-content: var(--VS-illustration-image-fond-general-align-valeur1);
}
#illustration.t-6 .btn,
#illustration.t-156 .btn {
    border-radius: var(--VS-illustration-image-fond-bouton-radius-calculee);
    font-size: var(--VS-illustration-image-fond-bouton-size-valeur1);
    padding: var(--VS-illustration-image-fond-bouton-padding-calculee);
}
#illustration.t-6 .btn-primary,
#illustration.t-156 .btn-primary {
    background: var(--VS-illustration-image-fond-btnprimary-bgcolor-calculee);
    color: var(--VS-illustration-image-fond-btnprimary-color-valeur1);
    /*border: var(--entete-t6-bouton-border);*/
    border-top: var(--VS-illustration-image-fond-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-fond-btnprimary-border-calculee-bas);
    border-left: var(--VS-illustration-image-fond-btnprimary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-fond-btnprimary-border-calculee-droite);
}
#illustration.t-6 .btn-secondary,
#illustration.t-156 .btn-secondary {
    background: var(--VS-illustration-image-fond-btnsecondary-bgcolor-calculee);
    color: var(--VS-illustration-image-fond-btnsecondary-color-valeur1);
    /*border: var(--entete-t6-btnsecondary-border);*/
    border-top: var(--VS-illustration-image-fond-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-fond-btnsecondary-border-calculee-bas);
    border-left: var(--VS-illustration-image-fond-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-fond-btnsecondary-border-calculee-droite);
}
#illustration.t-6 .btn:hover,
#illustration.t-6 .btn:focus,
#illustration.t-6 .btn:active,
#illustration.t-6 .btn:active:focus,
#illustration.t-156 .btn:hover,
#illustration.t-156 .btn:focus,
#illustration.t-156 .btn:active,
#illustration.t-156 .btn:active:focus {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
#illustration.t-6 .btn-primary:hover,
#illustration.t-6 .btn-primary:focus,
#illustration.t-6 .btn-primary:active,
#illustration.t-6 .btn-primary:active:focus,
#illustration.t-156 .btn-primary:hover,
#illustration.t-156 .btn-primary:focus,
#illustration.t-156 .btn-primary:active,
#illustration.t-156 .btn-primary:active:focus {
    background: var(--VS-illustration-image-fond-btnprimary-color-valeur1) !important;
    color: var(--VS-illustration-image-fond-btnprimary-bgcolor-calculee) !important;
    /*border: var(--entete-t6-bouton-border) !important;*/
    border-top: var(--VS-illustration-image-fond-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-fond-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-fond-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-fond-btnprimary-border-calculee-droite) !important;
}
#illustration.t-6 .btn-secondary:hover,
#illustration.t-6 .btn-secondary:focus,
#illustration.t-6 .btn-secondary:active,
#illustration.t-6 .btn-secondary:active:focus,
#illustration.t-156 .btn-secondary:hover,
#illustration.t-156 .btn-secondary:focus,
#illustration.t-156 .btn-secondary:active,
#illustration.t-156 .btn-secondary:active:focus {
    background: var(--VS-illustration-image-fond-btnsecondary-color-valeur1) !important;
    color: var(--VS-illustration-image-fond-btnsecondary-bgcolor-calculee) !important;
    /*border: var(--entete-t6-btnsecondary-border) !important;*/
    border-top: var(--VS-illustration-image-fond-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-fond-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-fond-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-fond-btnsecondary-border-calculee-droite) !important;
}

/* ---------------------------------
VidÃ©o d'arriÃ¨re plan
--------------------------------- */
#illustration.t-156 {
    position: relative;
}
#illustration.t-156 .background {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
}
#illustration.t-156 .background .video-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}
#illustration.t-156 .background .video-container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100vw;
    height: 100vh;
    transform: translate(-50%, -50%);

    /*@media (min-aspect-ratio: 16/9) {
        height: 56.25vh;
    }

    @media (max-aspect-ratio: 16/9) {
        width: 177.78vw;
    }*/
}
#illustration.t-156 .foreground {
    position: relative;
    z-index: 1;
    width: 100%;
}

/* ---------------------------------
Image Ã&nbsp; cÃ´tÃ©
--------------------------------- */
#illustration.t-7 {
    background: var(--VS-illustration-image-cote-fond-bgcolor-calculee);
    padding-top: 140px; /*170px*/
    padding-bottom: 50px;
    align-items: center;
}
#illustration.t-7 h1 small {
    color: var(--VS-illustration-image-cote-soustitre-color-valeur1);
    font-size: var(--VS-illustration-image-cote-soustitre-size-valeur1);
}
#illustration.t-7 h1 {
    color: var(--VS-illustration-image-cote-titre-color-valeur1);
    font-size: var(--VS-illustration-image-cote-titre-size-valeur1);
}
#illustration.t-7 h1 strong {
    color: var(--VS-illustration-image-cote-titrestrong-color-valeur1);
    font-weight: var(--VS-illustration-image-cote-titrestrong-fontweight-calculee);
}
#illustration.t-7 .contenu p {
    color: var(--VS-illustration-image-cote-texte-color-valeur1);
    font-size: var(--VS-illustration-image-cote-texte-size-valeur1);
}
#illustration.t-7 .btn {
    border-radius: var(--VS-illustration-image-cote-bouton-radius-calculee);
    font-size: var(--VS-illustration-image-cote-bouton-size-valeur1);
    padding: var(--VS-illustration-image-cote-bouton-padding-calculee);
}
#illustration.t-7 .btn-primary {
    background: var(--VS-illustration-image-cote-btnprimary-bgcolor-calculee);
    color: var(--VS-illustration-image-cote-btnprimary-color-valeur1);
    /*border: var(--entete-t7-bouton-border);*/
    border-top: var(--VS-illustration-image-cote-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-cote-btnprimary-border-calculee-bas);
    border-left: var(--VS-illustration-image-cote-btnprimary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-cote-btnprimary-border-calculee-droite);
}
#illustration.t-7 .btn-secondary {
    background: var(--VS-illustration-image-cote-btnsecondary-bgcolor-calculee);
    color: var(--VS-illustration-image-cote-btnsecondary-color-valeur1);
    /*border: var(--entete-t7-btnsecondary-border);*/
    border-top: var(--VS-illustration-image-cote-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-cote-btnsecondary-border-calculee-bas);
    border-left: var(--VS-illustration-image-cote-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-cote-btnsecondary-border-calculee-droite);
}
#illustration.t-7 .btn:hover,
#illustration.t-7 .btn:focus,
#illustration.t-7 .btn:active,
#illustration.t-7 .btn:active:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
#illustration.t-7 .btn-primary:hover,
#illustration.t-7 .btn-primary:focus,
#illustration.t-7 .btn-primary:active,
#illustration.t-7 .btn-primary:active:focus {
    background: var(--VS-illustration-image-cote-btnprimary-color-valeur1) !important;
    color: var(--VS-illustration-image-cote-btnprimary-bgcolor-calculee) !important;
    /*border: var(--entete-t7-bouton-border) !important;*/
    border-top: var(--VS-illustration-image-cote-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-cote-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-cote-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-cote-btnprimary-border-calculee-droite) !important;
}
#illustration.t-7 .btn-secondary:hover,
#illustration.t-7 .btn-secondary:focus,
#illustration.t-7 .btn-secondary:active,
#illustration.t-7 .btn-secondary:active:focus {
    background: var(--VS-illustration-image-cote-btnsecondary-color-valeur1) !important;
    color: var(--VS-illustration-image-cote-btnsecondary-bgcolor-calculee) !important;
    /*border: var(--entete-t7-btnsecondary-border) !important;*/
    border-top: var(--VS-illustration-image-cote-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-cote-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-cote-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-cote-btnsecondary-border-calculee-droite) !important;
}



#illustration.t-7 .div-texte {
    padding-bottom: 16px;
}

@media (min-width: 768px) {
    #illustration.t-7.ordre-imgTxt .row {
        flex-direction: row-reverse;
    }
    #illustration.t-7 .div-texte {
        padding-bottom: 0;
    }
}

/* ---------------------------------
Sans image
--------------------------------- */
#illustration.t-16 {
    text-align: var(--VS-illustration-image-sans-fond-align-valeur1);
    background: var(--VS-illustration-image-sans-fond-bgcolor-calculee);
    align-items: center;
    padding-top: 140px; /*170px*/
    padding-bottom: 50px;
}
#illustration.t-16 h1 small {
    color: var(--VS-illustration-image-sans-soustitre-color-valeur1);
    font-size: var(--VS-illustration-image-sans-soustitre-size-valeur1);
}
#illustration.t-16 h1 {
    color: var(--VS-illustration-image-sans-titre-color-valeur1);
    font-size: var(--VS-illustration-image-sans-titre-size-valeur1);
}
#illustration.t-16 h1 strong {
    color: var(--VS-illustration-image-sans-titrestrong-color-valeur1);
    font-weight: var(--VS-illustration-image-sans-titrestrong-fontweight-calculee);
}
#illustration.t-16 .contenu p {
    color: var(--VS-illustration-image-sans-texte-color-valeur1);
    font-size: var(--VS-illustration-image-sans-texte-size-valeur1);
}
#illustration.t-16 .div-boutons {
    justify-content: var(--entete-t16-general-align);
}
#illustration.t-16 .btn {
    border-radius: var(--VS-illustration-image-sans-bouton-radius-calculee);
    font-size: var(--VS-illustration-image-sans-bouton-size-valeur1);
    padding: var(--VS-illustration-image-sans-bouton-padding-calculee);
}
#illustration.t-16 .btn-primary {
    background: var(--VS-illustration-image-sans-btnprimary-bgcolor-calculee);
    color: var(--VS-illustration-image-sans-btnprimary-color-valeur1);
    /*border: var(--entete-t16-bouton-border);*/
    border-top: var(--VS-illustration-image-sans-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-sans-btnprimary-border-calculee-bas);
    border-left: var(--VS-illustration-image-sans-btnprimary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-sans-btnprimary-border-calculee-droite);
}
#illustration.t-16 .btn-secondary {
    background: var(--VS-illustration-image-sans-btnsecondary-bgcolor-calculee);
    color: var(--VS-illustration-image-sans-btnsecondary-color-valeur1);
    /*border: var(--entete-t16-btnsecondary-border);*/
    border-top: var(--VS-illustration-image-sans-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-sans-btnsecondary-border-calculee-bas);
    border-left: var(--VS-illustration-image-sans-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-sans-btnsecondary-border-calculee-droite);
}
#illustration.t-16 .btn:hover,
#illustration.t-16 .btn:focus,
#illustration.t-16 .btn:active,
#illustration.t-16 .btn:active:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
#illustration.t-16 .btn-primary:hover,
#illustration.t-16 .btn-primary:focus,
#illustration.t-16 .btn-primary:active,
#illustration.t-16 .btn-primary:active:focus {
    background: var(--VS-illustration-image-sans-btnprimary-color-valeur1) !important;
    color: var(--VS-illustration-image-sans-btnprimary-bgcolor-calculee) !important;
    /*border: var(--entete-t16-bouton-border) !important;*/
    border-top: var(--VS-illustration-image-sans-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-sans-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-sans-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-sans-btnprimary-border-calculee-droite) !important;
}
#illustration.t-16 .btn-secondary:hover,
#illustration.t-16 .btn-secondary:focus,
#illustration.t-16 .btn-secondary:active,
#illustration.t-16 .btn-secondary:active:focus {
    background: var(--VS-illustration-image-sans-btnsecondary-color-valeur1) !important;
    color: var(--VS-illustration-image-sans-btnsecondary-bgcolor-calculee) !important;
    /*border: var(--entete-t16-btnsecondary-border) !important;*/
    border-top: var(--VS-illustration-image-sans-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-sans-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-sans-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-sans-btnsecondary-border-calculee-droite) !important;
}

/* ---------------------------------
Image pleine Ã&nbsp; cÃ´tÃ©
--------------------------------- */
#illustration.t-40 {
    background: var(--VS-illustration-image-cote-fond-bgcolor-calculee);
}
#illustration.t-40 h1 {
    color: var(--VS-illustration-image-cote-titre-color-valeur1);
    font-size: var(--VS-illustration-image-cote-titre-size-valeur1);
}
#illustration.t-40 h1 small {
    color: var(--VS-illustration-image-cote-soustitre-color-valeur1);
    font-size: var(--VS-illustration-image-cote-soustitre-size-valeur1);
}
#illustration.t-40 h1 strong {
    color: var(--VS-illustration-image-cote-titrestrong-color-valeur1);
    font-weight: var(--VS-illustration-image-cote-titrestrong-fontweight-calculee);
}
#illustration.t-40 .contenu p {
    color: var(--VS-illustration-image-cote-texte-color-valeur1);
    font-size: var(--VS-illustration-image-cote-texte-size-valeur1);
}
#illustration.t-40 .btn {
    border-radius: var(--VS-illustration-image-cote-bouton-radius-calculee);
    font-size: var(--VS-illustration-image-cote-bouton-size-valeur1);
    padding: var(--VS-illustration-image-cote-bouton-padding-calculee);
}
#illustration.t-40 .btn-primary {
    background: var(--VS-illustration-image-cote-btnprimary-bgcolor-calculee);
    color: var(--VS-illustration-image-cote-btnprimary-color-valeur1);
    /*border: var(--entete-t7-bouton-border);*/
    border-top: var(--VS-illustration-image-cote-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-cote-btnprimary-border-calculee-bas);
    border-left: var(--VS-illustration-image-cote-btnprimary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-cote-btnprimary-border-calculee-droite);
}
#illustration.t-40 .btn-secondary {
    background: var(--VS-illustration-image-cote-btnsecondary-bgcolor-calculee);
    color: var(--VS-illustration-image-cote-btnsecondary-color-valeur1);
    /*border: var(--entete-t7-btnsecondary-border);*/
    border-top: var(--VS-illustration-image-cote-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-cote-btnsecondary-border-calculee-bas);
    border-left: var(--VS-illustration-image-cote-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-cote-btnsecondary-border-calculee-droite);
}
#illustration.t-40 .btn:hover,
#illustration.t-40 .btn:focus,
#illustration.t-40 .btn:active,
#illustration.t-40 .btn:active:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
#illustration.t-40 .btn-primary:hover,
#illustration.t-40 .btn-primary:focus,
#illustration.t-40 .btn-primary:active,
#illustration.t-40 .btn-primary:active:focus {
    background: var(--VS-illustration-image-cote-btnprimary-color-valeur1) !important;
    color: var(--VS-illustration-image-cote-btnprimary-bgcolor-calculee) !important;
    /*border: var(--entete-t7-bouton-border) !important;*/
    border-top: var(--VS-illustration-image-cote-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-cote-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-cote-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-cote-btnprimary-border-calculee-droite) !important;
}
#illustration.t-40 .btn-secondary:hover,
#illustration.t-40 .btn-secondary:focus,
#illustration.t-40 .btn-secondary:active,
#illustration.t-40 .btn-secondary:active:focus {
    background: var(--VS-illustration-image-cote-btnsecondary-color-valeur1) !important;
    color: var(--VS-illustration-image-cote-btnsecondary-bgcolor-calculee) !important;
    /*border: var(--entete-t7-btnsecondary-border) !important;*/
    border-top: var(--VS-illustration-image-cote-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-cote-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-cote-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-cote-btnsecondary-border-calculee-droite) !important;
}



#illustration.t-40 .row {
    height: 100%;
}
#illustration.t-40 .div-texte {
    height: 100%;
    padding-top: 140px; /*170px*/
    padding-bottom: 16px;
}

@media (min-width: 768px) {
    #illustration.t-40.ordre-imgTxt .row {
        flex-direction: row-reverse;
    }
    #illustration.t-40 .div-texte {
        padding-bottom: 50px;
    }
    #illustration.t-40.ordre-txtImg .div-image {
        margin-left: 15px;
    }
    #illustration.t-40.ordre-imgTxt .div-image {
        margin-right: 15px;
    }
    #illustration.t-40 .div-image {
        height: 100%;
    }
    #illustration.t-40 .div-image img, #illustration.t-40 .div-image video {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}





#illustration.t-42,
#illustration.t-43,
#illustration.t-78,
#illustration.t-79,
#illustration.t-80,
#illustration.t-81,
#illustration.t-82,
#illustration.t-83,
#illustration.t-84,
#illustration.t-85,
#illustration.t-89,
#illustration.t-90 {
    background: var(--VS-illustration-image-cote-fond-bgcolor-calculee);
}
#illustration.t-78,
#illustration.t-80 {
    text-align: var(--VS-illustration-image-sans-fond-align-valeur1);
}
#illustration.t-42,
#illustration.t-43,
#illustration.t-78,
#illustration.t-79,
#illustration.t-80,
#illustration.t-81,
#illustration.t-82,
#illustration.t-83,
#illustration.t-84,
#illustration.t-85,
#illustration.t-89 {
    padding-top: 150px;
    padding-bottom: 50px;
}
#illustration.t-90 .div-texte {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
@media (min-width: 768px) {
    #illustration.t-90 .div-texte {
        margin-right: 15px;
    }
    #illustration.t-90 .div-image {
        margin-left: 15px;
    }
}
@media (min-width: 768px) {
    #illustration.t-81 .div-image,
    #illustration.t-90 .div-image {
        height: 100%;
    }
    #illustration.t-81 .div-image img,
    #illustration.t-90 .div-image img {
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
}
#illustration.t-78 .cadre,
#illustration.t-79 .cadre,
#illustration.t-80 .cadre,
#illustration.t-81 .cadre,
#illustration.t-82 .cadre,
#illustration.t-83 .cadre,
#illustration.t-84 .cadre,
#illustration.t-85 .cadre {
    background: #1f9ce8;
    overflow: hidden;
}
#illustration.t-42 h1,
#illustration.t-43 h1,
#illustration.t-78 h1,
#illustration.t-79 h1,
#illustration.t-80 h1,
#illustration.t-81 h1,
#illustration.t-82 h1,
#illustration.t-83 h1,
#illustration.t-84 h1,
#illustration.t-85 h1,
#illustration.t-89 h1,
#illustration.t-90 h1 {
    color: var(--VS-illustration-image-cote-titre-color-valeur1);
    font-size: var(--VS-illustration-image-cote-titre-size-valeur1);
}
#illustration.t-42 h1 strong,
#illustration.t-43 h1 strong,
#illustration.t-78 h1 strong,
#illustration.t-79 h1 strong,
#illustration.t-80 h1 strong,
#illustration.t-81 h1 strong,
#illustration.t-82 h1 strong,
#illustration.t-83 h1 strong,
#illustration.t-84 h1 strong,
#illustration.t-85 h1 strong,
#illustration.t-89 h1 strong,
#illustration.t-90 h1 strong {
    color: var(--VS-illustration-image-cote-titrestrong-color-valeur1);
    font-weight: var(--VS-illustration-image-cote-titrestrong-fontweight-calculee);
}
#illustration.t-42 .contenu p,
#illustration.t-43 .contenu p,
#illustration.t-78 .contenu p,
#illustration.t-79 .contenu p,
#illustration.t-80 .contenu p,
#illustration.t-81 .contenu p,
#illustration.t-82 .contenu p,
#illustration.t-83 .contenu p,
#illustration.t-84 .contenu p,
#illustration.t-85 .contenu p,
#illustration.t-89 .contenu p,
#illustration.t-90 .contenu p {
    color: var(--VS-illustration-image-cote-texte-color-valeur1);
    font-size: var(--VS-illustration-image-cote-texte-size-valeur1);
}
#illustration.t-78 .div-boutons,
#illustration.t-80 .div-boutons {
    justify-content: var(--VS-illustration-image-sans-fond-align-valeur1);
}
#illustration.t-42 .btn,
#illustration.t-43 .btn,
#illustration.t-78 .btn,
#illustration.t-79 .btn,
#illustration.t-80 .btn,
#illustration.t-81 .btn,
#illustration.t-82 .btn,
#illustration.t-83 .btn,
#illustration.t-84 .btn,
#illustration.t-85 .btn,
#illustration.t-89 .btn,
#illustration.t-90 .btn {
    font-size: var(--VS-illustration-image-cote-bouton-size-valeur1);
    padding: var(--VS-illustration-image-cote-bouton-padding-calculee);
    border-radius: var(--VS-illustration-image-cote-bouton-radius-calculee);
}
#illustration.t-42 .btn-primary,
#illustration.t-43 .btn-primary,
#illustration.t-78 .btn-primary,
#illustration.t-79 .btn-primary,
#illustration.t-80 .btn-primary,
#illustration.t-81 .btn-primary,
#illustration.t-82 .btn-primary,
#illustration.t-83 .btn-primary,
#illustration.t-84 .btn-primary,
#illustration.t-85 .btn-primary,
#illustration.t-89 .btn-primary,
#illustration.t-90 .btn-primary {
    background: var(--VS-illustration-image-cote-btnprimary-bgcolor-calculee);
    color: var(--VS-illustration-image-cote-btnprimary-color-valeur1);
    /*border: var(--entete-t7-bouton-border);*/
    border-top: var(--VS-illustration-image-cote-btnprimary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-cote-btnprimary-border-calculee-bas);
    border-left: var(--VS-illustration-image-cote-btnprimary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-cote-btnprimary-border-calculee-droite);
}
#illustration.t-42 .btn-secondary,
#illustration.t-43 .btn-secondary,
#illustration.t-78 .btn-secondary,
#illustration.t-79 .btn-secondary,
#illustration.t-80 .btn-secondary,
#illustration.t-81 .btn-secondary,
#illustration.t-82 .btn-secondary,
#illustration.t-83 .btn-secondary,
#illustration.t-84 .btn-secondary,
#illustration.t-85 .btn-secondary,
#illustration.t-89 .btn-secondary,
#illustration.t-90 .btn-secondary {
    background: var(--VS-illustration-image-cote-btnsecondary-bgcolor-calculee);
    color: var(--VS-illustration-image-cote-btnsecondary-color-valeur1);
    /*border: var(--entete-t7-btnsecondary-border);*/
    border-top: var(--VS-illustration-image-cote-btnsecondary-border-calculee-haut);
    border-bottom: var(--VS-illustration-image-cote-btnsecondary-border-calculee-bas);
    border-left: var(--VS-illustration-image-cote-btnsecondary-border-calculee-gauche);
    border-right: var(--VS-illustration-image-cote-btnsecondary-border-calculee-droite);
}
#illustration.t-42 .btn:hover, #illustration.t-42 .btn:focus, #illustration.t-42 .btn:active, #illustration.t-42 .btn:active:focus,
#illustration.t-43 .btn:hover, #illustration.t-43 .btn:focus, #illustration.t-43 .btn:active, #illustration.t-43 .btn:active:focus,
#illustration.t-78 .btn:hover, #illustration.t-78 .btn:focus, #illustration.t-78 .btn:active, #illustration.t-78 .btn:active:focus,
#illustration.t-79 .btn:hover, #illustration.t-79 .btn:focus, #illustration.t-79 .btn:active, #illustration.t-79 .btn:active:focus,
#illustration.t-80 .btn:hover, #illustration.t-80 .btn:focus, #illustration.t-80 .btn:active, #illustration.t-80 .btn:active:focus,
#illustration.t-81 .btn:hover, #illustration.t-81 .btn:focus, #illustration.t-81 .btn:active, #illustration.t-81 .btn:active:focus,
#illustration.t-82 .btn:hover, #illustration.t-82 .btn:focus, #illustration.t-82 .btn:active, #illustration.t-82 .btn:active:focus,
#illustration.t-83 .btn:hover, #illustration.t-83 .btn:focus, #illustration.t-83 .btn:active, #illustration.t-83 .btn:active:focus,
#illustration.t-84 .btn:hover, #illustration.t-84 .btn:focus, #illustration.t-84 .btn:active, #illustration.t-84 .btn:active:focus,
#illustration.t-85 .btn:hover, #illustration.t-85 .btn:focus, #illustration.t-85 .btn:active, #illustration.t-85 .btn:active:focus,
#illustration.t-89 .btn:hover, #illustration.t-89 .btn:focus, #illustration.t-89 .btn:active, #illustration.t-89 .btn:active:focus,
#illustration.t-90 .btn:hover, #illustration.t-90 .btn:focus, #illustration.t-90 .btn:active, #illustration.t-90 .btn:active:focus {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
#illustration.t-42 .btn-primary:hover, #illustration.t-42 .btn-primary:focus, #illustration.t-42 .btn-primary:active, #illustration.t-42 .btn-primary:active:focus,
#illustration.t-43 .btn-primary:hover, #illustration.t-43 .btn-primary:focus, #illustration.t-43 .btn-primary:active, #illustration.t-43 .btn-primary:active:focus,
#illustration.t-78 .btn-primary:hover, #illustration.t-78 .btn-primary:focus, #illustration.t-78 .btn-primary:active, #illustration.t-78 .btn-primary:active:focus,
#illustration.t-79 .btn-primary:hover, #illustration.t-79 .btn-primary:focus, #illustration.t-79 .btn-primary:active, #illustration.t-79 .btn-primary:active:focus,
#illustration.t-80 .btn-primary:hover, #illustration.t-80 .btn-primary:focus, #illustration.t-80 .btn-primary:active, #illustration.t-80 .btn-primary:active:focus,
#illustration.t-81 .btn-primary:hover, #illustration.t-81 .btn-primary:focus, #illustration.t-81 .btn-primary:active, #illustration.t-81 .btn-primary:active:focus,
#illustration.t-82 .btn-primary:hover, #illustration.t-82 .btn-primary:focus, #illustration.t-82 .btn-primary:active, #illustration.t-82 .btn-primary:active:focus,
#illustration.t-83 .btn-primary:hover, #illustration.t-83 .btn-primary:focus, #illustration.t-83 .btn-primary:active, #illustration.t-83 .btn-primary:active:focus,
#illustration.t-84 .btn-primary:hover, #illustration.t-84 .btn-primary:focus, #illustration.t-84 .btn-primary:active, #illustration.t-84 .btn-primary:active:focus,
#illustration.t-85 .btn-primary:hover, #illustration.t-85 .btn-primary:focus, #illustration.t-85 .btn-primary:active, #illustration.t-85 .btn-primary:active:focus,
#illustration.t-89 .btn-primary:hover, #illustration.t-89 .btn-primary:focus, #illustration.t-89 .btn-primary:active, #illustration.t-89 .btn-primary:active:focus,
#illustration.t-90 .btn-primary:hover, #illustration.t-90 .btn-primary:focus, #illustration.t-90 .btn-primary:active, #illustration.t-90 .btn-primary:active:focus {
    background: var(--VS-illustration-image-cote-btnprimary-color-valeur1) !important;
    color: var(--VS-illustration-image-cote-btnprimary-bgcolor-calculee) !important;
    /*border: var(--entete-t7-bouton-border) !important;*/
    border-top: var(--VS-illustration-image-cote-btnprimary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-cote-btnprimary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-cote-btnprimary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-cote-btnprimary-border-calculee-droite) !important;
}
#illustration.t-42 .btn-secondary:hover, #illustration.t-42 .btn-secondary:focus, #illustration.t-42 .btn-secondary:active, #illustration.t-42 .btn-secondary:active:focus,
#illustration.t-43 .btn-secondary:hover, #illustration.t-43 .btn-secondary:focus, #illustration.t-43 .btn-secondary:active, #illustration.t-43 .btn-secondary:active:focus,
#illustration.t-78 .btn-secondary:hover, #illustration.t-78 .btn-secondary:focus, #illustration.t-78 .btn-secondary:active, #illustration.t-78 .btn-secondary:active:focus,
#illustration.t-79 .btn-secondary:hover, #illustration.t-79 .btn-secondary:focus, #illustration.t-79 .btn-secondary:active, #illustration.t-79 .btn-secondary:active:focus,
#illustration.t-80 .btn-secondary:hover, #illustration.t-80 .btn-secondary:focus, #illustration.t-80 .btn-secondary:active, #illustration.t-80 .btn-secondary:active:focus,
#illustration.t-81 .btn-secondary:hover, #illustration.t-81 .btn-secondary:focus, #illustration.t-81 .btn-secondary:active, #illustration.t-81 .btn-secondary:active:focus,
#illustration.t-82 .btn-secondary:hover, #illustration.t-82 .btn-secondary:focus, #illustration.t-82 .btn-secondary:active, #illustration.t-82 .btn-secondary:active:focus,
#illustration.t-83 .btn-secondary:hover, #illustration.t-83 .btn-secondary:focus, #illustration.t-83 .btn-secondary:active, #illustration.t-83 .btn-secondary:active:focus,
#illustration.t-84 .btn-secondary:hover, #illustration.t-84 .btn-secondary:focus, #illustration.t-84 .btn-secondary:active, #illustration.t-84 .btn-secondary:active:focus,
#illustration.t-85 .btn-secondary:hover, #illustration.t-85 .btn-secondary:focus, #illustration.t-85 .btn-secondary:active, #illustration.t-85 .btn-secondary:active:focus,
#illustration.t-89 .btn-secondary:hover, #illustration.t-89 .btn-secondary:focus, #illustration.t-89 .btn-secondary:active, #illustration.t-89 .btn-secondary:active:focus,
#illustration.t-90 .btn-secondary:hover, #illustration.t-90 .btn-secondary:focus, #illustration.t-90 .btn-secondary:active, #illustration.t-90 .btn-secondary:active:focus {
    background: var(--VS-illustration-image-cote-btnsecondary-color-valeur1) !important;
    color: var(--VS-illustration-image-cote-btnsecondary-bgcolor-calculee) !important;
    /*border: var(--entete-t7-btnsecondary-border) !important;*/
    border-top: var(--VS-illustration-image-cote-btnsecondary-border-calculee-haut) !important;
    border-bottom: var(--VS-illustration-image-cote-btnsecondary-border-calculee-bas) !important;
    border-left: var(--VS-illustration-image-cote-btnsecondary-border-calculee-gauche) !important;
    border-right: var(--VS-illustration-image-cote-btnsecondary-border-calculee-droite) !important;
}










#illustration.t-78 .cadre {
    padding: 0;
    background-position: center;
    background-size: cover;
}
#illustration.t-78 .filtre {
    background: var(--VS-illustration-image-fond-filtre-bgcolor-calculee);
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
}



#illustration.t-81 .cadre {
    padding: 0;
    overflow: hidden;
}
#illustration.t-81 .div-texte {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-bottom: 0;
}
@media (min-width: 768px) {
    #illustration.t-81 .div-texte {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
        padding-right: 0;
    }
}



#illustration.t-84 .cadre {
    position: relative;
    z-index: 1;
    margin: 0 30px;
    margin-bottom: -50px;
}
@media (min-width: 768px) {
    #illustration.t-84 .cadre {
        margin: 0;
        margin-right: -200px;
    }
}



#illustration.t-85 .div-image {
    position: relative;
    z-index: 1;
    margin: 0 30px;
}
#illustration.t-85 .cadre {
    margin-bottom: -50px;
}
#illustration.t-85 .cadre .div-texte {
    padding-bottom: 50px;
}
@media (min-width: 768px) {
    #illustration.t-85 .div-image {
        margin: 0;
    }
    #illustration.t-85 .cadre {
        margin-bottom: 0;
        padding-right: 0;
        margin-right: -200px;
    }
    #illustration.t-85 .cadre .div-texte {
        padding-bottom: 0;
        margin-right: 200px;
    }
}



#illustration.t-89 .div-texte,
#illustration.t-90 .div-texte {
    position: relative;
    z-index: 1;
}
#illustration.t-89 .div-texte {
    padding-bottom: 16px;
}
#illustration.t-90 .div-texte {
    height: 100%;
    padding-top: 140px;
    padding-bottom: 16px;
}
#illustration.t-89 .div-image,
#illustration.t-90 .div-image {
    position: relative;
}
#illustration.t-89 .filtre,
#illustration.t-90 .filtre {
    background: var(--VS-illustration-image-fond-filtre-bgcolor-calculee);
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
@media (min-width: 768px) {
    #illustration.t-89 .div-texte {
        padding-bottom: 0;
    }
    #illustration.t-90 .div-texte {
        padding-bottom: 50px;
    }
    #illustration.t-89 h1,
    #illustration.t-90 h1 {
        margin-right: -50%;
    }
}












/* ---------------------------------
------------------------------------
FAQ
------------------------------------
--------------------------------- */
.blocpage.blocfaq .accordion .card {
    border-radius: var(--VI-blocpage-0-question-faq-1-faq-radius-calculee);
    margin-bottom: 20px;
    border: none;

    background: var(--VI-blocpage-1-question-faq-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-1-question-faq-1-content-blur-valeur1));
    box-shadow: var(--VI-blocpage-1-question-faq-1-faq-shadow-calculee);
}
.fond2.blocpage.blocfaq .accordion .card {
    background: var(--VI-blocpage-2-question-faq-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-2-question-faq-1-content-blur-valeur1));
    box-shadow: var(--VI-blocpage-2-question-faq-1-faq-shadow-calculee);
}
.fond3.blocpage.blocfaq .accordion .card {
    background: var(--VI-blocpage-3-question-faq-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-3-question-faq-1-content-blur-valeur1));
    box-shadow: var(--VI-blocpage-3-question-faq-1-faq-shadow-calculee);
}
.fond4.blocpage.blocfaq .accordion .card {
    background: var(--VI-blocpage-4-question-faq-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-4-question-faq-1-content-blur-valeur1));
    box-shadow: var(--VI-blocpage-4-question-faq-1-faq-shadow-calculee);
}
.fond5.blocpage.blocfaq .accordion .card {
    background: var(--VI-blocpage-5-question-faq-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-5-question-faq-1-content-blur-valeur1));
    box-shadow: var(--VI-blocpage-5-question-faq-1-faq-shadow-calculee);
}

.blocpage.blocfaq .accordion .card .card-header {
    background: none;
    border: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    padding: var(--VI-blocpage-0-question-faq-1-content-padding-calculee);
}

.blocpage.blocfaq .accordion .card .card-header h3 {
    font-size: var(--VI-blocpage-0-question-faq-1-question-size-valeur1);
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;

    color: var(--VI-blocpage-1-question-faq-1-question-color-valeur1);
}
.fond2.blocpage.blocfaq .accordion .card .card-header h3 {
    color: var(--VI-blocpage-2-question-faq-1-question-color-valeur1);
}
.fond3.blocpage.blocfaq .accordion .card .card-header h3 {
    color: var(--VI-blocpage-3-question-faq-1-question-color-valeur1);
}
.fond4.blocpage.blocfaq .accordion .card .card-header h3 {
    color: var(--VI-blocpage-4-question-faq-1-question-color-valeur1);
}
.fond5.blocpage.blocfaq .accordion .card .card-header h3 {
    color: var(--VI-blocpage-5-question-faq-1-question-color-valeur1);
}

.blocpage.blocfaq .accordion .card .card-header svg {
    /*width: calc(var(--VI-blocpage-0-question-faq-1-question-size-valeur1) * 2);*/
    width: var(--VI-blocpage-0-question-faq-1-icone-size-valeur1);
    aspect-ratio: 1 / 1;
    transition: all .3s ease-out;
    transform: rotate(0deg);

    fill: var(--VI-blocpage-1-question-faq-1-icone-color-valeur1);
}
.fond2.blocpage.blocfaq .accordion .card .card-header svg {
    fill: var(--VI-blocpage-2-question-faq-1-icone-color-valeur1);
}
.fond3.blocpage.blocfaq .accordion .card .card-header svg {
    fill: var(--VI-blocpage-3-question-faq-1-icone-color-valeur1);
}
.fond4.blocpage.blocfaq .accordion .card .card-header svg {
    fill: var(--VI-blocpage-4-question-faq-1-icone-color-valeur1);
}
.fond5.blocpage.blocfaq .accordion .card .card-header svg {
    fill: var(--VI-blocpage-5-question-faq-1-icone-color-valeur1);
}

.blocpage.blocfaq .accordion .card .card-header[data-toggle="collapse"]:not(.collapsed) svg {
    transform: rotate(-180deg);
}

.blocpage.blocfaq .accordion .card .card-body {
    padding: var(--VI-blocpage-0-question-faq-1-content-padding-calculee);
}
/*.blocpage.blocfaq .accordion .card .card-body {
    border-top: solid 1px;
    border-color: var(--VI-blocpage-1-item-fond-avec-1-titre-color-valeur1);
}
.blocpage.blocfaq.fond2 .accordion .card .card-body {
    border-color: var(--VI-blocpage-2-item-fond-avec-1-titre-color-valeur1);
}
.blocpage.blocfaq.fond3 .accordion .card .card-body {
    border-color: var(--VI-blocpage-3-item-fond-avec-1-titre-color-valeur1);
}*/

.blocpage.blocfaq .accordion .card .card-body p {
    font-size: var(--VI-blocpage-0-question-faq-1-reponse-size-valeur1);

    color: var(--VI-blocpage-1-question-faq-1-reponse-color-valeur1);
}
.fond2.blocpage.blocfaq .accordion .card .card-body p {
    color: var(--VI-blocpage-2-question-faq-1-reponse-color-valeur1);
}
.fond3.blocpage.blocfaq .accordion .card .card-body p {
    color: var(--VI-blocpage-3-question-faq-1-reponse-color-valeur1);
}
.fond4.blocpage.blocfaq .accordion .card .card-body p {
    color: var(--VI-blocpage-4-question-faq-1-reponse-color-valeur1);
}
.fond5.blocpage.blocfaq .accordion .card .card-body p {
    color: var(--VI-blocpage-5-question-faq-1-reponse-color-valeur1);
}






















/* ---------------------------------
------------------------------------
FORMULAIRE CONTACT
------------------------------------
--------------------------------- */

.blocpage.bloccontact .map_canvas {
    min-height: 350px;
    height: 100%;
}


/* ---------------------------------
Carte pleine sur le cÃ´tÃ©
--------------------------------- */
.blocpage.bloccontact.t-101 .div-formulaire {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.bloccontact.t-101 .div-formulaire {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
        padding-left: 0;
        padding-right: 0;
    }
    .blocpage.bloccontact.t-101.ordre-blocForm .map_canvas {
        margin-left: 15px;
    }
    .blocpage.bloccontact.t-101.ordre-formBloc .map_canvas {
        margin-right: 15px;
    }
}

/* ---------------------------------
Cadre carte pleine sur le cÃ´tÃ©
--------------------------------- */
.blocpage.bloccontact.t-104 .cadre {
    padding: 0;
    overflow: hidden;
}
.blocpage.bloccontact.t-104 .div-formulaire {
    padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    padding-bottom: 16px;
}

@media (min-width: 768px) {
    .blocpage.bloccontact.t-104 .div-formulaire {
        padding: var(--VI-blocpage-0-cadre-1-cadre-padding-calculee);
    }
    .blocpage.bloccontact.t-104.ordre-blocForm .div-formulaire {
        padding-right: 0;
    }
    .blocpage.bloccontact.t-104.ordre-formBloc .div-formulaire {
        padding-left: 0;
    }
}





/* ---------------------------------
------------------------------------
GALERIE IMAGES
------------------------------------
--------------------------------- */
.blocpage.blocgalerieimages.t-131 .frame img,
.blocpage.blocgalerieimages.t-132 .frame img,
.blocpage.blocgalerieimages.t-133 .frame img,
.blocpage.blocgalerieimages.t-134 .frame img,
.blocpage.blocgalerieimages.t-135 .frame img {
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}
.blocpage.blocgalerieimages .frame img {
    cursor: pointer;
}

/*.blocpage.blocgalerieimages .espacement-inactif {
    padding: 0;
    margin: 0;
}*/







.lightbox {
    display: none;
    background: rgba(0, 0, 0, 0.75);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.lightbox .lightbox-body {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.lightbox .lightbox-body .lightbox-bouton {
    display: flex;
    justify-content: end;
    padding: 15px 15px 0;
}
.lightbox .lightbox-body .lightbox-bouton svg {
    fill: white;
    width: 44px;
}
.lightbox .lightbox-body .lightbox-image {
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1;
    overflow: hidden;
    padding: 20px 30px 30px;
}
.lightbox .lightbox-body .lightbox-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
}


.lightbox-prev,
.lightbox-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 3rem;
    background: none;
    border: none;
    color: white;
    cursor: pointer;
    z-index: 10;
    padding: 0 1rem;
    user-select: none;
}

.lightbox-prev {
    left: 20px;
}

.lightbox-next {
    right: 20px;
}










/* --------------------------------------------------
-----------------------------------------------------
----------------- MODAL DES COOKIES -----------------
-----------------------------------------------------
-------------------------------------------------- */

.modal#cookiesWall .modal-content {
    font-size: 14px;
    background: var(--VS-blocpage-1-section-bgcolor-calculee);
}
.modal#cookiesWall .modal-content .modal-header h3 {
    font-size: 1.5em;
}
.modal#cookiesWall .modal-content .modal-body h4 {
    font-size: 1.25em;
}
.modal#cookiesWall .modal-content .modal-body .div-paragraphe-expansible {
    margin-bottom: 1em;
}
.modal#cookiesWall .modal-content .modal-body .div-paragraphe-expansible p {
    margin-bottom: 0;
}
.modal#cookiesWall .modal-content .modal-body .div-paragraphe-expansible p.estTronque {
    overflow: hidden;
    max-height: 3em;
}
.modal#cookiesWall .modal-content .modal-body .div-paragraphe-expansible a {
    color: var(--VS-blocpage-1-lien-color-valeur1);
    cursor: pointer;
}

@media (min-width: 768px) {
    .modal#cookiesWall .modal-content {
        font-size: 16px;
    }
    .modal#cookiesWall .modal-content .modal-body .div-paragraphe-expansible a {
        display: none;
    }
    .modal#cookiesWall .modal-content .modal-body .div-paragraphe-expansible p.estTronque {
        overflow: visible;
        max-height: none;
    }
}




/* --------------------------------------------------
-----------------------------------------------------
---------------- OFFCANVAS DU PANIER ----------------
-----------------------------------------------------
-------------------------------------------------- */
.offcanvas {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    min-height: 100vh;
    z-index: 2000;
    background-color: rgba(40, 40, 40, 0.5);
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-fill-mode: forwards;
}
.offcanvas .offcanvas-body {
    display: flex;
    flex-direction: column;
    background: white;
    overflow-y: auto;
    width: 100%;
    max-width: 500px;
    height: 100%;
    margin-left: auto;
    animation-timing-function: ease;
    animation-iteration-count: 1;
    animation-play-state: paused;
    animation-fill-mode: forwards;
}


@keyframes offcanvasApparition {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
@keyframes offcanvasOuverture {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0);
    }
}
@keyframes offcanvasDisparition {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
@keyframes offcanvasFermeture {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(100%);
    }
}


.offcanvas.offcanvas-panier {
    font-size: 16px;
    display: none;
}
.offcanvas.offcanvas-panier .offcanvas-body {
    overflow-y: hidden;
    position: relative;
    background: white; /*var(--VS-blocpage-1-section-bgcolor-calculee)*/
    color: #808080; /*var(--VS-blocpage-1-texte-color-valeur1)*/
    max-width: 580px;
}
.offcanvas.offcanvas-panier .offcanvas-body .div-icone {
    cursor: pointer;
}

.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-header {
    background: white; /*var(--VS-blocpage-1-section-bgcolor-calculee)*/
    position: sticky;
    top: 0;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    border-bottom: solid 1px #CFCFCF;
    /*box-shadow: 0 10px 20px 10px white;*/
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-header h3 {
    font-size: 1.5em;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-header .div-icone svg {
    width: 1.5em;
    fill: #808080; /*var(--VS-blocpage-1-texte-color-valeur1)*/
}


.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main {
    overflow-y: auto;
    padding: 20px;
    flex: 1;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit {
    display: flex;
    justify-content: end;
    align-items: start;
    gap: 15px;
    margin-bottom: 24px;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit:not(:first-child) {
    padding-top: 20px;
    border-top: solid 1px #CFCFCF;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit img {
    min-width: 50px;
    width: 150px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    object-position: center;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations {
    flex: 1;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-nom {
    display: flex;
    align-items: start;
    gap: 10px;
    margin-bottom: 1em;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-nom h3 {
    width: 100%;
    font-size: 1.25em;
    margin-bottom: 0;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-nom .div-icone svg {
    width: 1.5em;
    fill: #DA3131; /*var(--VS-blocpage-1-soustitre-color-valeur1)*/
    transition: fill 0.2s ease-in-out;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details {
    display: flex;
    align-items: end;
    gap: 10px;
    flex-wrap: wrap;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques {
    flex: 1;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques p {
    margin: 0;
    font-size: 1em;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite {
    background: #EDEDED; /*var(--VI-blocpage-1-cadre-1-cadre-bgcolor-calculee)*/
    border-radius: 100px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 0.25em;
    margin-top: 1em;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite p {
    color: #808080; /*var(--VI-blocpage-1-cadre-1-texte-color-valeur1)*/
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite .div-icone {
    border-radius: 1em;
    padding: 0.25em;
    transition: background 0.2s ease-in-out;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite .div-icone:hover {
    background: #D7D7D7; /*var(--VI-blocpage-1-cadre-1-btnprimary-color-valeur1)*/
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite .div-icone svg {
    width: 1.5em;
    fill: #808080; /*var(--VI-blocpage-1-cadre-1-btnprimary-bgcolor-calculee)*/
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite .div-icone.quantite-max {
    cursor: default;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite .div-icone.quantite-max:hover {
    background: none;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-caracteristiques .produit-quantite .div-icone.quantite-max svg {
    fill: #C2C2C2;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-prix &gt; div {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 10px;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-prix p {
    margin-bottom: 0;
    text-align: right;
    font-size: 1em;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-prix .prix-plein {
    text-decoration: line-through;
    color: #DA3131; /*var(--VS-blocpage-1-soustitre-color-valeur1)*/
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-prix .prix-quantite .prix-plein {
    font-size: 1.25em;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-main .div-produit .produit-informations .produit-details .produit-prix .prix-quantite .prix {
    color: var(--VS-blocpage-1-titre-color-valeur1);
    font-size: 1.5em;
    font-weight: 600;
}




.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer {
    background: white; /*var(--VS-blocpage-1-section-bgcolor-calculee)*/
    position: sticky;
    bottom: 0;
    z-index: 1;
    padding: 10px 20px 20px;
    border-top: solid 1px #cfcfcf;
    /*box-shadow: 0 10px 20px 10px white;*/
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-prix-total {
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    margin-bottom: 0.5em;
}
/*.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-prix-total {

}*/

.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-prix-total p {
    margin: 0;
    font-size: 1.2em;
    font-weight: 600;
    color: #444444; /*var(--VS-blocpage-1-titre-color-valeur1)*/
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-prix-total p:nth-child(2) {
    font-size: 1.8em;
    font-weight: 700;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-validation {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-validation &gt; div {
    flex: 1;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-validation .btn {
    position: relative;
    z-index: 1;
}
.offcanvas.offcanvas-panier .offcanvas-body .offcanvas-footer .panier-validation p {
    margin: 0;
    margin-top: 0.5em;
    font-size: 0.8em;
    text-align: right;
    color: #808080;
}





/* ---------- LES COLONNES DE CONTENU ---------- */
.blocpage .masonry .colonnes {
    align-items: start;
}
/*.blocpage.blocitems .items {
    margin-bottom: -25px;
}*/

/*
.blocpage.blocitems .frame  img {
    width: 100%;
}
.blocpage.blocitems .frame .div-contenu {
    display: flex;
    flex-direction: column;
}
.blocpage.blocitems .frame .div-contenu,
.blocpage.blocitems .frame .bloc,
.blocpage.blocitems .frame .filtre {
    height: 100%;
}
.blocpage.blocitems .frame .illustration img {
    object-fit: cover;
    object-position: center;
}*/

.blocpage.blocitems .frame {
    text-align: var(--VI-blocpage-0-item-fond-avec-1-item-align-valeur1);

    /*filter: drop-shadow(var(--VI-blocpage-1-item-fond-avec-1-item-shadow-calculee));*/
}
/*.fond2.blocpage.blocitems .frame {
    filter: drop-shadow(var(--VI-blocpage-2-item-fond-avec-1-item-shadow-calculee));
}
.fond3.blocpage.blocitems .frame {
    filter: drop-shadow(var(--VI-blocpage-3-item-fond-avec-1-item-shadow-calculee));
}*/
.blocpage.blocitems .frame .illustration {
    display: flex;
    height: 100%;
}
.blocpage.blocitems .frame .filtre {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(2px);
}

.blocpage.blocitems .frame .bloc {
    background: var(--VI-blocpage-1-item-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-1-item-fond-avec-1-content-blur-valeur1));
}
.fond2.blocpage.blocitems .frame .bloc {
    background: var(--VI-blocpage-2-item-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-2-item-fond-avec-1-content-blur-valeur1));
}
.fond3.blocpage.blocitems .frame .bloc {
    background: var(--VI-blocpage-3-item-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-3-item-fond-avec-1-content-blur-valeur1));
}
.fond4.blocpage.blocitems .frame .bloc {
    background: var(--VI-blocpage-4-item-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-4-item-fond-avec-1-content-blur-valeur1));
}
.fond5.blocpage.blocitems .frame .bloc {
    background: var(--VI-blocpage-5-item-fond-avec-1-content-bgcolor-calculee);
    backdrop-filter: blur(var(--VI-blocpage-5-item-fond-avec-1-content-blur-valeur1));
}

.blocpage.blocitems .frame.bordure,
.blocpage.blocitems .frame .bordure {
    -webkit-border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);

    box-shadow: var(--VI-blocpage-1-item-fond-avec-1-item-shadow-calculee);
    border-top: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-droite);
}
.fond2.blocpage.blocitems .frame.bordure,
.fond2.blocpage.blocitems .frame .bordure {
    box-shadow: var(--VI-blocpage-2-item-fond-avec-1-item-shadow-calculee);
    border-top: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-droite);
}
.fond3.blocpage.blocitems .frame.bordure,
.fond3.blocpage.blocitems .frame .bordure {
    box-shadow: var(--VI-blocpage-3-item-fond-avec-1-item-shadow-calculee);
    border-top: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-droite);
}
.fond4.blocpage.blocitems .frame.bordure,
.fond4.blocpage.blocitems .frame .bordure {
    box-shadow: var(--VI-blocpage-4-item-fond-avec-1-item-shadow-calculee);
    border-top: var(--VI-blocpage-4-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-4-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-4-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-4-item-fond-avec-1-item-border-calculee-droite);
}
.fond5.blocpage.blocitems .frame.bordure,
.fond5.blocpage.blocitems .frame .bordure {
    box-shadow: var(--VI-blocpage-5-item-fond-avec-1-item-shadow-calculee);
    border-top: var(--VI-blocpage-5-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-5-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-5-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-5-item-fond-avec-1-item-border-calculee-droite);
}

.blocpage.blocitems .frame h3 {
    font-size: var(--VI-blocpage-0-item-fond-avec-1-titre-size-valeur1);
    color: var(--VI-blocpage-1-item-fond-avec-1-titre-color-valeur1);
}
.fond2.blocpage.blocitems .frame h3 {
    color: var(--VI-blocpage-2-item-fond-avec-1-titre-color-valeur1);
}
.fond3.blocpage.blocitems .frame h3 {
    color: var(--VI-blocpage-3-item-fond-avec-1-titre-color-valeur1);
}
.fond4.blocpage.blocitems .frame h3 {
    color: var(--VI-blocpage-4-item-fond-avec-1-titre-color-valeur1);
}
.fond5.blocpage.blocitems .frame h3 {
    color: var(--VI-blocpage-5-item-fond-avec-1-titre-color-valeur1);
}

.blocpage.blocitems .frame .contenu,
.blocpage.blocitems .frame .contenu p,
.blocpage.blocitems .frame .contenu li,
.blocpage.blocitems .frame .contenu a {
    font-size: var(--VI-blocpage-0-item-fond-avec-1-texte-size-valeur1);
    color: var(--VI-blocpage-1-item-fond-avec-1-texte-color-valeur1);
}
.fond2.blocpage.blocitems .frame .contenu,
.fond2.blocpage.blocitems .frame .contenu p,
.fond2.blocpage.blocitems .frame .contenu li,
.fond2.blocpage.blocitems .frame .contenu a {
    color: var(--VI-blocpage-2-item-fond-avec-1-texte-color-valeur1);
}
.fond3.blocpage.blocitems .frame .contenu,
.fond3.blocpage.blocitems .frame .contenu p,
.fond3.blocpage.blocitems .frame .contenu li,
.fond3.blocpage.blocitems .frame .contenu a {
    color: var(--VI-blocpage-3-item-fond-avec-1-texte-color-valeur1);
}
.fond4.blocpage.blocitems .frame .contenu,
.fond4.blocpage.blocitems .frame .contenu p,
.fond4.blocpage.blocitems .frame .contenu li,
.fond4.blocpage.blocitems .frame .contenu a {
    color: var(--VI-blocpage-4-item-fond-avec-1-texte-color-valeur1);
}
.fond5.blocpage.blocitems .frame .contenu,
.fond5.blocpage.blocitems .frame .contenu p,
.fond5.blocpage.blocitems .frame .contenu li,
.fond5.blocpage.blocitems .frame .contenu a {
    color: var(--VI-blocpage-5-item-fond-avec-1-texte-color-valeur1);
}

.blocpage.blocitems .frame .btn {
    padding: var(--VI-blocpage-0-item-fond-avec-1-btn-padding-calculee);
    font-size: var(--VI-blocpage-0-item-fond-avec-1-btn-size-valeur1);
    border-radius: var(--VI-blocpage-0-item-fond-avec-1-btn-radius-calculee);

    background: var(--VI-blocpage-1-item-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-1-item-fond-avec-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-1-item-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-1-item-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-1-item-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-1-item-fond-avec-1-btn-border-calculee-droite) !important;
}
.blocpage.blocitems .frame .btn-primary:hover {
    background: var(--VI-blocpage-1-item-fond-avec-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-1-item-fond-avec-1-btn-bgcolor-calculee) !important;
}
.fond2.blocpage.blocitems .frame .btn {
    background: var(--VI-blocpage-2-item-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-2-item-fond-avec-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-2-item-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-2-item-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-2-item-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-2-item-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond2.blocpage.blocitems .frame .btn-primary:hover {
    background: var(--VI-blocpage-2-item-fond-avec-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-2-item-fond-avec-1-btn-bgcolor-calculee) !important;
}
.fond3.blocpage.blocitems .frame .btn {
    background: var(--VI-blocpage-3-item-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-3-item-fond-avec-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-3-item-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-3-item-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-3-item-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-3-item-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond3.blocpage.blocitems .frame .btn-primary:hover {
    background: var(--VI-blocpage-3-item-fond-avec-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-3-item-fond-avec-1-btn-bgcolor-calculee) !important;
}
.fond4.blocpage.blocitems .frame .btn {
    background: var(--VI-blocpage-4-item-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-4-item-fond-avec-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-4-item-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-4-item-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-4-item-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-4-item-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond4.blocpage.blocitems .frame .btn-primary:hover {
    background: var(--VI-blocpage-4-item-fond-avec-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-4-item-fond-avec-1-btn-bgcolor-calculee) !important;
}
.fond5.blocpage.blocitems .frame .btn {
    background: var(--VI-blocpage-5-item-fond-avec-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-5-item-fond-avec-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-5-item-fond-avec-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-5-item-fond-avec-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-5-item-fond-avec-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-5-item-fond-avec-1-btn-border-calculee-droite) !important;
}
.fond5.blocpage.blocitems .frame .btn-primary:hover {
    background: var(--VI-blocpage-5-item-fond-avec-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-5-item-fond-avec-1-btn-bgcolor-calculee) !important;
}



/* =====================
BLOCS CLASSIQUES
======================= */
/* ---------------------------------
1 - Bloc sans fond
--------------------------------- */
.blocpage.blocitems .frame.t-28 .div-contenu {
    display: flex;
    flex-direction: column;
    gap: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);
}
.blocpage.blocitems .frame.t-28 .div-contenu .content {
    margin-bottom: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);
}

.blocpage.blocitems .frame.t-28.alignement-gauche .div-contenu .illustration {
    justify-content: start;
}
.blocpage.blocitems .frame.t-28.alignement-centre .div-contenu .illustration {
    justify-content: center;
}
.blocpage.blocitems .frame.t-28.alignement-droite .div-contenu .illustration {
    justify-content: end;
}



.blocpage.blocitems .frame.t-28 {
    text-align: var(--VI-blocpage-0-item-fond-sans-1-item-align-valeur1);
}

.blocpage.blocitems .frame.t-28 h3 {
    font-size: var(--VI-blocpage-0-item-fond-sans-1-titre-size-valeur1);

    color: var(--VI-blocpage-1-item-fond-sans-1-titre-color-valeur1);
}
.fond2.blocpage.blocitems .frame.t-28 h3 {
    color: var(--VI-blocpage-2-item-fond-sans-1-titre-color-valeur1);
}
.fond3.blocpage.blocitems .frame.t-28 h3 {
    color: var(--VI-blocpage-3-item-fond-sans-1-titre-color-valeur1);
}
.fond4.blocpage.blocitems .frame.t-28 h3 {
    color: var(--VI-blocpage-4-item-fond-sans-1-titre-color-valeur1);
}
.fond5.blocpage.blocitems .frame.t-28 h3 {
    color: var(--VI-blocpage-5-item-fond-sans-1-titre-color-valeur1);
}

.blocpage.blocitems .frame.t-28 .contenu,
.blocpage.blocitems .frame.t-28 .contenu p {
    font-size: var(--VI-blocpage-0-item-fond-sans-1-texte-size-valeur1);

    color: var(--VI-blocpage-1-item-fond-sans-1-texte-color-valeur1);
}
.fond2.blocpage.blocitems .frame.t-28 .contenu,
.fond2.blocpage.blocitems .frame.t-28 .contenu p {
    color: var(--VI-blocpage-2-item-fond-sans-1-texte-color-valeur1);
}
.fond3.blocpage.blocitems .frame.t-28 .contenu,
.fond3.blocpage.blocitems .frame.t-28 .contenu p {
    color: var(--VI-blocpage-3-item-fond-sans-1-texte-color-valeur1);
}
.fond4.blocpage.blocitems .frame.t-28 .contenu,
.fond4.blocpage.blocitems .frame.t-28 .contenu p {
    color: var(--VI-blocpage-4-item-fond-sans-1-texte-color-valeur1);
}
.fond5.blocpage.blocitems .frame.t-28 .contenu,
.fond5.blocpage.blocitems .frame.t-28 .contenu p {
    color: var(--VI-blocpage-5-item-fond-sans-1-texte-color-valeur1);
}

.blocpage.blocitems .frame.t-28 .btn {
    padding: var(--VI-blocpage-0-item-fond-sans-1-btn-padding-calculee);
    font-size: var(--VI-blocpage-0-item-fond-sans-1-btn-size-valeur1);
    border-radius: var(--VI-blocpage-0-item-fond-sans-1-btn-radius-calculee);

    background: var(--VI-blocpage-1-item-fond-sans-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-1-item-fond-sans-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-1-item-fond-sans-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-1-item-fond-sans-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-1-item-fond-sans-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-1-item-fond-sans-1-btn-border-calculee-droite) !important;
}
.blocpage.blocitems .frame.t-28 .btn-primary:hover {
    background: var(--VI-blocpage-1-item-fond-sans-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-1-item-fond-sans-1-btn-bgcolor-calculee) !important;
}
.fond2.blocpage.blocitems .frame.t-28 .btn {
    background: var(--VI-blocpage-2-item-fond-sans-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-2-item-fond-sans-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-2-item-fond-sans-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-2-item-fond-sans-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-2-item-fond-sans-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-2-item-fond-sans-1-btn-border-calculee-droite) !important;
}
.fond2.blocpage.blocitems .frame.t-28 .btn-primary:hover {
    background: var(--VI-blocpage-2-item-fond-sans-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-2-item-fond-sans-1-btn-bgcolor-calculee) !important;
}
.fond3.blocpage.blocitems .frame.t-28 .btn {
    background: var(--VI-blocpage-3-item-fond-sans-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-3-item-fond-sans-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-3-item-fond-sans-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-3-item-fond-sans-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-3-item-fond-sans-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-3-item-fond-sans-1-btn-border-calculee-droite) !important;
}
.fond3.blocpage.blocitems .frame.t-28 .btn-primary:hover {
    background: var(--VI-blocpage-3-item-fond-sans-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-3-item-fond-sans-1-btn-bgcolor-calculee) !important;
}
.fond4.blocpage.blocitems .frame.t-28 .btn {
    background: var(--VI-blocpage-4-item-fond-sans-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-4-item-fond-sans-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-4-item-fond-sans-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-4-item-fond-sans-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-4-item-fond-sans-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-4-item-fond-sans-1-btn-border-calculee-droite) !important;
}
.fond4.blocpage.blocitems .frame.t-28 .btn-primary:hover {
    background: var(--VI-blocpage-4-item-fond-sans-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-4-item-fond-sans-1-btn-bgcolor-calculee) !important;
}
.fond5.blocpage.blocitems .frame.t-28 .btn {
    background: var(--VI-blocpage-5-item-fond-sans-1-btn-bgcolor-calculee);
    color: var(--VI-blocpage-5-item-fond-sans-1-btn-color-valeur1);
    border-top: var(--VI-blocpage-5-item-fond-sans-1-btn-border-calculee-haut) !important;
    border-bottom: var(--VI-blocpage-5-item-fond-sans-1-btn-border-calculee-bas) !important;
    border-left: var(--VI-blocpage-5-item-fond-sans-1-btn-border-calculee-gauche) !important;
    border-right: var(--VI-blocpage-5-item-fond-sans-1-btn-border-calculee-droite) !important;
}
.fond5.blocpage.blocitems .frame.t-28 .btn-primary:hover {
    background: var(--VI-blocpage-5-item-fond-sans-1-btn-color-valeur1) !important;
    color: var(--VI-blocpage-5-item-fond-sans-1-btn-bgcolor-calculee) !important;
}

/* ---------------------------------
2 - Bloc image et cadre
--------------------------------- */
.blocpage.blocitems .frame.t-15 .div-contenu {
    display: flex;
    flex-direction: column;
    gap: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)/2);
}
.blocpage.blocitems .frame.t-15 .div-contenu .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

.blocpage.blocitems .frame.t-15.alignement-gauche .div-contenu .illustration {
    justify-content: start;
}
.blocpage.blocitems .frame.t-15.alignement-centre .div-contenu .illustration {
    justify-content: center;
}
.blocpage.blocitems .frame.t-15.alignement-droite .div-contenu .illustration {
    justify-content: end;
}

/* ---------------------------------
3 - Bloc image marge
--------------------------------- */
.blocpage.blocitems .frame.t-29 .div-contenu {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    display: flex;
    flex-direction: column;
    gap: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);
}

.blocpage.blocitems .frame.t-29.alignement-gauche .div-contenu .illustration {
    justify-content: start;
}
.blocpage.blocitems .frame.t-29.alignement-centre .div-contenu .illustration {
    justify-content: center;
}
.blocpage.blocitems .frame.t-29.alignement-droite .div-contenu .illustration {
    justify-content: end;
}

/* ---------------------------------
4 - Bloc image pleine
--------------------------------- */
.blocpage.blocitems .frame.t-5 {
    overflow: hidden;
}
.blocpage.blocitems .frame.t-5 .div-contenu .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

.blocpage.blocitems .frame.t-5.alignement-gauche .div-contenu .illustration {
    justify-content: start;
}
.blocpage.blocitems .frame.t-5.alignement-centre .div-contenu .illustration {
    justify-content: center;
}
.blocpage.blocitems .frame.t-5.alignement-droite .div-contenu .illustration {
    justify-content: end;
}


/* =====================
BLOCS IMAGES EN FOND
======================= */
.blocpage.blocitems .frame.t-imgFond {
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

/* ---------------------------------
5 - Bloc filtre plein
--------------------------------- */
.blocpage.blocitems .frame.t-25 .div-contenu {
    padding-top: 200px;
}
.blocpage.blocitems .frame.t-25 .div-contenu .content {
    padding: 0 var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur) var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);
}

/* ---------------------------------
6 - Bloc filtre bandeau
--------------------------------- */
.blocpage.blocitems .frame.t-117 .div-contenu {
    padding-top: 200px;
}
.blocpage.blocitems .frame.t-117 .div-contenu .content{
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

/* ---------------------------------
7 - Bloc filtre texte
--------------------------------- */
.blocpage.blocitems .frame.t-118 .filtre {
    border-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-118 .div-contenu {
    padding: 200px var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur) var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);
}
.blocpage.blocitems .frame.t-118 .div-contenu .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

/* ---------------------------------
8 - Bloc cadre texte
--------------------------------- */
.blocpage.blocitems .frame.t-119 .bloc {
    border-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-119 .div-contenu {
    padding: 200px var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur) var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);
}
.blocpage.blocitems .frame.t-119 .div-contenu .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

/* ---------------------------------
9 - Bloc filtre texte en coin
--------------------------------- */
.blocpage.blocitems .frame.t-120 .div-contenu {
    padding-top: 200px;
}
.blocpage.blocitems .frame.t-120 .div-contenu .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

.blocpage.blocitems .frame.t-120.alignement-gauche .filtre {
    border-top-right-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-120.alignement-gauche .div-contenu {
    padding-right: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}
.blocpage.blocitems .frame.t-120.alignement-centre .filtre {
    border-top-left-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
    border-top-right-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-120.alignement-centre .div-contenu {
    padding-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    padding-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-120.alignement-droite .filtre {
    border-top-left-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-120.alignement-droite .div-contenu {
    padding-left: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}

/* ---------------------------------
10 - Bloc cadre texte en coin
--------------------------------- */
.blocpage.blocitems .frame.t-121 .div-contenu {
    padding-top: 200px;
}
.blocpage.blocitems .frame.t-121 .div-contenu .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

.blocpage.blocitems .frame.t-121.alignement-gauche .bloc {
    border-top-right-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-121.alignement-gauche .div-contenu {
    padding-right: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}
.blocpage.blocitems .frame.t-121.alignement-centre .bloc {
    border-top-left-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
    border-top-right-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-121.alignement-centre .div-contenu {
    padding-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    padding-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-121.alignement-droite .bloc {
    border-top-left-radius: calc(var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee) - min(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur), var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1)));
}
.blocpage.blocitems .frame.t-121.alignement-droite .div-contenu {
    padding-left: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}


/* =======================
BLOCS DESTRUCTURES
======================= */
:root {
    --decalage: 30px;
}
.blocpage.blocitems .frame.t-destructure .div-contenu .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1) var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

/* ---------------------------------
11 - Bloc image en avant
--------------------------------- */
.blocpage.blocitems .frame.t-122.decalage-actif .div-contenu .illustration {
    position: relative;
    z-index: 1;
}
.blocpage.blocitems .frame.t-122.decalage-actif .div-contenu .bloc {
    margin-top: calc(var(--decalage) * -1);
    padding-top: var(--decalage);
}
.blocpage.blocitems .frame.t-122.decalage-actif .div-contenu .bloc .filtre {
    margin-top: calc(var(--decalage) * -1);
    padding-top: var(--decalage);
}

.blocpage.blocitems .frame.t-122.decalage-actif.alignement-gauche .bloc {
    margin-right: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}
.blocpage.blocitems .frame.t-122.decalage-actif.alignement-centre .bloc {
    margin-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    margin-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-122.decalage-actif.alignement-droite .bloc {
    margin-left: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}

/* ---------------------------------
12 - Bloc image en avant en haut
--------------------------------- */
.blocpage.blocitems .frame.t-123.decalage-actif .div-contenu .illustration {
    position: relative;
    z-index: 1;

    margin: 0 var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-123.decalage-actif .div-contenu .bloc {
    margin-top: calc(var(--decalage) * -1);
    padding-top: var(--decalage);
}
.blocpage.blocitems .frame.t-123.decalage-actif .div-contenu .bloc .filtre {
    margin-top: calc(var(--decalage) * -1);
    padding-top: var(--decalage);
}

.blocpage.blocitems .frame.t-123.decalage-actif.alignement-gauche .div-contenu .illustration {
    justify-content: start;
}
.blocpage.blocitems .frame.t-123.decalage-actif.alignement-centre .div-contenu .illustration {
    justify-content: center;
}
.blocpage.blocitems .frame.t-123.decalage-actif.alignement-droite .div-contenu .illustration {
    justify-content: end;
}

/* ---------------------------------
13 - Bloc image en avant sur le cÃ´tÃ©
--------------------------------- */
.blocpage.blocitems .frame.t-124.decalage-actif .div-contenu .illustration {
    padding-top: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);
}

.blocpage.blocitems .frame.t-124.decalage-actif.alignement-gauche {
    margin-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-124.decalage-actif.alignement-droite {
    margin-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-124.decalage-actif.alignement-gauche .div-contenu .illustration {
    justify-content: start;
    padding-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    margin-left: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur) * -1);
}
.blocpage.blocitems .frame.t-124.decalage-actif.alignement-droite .div-contenu .illustration {
    justify-content: end;
    padding-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    margin-right: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur) * -1);
}

/* ---------------------------------
14 - Bloc image en avant des deux cÃ´tÃ©s
--------------------------------- */
.blocpage.blocitems .frame.t-125.decalage-actif {
    margin: 0 var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-125.decalage-actif .div-contenu .illustration {
    padding-top: var(--VI-blocpage-0-item-fond-avec-1-content-padding-valeur1);

    margin: 0 calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur) * -1);
}

/* ---------------------------------
15 - Bloc texte en avant
--------------------------------- */
.blocpage.blocitems .frame.t-126.decalage-actif .div-contenu .illustration {
    position: relative;
    z-index: 1;
}
.blocpage.blocitems .frame.t-126.decalage-actif .div-contenu .bloc {
    margin-top: calc(var(--decalage) * -1);
    padding-top: var(--decalage);
}
.blocpage.blocitems .frame.t-126.decalage-actif .div-contenu .bloc .filtre {
    margin-top: calc(var(--decalage) * -1);
    padding-top: var(--decalage);
}

.blocpage.blocitems .frame.t-126.decalage-actif.alignement-gauche .div-contenu .illustration {
    margin-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    justify-content: start;
}
.blocpage.blocitems .frame.t-126.decalage-actif.alignement-gauche .div-contenu .bloc {
    margin-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-126.decalage-actif.alignement-droite .div-contenu .illustration {
    margin-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    justify-content: end;
}
.blocpage.blocitems .frame.t-126.decalage-actif.alignement-droite .div-contenu .bloc {
    margin-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

/* ---------------------------------
16 - Bloc texte en avant en coin
--------------------------------- */
.blocpage.blocitems .frame.t-127.decalage-actif .div-contenu .bloc {
    position: relative;
    z-index: 1;

    margin-top: calc(var(--decalage) * -1);
}

.blocpage.blocitems .frame.t-127.decalage-actif.alignement-gauche .bloc {
    margin-right: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}
.blocpage.blocitems .frame.t-127.decalage-actif.alignement-centre .bloc {
    margin-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    margin-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-127.decalage-actif.alignement-droite .bloc {
    margin-left: calc(var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur)*2);
}

/* ---------------------------------
17 - Bloc image en avant en coin
--------------------------------- */
.blocpage.blocitems .frame.t-128.decalage-actif .div-contenu .bloc {
    position: relative;
    z-index: 1;

    margin-top: calc(var(--decalage) * -1);
}

.blocpage.blocitems .frame.t-128.decalage-actif.alignement-gauche .div-contenu .illustration {
    margin-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    justify-content: start;
}
.blocpage.blocitems .frame.t-128.decalage-actif.alignement-gauche .div-contenu .bloc {
    margin-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}
.blocpage.blocitems .frame.t-128.decalage-actif.alignement-droite .div-contenu .illustration {
    margin-left: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
    justify-content: end;
}
.blocpage.blocitems .frame.t-128.decalage-actif.alignement-droite .div-contenu .bloc {
    margin-right: var(--VI-blocpage-0-item-fond-avec-1-content-padding-largeur);
}

/*
ANCIENS BLOCS
*/
/* Carte sans marges */
/*
.blocitems .frame.t-5 {
    text-align: var(--VI-blocpage-0-item-fond-avec-1-item-align-valeur1);
    -webkit-border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    overflow: hidden;

    box-shadow: var(--VI-blocpage-1-item-fond-avec-1-item-shadow-calculee);
    backdrop-filter: blur(var(--VI-blocpage-1-item-fond-avec-1-content-blur-valeur1));
    border-top: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-droite);
}
.fond2.blocitems .frame.t-5 {
    box-shadow: var(--VI-blocpage-2-item-fond-avec-1-item-shadow-calculee);
    backdrop-filter: blur(var(--VI-blocpage-2-item-fond-avec-1-content-blur-valeur1));
    border-top: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-droite);
}
.fond3.blocitems .frame.t-5 {
    box-shadow: var(--VI-blocpage-3-item-fond-avec-1-item-shadow-calculee);
    backdrop-filter: blur(var(--VI-blocpage-3-item-fond-avec-1-content-blur-valeur1));
    border-top: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-droite);
}

.blocitems .frame.t-5 .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-calculee);
    background: var(--VI-blocpage-1-item-fond-avec-1-content-bgcolor-calculee);
}

.fond2.blocitems .frame.t-5 .content {
    background: var(--VI-blocpage-2-item-fond-avec-1-content-bgcolor-calculee);
}

.fond3.blocitems .frame.t-5 .content {
    background: var(--VI-blocpage-3-item-fond-avec-1-content-bgcolor-calculee);
}

.blocitems .frame.t-5 h3 {
    font-size: var(--VI-blocpage-0-item-fond-avec-1-titre-size-valeur1);
    color: var(--VI-blocpage-1-item-fond-avec-1-titre-color-valeur1);
}

.fond2.blocitems .frame.t-5 h3 {
    color: var(--VI-blocpage-2-item-fond-avec-1-titre-color-valeur1);
}

.fond3.blocitems .frame.t-5 h3 {
    color: var(--VI-blocpage-3-item-fond-avec-1-titre-color-valeur1);
}

.blocitems .frame.t-5 p {
    color: var(--VI-blocpage-1-item-fond-avec-1-texte-color-valeur1);
    font-size: var(--VI-blocpage-0-item-fond-avec-1-texte-size-valeur1);
}

.fond2.blocitems .frame.t-5 p {
    color: var(--VI-blocpage-2-item-fond-avec-1-texte-color-valeur1);
}

.fond3.blocitems .frame.t-5 p {
    color: var(--VI-blocpage-3-item-fond-avec-1-texte-color-valeur1);
}



/* Carte sans fond */
/*
.blocitems .frame.t-28 {
    text-align: left;
}

.blocitems .frame.t-28 .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-calculee);
    padding-left: 0!important;
    padding-right: 0!important;
    background: none;
}

.fond2.blocitems .frame.t-28 .content {
    background: none;
}

.fond3.blocitems .frame.t-28 .content {
    background: none;
}

.blocitems .frame.t-28 h3 {
    font-size: var(--VI-blocpage-0-item-fond-avec-1-titre-size-valeur1);
    color: var(--VS-blocpage-1-titre-color-valeur1);
}

.fond2.blocitems .frame.t-28 h3 {
    color: var(--VS-blocpage-2-titre-color-valeur1);
}

.fond3.blocitems .frame.t-28 h3 {
    color: var(--VS-blocpage-3-titre-color-valeur1);
}

.blocitems .frame.t-28 p {
    color: var(--VS-blocpage-1-texte-color-valeur1);
    font-size: var(--VI-blocpage-0-item-fond-avec-1-texte-size-valeur1);
}

.fond2.blocitems .frame.t-28 p {
    color: var(--VS-blocpage-2-texte-color-valeur1);
}

.fond3.blocitems .frame.t-28 p {
    color: var(--VS-blocpage-3-texte-color-valeur1);
}



/* Carte avec marges */
/*
.blocitems .frame.t-29 {
    text-align: var(--VI-blocpage-0-item-fond-avec-1-item-align-valeur1);
    -webkit-border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    -moz-border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    border-radius: var(--VI-blocpage-0-item-fond-avec-1-item-radius-calculee);
    overflow: hidden;

    background: var(--VI-blocpage-1-item-fond-avec-1-content-bgcolor-calculee);
    box-shadow: var(--VI-blocpage-1-item-fond-avec-1-item-shadow-calculee);
    backdrop-filter: blur(var(--VI-blocpage-1-item-fond-avec-1-content-blur-valeur1));
    border-top: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-1-item-fond-avec-1-item-border-calculee-droite);
}
.fond2.blocitems .frame.t-29 {
    background: var(--VI-blocpage-2-item-fond-avec-1-content-bgcolor-calculee);
    box-shadow: var(--VI-blocpage-2-item-fond-avec-1-item-shadow-calculee);
    backdrop-filter: blur(var(--VI-blocpage-2-item-fond-avec-1-content-blur-valeur1));
    border-top: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-2-item-fond-avec-1-item-border-calculee-droite);
}
.fond3.blocitems .frame.t-29 {
    background: var(--VI-blocpage-3-item-fond-avec-1-content-bgcolor-calculee);
    box-shadow: var(--VI-blocpage-3-item-fond-avec-1-item-shadow-calculee);
    backdrop-filter: blur(var(--VI-blocpage-3-item-fond-avec-1-content-blur-valeur1));
    border-top: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-haut);
    border-bottom: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-bas);
    border-left: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-gauche);
    border-right: var(--VI-blocpage-3-item-fond-avec-1-item-border-calculee-droite);
}

.blocitems .frame.t-29 .illustration {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-calculee);
    padding-bottom: 0;
}

.blocitems .frame.t-29 .content {
    padding: var(--VI-blocpage-0-item-fond-avec-1-content-padding-calculee);
}

.fond2.blocitems .frame.t-29 .content {
    background: var(--VI-blocpage-2-item-fond-avec-1-content-bgcolor-calculee);
}

.fond3.blocitems .frame.t-29 .content {
    background: var(--VI-blocpage-3-item-fond-avec-1-content-bgcolor-calculee);
}

.blocitems .frame.t-29 h3 {
    font-size: var(--VI-blocpage-0-item-fond-avec-1-titre-size-valeur1);
    color: var(--VI-blocpage-1-item-fond-avec-1-titre-color-valeur1);
}

.fond2.blocitems .frame.t-29 h3 {
    color: var(--VI-blocpage-2-item-fond-avec-1-titre-color-valeur1);
}

.fond3.blocitems .frame.t-29 h3 {
    color: var(--VI-blocpage-3-item-fond-avec-1-titre-color-valeur1);
}

.blocitems .frame.t-29 p {
    color: var(--VI-blocpage-1-item-fond-avec-1-texte-color-valeur1);
    font-size: var(--VI-blocpage-0-item-fond-avec-1-texte-size-valeur1);
}

.fond2.blocitems .frame.t-29 p {
    color: var(--VI-blocpage-2-item-fond-avec-1-texte-color-valeur1);
}

.fond3.blocitems .frame.t-29 p {
    color: var(--VI-blocpage-3-item-fond-avec-1-texte-color-valeur1);
}*/



/* ------------------------------------------------
---------------------------------------------------
---------------- PAGES SPECIFIQUES ----------------
---------------------------------------------------
------------------------------------------------ */
#page-fiche-produit {
    overflow: hidden;
}
#page-fiche-produit .div-images-produit {
    display: grid;
    gap: 10px;
}
#page-fiche-produit .div-images-produit .div-image-principale {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    aspect-ratio: 1 / 1;
}
#page-fiche-produit .div-images-produit .div-image-principale img {
    min-width: 0;
    min-height: 0;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    border-radius: 15px;
    object-fit: cover;
}
#page-fiche-produit .div-images-produit .div-image-principale .zoom-loupe {
    position: absolute;
    z-index: 1;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    box-shadow: 0 0 10px rgba(0, 0, 0, .5);
    background-size: 1200px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
}
#page-fiche-produit .div-images-produit .div-galerie {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(60px, 100%), 1fr));
    gap: 10px;
}
#page-fiche-produit .div-images-produit .div-galerie .div-image {
    overflow: hidden;
    aspect-ratio: 1 / 1;
    border-radius: 10px;
    cursor: pointer;
}
#page-fiche-produit .div-images-produit .div-galerie .div-image.selection {
    border: solid 2px var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
}
#page-fiche-produit .div-images-produit .div-galerie .div-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.1s ease-in-out;
}
#page-fiche-produit .div-images-produit .div-galerie .div-image:hover img {
    transform: scale(120%);
}




/*
------------------------------
CHAMPS DE FORMULAIRES
------------------------------
*/
#page-fiche-produit .form-attribut {
    user-select: none;
}
#page-fiche-produit .form-attribut p {
    margin: 0;
}
#page-fiche-produit .form-attribut .select-hidden {
    display: none;
}

#page-fiche-produit .form-attribut .couleur,
#page-fiche-produit .form-attribut .image {
    aspect-ratio: 1 / 1;
    background-position: center;
    border: solid 1px darkgray;
    position: relative;
}
#page-fiche-produit .form-attribut .couleur {
    background-size: 8px;
    border-radius: 50%;
}
#page-fiche-produit .form-attribut .image {
    background-size: cover;
}


/* -----
CLASSIQUES
----- */
#page-fiche-produit .form-attribut-normal .valeurs-list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    list-style: none;
    padding: 0;
}
#page-fiche-produit .form-attribut-normal .valeurs-list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

#page-fiche-produit .form-attribut-normal .valeurs-list li .designation-bulle {
    display: none;
    position: absolute;
    bottom: calc(100% + var(--VS-blocpage-0-texte-size-valeur1) * 0.5);
    padding: calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.2) calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.5);
    background: white;
    box-shadow: 3px 3px 9px #b5b5b5;
    text-align: center;
}
#page-fiche-produit .form-attribut-normal .valeurs-list li .designation-bulle:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border : calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.5) solid transparent;
    border-top : calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.5) solid white;
}
#page-fiche-produit .form-attribut-normal .valeurs-list li:hover .designation-bulle {
    display: inline-block;
}
#page-fiche-produit .form-attribut-normal .valeurs-list li.disabled .designation-bulle {
    color: lightgray;
    text-decoration: line-through;
}

/* ...TEXTES */
#page-fiche-produit .form-attribut-normal-textes .valeurs-list {
    gap: calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.5);
}
#page-fiche-produit .form-attribut-normal-textes .valeurs-list li .designation {
    text-transform: uppercase;
    padding: calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.3) calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.5);
    cursor: pointer;
    border-bottom: solid 2px transparent;
}
#page-fiche-produit .form-attribut-normal-textes .valeurs-list li.disabled .designation {
    cursor: default;
    color: lightgray;
    text-decoration: line-through;
}
#page-fiche-produit .form-attribut-normal-textes .valeurs-list li.selected .designation {
    border-bottom-color: var(--VS-blocpage-1-formcontrol-color-valeur1);
}

/* ...COULEURS */
#page-fiche-produit .form-attribut-normal-couleurs .valeurs-list li .couleur {
    width: 30px;
    cursor: pointer;
}
#page-fiche-produit .form-attribut-normal-couleurs .valeurs-list li.disabled .couleur {
    cursor: default;
}
#page-fiche-produit .form-attribut-normal-couleurs .valeurs-list li.disabled .couleur:after {
    content: '';
    position: absolute;
    background-color: #7f7f7f;
    mix-blend-mode: difference;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%) rotate(45deg);
}
#page-fiche-produit .form-attribut-normal-couleurs .valeurs-list li .couleur:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: solid 2px transparent;
    border-radius: 50%;
    transition: all 0.2s ease-in-out;
}
#page-fiche-produit .form-attribut-normal-couleurs .valeurs-list li.selected .couleur:before {
    top: -5px;
    left: -5px;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border-color: var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
}

/* ...IMAGES */
#page-fiche-produit .form-attribut-normal-images .valeurs-list li .image {
    width: 80px;
    cursor: pointer;
    outline: transparent;
    transition: all 0.2s ease-in-out;
}
#page-fiche-produit .form-attribut-normal-images .valeurs-list li.disabled .image {
    filter: grayscale(0.5);
    cursor: default;
}
#page-fiche-produit .form-attribut-normal-images .valeurs-list li.disabled .image:before,
#page-fiche-produit .form-attribut-normal-images .valeurs-list li.disabled .image:after {
    content: '';
    position: absolute;
    background-color: #7f7f7f;
    mix-blend-mode: difference;
}
#page-fiche-produit .form-attribut-normal-images .valeurs-list li.disabled .image:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%) rotate(45deg);
}
#page-fiche-produit .form-attribut-normal-images .valeurs-list li.disabled .image:after {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%) rotate(45deg);
}
#page-fiche-produit .form-attribut-normal-images .valeurs-list li.selected .image {
    border-color: var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
    outline: solid 1px var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
}



/* -----
BOUTONS
----- */
#page-fiche-produit .form-attribut-buttons .buttons-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--VS-blocpage-0-btn-padding-valeur1) * 0.5);
}
#page-fiche-produit .form-attribut-buttons .buttons-list button {
    display: flex;
    align-items: center;
    gap: calc(var(--VS-blocpage-0-btn-size-valeur1) * 0.5);
    background: var(--VS-blocpage-1-formcontrol-bgcolor-calculee);
    border-top: var(--VS-blocpage-1-formcontrol-border-calculee-haut);
    border-bottom: var(--VS-blocpage-1-formcontrol-border-calculee-bas);
    border-left: var(--VS-blocpage-1-formcontrol-border-calculee-gauche);
    border-right: var(--VS-blocpage-1-formcontrol-border-calculee-droite);
    border-radius: var(--VS-blocpage-0-btn-radius-calculee);
    padding: var(--VS-blocpage-0-btn-padding-calculee);
    font-size: var(--VS-blocpage-0-btn-size-valeur1);
    color: var(--VS-blocpage-1-formcontrol-color-valeur1);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    outline: transparent;
}
#page-fiche-produit .form-attribut-buttons .buttons-list button.disabled,
#page-fiche-produit .form-attribut-buttons .buttons-list button:disabled {
    cursor: default;
}
#page-fiche-produit .form-attribut-buttons .buttons-list button.selected {
    border-color: var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
    outline: solid 1px var(--VS-blocpage-1-btnprimary-bgcolor-calculee);
}
#page-fiche-produit .form-attribut-buttons .buttons-list button.disabled {
    color: lightgray;
    text-decoration: line-through;
}

/* ...COULEURS */
#page-fiche-produit .form-attribut-buttons-couleurs .buttons-list button .couleur {
    width: calc(var(--VS-blocpage-0-btn-size-valeur1) * 1.2);
}
#page-fiche-produit .form-attribut-buttons-couleurs .buttons-list button.disabled .couleur:after {
    content: '';
    position: absolute;
    background-color: #7f7f7f;
    mix-blend-mode: difference;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%) rotate(45deg);
}

/* ...IMAGES */
#page-fiche-produit .form-attribut-buttons-images .buttons-list button .image {
    width: calc(var(--VS-blocpage-0-btn-size-valeur1) * 2);
    border-radius: calc(var(--VS-blocpage-0-btn-radius-calculee) - min(var(--VS-blocpage-0-btn-padding-largeur), var(--VS-blocpage-0-btn-padding-valeur1)));
}
#page-fiche-produit .form-attribut-buttons-images .buttons-list button.disabled .image:before,
#page-fiche-produit .form-attribut-buttons-images .buttons-list button.disabled .image:after {
    content: '';
    position: absolute;
    background-color: #7f7f7f;
    mix-blend-mode: difference;
}
#page-fiche-produit .form-attribut-buttons-images .buttons-list button.disabled .image:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%) rotate(45deg);
}
#page-fiche-produit .form-attribut-buttons-images .buttons-list button.disabled .image:after {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%) rotate(45deg);
}

/* ...IMAGES V2 */
#page-fiche-produit .form-attribut-buttons-images2 .buttons-list button {
    flex-direction: column;
    word-break: break-word;
    max-width: 120px;
}
#page-fiche-produit .form-attribut-buttons-images2 .buttons-list button .image {
    width: calc(var(--VS-blocpage-0-btn-size-valeur1) * 3);
}



/* -----
SELECTS
----- */
#page-fiche-produit .form-attribut-select {
    position: relative;
}
#page-fiche-produit .form-attribut-select .select-value,
#page-fiche-produit .form-attribut-select .select-dropdown {
    border-top: var(--VS-blocpage-1-formcontrol-border-calculee-haut);
    border-bottom: var(--VS-blocpage-1-formcontrol-border-calculee-bas);
    border-left: var(--VS-blocpage-1-formcontrol-border-calculee-gauche);
    border-right: var(--VS-blocpage-1-formcontrol-border-calculee-droite);
    border-radius: var(--VS-blocpage-0-formcontrol-radius-calculee);
}
#page-fiche-produit .form-attribut-select .select-value,
#page-fiche-produit .form-attribut-select .select-dropdown li {
    display: flex;
    gap: calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.5);
    align-items: center;
    font-size: var(--VS-blocpage-0-texte-size-valeur1);
    color: var(--VS-blocpage-1-formcontrol-color-valeur1);
}
#page-fiche-produit .form-attribut-select .select-value {
    background: var(--VS-blocpage-1-formcontrol-bgcolor-calculee);
    position: relative;
    padding: var(--VS-blocpage-0-formcontrol-padding-calculee);
    cursor: pointer;
}
#page-fiche-produit .form-attribut-select .select-value:focus {
    outline: auto;
}
#page-fiche-produit .form-attribut-select .select-value:after {
    content: '';
    width: calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.5);
    aspect-ratio: 1 / 1;
    border: calc(var(--VS-blocpage-0-texte-size-valeur1) * 0.1) solid var(--VS-blocpage-1-formcontrol-color-valeur1);
    border-left: none;
    border-top: none;
    position: absolute;
    transform: translateX(-50%) translateY(-75%) rotate(45deg);
    top: 50%;
    right: var(--VS-blocpage-0-formcontrol-padding-largeur);
}
#page-fiche-produit .form-attribut-select .select-dropdown {
    background: white;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;
    padding: 0;
    margin: 0;
    list-style: none;
    border-top: none;
    overflow-y: auto;
    max-height: 400px;
}
#page-fiche-produit .form-attribut-select .select-dropdown li {
    padding: var(--VS-blocpage-0-formcontrol-padding-calculee);
    transition: all 0.2s ease-in-out;
    cursor: pointer;
}
#page-fiche-produit .form-attribut-select .select-dropdown li:not(.disabled):hover {
    background: #e7e7e7;
}
#page-fiche-produit .form-attribut-select .select-dropdown li.disabled {
    cursor: default;
    color: lightgray;
    text-decoration: line-through;
}
#page-fiche-produit .form-attribut-select .select-dropdown li.selected {
    background: #DDE9FB;
}

/* ...COULEURS */
#page-fiche-produit .form-attribut-select-couleurs .select-value .couleur,
#page-fiche-produit .form-attribut-select-couleurs .select-dropdown li .couleur {
    width: calc(var(--VS-blocpage-0-texte-size-valeur1) * 1.2);
}
#page-fiche-produit .form-attribut-select-couleurs .select-dropdown li.disabled .couleur:after {
    content: '';
    position: absolute;
    background-color: #7f7f7f;
    mix-blend-mode: difference;
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%) rotate(45deg);
}

/* ...IMAGES */
#page-fiche-produit .form-attribut-select-images .select-value .image,
#page-fiche-produit .form-attribut-select-images .select-dropdown li .image {
    width: calc(var(--VS-blocpage-0-texte-size-valeur1) * 2);
    border-radius: calc(var(--VS-blocpage-0-formcontrol-radius-calculee) - min(var(--VS-blocpage-0-formcontrol-padding-largeur), var(--VS-blocpage-0-formcontrol-padding-valeur1)));
}
#page-fiche-produit .form-attribut-select-images .select-dropdown li.disabled .image:before,
#page-fiche-produit .form-attribut-select-images .select-dropdown li.disabled .image:after {
    content: '';
    position: absolute;
    background-color: #7f7f7f;
    mix-blend-mode: difference;
}
#page-fiche-produit .form-attribut-select-images .select-dropdown li.disabled .image:before {
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    transform: translateY(-50%) rotate(45deg);
}
#page-fiche-produit .form-attribut-select-images .select-dropdown li.disabled .image:after {
    top: 0;
    left: 50%;
    width: 1px;
    height: 100%;
    transform: translateX(-50%) rotate(45deg);
}</pre></body></html>