.elementor .contacts-directs{width:auto;padding:0px;display:flex;flex-direction:row;gap:20px;flex-wrap:wrap;align-items:center;& .bouton-contact { padding: 4px 0; border-width: 0; background-color: transparent; gap: 8px; } & .bouton-contact:hover, & .bouton-contact:focus-visible { background-color: transparent; transform: none; color: var(--marque-orange-clair); }\n}.elementor .pied-actions{width:auto;padding:0px;display:flex;flex-direction:column;gap:14px;flex:0 0 auto;align-items:flex-end;}.elementor .pied-fin{width:100%;padding:0px;display:flex;flex-direction:column;gap:0px;align-items:stretch;}.elementor .pied-signature{width:100%;height:clamp(66px, 15.3vw, 222px);overflow:hidden;padding-block-start:6px;padding-block-end:0px;padding-inline-start:0px;padding-inline-end:0px;display:flex;justify-content:center;align-items:flex-start;}.elementor .haut-de-page:hover,.elementor .haut-de-page:focus-visible{color:var(--marque-orange-clair);}.elementor .haut-de-page{font-family:var(--font-texte);font-weight:400;font-size:var(--taille-texte-petit);color:var(--marque-lait);line-height:1.5;text-decoration:none;cursor:pointer;padding:0px;border-radius:0px;border-width:0px;background-color:transparent;transition:color 0.3s;display:inline-flex;gap:10px;align-items:center;width: fit-content; &::after { content: ""; width: 36px; height: 36px; flex-shrink: 0; border-radius: 999px; border: 1.5px solid var(--bordure-sombre); background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.33333 8H12.6667M8.66667 12L12.6667 8L8.66667 4' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='white'/%3E%3C/svg%3E"); background-size: 16px; background-repeat: no-repeat; background-position: center; transform: rotate(-90deg); transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1), background-color 0.3s, border-color 0.3s; } &:hover::after { transform: rotate(-90deg) translateX(4px); background-color: var(--marque-orange); border-color: var(--marque-orange); }\n}.elementor .lien-legal:hover,.elementor .lien-legal:focus-visible{color:var(--marque-lait);}.elementor .lien-legal{font-family:var(--font-texte);font-weight:400;font-size:var(--taille-texte-petit);color:var(--texte-inverse-doux);line-height:1.5;text-decoration:none;margin:0px;transition:color 0.2s;& a { color: inherit; text-decoration: none; }\n}.elementor .liens-legaux{width:auto;padding:0px;display:flex;flex-direction:row;flex-wrap:wrap;flex:0 1 auto;align-items:center;gap: 8px 24px;\n}.elementor .pied-bas{width:100%;padding-block-start:22px;padding-block-end:22px;padding-inline-start:0px;padding-inline-end:0px;border-block-start-width:1px;display:flex;flex-direction:row;gap:24px;justify-content:space-between;align-items:center;border-top-style: solid; border-top-color: var(--bordure-sombre); & > * { flex-shrink: 1; } & .haut-de-page { flex-shrink: 0; white-space: nowrap; }\n}.elementor .agence-textes{padding:0px;display:flex;flex-direction:column;gap:2px;align-items:flex-start;}.elementor .icone-agence{width:20px;height:20px;display:block;flex:0 0 auto;& svg { width: 100%; height: 100%; fill: none; }\n}.elementor .agence{padding:0px;display:flex;flex-direction:row;gap:12px;align-items:flex-start;}.elementor .footer-lien:hover,.elementor .footer-lien:focus-visible{color:var(--marque-orange-clair);}.elementor .footer-lien{font-family:var(--font-texte);font-weight:400;font-size:var(--taille-texte-corps);color:var(--marque-lait);line-height:1.6;text-decoration:none;margin:0px;transition:color 0.2s;& a { color: inherit; text-decoration: none; }\n}.elementor .footer-titre{font-family:var(--font-texte);font-weight:600;font-size:var(--taille-label-surtitre);color:var(--marque-lait);letter-spacing:0.12em;line-height:1.2;text-transform:uppercase;margin-block-start:0px;margin-block-end:18px;margin-inline-start:0px;margin-inline-end:0px;}.elementor .footer-colonne{width:auto;padding:0px;display:flex;flex-direction:column;gap:14px;flex:0 0 auto;align-items:flex-start;}.elementor .reseaux{padding:0px;display:flex;flex-direction:row;gap:10px;align-items:center;}.elementor .message-formulaire{position:absolute;inset-block-start:100%;inset-inline-start:20px;font-family:var(--font-texte);font-size:var(--taille-texte-petit);color:var(--marque-lait);line-height:1.5;margin-block-start:8px;}.elementor .champ-newsletter-envoi{width:40px;height:40px;font-size:0px;color:transparent;cursor:pointer;padding:0px;border-radius:999px;border-width:0px;transition:background-color 0.3s, background-position 0.45s, transform 0.35s;flex:0 0 auto;&.e-form-submit-button-base { background-color: var(--action-primaire); background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 9H14.25M9.75 13.5L14.25 9L9.75 4.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='white'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 9H14.25M9.75 13.5L14.25 9L9.75 4.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='white'/%3E%3C/svg%3E"); background-size: 18px 18px, 18px 18px; background-repeat: no-repeat, no-repeat; background-position: center, -26px center; transition: background-color 0.3s, background-position 0.45s cubic-bezier(0.65, 0, 0.35, 1), transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1); } &.e-form-submit-button-base:hover { background-color: var(--action-primaire-survol); background-position: 48px center, center; transform: scale(1.06); }\n}.elementor .champ-newsletter-saisie{height:40px;min-width:0px;font-family:var(--font-texte);font-size:var(--taille-texte-petit);color:var(--marque-lait);line-height:1.5;padding:0px;border-radius:0px;border-width:0px;outline-style:none;background-color:transparent;flex:1 1 auto;&::placeholder { color: var(--texte-inverse-doux); opacity: 1; }\n}.elementor .champ-newsletter{width:100%;max-width:330px;position:relative;padding-block-start:6px;padding-block-end:6px;padding-inline-start:20px;padding-inline-end:6px;border-radius:var(--rayon-pilule);border-width:1px;border-color:var(--bordure-sombre);border-style:solid;background-color:var(--fond-sombre-eleve);display:flex;flex-direction:row;gap:8px;flex-wrap:nowrap;justify-content:space-between;align-items:center;}.elementor .pied-newsletter{width:100%;max-width:330px;padding:0px;display:flex;flex-direction:column;gap:10px;align-items:flex-start;}.elementor .logo-pied{width:182px;height:60px;display:block;& svg { width: 100%; height: 100%; fill: none; }\n}.elementor .pied-marque{width:330px;max-width:100%;padding:0px;display:flex;flex-direction:column;gap:22px;flex:0 0 330px;align-items:flex-start;}.elementor .pied-grille{width:100%;padding:0px;display:flex;flex-direction:row;gap:40px;justify-content:space-between;align-items:flex-start;}.elementor .pied-accroche-textes{padding:0px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;}.elementor .picto-accroche{width:88px;height:88px;transform:rotateX(0deg) rotateY(0deg) rotateZ(-8deg);display:block;flex:0 0 auto;& svg { width: 100%; height: 100%; fill: none; }\n}.elementor .pied-accroche{padding:0px;display:flex;flex-direction:row;gap:20px;align-items:center;}.elementor .pied-conteneur{width:100%;max-width:var(--conteneur);padding:0px;margin-block-start:0px;margin-block-end:0px;margin-inline-start:auto;margin-inline-end:auto;display:flex;flex-direction:column;gap:48px;}.elementor .pied{width:100%;color:var(--marque-lait);padding-block-start:72px;padding-block-end:0px;padding-inline-start:var(--gouttiere);padding-inline-end:var(--gouttiere);background-color:var(--fond-sombre);display:flex;flex-direction:column;align-items:center;overflow: clip;\n}.elementor .pastille-icone:hover,.elementor .pastille-icone:focus-visible{border-color:var(--marque-orange);background-color:var(--marque-orange);transform:translate3d(0px, -3px, 0px);}.elementor .pastille-icone{width:44px;height:44px;padding:11px;border-radius:999px;border-width:1.5px;border-color:var(--bordure-sombre);border-style:solid;transition:border-color 0.3s, background-color 0.3s, transform 0.35s;display:flex;flex:0 0 auto;justify-content:center;align-items:center;& svg { width: 20px; height: 20px; fill: none; }\n}.elementor .pre-footer{width:100%;padding-block-start:28px;padding-block-end:28px;padding-inline-start:32px;padding-inline-end:32px;border-radius:var(--rayon-xxl);background-color:var(--fond-sombre-eleve);display:flex;flex-direction:row;gap:24px;justify-content:space-between;align-items:center;}.elementor .bouton-contact:hover,.elementor .bouton-contact:focus-visible{border-color:var(--marque-orange);background-color:var(--fond-profond);transform:translate3d(0px, -2px, 0px);}.elementor .bouton-contact{font-family:var(--font-texte);font-weight:500;font-size:var(--taille-label-nav);color:var(--marque-lait);line-height:1.2;text-decoration:none;cursor:pointer;padding-block-start:14px;padding-block-end:14px;padding-inline-start:20px;padding-inline-end:20px;border-radius:var(--rayon-pilule);border-width:1.5px;border-color:var(--texte-secondaire);border-style:solid;background-color:transparent;transition:background-color 0.3s, border-color 0.3s, transform 0.3s;display:inline-flex;gap:10px;align-items:center;width: fit-content; white-space: nowrap; &::before { transition: transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); } &:hover::before { transform: rotate(-12deg) scale(1.15); } &:focus-visible { outline: 2px solid var(--marque-orange); outline-offset: 3px; }\n}.elementor .bouton-barista:hover,.elementor .bouton-barista:focus-visible{background-color:var(--action-primaire);transform:translate3d(0px, -2px, 0px);}.elementor .bouton-barista:active{transform:translate3d(0px, 0px, 0px);box-shadow: none;\n}.elementor .bouton-barista{max-width:100%;font-family:var(--font-texte);font-weight:600;font-size:var(--taille-label-bouton);color:var(--marque-blanc);line-height:1.2;text-decoration:none;cursor:pointer;padding:6px;border-radius:var(--rayon-pilule);border-width:0px;background-color:var(--marque-orange);transition:background-color 0.3s, transform 0.3s, box-shadow 0.3s;display:inline-flex;gap:12px;align-items:center;width: fit-content; text-align: left; white-space: nowrap; &::before { content: ""; width: 40px; height: 40px; flex-shrink: 0; background-image: url("https://www.canefora.canefora.net/wp-content/uploads/2026/11/avatar-geffrey-barista-brique.webp"); background-size: 100% 100%; background-repeat: no-repeat; background-position: center; transform-origin: 50% 80%; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1); } &::after { content: ""; width: 40px; height: 40px; flex-shrink: 0; border-radius: 999px; background-color: var(--marque-blanc); background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 9H14.25M9.75 13.5L14.25 9L9.75 4.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23E85229'/%3E%3C/svg%3E"), url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 9H14.25M9.75 13.5L14.25 9L9.75 4.5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23E85229'/%3E%3C/svg%3E"); background-size: 18px 18px, 18px 18px; background-repeat: no-repeat, no-repeat; background-position: center, -26px center; transition: background-position 0.45s cubic-bezier(0.65, 0, 0.35, 1), transform 0.45s cubic-bezier(0.34, 1.56, 0.64, 1); } &:hover::before { transform: rotate(-10deg) scale(1.08); } &:hover::after { background-position: 48px center, center; transform: scale(1.06); } &:focus-visible { outline: 2px solid var(--marque-orange); outline-offset: 3px; }\n}.elementor .bouton-barista:focus{background-color:var(--action-primaire);}.elementor .mot-signature{font-family:var(--font-titre);font-weight:400;font-size:clamp(96px, 22vw, 320px);color:rgba(255,255,255,0.05);letter-spacing:0.02em;line-height:1;text-align:center;text-transform:uppercase;margin:0px;white-space: nowrap; pointer-events: none; user-select: none;\n}.elementor .label-surtitre{font-family:var(--font-texte);font-weight:600;font-size:var(--taille-label-surtitre);color:var(--texte-titre);letter-spacing:0.12em;line-height:1.2;text-transform:uppercase;margin:0px;}.elementor .texte-petit{font-family:var(--font-texte);font-weight:400;font-size:var(--taille-texte-petit);color:var(--texte-secondaire);line-height:1.5;margin:0px;}.elementor .texte-corps{font-family:var(--font-texte);font-weight:400;font-size:var(--taille-texte-corps);color:var(--texte-secondaire);line-height:1.6;margin:0px;}.elementor .texte-corps-l{font-family:var(--font-texte);font-weight:400;font-size:var(--taille-texte-corps-l);color:var(--texte-courant);letter-spacing:-0.003em;line-height:1.6;margin:0px;}.elementor .titre-h5{font-family:var(--font-texte);font-weight:600;font-size:var(--taille-titre-h5);color:var(--texte-titre);letter-spacing:-0.005em;line-height:1.4;margin:0px;}.elementor .titre-h3{font-family:var(--font-titre);font-weight:400;font-size:var(--taille-titre-h3);color:var(--texte-titre);letter-spacing:0.005em;line-height:1.1;text-transform:uppercase;margin:0px;}.elementor .bouton-contact--mail{&::before { content: ""; width: 18px; height: 18px; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 3.75H14.25C15.0784 3.75 15.75 4.42157 15.75 5.25V12.75C15.75 13.5784 15.0784 14.25 14.25 14.25H3.75C2.92157 14.25 2.25 13.5784 2.25 12.75V5.25C2.25 4.42157 2.92157 3.75 3.75 3.75Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23E85229'/%3E%3Cpath d='M2.25 5.25L9 9.75L15.75 5.25' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23E85229'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; }\n}.elementor .bouton-contact--tel{&::before { content: ""; width: 18px; height: 18px; flex-shrink: 0; background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.75 3H6.75L8.25 6.75L6.375 7.875C7.17822 9.50365 8.49635 10.8218 10.125 11.625L11.25 9.75L15 11.25V14.25C15 14.6478 14.842 15.0294 14.5607 15.3107C14.2794 15.592 13.8978 15.75 13.5 15.75C10.5744 15.5722 7.81512 14.3299 5.74262 12.2574C3.67013 10.1849 2.42779 7.42555 2.25 4.5C2.25 4.10218 2.40804 3.72064 2.68934 3.43934C2.97064 3.15804 3.35218 3 3.75 3Z' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23E85229'/%3E%3C/svg%3E"); background-size: contain; background-repeat: no-repeat; background-position: center; }\n}.elementor .texte--inverse-doux{color:var(--texte-inverse-doux);}.elementor .texte--inverse{color:var(--texte-inverse);}.elementor .footer-colonne--agences{gap:18px;}.elementor .footer-titre--sans-marge{margin-block-end:0px;}.elementor .avatar-en-ligne{&::before { background-image: radial-gradient(circle at 32.36px 7.34px, var(--statut-en-ligne) 0px, var(--statut-en-ligne) 5.35px, var(--marque-orange) 5.75px, var(--marque-orange) 7.7px, transparent 8.2px), url("https://www.canefora.canefora.net/wp-content/uploads/2026/11/avatar-geffrey-barista-brique.webp"); background-size: 100% 100%, 100% 100%; background-repeat: no-repeat, no-repeat; } &:hover::before, &:focus-visible::before { background-image: radial-gradient(circle at 32.36px 7.34px, var(--statut-en-ligne) 0px, var(--statut-en-ligne) 5.35px, var(--action-primaire) 5.75px, var(--action-primaire) 7.7px, transparent 8.2px), url("https://www.canefora.canefora.net/wp-content/uploads/2026/11/avatar-geffrey-barista-brique.webp"); }\n}.elementor .pied--orange{padding-block-start:0px;background-color:transparent;background-image:linear-gradient(180deg, transparent 0px, transparent 112px, var(--fond-marque) 112px); & .pre-footer { background-color: var(--fond-sombre); padding: 44px 48px 44px 40px; margin-block-end: 24px; } & .pied-accroche { gap: 28px; } & .picto-accroche { width: 120px; height: 120px; } & .pied-accroche-textes { gap: 10px; } & .pied-actions { width: auto; padding: 0; display: flex; flex-direction: column; gap: 14px; align-items: flex-end; flex: 0 0 auto; } & .contacts-directs { width: auto; padding: 0; display: flex; flex-direction: row; flex-wrap: wrap; gap: 20px; align-items: center; } & .contacts-directs .bouton-contact { padding: 4px 0; border-width: 0; background-color: transparent; gap: 8px; } & .contacts-directs .bouton-contact:hover, & .contacts-directs .bouton-contact:focus-visible { background-color: transparent; transform: none; color: var(--marque-orange-clair); } & .pied-grille .texte--inverse-doux, & .pied-bas .texte--inverse-doux { color: var(--marque-lait); } & .footer-lien:hover, & .footer-lien:focus-visible { color: var(--fond-sombre); } & .lien-legal { color: var(--marque-lait); } & .lien-legal:hover, & .lien-legal:focus-visible { color: var(--fond-sombre); } & .champ-newsletter { background-color: var(--marque-blanc); border-color: var(--marque-blanc); } & .champ-newsletter-saisie { color: var(--texte-titre); } & .champ-newsletter-saisie::placeholder { color: var(--texte-secondaire); } & .pastille-icone { background-color: var(--fond-sombre); border-color: var(--fond-sombre); } & .pastille-icone:hover, & .pastille-icone:focus-visible { background-color: var(--fond-profond); border-color: var(--fond-profond); } & .icone-agence svg path, & .icone-agence svg circle { stroke: var(--marque-blanc); } & .pied-bas { border-top-color: rgba(255,255,255,0.35); } & .haut-de-page { color: var(--marque-lait); } & .haut-de-page::after { border-color: var(--marque-blanc); } & .haut-de-page:hover, & .haut-de-page:focus-visible { color: var(--fond-sombre); } & .haut-de-page:hover::after { background-color: var(--fond-sombre); border-color: var(--fond-sombre); } & .mot-signature { color: rgba(255,255,255,0.08); } background-image: linear-gradient(180deg, var(--fond-page) 0px, var(--fond-page) 112px, var(--fond-marque) 112px); & .pre-footer { background-color: var(--fond-sombre); padding: 44px 48px 44px 40px; margin-block-end: 24px; } & .pied-accroche { gap: 28px; } & .picto-accroche { width: 120px; height: 120px; } & .pied-accroche-textes { gap: 10px; } & .pied-actions { width: auto; padding: 0px; display: flex; flex-direction: column; gap: 14px; align-items: flex-end; flex: 0 0 auto; } & .contacts-directs { width: auto; padding: 0px; display: flex; flex-flow: wrap; gap: 20px; align-items: center; } & .contacts-directs .bouton-contact { padding: 4px 0px; border-width: 0px; background-color: transparent; gap: 8px; } & .contacts-directs .bouton-contact:hover, & .contacts-directs .bouton-contact:focus-visible { background-color: transparent; transform: none; color: var(--marque-orange-clair); } & .pied-grille .texte--inverse-doux, & .pied-bas .texte--inverse-doux { color: var(--marque-lait); } & .footer-lien:hover, & .footer-lien:focus-visible { color: var(--fond-sombre); } & .lien-legal { color: var(--marque-lait); } & .lien-legal:hover, & .lien-legal:focus-visible { color: var(--fond-sombre); } & .champ-newsletter { background-color: var(--marque-blanc); border-color: var(--marque-blanc); } & .champ-newsletter-saisie { color: var(--texte-titre); } & .champ-newsletter-saisie::placeholder { color: var(--texte-secondaire); } & .pastille-icone { background-color: var(--fond-sombre); border-color: var(--fond-sombre); } & .pastille-icone:hover, & .pastille-icone:focus-visible { background-color: var(--fond-profond); border-color: var(--fond-profond); } & .icone-agence svg path, & .icone-agence svg circle { stroke: var(--marque-blanc); } & .pied-bas { border-top-color: rgba(255, 255, 255, 0.35); } & .haut-de-page { color: var(--marque-lait); } & .haut-de-page::after { border-color: var(--marque-blanc); } & .haut-de-page:hover, & .haut-de-page:focus-visible { color: var(--fond-sombre); } & .haut-de-page:hover::after { background-color: var(--fond-sombre); border-color: var(--fond-sombre); } & .mot-signature { color: rgba(255, 255, 255, 0.08); }\n}