.elementor-560 .elementor-element.elementor-element-70b0606{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;border-style:solid;--border-style:solid;border-width:0px 0px 1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:1px;--border-left-width:0px;border-color:#FFFFFF6B;--border-color:#FFFFFF6B;--margin-top:0px;--margin-bottom:-150px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;--z-index:9999;}.elementor-560 .elementor-element.elementor-element-80d67be{--display:flex;--justify-content:center;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-560 .elementor-element.elementor-element-aa2befa{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-item > .elementor-icon-list-text, .elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-item > a{font-family:"Livvic", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;}.elementor-560 .elementor-element.elementor-element-aa2befa .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(30px/2);}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(30px/2);}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(30px/2);}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-30px/2);}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-30px/2);}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-560 .elementor-element.elementor-element-5eea332{--e-icon-list-icon-size:25px;--icon-vertical-offset:0px;}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-icon{padding-inline-end:0px;}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-item > a{font-family:"Livvic", Sans-serif;font-size:14px;font-weight:400;text-transform:uppercase;}.elementor-560 .elementor-element.elementor-element-5eea332 .elementor-icon-list-text{color:#000000;transition:color 0.3s;}.elementor-560 .elementor-element.elementor-element-02c9029{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-560 .elementor-element.elementor-element-e5f872f img{height:70px;object-fit:contain;object-position:center center;}.elementor-560 .elementor-element.elementor-element-89ca098 img{height:70px;object-fit:contain;object-position:center center;}.elementor-560 .elementor-element.elementor-element-2597b2e{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-560 .elementor-element.elementor-element-2597b2e.e-con{--align-self:center;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button{background-color:#FFFFFF;font-family:"Livvic", Sans-serif;font-size:14px;font-weight:500;text-transform:none;fill:#333333;color:#333333;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.07);border-style:solid;border-width:1px 1px 1px 1px;border-color:#EBEBEB;border-radius:100px 100px 100px 100px;padding:14px 20px 14px 20px;}.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button:hover, .elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button:focus{background-color:#000000;color:#FFFFFF;border-color:#000000;box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 0.22);}.elementor-560 .elementor-element.elementor-element-96c7756{width:auto;max-width:auto;}.elementor-560 .elementor-element.elementor-element-96c7756.elementor-element{--align-self:flex-end;}.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button:hover svg, .elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-560 .elementor-element.elementor-element-2ddc123{--display:flex;--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(min-width:768px){.elementor-560 .elementor-element.elementor-element-02c9029{--width:300px;}}@media(max-width:767px){.elementor-560 .elementor-element.elementor-element-70b0606{--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:20px;}.elementor-560 .elementor-element.elementor-element-80d67be{--width:100%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-560 .elementor-element.elementor-element-02c9029{--width:40%;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:flex-start;}.elementor-560 .elementor-element.elementor-element-e5f872f img{width:100%;max-width:100%;}.elementor-560 .elementor-element.elementor-element-89ca098 img{width:100%;max-width:100%;}.elementor-560 .elementor-element.elementor-element-2597b2e{--width:100%;}.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button{padding:10px 20px 10px 20px;}}/* Start custom CSS for button, class: .elementor-element-96c7756 *//* Effet Luxe Minimaliste - Sans mouvement vertical */
.elementor-560 .elementor-element.elementor-element-96c7756 a.elementor-button {
    background-color: #FFFFFF !important;
    color: #333333 !important;
    border: 1px solid #EBEBEB !important;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    letter-spacing: 0.5px;
}

/* Effet au Survol (Hover) */
.elementor-560 .elementor-element.elementor-element-96c7756 a.elementor-button:hover {
    background-color: #EBEBEB !important;
    color: #000000 !important;
    border: 1px solid #EBEBEB !important;
    
    /* On garde l'élargissement du texte qui est très élégant */
    letter-spacing: 2px !important; 
    
    /* Ombre très légère pour marquer le clic potentiel sans bouger le bouton */
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.03) !important;
}





/* 4. Taille et couleur de l'icône */
.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button-icon i, 
.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button-icon svg {
    font-size: 20px !important; 
    width: 20px !important;
    height: 20px !important;
    fill: #1a1a1a !important;
    color: #333333 !important;
}

/* 2. Correction précise du centrage du texte */
.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button-content-wrapper {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button-text {
    flex-grow: 1 !important;
    text-align: left !important;
    line-height: 1 !important; 
    margin: 0 !important;
    padding: 0 !important;
}


/* Effet au survol : rotation élégante de la flèche */
.elementor-560 .elementor-element.elementor-element-96c7756 a.elementor-button:hover .elementor-button-icon {
    transform: rotate(-45deg) !important; /* vers le haut */
}


/* On s'assure que l'icône est bien droite par défaut et fluide */
.elementor-560 .elementor-element.elementor-element-96c7756 .elementor-button-icon {
    display: flex !important;
    align-items: center;
    transition: transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
    transform: rotate(0deg) !important; /* Force la flèche à rester horizontale */
} /* --- ÉTAT STICKY DU BOUTON (AU SCROLL) --- */

/* 1. Le bouton passe en fond NOIR et écriture BLANCHE */
.header-main.elementor-sticky--effects .btn-reserver a.elementor-button {
    background-color: #000000 !important;
    color: #FFFFFF !important;
    border: 1px solid #000000 !important;
    transition: all 0.6s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

/* 2. L'icône passe en BLANC au scroll */
.header-main.elementor-sticky--effects .btn-reserver .elementor-button-icon i,
.header-main.elementor-sticky--effects .btn-reserver .elementor-button-icon svg {
    fill: #FFFFFF !important;
    color: #FFFFFF !important;
    transition: all 0.6s ease !important;
}

/* --- ÉTAT HOVER QUAND ON EST EN STICKY --- */

/* 3. On réactive vos paramètres de survol (Gris clair / Texte noir) */
.header-main.elementor-sticky--effects .btn-reserver a.elementor-button:hover {
    background-color: #EBEBEB !important;
    color: #000000 !important;
    border: 1px solid #EBEBEB !important;
    letter-spacing: 2px !important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08) !important;
}

/* 4. L'icône redevient NOIRE au survol en mode sticky */
.header-main.elementor-sticky--effects .btn-reserver a.elementor-button:hover .elementor-button-icon i,
.header-main.elementor-sticky--effects .btn-reserver a.elementor-button:hover .elementor-button-icon svg {
    fill: #1a1a1a !important;
    color: #1a1a1a !important;
}<style>
/* 1. On force le bouton à être au-dessus de tout le reste du header */
.btn-reserver {
    z-index: 100 !important;
    position: relative !important;
}

/* 2. On s'assure que le lien (<a>) remplit TOUT le widget */
.btn-reserver a.elementor-button {
    display: inline-flex !important; /* Maintient l'alignement flex */
    width: 100% !important;
    height: 100% !important;
    cursor: pointer !important;
}

/* 3. Sécurité : On empêche le conteneur du LOGO de déborder sur le bouton */
.header-logo {
    pointer-events: none !important; /* Le logo ne bloque plus les clics autour de lui */
}
/* Mais on réactive le clic sur l'image du logo elle-même pour qu'on puisse cliquer dessus */
.header-logo img, .header-logo a {
    pointer-events: auto !important;
}

/* 4. On s'assure que le conteneur général n'a pas de "padding" qui bloquerait le bouton */
.header-main.elementor-sticky--effects {
    pointer-events: auto !important;
}
</style>/* End custom CSS */
/* Start custom CSS */<style>
:root{
  --hdr-top: 150px;
  --hdr-sticky: 80px;
  --pad-top: 40px;
  --pad-bot: 40px;
  --pad-top-sticky: 10px;
  --pad-bot-sticky: 10px;
}

/* =============== HEADER STRUCTURE =============== */
.header-main{
  padding-top: var(--pad-top) !important;
  padding-bottom: var(--pad-bot) !important;
  min-height: var(--hdr-top) !important;
  display:flex !important;
  align-items:center !important;
  background-color: rgba(255,255,255,0) !important;
  transition: all .6s cubic-bezier(.22,.61,.36,1) !important;
}

.header-main.elementor-sticky--effects,
.elementor-sticky--effects .header-main{
  padding-top: var(--pad-top-sticky) !important;
  padding-bottom: var(--pad-bot-sticky) !important;
  min-height: var(--hdr-sticky) !important;
  background-color: #ffffff !important;
  box-shadow: 0 10px 40px rgba(0,0,0,0.04) !important;
}

/* =============== SPACER =============== */
.elementor-sticky__spacer:has(.header-main){ min-height: var(--hdr-top) !important; }
.elementor-sticky__spacer:has(.elementor-sticky--effects .header-main){ min-height: var(--hdr-sticky) !important; }

/* =============== LOGOS MOBILE =============== */
.logo-blanc { display: none !important; }

@media (max-width: 767px) {
  .header-main:not(.elementor-sticky--effects) .logo-blanc {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    filter: none !important;
  }
  .header-main:not(.elementor-sticky--effects) .logo-noir { display: none !important; }
  
  .header-main.elementor-sticky--effects .logo-blanc { display: none !important; }
  .header-main.elementor-sticky--effects .logo-noir {
    display: block !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
  }
}

/* =============== LOGO REVEAL (DESKTOP SEULEMENT) =============== */
@media (min-width: 768px) {
  .header-main .header-logo{
    opacity: 0 !important;
    transform: translateY(20px) scale(0.95) !important;
    filter: blur(4px) !important;
    transition: all .8s cubic-bezier(.22,.61,.36,1) !important;
  }
  .header-main.elementor-sticky--effects .header-logo{
    opacity: 1 !important;
    transform: translateY(0) scale(1) !important;
    filter: blur(0) !important;
  }
}

/* =============== TAILLE DES IMAGES =============== */
.header-main img { max-height: 70px !important; height: auto !important; transition: max-height .6s ease !important; }
.header-main.elementor-sticky--effects img { max-height: 45px !important; }

/* =============== FIX WIDGET LISTE MOBILE =============== */
@media (max-width: 767px) {
  .header-list {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important; /* Enlève tout décalage qui couperait le widget */
    filter: none !important;    /* Enlève tout flou */
  }
}

/* =============== COULEURS LISTE =============== */
.header-main:not(.elementor-sticky--effects) .header-list .elementor-icon-list-text,
.header-main:not(.elementor-sticky--effects) .header-list i,
.header-main:not(.elementor-sticky--effects) .header-list svg {
  color: #ffffff !important; fill: #ffffff !important;
}
.header-main.elementor-sticky--effects .header-list .elementor-icon-list-text,
.header-main.elementor-sticky--effects .header-list i,
.header-main.elementor-sticky--effects .header-list svg {
  color: #000000 !important; fill: #000000 !important;
}

/* =============== BOUTON =============== */
.btn-reserver .elementor-button{ transition: all .6s ease !important; }
.header-main:not(.elementor-sticky--effects) .btn-reserver .elementor-button{ background:#ffffff !important; color:#000000 !important; }
.header-main.elementor-sticky--effects .btn-reserver .elementor-button{ background:#000000 !important; color:#ffffff !important; }

/* PATCH FINAL HAUTEUR */
.header-main { height: auto !important; min-height: 150px !important; }
.header-main.elementor-sticky--effects { min-height: 80px !important; }
</style>/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Livvic';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-Bold.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: italic;
	font-weight: bold;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-BoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-SemiBold.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: italic;
	font-weight: 700;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-SemiBoldItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: italic;
	font-weight: 500;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-MediumItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-Light.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: italic;
	font-weight: 300;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-LightItalic.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-Thin.ttf') format('truetype');
}
@font-face {
	font-family: 'Livvic';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://clicgauche-maquette85.com/wp-content/uploads/2026/01/Livvic-ThinItalic.ttf') format('truetype');
}
/* End Custom Fonts CSS */