/* ========================================================= AXXESS — LARGEUR ÉDITORIALE DES ARTICLES Le conteneur natif Enfold reste en place ; seule sa largeur desktop est portée au niveau large validé pour la lecture. ========================================================= */ @media only screen and (min-width: 1200px) { #top.single-post #main .container_wrap_first > .container.template-single-blog { width: min(calc(100% - 48px), 1440px) !important; max-width: 1440px !important; } } /* ========================================================= AXXESS — RESPONSIVE MODÈLES ÉDITORIAUX Actualités : contenu avant sidebar dès la tablette. Article : colonne de lecture pleine avant la sidebar lorsque la justification deviendrait trop serrée. ========================================================= */ @media only screen and (max-width: 989px) { #top #main .container:has(#newsbox-2) { display: flex !important; flex-direction: column !important; } #top #main .container:has(#newsbox-2) .content { order: 1 !important; width: 100% !important; border: 0 !important; } #top #main .container:has(#newsbox-2) .sidebar { order: 2 !important; width: 100% !important; border: 0 !important; } #top #main .container:has(#newsbox-2) .sidebar .inner_sidebar { margin: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1100px) { #top.single-post #main .container.template-single-blog { display: flex !important; flex-direction: column !important; } #top.single-post #main .container.template-single-blog > .content { order: 1 !important; width: 100% !important; border: 0 !important; } #top.single-post #main .container.template-single-blog > .sidebar { order: 2 !important; width: 100% !important; border: 0 !important; } #top.single-post #main .container.template-single-blog > .sidebar .inner_sidebar { margin: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1100px) { body#top.single-post #main .container.template-single-blog > main.content, body#top.single-post #main .container.template-single-blog > aside.sidebar { float: none !important; flex: 0 0 100% !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } } @media only screen and (min-width: 768px) and (max-width: 1100px) { body#top.single-post #main .container.template-single-blog:has(#newsbox-2) > main.content, body#top.single-post #main .container.template-single-blog:has(#newsbox-2) > aside.sidebar { float: none !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } } /* ========================================================= AXXESS FERMETURES — VARIABLES GLOBALES ========================================================= */ :root { --axxess-green: #BDBE00; --axxess-green-hover: #C9CA20; --axxess-black: #231F20; --axxess-white: #FFFFFF; --axxess-soft: #F5F5F1; --axxess-border: #E8E8E2; --axxess-wide: 1480px; --axxess-ease: cubic-bezier(.2, .75, .25, 1); } /* ========================================================= AXXESS FERMETURES ÉLÉMENT PRODUIT NATIF ENFOLD Version complète avec preuves et lien fabricant ========================================================= */ /* ========================================================= 1. SECTION ET CARTE ========================================================= */ #top .axxess-product-item { position: relative; overflow: visible; border: 0 !important; background: #F4F4EE !important; } #top .axxess-product-item .container { width: min(calc(100% - 64px), 1480px) !important; max-width: 1480px !important; margin: 0 auto !important; padding: 34px 0 !important; box-sizing: border-box; } #top .axxess-product-item .content { padding: 0 !important; } #top .axxess-product-item .entry-content-wrapper { position: relative; display: flex !important; align-items: stretch !important; overflow: hidden; border: 1px solid #E7E7E1; border-radius: 18px; background: #FFFFFF; box-shadow: 0 24px 65px rgba(35, 31, 32, 0.09); } #top .axxess-product-item .entry-content-wrapper::before { position: absolute; z-index: 5; top: 0; right: 0; left: 0; height: 5px; background: #BDBE00; content: ""; } #top .axxess-product-item .entry-content-wrapper > .flex_column { float: none !important; height: auto !important; min-height: 0 !important; margin: 0 !important; } #top .axxess-product-item .entry-content-wrapper > .clear, #top .axxess-product-item .entry-content-wrapper > .clearfix, #top .axxess-product-item .entry-content-wrapper > .av-clear, #top .axxess-product-item .entry-content-wrapper > br { display: none !important; } /* ========================================================= 2. COLONNE IMAGE ========================================================= */ #top .axxess-product-item__media { position: relative; display: flex !important; width: 41% !important; min-width: 0; align-items: center; justify-content: center; padding: 42px !important; box-sizing: border-box; background: radial-gradient( circle at 50% 45%, rgba(255, 255, 255, 0.98) 0%, rgba(255, 255, 255, 0.55) 34%, transparent 70% ), linear-gradient(145deg, #F8F8F5 0%, #ECECE6 100%); overflow: hidden; } #top .axxess-product-item__media::before { position: absolute; top: 34px; right: 28px; width: 78px; height: 78px; border-top: 3px solid #BDBE00; border-right: 3px solid #BDBE00; content: ""; opacity: 0.9; } #top .axxess-product-item__media::after { position: absolute; bottom: 34px; left: 28px; width: 52px; height: 8px; border-radius: 4px; background: #BDBE00; content: ""; } #top .axxess-product-item__image { position: relative; z-index: 2; width: 100%; max-width: 510px; margin: 0 !important; } #top .axxess-product-item__image { display: flex !important; width: 100% !important; max-width: 510px; aspect-ratio: 1 / 1; align-items: center; justify-content: center; } #top .axxess-product-item__image .avia-image-container-inner, #top .axxess-product-item__image .avia-image-overlay-wrap { display: flex !important; width: 100% !important; height: 100% !important; align-items: center; justify-content: center; } #top .axxess-product-item__image .avia_image, #top .axxess-product-item__image img, #top .axxess-product-placeholder--filled img { display: block; width: 100% !important; max-width: 100% !important; height: 100% !important; max-height: 510px; margin: 0 !important; border: 0 !important; border-radius: 4px; object-fit: contain; filter: drop-shadow(0 22px 24px rgba(35, 31, 32, 0.15)); transition: transform 0.35s ease; } #top .axxess-product-item:hover .axxess-product-item__image img { transform: scale(1.015); } /* ========================================================= 3. COLONNE CONTENU ========================================================= */ #top .axxess-product-item__content { display: flex !important; width: 59% !important; min-width: 0; flex-direction: column; justify-content: center; padding: clamp(34px, 3.7vw, 58px) !important; box-sizing: border-box; } #top .axxess-product-item__intro { width: 100%; max-width: 780px; margin: 0 !important; } /* ========================================================= 4. REPÈRE ET TITRE ========================================================= */ #top .axxess-product-item__eyebrow { display: flex; align-items: center; gap: 12px; margin: 0 0 17px !important; color: #6B6869 !important; font-size: 11px; font-weight: 750; line-height: 1.3; letter-spacing: 0.12em; text-transform: uppercase; } #top .axxess-product-item__eyebrow span { display: inline-flex; min-width: 34px; min-height: 25px; align-items: center; justify-content: center; padding: 4px 8px; border-radius: 5px; box-sizing: border-box; background: #BDBE00; color: #231F20; font-size: 10px; font-weight: 850; letter-spacing: 0.1em; } #top .axxess-product-item__intro h3 { margin: 0 !important; padding: 0 !important; color: #231F20 !important; font-size: clamp(38px, 3.7vw, 58px); font-weight: 750; line-height: 1; letter-spacing: -0.05em; text-transform: none !important; } #top .axxess-product-item__lead { max-width: 720px; margin: 18px 0 0 !important; color: #545050 !important; font-size: 17px; line-height: 1.6; } /* ========================================================= 5. PASTILLES PRINCIPALES ========================================================= */ #top .axxess-product-item__badges { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 21px; } #top .axxess-product-item__badges span { display: inline-flex; min-height: 31px; align-items: center; justify-content: center; padding: 6px 12px; border: 1px solid #DCDCD4; border-radius: 999px; box-sizing: border-box; background: #FFFFFF; color: #231F20; font-size: 11px; font-weight: 750; line-height: 1.2; } /* ========================================================= 6. PREUVES VISIBLES AVANT OUVERTURE ========================================================= */ #top .axxess-product-item__proofs { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; width: 100%; margin-top: 24px; } #top .axxess-product-item__proof { min-width: 0; padding: 15px 14px; border: 1px solid #E7E7E1; border-radius: 10px; box-sizing: border-box; background: #F8F8F5; } #top .axxess-product-item__proof strong { display: block; margin-bottom: 5px; color: #231F20; font-size: clamp(16px, 1.25vw, 20px); font-weight: 800; line-height: 1.12; letter-spacing: -0.025em; } #top .axxess-product-item__proof span { display: block; color: #6B6869; font-size: 10px; font-weight: 600; line-height: 1.4; } /* ========================================================= 7. LIEN VERS LA FICHE OFFICIELLE ========================================================= */ #top .axxess-product-item__manufacturer { display: flex; justify-content: flex-end; width: 100%; margin: 15px 0 0 !important; } #top .axxess-product-item__manufacturer a { display: inline-flex; align-items: center; gap: 8px; color: #545050 !important; font-size: 12px; font-weight: 700; line-height: 1.35; text-decoration: none !important; transition: color 0.2s ease; } #top .axxess-product-item__manufacturer a::before { display: block; width: 18px; height: 2px; flex: 0 0 auto; background: #BDBE00; content: ""; transition: width 0.2s ease; } #top .axxess-product-item__manufacturer a span { color: #231F20; font-size: 15px; line-height: 1; } #top .axxess-product-item__manufacturer a:hover { color: #231F20 !important; } #top .axxess-product-item__manufacturer a:hover::before { width: 27px; } /* ========================================================= 8. ACCORDION NATIF ENFOLD ========================================================= */ #top .axxess-product-item__accordion { width: 100%; margin: 18px 0 0 !important; border-top: 1px solid #E7E7E1; } #top .axxess-product-item__accordion .av_toggle_section, #top .axxess-product-item__accordion .single_toggle { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #top .axxess-product-item__accordion .toggler { position: relative; min-height: 66px; margin: 0 !important; padding: 22px 58px 22px 0 !important; border: 0 !important; background: transparent !important; color: #231F20 !important; font-size: 14px; font-weight: 750; line-height: 1.35; letter-spacing: 0; text-transform: none; } #top .axxess-product-item__accordion .toggler:hover, #top .axxess-product-item__accordion .toggler.activeTitle { color: #231F20 !important; background: transparent !important; } #top .axxess-product-item__accordion .toggle_icon { position: absolute !important; top: 50% !important; right: 0 !important; left: auto !important; width: 38px !important; height: 38px !important; margin: -19px 0 0 !important; border: 0 !important; border-radius: 50%; background: #BDBE00; } #top .axxess-product-item__accordion .toggle_icon .vert_icon, #top .axxess-product-item__accordion .toggle_icon .hor_icon { position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; width: 13px !important; height: 2px !important; margin: 0 !important; border: 0 !important; border-radius: 2px; background: #231F20 !important; transform: translate(-50%, -50%); } #top .axxess-product-item__accordion .toggle_icon .vert_icon { transform: translate(-50%, -50%) rotate(90deg); transition: opacity 0.2s ease, transform 0.2s ease; } #top .axxess-product-item__accordion .toggler.activeTitle .toggle_icon .vert_icon { opacity: 0; transform: translate(-50%, -50%) rotate(0deg); } #top .axxess-product-item__accordion .toggle_wrap { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } #top .axxess-product-item__accordion .toggle_content { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; } /* ========================================================= 9. PANNEAU TECHNIQUE ========================================================= */ #top .axxess-product-details { position: relative; padding: 34px; border-radius: 14px; box-sizing: border-box; color: rgba(255, 255, 255, 0.75); background: radial-gradient( circle at 92% 5%, rgba(189, 190, 0, 0.17), transparent 32% ), linear-gradient(145deg, #2B2728 0%, #181617 100%); overflow: hidden; } #top .axxess-product-details::after { position: absolute; right: -105px; bottom: -135px; width: 270px; height: 270px; border: 1px solid rgba(189, 190, 0, 0.15); border-radius: 46% 54% 44% 56%; content: ""; transform: rotate(22deg); } #top .axxess-product-details > * { position: relative; z-index: 2; } /* ========================================================= 10. EN-TÊTE DU PANNEAU ========================================================= */ #top .axxess-product-details__header { max-width: 750px; } #top .axxess-product-details__eyebrow { margin: 0 0 11px !important; color: #BDBE00 !important; font-size: 10px; font-weight: 800; line-height: 1.3; letter-spacing: 0.13em; text-transform: uppercase; } #top .axxess-product-details__header h4 { max-width: 690px; margin: 0 !important; color: #FFFFFF !important; font-size: clamp(23px, 2vw, 31px); font-weight: 750; line-height: 1.12; letter-spacing: -0.035em; text-transform: none !important; } #top .axxess-product-details__header > p:last-child { max-width: 720px; margin: 16px 0 0 !important; color: rgba(255, 255, 255, 0.72) !important; font-size: 14px; line-height: 1.65; } /* ========================================================= 11. INDICATEURS DU PANNEAU ========================================================= */ #top .axxess-product-details__metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 28px; } #top .axxess-product-details__metric { min-width: 0; padding: 17px 15px; border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 9px; background: rgba(255, 255, 255, 0.045); } #top .axxess-product-details__metric strong { display: block; margin-bottom: 6px; color: #BDBE00; font-size: clamp(18px, 1.5vw, 23px); font-weight: 800; line-height: 1.05; letter-spacing: -0.03em; } #top .axxess-product-details__metric span { display: block; color: rgba(255, 255, 255, 0.6); font-size: 11px; line-height: 1.4; } /* ========================================================= 12. BLOCS DE CONTENU ========================================================= */ #top .axxess-product-details__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 32px; margin-top: 32px; } #top .axxess-product-details__block { min-width: 0; } #top .axxess-product-details__block h5 { position: relative; margin: 0 0 9px !important; padding-left: 16px; color: #FFFFFF !important; font-size: 15px; font-weight: 750; line-height: 1.35; text-transform: none !important; } #top .axxess-product-details__block h5::before { position: absolute; top: 0.45em; left: 0; width: 7px; height: 7px; border-radius: 50%; background: #BDBE00; content: ""; } #top .axxess-product-details__block p { margin: 0 !important; color: rgba(255, 255, 255, 0.64) !important; font-size: 13px; line-height: 1.6; } /* ========================================================= 13. PIED DU PANNEAU ========================================================= */ #top .axxess-product-details__footer { display: flex; align-items: center; justify-content: space-between; gap: 24px; margin-top: 31px; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, 0.12); } #top .axxess-product-details__footer p { max-width: 510px; margin: 0 !important; color: rgba(255, 255, 255, 0.45) !important; font-size: 11px; line-height: 1.5; } #top .axxess-product-details__link { display: inline-flex; flex: 0 0 auto; align-items: center; gap: 11px; color: #FFFFFF !important; font-size: 13px; font-weight: 750; line-height: 1.3; text-decoration: none !important; } #top .axxess-product-details__link span { display: inline-flex; width: 31px; height: 31px; align-items: center; justify-content: center; border-radius: 50%; background: #BDBE00; color: #231F20; font-size: 17px; transition: transform 0.2s ease; } #top .axxess-product-details__link:hover span { transform: translateX(3px); } /* ========================================================= 14. TABLETTE ========================================================= */ @media only screen and (max-width: 989px) { #top .axxess-product-item .container { width: min(calc(100% - 48px), 760px) !important; padding: 28px 0 !important; } #top .axxess-product-item .entry-content-wrapper { display: block !important; } #top .axxess-product-item__media, #top .axxess-product-item__content { width: 100% !important; } #top .axxess-product-item__media { min-height: 430px; padding: 34px !important; } #top .axxess-product-item__image { max-width: 480px; } #top .axxess-product-item__content { padding: 42px !important; } } /* ========================================================= 15. MOBILE ========================================================= */ @media only screen and (max-width: 767px) { #top .axxess-product-item .container { width: calc(100% - 36px) !important; padding: 22px 0 !important; } #top .axxess-product-item .entry-content-wrapper { border-radius: 13px; } #top .axxess-product-item__media { min-height: 0; padding: 25px !important; } #top .axxess-product-item__media::before { top: 20px; right: 18px; width: 52px; height: 52px; } #top .axxess-product-item__media::after { bottom: 22px; left: 18px; width: 38px; height: 6px; } #top .axxess-product-item__image img { max-height: 390px; } #top .axxess-product-item__content { padding: 30px 22px 26px !important; } #top .axxess-product-item__intro h3 { font-size: clamp(36px, 11vw, 47px); } #top .axxess-product-item__lead { margin-top: 16px !important; font-size: 15px; line-height: 1.57; } #top .axxess-product-item__badges { margin-top: 20px; } #top .axxess-product-item__proofs { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 20px; } #top .axxess-product-item__proof { display: grid; grid-template-columns: 120px minmax(0, 1fr); align-items: center; gap: 12px; padding: 13px 14px; } #top .axxess-product-item__proof strong { margin: 0; font-size: 16px; } #top .axxess-product-item__manufacturer { justify-content: flex-start; margin-top: 16px !important; } #top .axxess-product-item__accordion { margin-top: 18px !important; } #top .axxess-product-details { padding: 26px 20px; border-radius: 11px; } #top .axxess-product-details__metrics { grid-template-columns: minmax(0, 1fr); gap: 8px; margin-top: 24px; } #top .axxess-product-details__metric { display: grid; grid-template-columns: 105px minmax(0, 1fr); align-items: center; gap: 11px; padding: 14px; } #top .axxess-product-details__metric strong { margin: 0; font-size: 18px; } #top .axxess-product-details__grid { grid-template-columns: minmax(0, 1fr); gap: 21px; margin-top: 27px; } #top .axxess-product-details__footer { align-items: flex-start; flex-direction: column; gap: 17px; margin-top: 26px; } } /* ========================================================= 16. MOUVEMENTS RÉDUITS ========================================================= */ @media (prefers-reduced-motion: reduce) { #top .axxess-product-item *, #top .axxess-product-item *::before, #top .axxess-product-item *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; } } /* ========================================================= 17. PAGES INTÉRIEURES — FONDATIONS ÉDITORIALES RÉUTILISABLES ========================================================= */ #top .axxess-page-section .container{width:min(calc(100% - 64px),1280px)!important;max-width:1280px!important;padding:clamp(70px,8vw,118px) 0!important} #top .axxess-page-section .content{padding:0!important} #top .axxess-section-eyebrow{margin:0 0 18px!important;color:#77720a!important;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase} #top .axxess-reading-lead{max-width:760px;margin:0 0 48px!important;color:#545050!important;font-size:clamp(18px,1.7vw,23px);line-height:1.6} #top .axxess-page-section h2{max-width:900px;margin:0 0 22px!important;color:#231f20!important;font-size:clamp(38px,5vw,68px);font-weight:760;line-height:1.02;letter-spacing:-.045em;text-transform:none!important} #top .axxess-service-card{min-height:290px;padding:clamp(28px,3vw,42px)!important;border:1px solid #e7e7e1;border-radius:18px;background:#fff;box-shadow:0 18px 48px rgba(35,31,32,.07);transition:transform .28s var(--axxess-ease),box-shadow .28s var(--axxess-ease)} /* Rangées de cartes de premier niveau : étirement naturel sans hauteur fixe. */ #top .axxess-page-section .entry-content-wrapper:has(> .axxess-service-card){display:flex!important;flex-wrap:wrap;align-items:stretch} #top .axxess-page-section .entry-content-wrapper:has(> .axxess-service-card)>br{display:none!important} #top .axxess-service-card{display:flex!important;flex-direction:column;height:auto!important;align-self:stretch} #top .axxess-service-card .av_textblock_section,#top .axxess-service-card .avia_textblock{display:flex;flex:1 1 auto;flex-direction:column} #top .axxess-service-card .avia_textblock>p:last-child{margin-bottom:0!important} #top .axxess-service-card:hover{transform:translateY(-6px);box-shadow:0 28px 64px rgba(35,31,32,.11)} #top .axxess-service-card__index{display:inline-flex;width:38px;height:28px;align-items:center;justify-content:center;margin:0 0 38px!important;border-radius:5px;background:#bdbe00;color:#231f20!important;font-size:10px;font-weight:850;letter-spacing:.12em} #top .axxess-service-card h3{margin:0 0 14px!important;color:#231f20!important;font-size:clamp(24px,2.2vw,34px);line-height:1.08;letter-spacing:-.035em;text-transform:none!important} #top .axxess-service-card p{color:#545050!important;font-size:16px;line-height:1.65} #top .axxess-service-card a{color:#231f20!important;font-weight:750;text-decoration:none!important} #top .axxess-service-card a:hover{color:#77720a!important} #top .axxess-page-section--dark h2,#top .axxess-page-section--dark h3,#top .axxess-page-section--dark p,#top .axxess-page-section--dark li{color:#fff!important} #top .axxess-page-section--dark a{color:#bdbe00!important;font-weight:750;text-decoration:none!important} #top .axxess-page-section--dark .axxess-section-eyebrow{color:#bdbe00!important} #top .axxess-page-section--dark li{margin-bottom:12px} /* ========================================================= 18. CONTACT, GAMMES ET PLACEHOLDERS PRODUITS ========================================================= */ #top .axxess-contact-section .container{width:calc(100% - 48px)!important;max-width:1680px!important;padding-left:0!important;padding-right:0!important} #top .axxess-contact-section .entry-content-wrapper{display:flex!important;align-items:flex-start!important;gap:28px} #top .axxess-contact-section .entry-content-wrapper>.flex_column{float:none!important;height:auto!important;margin:0!important;box-sizing:border-box} #top .axxess-contact-aside{width:calc(32% - 14px)!important;flex:0 0 calc(32% - 14px)!important;min-width:0;padding:44px 40px!important;border-radius:18px;background:#231f20} #top .axxess-contact-form-column{width:calc(68% - 14px)!important;flex:0 0 calc(68% - 14px)!important;min-width:0;padding:44px 46px 34px!important;border:1px solid #e7e7e1;border-radius:18px;background:#fff;box-shadow:0 24px 64px rgba(35,31,32,.09)} #top .axxess-contact-aside .axxess-section-eyebrow{margin-bottom:24px!important;color:#bdbe00!important} #top .axxess-contact-aside h2{max-width:370px;margin:0 0 24px!important;color:#fff!important;font-size:clamp(48px,3.55vw,52px)!important;font-weight:760;line-height:1.01!important;letter-spacing:-.045em;word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important;text-transform:none!important} #top .axxess-contact-aside h3,#top .axxess-contact-aside p,#top .axxess-contact-aside a{color:#fff!important} #top .axxess-contact-aside__intro{margin:0 0 30px!important;color:#dedcdc!important;font-size:16px;line-height:1.62} #top .axxess-contact-details{display:grid;grid-template-columns:minmax(0,1fr);gap:0;border-top:1px solid rgba(255,255,255,.16)} #top .axxess-contact-detail{padding:16px 0;border-bottom:1px solid rgba(255,255,255,.12)} #top .axxess-contact-detail span{display:block;margin-bottom:5px;color:#bdbe00;font-size:10px;font-weight:800;letter-spacing:.13em;text-transform:uppercase} #top .axxess-contact-detail p,#top .axxess-contact-detail a{display:block;margin:0!important;color:#fff!important;font-size:15px;font-weight:600;line-height:1.45;text-decoration:none!important} #top .axxess-contact-detail a{font-size:22px;font-weight:760;letter-spacing:-.025em} #top .axxess-contact-detail a:hover{color:#bdbe00!important} #top .axxess-contact-form-column>.av_textblock_section:first-child{margin-bottom:18px} #top .axxess-contact-form-column .axxess-section-eyebrow{margin-bottom:15px!important} #top .axxess-contact-form-column h2{max-width:720px;margin:0!important;color:#231f20!important;font-size:clamp(48px,3.8vw,56px)!important;font-weight:760;line-height:1.02!important;letter-spacing:-.045em;text-transform:none!important} #top .axxess-contact-form{margin:0!important} #top .axxess-contact-form__frame{width:100%;overflow:hidden;border-radius:10px;background:#fff} #top .axxess-contact-form__frame iframe{display:block;width:100%!important;max-width:100%;height:950px;min-height:0;border:0;overflow:hidden} #top .axxess-contact-note{margin:14px 0 0!important;color:#6b6869!important;font-size:13px;line-height:1.5} #top .axxess-contact-note a{color:#231f20!important;font-weight:750} @media only screen and (min-width:990px) and (max-width:1200px){ #top .axxess-contact-aside{padding:36px 32px!important} #top .axxess-contact-form-column{padding:36px 34px 30px!important} #top .axxess-contact-aside h2{font-size:43px!important} #top .axxess-contact-form-column h2{font-size:46px!important} } @media only screen and (max-width:989px){ #top .axxess-contact-section .container{width:calc(100% - 48px)!important} #top .axxess-contact-section .entry-content-wrapper{display:block!important} #top .axxess-contact-aside,#top .axxess-contact-form-column{width:100%!important;max-width:none!important;flex:none!important;margin:0!important} #top .axxess-contact-aside{padding:38px 36px!important} #top .axxess-contact-form-column{margin-top:22px!important;padding:38px 36px 28px!important} #top .axxess-contact-aside h2{max-width:620px;font-size:44px!important} #top .axxess-contact-form-column h2{max-width:680px;font-size:46px!important} #top .axxess-contact-form__frame iframe{height:1100px;min-height:0} } @media only screen and (max-width:767px){ #top .axxess-contact-section .container{width:calc(100% - 28px)!important;padding:48px 0!important} #top .axxess-contact-aside{padding:30px 24px!important;border-radius:14px} #top .axxess-contact-form-column{margin-top:16px!important;padding:30px 20px 22px!important;border-radius:14px} #top .axxess-contact-aside h2{max-width:310px;margin-bottom:20px!important;font-size:38px!important;line-height:1.04!important} #top .axxess-contact-form-column h2{font-size:38px!important;line-height:1.04!important} #top .axxess-contact-aside__intro{margin-bottom:24px!important;font-size:15px;line-height:1.58} #top .axxess-contact-detail{padding:14px 0} #top .axxess-contact-detail a{min-height:44px;display:flex;align-items:center;font-size:21px} #top .axxess-contact-form__frame iframe{height:1180px;min-height:0} } #top .axxess-model-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:42px} #top .axxess-model-card{display:flex;min-height:92px;align-items:center;gap:18px;padding:22px;border:1px solid #e7e7e1;border-radius:12px;background:#f7f7f3} #top .axxess-model-card span{color:#77720a;font-size:11px;font-weight:850;letter-spacing:.12em} #top .axxess-model-card strong{color:#231f20;font-size:18px} #top .axxess-product-item__placeholder{position:relative;z-index:2;width:100%;margin:0!important} #top .axxess-product-placeholder{display:flex;min-height:360px;flex-direction:column;align-items:center;justify-content:center;padding:32px;border:1px dashed #c8c8bf;border-radius:14px;background:rgba(255,255,255,.72);color:#545050;text-align:center} #top .axxess-product-placeholder span{font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase} #top .axxess-product-placeholder strong{margin:12px 0;color:#231f20;font-size:34px;letter-spacing:-.04em} #top .axxess-product-placeholder em{font-size:13px} /* ========================================================= 19. FAQ PREMIUM SOMBRE ========================================================= */ #top :is(.axxess-faq, .axxess-faq-section) { overflow: hidden; background: #231F20 !important; color: #FFFFFF !important; } #top :is(.axxess-faq, .axxess-faq-section) > .container { width: min(calc(100% - 64px), 1480px) !important; max-width: 1480px !important; padding: clamp(78px, 8vw, 128px) 0 !important; } #top :is(.axxess-faq, .axxess-faq-section) .content { padding: 0 !important; } #top :is(.axxess-faq, .axxess-faq-section) .axxess-section-eyebrow { margin-bottom: 22px !important; color: #BDBE00 !important; } #top :is(.axxess-faq, .axxess-faq-section) h2 { max-width: 1100px; margin-bottom: clamp(38px, 5vw, 64px) !important; color: #FFFFFF !important; font-size: clamp(44px, 5.4vw, 82px) !important; line-height: .98 !important; letter-spacing: -.045em !important; } #top :is(.axxess-faq, .axxess-faq-section) .togglecontainer { border-top: 1px solid rgba(255,255,255,.17) !important; background: transparent !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggler { position: relative; min-height: 76px; margin: 0 !important; padding: 25px 72px 25px 0 !important; border: 0 !important; border-bottom: 1px solid rgba(255,255,255,.17) !important; background: transparent !important; color: #FFFFFF !important; font-size: clamp(17px, 1.25vw, 21px) !important; font-weight: 650 !important; line-height: 1.35 !important; transition: color .25s var(--axxess-ease), border-color .25s var(--axxess-ease); } #top :is(.axxess-faq, .axxess-faq-section) .toggler:hover, #top :is(.axxess-faq, .axxess-faq-section) .toggler.activeTitle { color: #C5C51B !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggler .toggle_icon { position: absolute !important; top: 50% !important; right: 0 !important; left: auto !important; width: 40px !important; height: 40px !important; margin: 0 !important; transform: translateY(-50%); border: 0 !important; border-radius: 50%; background: #BDBE00 !important; transition: transform .25s var(--axxess-ease), background-color .25s var(--axxess-ease); } #top :is(.axxess-faq, .axxess-faq-section) .toggler:hover .toggle_icon { background: #C5C51B !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggler.activeTitle .toggle_icon { transform: translateY(-50%) rotate(45deg); } #top :is(.axxess-faq, .axxess-faq-section) .toggler .toggle_icon { display: grid !important; place-items: center; } #top :is(.axxess-faq, .axxess-faq-section) .toggle_icon .vert_icon, #top :is(.axxess-faq, .axxess-faq-section) .toggle_icon .hor_icon { position: absolute !important; top: 50% !important; left: 50% !important; display: block !important; width: 14px !important; height: 2px !important; margin: 0 !important; border: 0 !important; border-radius: 2px; background: #231F20 !important; transform: translate(-50%, -50%) !important; transform-origin: center; } #top :is(.axxess-faq, .axxess-faq-section) .toggle_icon .vert_icon { transform: translate(-50%, -50%) rotate(90deg) !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggle_wrap, #top :is(.axxess-faq, .axxess-faq-section) .toggle_content, #top :is(.axxess-faq, .axxess-faq-section) .toggle_content.invers-color { border: 0 !important; background: transparent !important; color: rgba(255,255,255,.82) !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggle_content { max-width: 960px; padding: 22px 72px 30px 0 !important; font-size: 16px !important; line-height: 1.72 !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggle_content p { color: inherit !important; } @media only screen and (max-width: 767px) { #top :is(.axxess-faq, .axxess-faq-section) > .container { width: calc(100% - 36px) !important; padding: 64px 0 !important; } #top :is(.axxess-faq, .axxess-faq-section) h2 { margin-bottom: 34px !important; font-size: clamp(38px, 12vw, 54px) !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggler { min-height: 68px; padding: 21px 58px 21px 0 !important; font-size: 16px !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggler .toggle_icon { width: 36px !important; height: 36px !important; } #top :is(.axxess-faq, .axxess-faq-section) .toggle_content { padding: 18px 0 26px !important; font-size: 15px !important; } } /* ========================================================= 20. RESPONSIVE PAGES INTÉRIEURES ========================================================= */ @media only screen and (max-width:989px){#top .axxess-page-section .container{width:min(calc(100% - 48px),760px)!important}#top .axxess-service-card{min-height:0}#top .axxess-model-grid{grid-template-columns:repeat(2,minmax(0,1fr))}} @media only screen and (max-width:767px){#top .axxess-page-section .container{width:calc(100% - 36px)!important;padding:64px 0!important}#top .axxess-page-section h2{font-size:clamp(34px,10vw,46px)}#top .axxess-service-card{min-height:0;margin-bottom:16px!important;padding:28px!important}#top .axxess-service-card__index{margin-bottom:26px!important}#top .axxess-model-grid{grid-template-columns:minmax(0,1fr);gap:10px;margin-top:30px}} @media (prefers-reduced-motion:reduce){#top .axxess-service-card{transition:none!important}} /* ========================================================= AXXESS FERMETURES — ARTICLES / SIDEBAR ENFOLD NATIVE GAUCHE ========================================================= */ #top.single-post .title_container { display: none !important; } #top.single-post #main > .container_wrap_first { border-top: 0 !important; } #top.single-post #main > .container_wrap_first > .container { width: min(calc(100% - 48px), 1280px) !important; max-width: 1280px !important; padding-top: clamp(48px, 6vw, 78px) !important; } #top.single-post #main .content, #top.single-post #main .sidebar { padding-top: 0 !important; } #top.single-post #main .content { padding-bottom: 76px !important; } #top.single-post #main .sidebar { padding-bottom: 76px !important; } #top.single-post #main .sidebar .inner_sidebar { margin: 0 36px 0 0 !important; padding: 0 !important; border: 0 !important; } #top.single-post .post-entry { display: flex; flex-direction: column; width: 100%; margin: 0; } #top.single-post .entry-content-wrapper { display: contents; } #top.single-post .blog-meta, #top.single-post .post_author_timeline { display: none !important; } #top.single-post .entry-content-header { order: 1; display: flex; flex-direction: column; max-width: 860px; margin: 0 0 30px; } #top.single-post .entry-content-header .post-meta-infos { display: contents; } #top.single-post .entry-content-header .blog-categories { order: 1; margin-bottom: 16px; color: #5c5859; font-size: 0; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; } #top.single-post .entry-content-header .blog-categories a { color: #5c5859 !important; font-size: 12px; text-decoration: none; } #top.single-post .post-title.entry-title { order: 2; max-width: 20ch; margin: 0 0 16px !important; color: var(--axxess-black); font-size: clamp(40px, 4vw, 62px) !important; line-height: 1 !important; letter-spacing: -.04em; } #top.single-post .entry-content-header .date-container { order: 3; color: #6f6b6c; font-size: 12px; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; } #top.single-post .entry-content-header .text-sep { display: none !important; } #top.single-post .big-preview { order: 2; width: min(100%, 900px); margin: 0 0 clamp(30px, 4vw, 46px) !important; overflow: hidden; border-radius: 24px; background: var(--axxess-soft); box-shadow: 0 22px 54px rgba(35,31,32,.10); } #top.single-post .big-preview img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; } #top.single-post .entry-content { order: 3; width: min(100%, 780px); color: var(--axxess-black); font-size: clamp(17px, 1.35vw, 20px); line-height: 1.72; } #top.single-post .entry-content > p:first-of-type { margin-bottom: 38px; color: #4f4a4b; font-size: clamp(20px, 1.8vw, 25px); line-height: 1.48; } #top.single-post .entry-content h2 { margin: 56px 0 20px; color: var(--axxess-black); font-size: clamp(31px, 3vw, 45px); line-height: 1.08; letter-spacing: -.035em; } #top.single-post .entry-content h3 { margin: 38px 0 16px; color: var(--axxess-black); font-size: clamp(24px, 2.2vw, 32px); line-height: 1.12; letter-spacing: -.025em; } #top.single-post .entry-content p, #top.single-post .entry-content ul, #top.single-post .entry-content ol { margin-bottom: 24px; } #top.single-post .entry-content ul, #top.single-post .entry-content ol { padding-left: 1.25em; } #top.single-post .entry-content a { color: var(--axxess-black); font-weight: 700; text-decoration-color: var(--axxess-green); text-decoration-thickness: 2px; text-underline-offset: 4px; } #top.single-post .entry-footer { order: 4; } #top.single-post .post_delimiter { order: 5; } #top.single-post .sidebar .widget { margin: 0 0 24px !important; } #top.single-post .sidebar .widgettitle { margin-bottom: 14px; color: var(--axxess-black); font-size: 20px; line-height: 1.15; } @media (max-width: 989px) { #top.single-post #main > .container_wrap_first > .container { display: flex !important; flex-direction: column; width: min(calc(100% - 32px), 860px) !important; padding-top: 44px !important; } #top.single-post #main .content { order: 1; float: none !important; width: 100% !important; padding: 0 0 38px !important; } #top.single-post #main .sidebar { order: 2; float: none !important; width: 100% !important; padding: 0 0 64px !important; } #top.single-post #main .sidebar .inner_sidebar { margin: 0 !important; } } @media (max-width: 767px) { #top.single-post #main > .container_wrap_first > .container { width: calc(100% - 28px) !important; padding-top: 34px !important; } #top.single-post .post-title.entry-title { font-size: clamp(34px, 10.5vw, 46px) !important; } #top.single-post .big-preview { border-radius: 18px; } } /* ========================================================= AXXESS FERMETURES — ACTUALITES / CONTENU NATIF + SIDEBAR ENFOLD ========================================================= */ #top .axxess-news-editorial { overflow: visible; background: #f5f4ef; } #top .axxess-news-editorial > .container { width: 100% !important; max-width: none !important; padding: clamp(54px, 6vw, 84px) 0 !important; } #top .axxess-news-editorial .axxess-news-main { display: block !important; width: 100% !important; margin: 0 !important; } #top .axxess-news-intro { max-width: 760px; margin-bottom: 34px; } #top .axxess-news-intro h2 { max-width: 15ch; margin-bottom: 16px; color: var(--axxess-black); font-size: clamp(38px, 4vw, 64px); line-height: 1; letter-spacing: -.045em; } #top .axxess-news-intro > p:last-child { max-width: 680px; color: #5f5a5b; font-size: clamp(17px, 1.35vw, 20px); line-height: 1.6; } #top .axxess-news-grid--editorial .slide-entry-wrap { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(20px, 2vw, 30px); margin: 0 0 clamp(20px, 2vw, 30px) !important; } #top .axxess-news-grid--editorial .slide-entry { display: flex !important; float: none !important; flex-direction: column; width: 100% !important; min-height: 100%; margin: 0 !important; overflow: hidden; border: 1px solid rgba(35,31,32,.09); border-radius: 22px; background: #fff; box-shadow: 0 18px 46px rgba(35,31,32,.07); transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } #top .axxess-news-grid--editorial .slide-entry:hover { transform: translateY(-4px); border-color: rgba(189,190,0,.42); box-shadow: 0 24px 56px rgba(35,31,32,.12); } #top .axxess-news-grid--editorial .slide-image { display: block; margin: 0 !important; overflow: hidden; background: #ecebe5; } #top .axxess-news-grid--editorial .slide-image img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; transition: transform .45s ease; } #top .axxess-news-grid--editorial .slide-entry:hover .slide-image img { transform: scale(1.025); } #top .axxess-news-grid--editorial .slide-content { display: flex; flex: 1 1 auto; flex-direction: column; padding: clamp(22px, 2.2vw, 30px); } #top .axxess-news-grid--editorial .entry-content-header { margin-bottom: 12px; } #top .axxess-news-grid--editorial .slide-entry-title { margin: 0 !important; font-size: clamp(23px, 2vw, 31px) !important; line-height: 1.12 !important; letter-spacing: -.025em; } #top .axxess-news-grid--editorial .slide-entry-title a { color: var(--axxess-black) !important; } #top .axxess-news-grid--editorial .slide-meta { order: -1; margin: 0 0 12px; color: #6d6869; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } #top .axxess-news-grid--editorial .slide-entry-excerpt { display: flex; flex: 1 1 auto; flex-direction: column; margin-top: 5px; color: #5f5a5b; font-size: 16px; line-height: 1.55; } #top .axxess-news-grid--editorial .more-link { align-self: flex-start; margin-top: auto; padding-top: 22px; color: var(--axxess-black) !important; font-size: 0; font-weight: 800; letter-spacing: .04em; text-decoration: none; } #top .axxess-news-grid--editorial .more-link::before { content: "Lire l’article"; font-size: 13px; } #top .axxess-news-grid--editorial .more-link::after { content: " →"; color: var(--axxess-green); } #top .axxess-news-grid--editorial .more-link:hover, #top .axxess-news-grid--editorial .more-link:focus-visible { color: var(--axxess-green-dark, #8e9000) !important; } #top .axxess-news-grid--editorial .pagination { margin-top: 36px; text-align: left; } #top .axxess-news-grid--editorial .pagination a, #top .axxess-news-grid--editorial .pagination .current { border-radius: 999px; } @media (max-width: 767px) { #top .axxess-news-editorial > .container { padding: 44px 0 !important; } #top .axxess-news-grid--editorial .slide-entry-wrap { grid-template-columns: minmax(0, 1fr); } #top .axxess-news-grid--editorial .slide-entry-title { font-size: 25px !important; } } @media (prefers-reduced-motion: reduce) { #top .axxess-news-grid--editorial .slide-entry, #top .axxess-news-grid--editorial .slide-image img { transition: none; } } /* ========================================================= AXXESS FERMETURES — SIDEBAR EDITORIALE NATIVE / TYPO ARTICLES 2026-08-01 ========================================================= */ #top #newsbox-2, #top #nav_menu-3, #top #nav_menu-4, #top #custom_html-5 { margin: 0 0 26px !important; padding: 24px; border: 1px solid rgba(35, 31, 32, .09); border-radius: 18px; box-sizing: border-box; background: #fff; box-shadow: 0 12px 34px rgba(35, 31, 32, .055); } #top #newsbox-2 .widgettitle, #top #nav_menu-3 .widgettitle, #top #nav_menu-4 .widgettitle { display: flex; align-items: center; gap: 10px; margin: 0 0 18px !important; color: #231f20 !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 800 !important; line-height: 1.25 !important; letter-spacing: .08em; text-transform: uppercase; } #top #newsbox-2 .widgettitle::before, #top #nav_menu-3 .widgettitle::before, #top #nav_menu-4 .widgettitle::before { width: 22px; height: 3px; flex: 0 0 22px; border-radius: 999px; background: #bdbe00; content: ""; } #top #newsbox-2 .news-content { display: grid; grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; min-height: 62px; padding: 14px 0 !important; border: 0 !important; border-top: 1px solid #ecece6 !important; } #top #newsbox-2 .news-content:first-of-type { padding-top: 0 !important; border-top: 0 !important; } #top #newsbox-2 .news-thumb { float: none !important; grid-column: 1; grid-row: 1 / 4; width: 72px !important; height: 60px !important; margin: 0 !important; overflow: hidden; border-radius: 10px; background: #f0efe9; } #top #newsbox-2 .news-thumb img { width: 100% !important; height: 100% !important; object-fit: cover; } #top #newsbox-2 .news-title { grid-column: 2; color: #231f20 !important; font-family: inherit !important; font-size: 14px !important; font-style: normal !important; font-weight: 750 !important; line-height: 1.32 !important; text-decoration: none !important; transition: color .2s ease; } #top #newsbox-2 .news-title:hover, #top #newsbox-2 .news-title:focus-visible { color: #8e9000 !important; } #top #newsbox-2 .news-time { grid-column: 2; color: #777273 !important; font-family: inherit !important; font-size: 11px !important; font-style: normal !important; line-height: 1.35 !important; } #top #newsbox-2 .news-cats, #top #newsbox-2 .news-cats a { color: #5f5a5b !important; font-weight: 650; text-decoration: none !important; } #top #nav_menu-3 ul, #top #nav_menu-4 ul { margin: 0 !important; padding: 0 !important; } #top #nav_menu-3 li, #top #nav_menu-4 li { margin: 0 !important; padding: 0 !important; border: 0 !important; list-style: none; } #top #nav_menu-3 li + li, #top #nav_menu-4 li + li { border-top: 1px solid #ecece6 !important; } #top #nav_menu-3 a, #top #nav_menu-4 a { display: flex; min-height: 38px; align-items: center; justify-content: space-between; gap: 12px; padding: 8px 0 !important; color: #3f3a3b !important; font-family: inherit !important; font-size: 13px !important; font-style: normal !important; font-weight: 650 !important; line-height: 1.35 !important; text-decoration: none !important; transition: color .2s ease, padding-left .2s ease; } #top #nav_menu-3 a::after, #top #nav_menu-4 a::after { color: #bdbe00; content: "→"; font-size: 14px; font-weight: 800; } #top #nav_menu-3 a:hover, #top #nav_menu-3 a:focus-visible, #top #nav_menu-4 a:hover, #top #nav_menu-4 a:focus-visible { padding-left: 4px !important; color: #231f20 !important; } #top #custom_html-5 { padding: 0; overflow: hidden; border-color: rgba(189, 190, 0, .5); background: #f4f4ee; } #top .axxess-sidebar-contact { padding: 24px; } #top .axxess-sidebar-contact__eyebrow { display: block; margin: 0 0 10px; color: #6b6768; font-size: 11px; font-weight: 800; letter-spacing: .1em; } #top .axxess-sidebar-contact h3 { margin: 0 0 10px !important; color: #231f20 !important; font-size: 23px !important; line-height: 1.08 !important; } #top .axxess-sidebar-contact p { margin: 0 0 18px !important; color: #545050 !important; font-size: 13px !important; line-height: 1.5 !important; } #top .axxess-sidebar-contact__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; } #top .axxess-sidebar-contact__button { display: inline-flex; min-height: 38px; align-items: center; justify-content: center; padding: 9px 14px; border-radius: 999px; background: #bdbe00; color: #231f20 !important; font-size: 12px; font-weight: 800; text-decoration: none !important; } #top .axxess-sidebar-contact__phone { color: #231f20 !important; font-size: 12px; font-weight: 800; text-decoration: underline; text-decoration-color: #bdbe00; text-underline-offset: 4px; } /* Typographie du modèle article uniquement — justification conservée */ #top.single-post .post-title.entry-title { font-size: clamp(46px, 3.5vw, 56px) !important; line-height: 1.03 !important; } /* Sauvegarde ciblée 2026-08-02 : ancienne largeur = min(100%, 760px). */ #top.single-post .entry-content { width: 100%; font-size: clamp(18px, 1.2vw, 19px); line-height: 1.7; } #top.single-post .entry-content p { text-align: justify; text-wrap: pretty; hyphens: auto; } #top.single-post .entry-content > p:first-of-type { font-size: 19px; line-height: 1.58; text-align: justify; } #top.single-post .entry-content h2 { font-size: clamp(34px, 2.7vw, 40px) !important; line-height: 1.12 !important; } #top.single-post .entry-content h3 { font-size: clamp(24px, 2vw, 28px) !important; line-height: 1.16 !important; } @media (max-width: 989px) { #top #newsbox-2, #top #nav_menu-3, #top #nav_menu-4, #top #custom_html-5 { margin-bottom: 18px !important; } } @media (max-width: 767px) { #top.single-post .post-title.entry-title { font-size: clamp(36px, 10vw, 42px) !important; } #top.single-post .entry-content { font-size: clamp(17px, 4.5vw, 18px); line-height: 1.68; } #top.single-post .entry-content > p:first-of-type { font-size: 18px; } #top.single-post .entry-content h2 { font-size: clamp(28px, 8vw, 32px) !important; } #top.single-post .entry-content h3 { font-size: clamp(23px, 6.5vw, 27px) !important; } #top #newsbox-2, #top #nav_menu-3, #top #nav_menu-4, #top #custom_html-5 { padding: 20px; border-radius: 15px; } #top #custom_html-5 { padding: 0; } #top .axxess-sidebar-contact { padding: 20px; } } #top #newsbox-2 .news-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } #top #newsbox-2 .news-cats { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* AXXESS — NEWSBOX LARGEUR UTILE */ #top #newsbox-2 .news-content { float: none !important; width: 100% !important; min-width: 0; box-sizing: border-box; } #top #newsbox-2 .news-content > * { min-width: 0; } @media (max-width: 767px) { #top #newsbox-2 .news-content { grid-template-columns: 78px minmax(0, 1fr); column-gap: 13px; } #top #newsbox-2 .news-thumb { width: 78px !important; height: 64px !important; } #top #newsbox-2 .news-title { font-size: 13.5px !important; } } /* AXXESS — NEWSBOX STRUCTURE ENFOLD */ #top #newsbox-2 .news-content { display: block; } #top #newsbox-2 .news-link { display: grid !important; grid-template-columns: 72px minmax(0, 1fr); column-gap: 14px; row-gap: 4px; align-items: start; color: inherit !important; text-decoration: none !important; } #top #newsbox-2 .news-headline { grid-column: 2; min-width: 0; } #top #newsbox-2 .news-title { display: -webkit-box; margin: 0 0 4px; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } @media (max-width: 767px) { #top #newsbox-2 .news-link { grid-template-columns: 78px minmax(0, 1fr); column-gap: 13px; } } /* ---------- ARCHIVES DE CATÉGORIES ---------- */ #top.category .axxess-archive-heading { padding: clamp(54px, 6vw, 82px) 0 clamp(30px, 4vw, 48px); border-bottom: 1px solid #e5e4dc; background: #F4F2EC; } #top.category .axxess-archive-heading .container { width: min(calc(100% - 72px), var(--axxess-wide)) !important; max-width: var(--axxess-wide) !important; padding: 0 !important; } #top.category .axxess-archive-heading__eyebrow { margin: 0 0 14px !important; color: #77720A !important; font-family: "Montserrat", Arial, sans-serif; font-size: 11px !important; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; } #top.category .axxess-archive-heading h1 { max-width: 980px; margin: 0 !important; color: #231F20 !important; font-size: clamp(42px, 5.2vw, 72px); line-height: .98; letter-spacing: -.05em; text-transform: none !important; } @media only screen and (max-width: 767px) { #top.category .axxess-archive-heading .container { width: calc(100% - 36px) !important; } } /* TÉMOIGNAGES — source attribuée, discrète et réutilisable */ .axxess-review-source { margin: 12px 0 0 !important; color: #77720A !important; font-size: 11px !important; font-weight: 700; line-height: 1.4; letter-spacing: .08em; text-transform: uppercase; } .axxess-dark-section .axxess-review-source { color: #C5C51B !important; } /* ========================================================= AXXESS — PAGE 404 PREMIUM ========================================================= */ #top .axxess-404-hero { position: relative; overflow: hidden; background: radial-gradient(circle at 82% 45%, rgba(189, 190, 0, .17), transparent 24rem), linear-gradient(135deg, #171415 0%, #231F20 58%, #302C2D 100%) !important; } #top .axxess-404-hero::before { content: ""; position: absolute; top: -22%; right: 6%; width: min(36vw, 520px); aspect-ratio: .78; border: 1px solid rgba(197, 197, 27, .24); border-radius: 46% 46% 58% 58% / 24% 24% 72% 72%; transform: rotate(9deg); pointer-events: none; } #top .axxess-404-hero .container, #top .axxess-404-solutions .container, #top .axxess-404-navigation .container { width: min(calc(100% - 48px), 1600px) !important; max-width: 1600px !important; padding: 0 !important; } #top .axxess-404-hero .content { padding-block: clamp(78px, 9vw, 138px) clamp(88px, 10vw, 150px) !important; } #top .axxess-404-copy { position: relative; z-index: 2; } #top .axxess-404-eyebrow, #top .axxess-404-section-eyebrow { margin: 0 0 18px !important; color: #C5C51B !important; font-size: 11px !important; font-weight: 800; line-height: 1.3; letter-spacing: .15em; text-transform: uppercase; } #top .axxess-404-copy h1 { max-width: 780px; margin: 0 0 26px !important; color: #FFFFFF !important; font-size: clamp(52px, 6.6vw, 108px) !important; font-weight: 650 !important; line-height: .9 !important; letter-spacing: -.06em !important; text-transform: none !important; } #top .axxess-404-lead { max-width: 700px; margin: 0 !important; color: rgba(255,255,255,.82) !important; font-size: clamp(18px, 1.45vw, 24px) !important; line-height: 1.55; } #top .axxess-404-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 34px; } #top .axxess-404-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font-size: 14px; font-weight: 750; text-decoration: none !important; transition: transform .2s ease, background-color .2s ease, border-color .2s ease; } #top .axxess-404-button:hover, #top .axxess-404-button:focus { transform: translateY(-2px); } #top .axxess-404-button--primary { background: #BDBE00; color: #231F20 !important; } #top .axxess-404-button--primary:hover, #top .axxess-404-button--primary:focus { background: #C5C51B; } #top .axxess-404-button--ghost { border-color: rgba(255,255,255,.42); background: rgba(255,255,255,.05); color: #FFFFFF !important; } #top .axxess-404-button--ghost:hover, #top .axxess-404-button--ghost:focus { border-color: #C5C51B; background: rgba(197,197,27,.1); } #top .axxess-404-sigil { position: relative; min-height: clamp(300px, 31vw, 480px); display: grid; place-items: center; } #top .axxess-404-sigil__number { color: rgba(255,255,255,.055); font-size: clamp(170px, 20vw, 330px); font-weight: 800; line-height: .8; letter-spacing: -.11em; } #top .axxess-404-sigil img { position: absolute; width: clamp(138px, 12vw, 205px); max-height: 80%; object-fit: contain; filter: drop-shadow(0 25px 38px rgba(0,0,0,.38)); } #top .axxess-404-solutions .content, #top .axxess-404-navigation .content { padding-block: clamp(68px, 7vw, 106px) !important; } #top .axxess-404-solutions h2, #top .axxess-404-navigation h2 { max-width: 850px; margin: 0 0 34px !important; color: #231F20 !important; font-size: clamp(38px, 4vw, 66px) !important; line-height: 1 !important; letter-spacing: -.045em !important; text-transform: none !important; } #top .axxess-404-card { box-sizing: border-box; min-height: 285px; padding: clamp(28px, 3vw, 46px); border: 1px solid rgba(35,31,32,.1); border-radius: 24px; background: #FFFFFF; box-shadow: 0 20px 50px rgba(35,31,32,.07); transition: transform .22s ease, box-shadow .22s ease; } #top .axxess-404-card:hover { transform: translateY(-5px); box-shadow: 0 28px 64px rgba(35,31,32,.11); } #top .axxess-404-card .iconbox_icon { color: #77720A !important; } #top .axxess-404-card .iconbox_content_title { color: #231F20 !important; font-size: clamp(23px, 2vw, 31px) !important; line-height: 1.08 !important; text-transform: none !important; } #top .axxess-404-link-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; } #top .axxess-404-link-grid a { position: relative; display: flex; min-height: 58px; align-items: center; padding: 0 48px 0 20px; border: 1px solid #dedcd4; border-radius: 14px; color: #231F20 !important; font-weight: 700; text-decoration: none !important; transition: border-color .2s ease, background-color .2s ease; } #top .axxess-404-link-grid a::after { content: "↗"; position: absolute; right: 20px; color: #77720A; } #top .axxess-404-link-grid a:hover, #top .axxess-404-link-grid a:focus { border-color: #BDBE00; background: #F7F7E8; } @media (max-width: 989px) { #top .axxess-404-hero .container, #top .axxess-404-solutions .container, #top .axxess-404-navigation .container { width: calc(100% - 36px) !important; } #top .axxess-404-hero .av_three_fifth, #top .axxess-404-hero .av_two_fifth { width: 100% !important; margin-left: 0 !important; } #top .axxess-404-sigil { min-height: 250px; } #top .axxess-404-card { min-height: 0; } } @media (max-width: 767px) { #top .axxess-404-hero .content { padding-block: 64px 76px !important; } #top .axxess-404-copy h1 { font-size: clamp(44px, 14vw, 66px) !important; } #top .axxess-404-sigil { min-height: 220px; margin-top: 24px; } #top .axxess-404-sigil__number { font-size: clamp(150px, 48vw, 220px); } #top .axxess-404-sigil img { width: 118px; } #top .axxess-404-card { margin-bottom: 16px !important; border-radius: 20px; } #top .axxess-404-link-grid { grid-template-columns: 1fr; } #top .axxess-404-button { width: 100%; } } @media (prefers-reduced-motion: reduce) { #top .axxess-404-button, #top .axxess-404-card, #top .axxess-404-link-grid a { transition: none; } } /* ========================================================= AXXESS — PAGES JURIDIQUES ========================================================= */ #top .axxess-legal-hero .container, #top .axxess-legal-section .container { width: min(calc(100% - 48px), 1440px) !important; max-width: 1440px !important; padding: 0 !important; } #top .axxess-legal-hero .content { padding-block: clamp(72px, 7vw, 112px) !important; } #top .axxess-legal-eyebrow { margin: 0 0 16px !important; color: #77720A !important; font-size: 11px !important; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; } #top .axxess-legal-hero h1 { max-width: 1040px; margin: 0 0 22px !important; color: #231F20 !important; font-size: clamp(48px, 5.6vw, 82px) !important; line-height: .94 !important; letter-spacing: -.055em !important; text-transform: none !important; } #top .axxess-legal-lead { max-width: 820px; margin: 0 !important; color: #545050 !important; font-size: clamp(18px, 1.4vw, 23px) !important; line-height: 1.55; } #top .axxess-legal-section .content { padding-block: clamp(62px, 6vw, 96px) !important; } #top .axxess-legal-reading { max-width: 920px; margin: 0 auto; color: #343031; font-size: 18px; line-height: 1.72; } #top .axxess-legal-reading h2 { margin: clamp(42px, 6vw, 68px) 0 16px !important; color: #231F20 !important; font-size: clamp(30px, 3vw, 43px) !important; line-height: 1.08 !important; letter-spacing: -.035em !important; text-transform: none !important; } #top .axxess-legal-reading h2:first-child { margin-top: 0 !important; } #top .axxess-legal-reading h3 { margin: 32px 0 10px !important; color: #231F20 !important; font-size: clamp(22px, 2vw, 27px) !important; line-height: 1.2 !important; text-transform: none !important; } #top .axxess-legal-reading p, #top .axxess-legal-reading li { color: #343031 !important; } #top .axxess-legal-reading a:not(.axxess-legal-cookie-button) { color: #5D5900 !important; text-decoration-thickness: 1px; text-underline-offset: 3px; } #top .axxess-legal-reading ul { margin: 18px 0 24px 1.25em; } #top .axxess-legal-reading li + li { margin-top: 8px; } #top .axxess-legal-cookie-button { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 999px; background: #BDBE00; color: #231F20 !important; font-weight: 750; text-decoration: none !important; } #top .axxess-legal-cookie-button:hover, #top .axxess-legal-cookie-button:focus { background: #C5C51B; } #top .axxess-legal-updated { margin-top: 56px !important; padding-top: 22px; border-top: 1px solid #dedcd4; color: #686264 !important; font-size: 14px !important; } @media (max-width: 767px) { #top .axxess-legal-hero .container, #top .axxess-legal-section .container { width: calc(100% - 36px) !important; } #top .axxess-legal-hero .content { padding-block: 58px !important; } #top .axxess-legal-reading { font-size: 17px; line-height: 1.65; } #top .axxess-legal-cookie-button { width: 100%; box-sizing: border-box; text-align: center; } } /* Dark sections — accessible contrast */ #top .axxess-dark-section h2, #top .axxess-dark-section h3 { color: #FFFFFF !important; } #top .axxess-dark-section p:not(.axxess-section-eyebrow) { color: rgba(255, 255, 255, 0.84) !important; } #top .axxess-dark-section .axxess-section-eyebrow { color: #C5C51B !important; } #top .axxess-dark-section .axxess-cta-button { display: inline-flex; align-items: center; justify-content: center; min-height: 50px; padding: 0 22px; border-radius: 14px; color: #231F20 !important; background: #BDBE00; font-weight: 700; text-decoration: none; transition: background-color .2s ease, transform .2s ease; } #top .axxess-dark-section .axxess-cta-button:hover, #top .axxess-dark-section .axxess-cta-button:focus-visible { color: #231F20 !important; background: #C5C51B; transform: translateY(-2px); } /* === AXXESS — MODÈLE ÉDITORIAL NATIF ENFOLD (2026-08-03) === */ @media (min-width: 990px) { #top.page-id-6886 #main .container:has(> .sidebar), #top.single-post #main .container:has(> .sidebar), #top.category #main .container:has(> .sidebar), #top.date #main .container:has(> .sidebar), #top.archive #main .container:has(> .sidebar) { display: grid !important; grid-template-columns: minmax(238px, 280px) minmax(0, 1fr); width: calc(100% - 64px) !important; max-width: 1310px !important; column-gap: 0; } #top.page-id-6886 #main .container:has(> .sidebar) > .sidebar, #top.single-post #main .container:has(> .sidebar) > .sidebar, #top.category #main .container:has(> .sidebar) > .sidebar, #top.date #main .container:has(> .sidebar) > .sidebar, #top.archive #main .container:has(> .sidebar) > .sidebar { grid-column: 1; grid-row: 1; width: auto !important; min-width: 0; margin: 0 !important; padding: 54px 30px 64px 0 !important; border-right: 1px solid rgba(35, 31, 32, .10); border-left: 0 !important; } #top.page-id-6886 #main .container:has(> .sidebar) > .content, #top.single-post #main .container:has(> .sidebar) > .content, #top.category #main .container:has(> .sidebar) > .content, #top.date #main .container:has(> .sidebar) > .content, #top.archive #main .container:has(> .sidebar) > .content { grid-column: 2; grid-row: 1; float: none !important; width: auto !important; min-width: 0; margin: 0 !important; padding: 54px 0 72px 40px !important; border-left: 0 !important; } #top.page-id-6886 #main .content .entry-content-wrapper, #top.page-id-6886 #main .content .avia-content-slider { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } } @media (max-width: 989px) { #top.page-id-6886 #main .container:has(> .sidebar), #top.single-post #main .container:has(> .sidebar), #top.category #main .container:has(> .sidebar), #top.date #main .container:has(> .sidebar), #top.archive #main .container:has(> .sidebar) { display: flex !important; flex-direction: column !important; width: calc(100% - 40px) !important; max-width: none !important; } #top.page-id-6886 #main .container:has(> .sidebar) > .content, #top.single-post #main .container:has(> .sidebar) > .content, #top.category #main .container:has(> .sidebar) > .content, #top.date #main .container:has(> .sidebar) > .content, #top.archive #main .container:has(> .sidebar) > .content { order: 1; float: none !important; width: 100% !important; min-width: 0; margin: 0 !important; padding: 42px 0 54px !important; border: 0 !important; } #top.page-id-6886 #main .container:has(> .sidebar) > .sidebar, #top.single-post #main .container:has(> .sidebar) > .sidebar, #top.category #main .container:has(> .sidebar) > .sidebar, #top.date #main .container:has(> .sidebar) > .sidebar, #top.archive #main .container:has(> .sidebar) > .sidebar { order: 2; float: none !important; width: 100% !important; min-width: 0; margin: 0 !important; padding: 42px 0 56px !important; border: 0 !important; border-top: 1px solid rgba(35, 31, 32, .10) !important; } #top.page-id-6886 #main .content .entry-content-wrapper, #top.page-id-6886 #main .content .avia-content-slider { width: 100% !important; max-width: none !important; margin: 0 !important; } } @media (max-width: 767px) { #top.page-id-6886 #main .container:has(> .sidebar), #top.single-post #main .container:has(> .sidebar), #top.category #main .container:has(> .sidebar), #top.date #main .container:has(> .sidebar), #top.archive #main .container:has(> .sidebar) { width: calc(100% - 36px) !important; } #top.page-id-6886 #main .avia-content-slider .slide-entry, #top.page-id-6886 #main .avia-content-slider .slide-entry-wrap { width: 100% !important; max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; } #top.page-id-6886 #main .pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 6px; } } /* Ajustement de remplissage des pistes de la grille éditoriale */ @media (min-width: 990px) { #top.page-id-6886 #main .container:has(> .sidebar) > .sidebar, #top.single-post #main .container:has(> .sidebar) > .sidebar, #top.category #main .container:has(> .sidebar) > .sidebar, #top.date #main .container:has(> .sidebar) > .sidebar, #top.archive #main .container:has(> .sidebar) > .sidebar { width: calc(100% - 30px) !important; } #top.page-id-6886 #main .container:has(> .sidebar) > .content, #top.single-post #main .container:has(> .sidebar) > .content, #top.category #main .container:has(> .sidebar) > .content, #top.date #main .container:has(> .sidebar) > .content, #top.archive #main .container:has(> .sidebar) > .content { width: calc(100% - 40px) !important; } #top.page-id-6886 #main .content .entry-content-wrapper { padding-right: 0 !important; } } /* Étirement explicite des colonnes natives Enfold */ @media (min-width: 990px) { #top.page-id-6886 #main .container:has(> .sidebar) > .sidebar, #top.single-post #main .container:has(> .sidebar) > .sidebar, #top.category #main .container:has(> .sidebar) > .sidebar, #top.date #main .container:has(> .sidebar) > .sidebar, #top.archive #main .container:has(> .sidebar) > .sidebar, #top.page-id-6886 #main .container:has(> .sidebar) > .content, #top.single-post #main .container:has(> .sidebar) > .content, #top.category #main .container:has(> .sidebar) > .content, #top.date #main .container:has(> .sidebar) > .content, #top.archive #main .container:has(> .sidebar) > .content { justify-self: stretch !important; width: 100% !important; max-width: none !important; box-sizing: border-box !important; } } /* Proportions éditoriales — grille native Enfold équilibrée */
@media (min-width: 990px) {
  #top.page-id-6886 #main .container:has(> .sidebar),
  #top.single-post #main .container:has(> .sidebar),
  #top.category #main .container:has(> .sidebar),
  #top.date #main .container:has(> .sidebar),
  #top.archive #main .container:has(> .sidebar) {
    display: grid !important;
    grid-template-columns: clamp(280px, 26vw, 340px) minmax(0, 1fr);
    column-gap: clamp(30px, 3vw, 40px);
  }

  #top.page-id-6886 #main .container:has(> .sidebar) > .sidebar,
  #top.single-post #main .container:has(> .sidebar) > .sidebar,
  #top.category #main .container:has(> .sidebar) > .sidebar,
  #top.date #main .container:has(> .sidebar) > .sidebar,
  #top.archive #main .container:has(> .sidebar) > .sidebar {
    grid-column: 1;
    grid-row: 1;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 54px 0 64px !important;
    border-right: 1px solid rgba(35, 31, 32, .10);
    border-left: 0 !important;
    box-sizing: border-box !important;
  }

  #top.page-id-6886 #main .container:has(> .sidebar) > .sidebar .inner_sidebar,
  #top.single-post #main .container:has(> .sidebar) > .sidebar .inner_sidebar,
  #top.category #main .container:has(> .sidebar) > .sidebar .inner_sidebar,
  #top.date #main .container:has(> .sidebar) > .sidebar .inner_sidebar,
  #top.archive #main .container:has(> .sidebar) > .sidebar .inner_sidebar {
    margin: 0 !important;
  }

  #top.page-id-6886 #main .container:has(> .sidebar) > .content,
  #top.single-post #main .container:has(> .sidebar) > .content,
  #top.category #main .container:has(> .sidebar) > .content,
  #top.date #main .container:has(> .sidebar) > .content,
  #top.archive #main .container:has(> .sidebar) > .content {
    grid-column: 2;
    grid-row: 1;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    min-width: 0;
    margin: 0 !important;
    padding: 54px 0 72px !important;
    border-left: 0 !important;
    box-sizing: border-box !important;
  }
  #top #newsbox-2 .news-title {
    -webkit-line-clamp: 4;
  }
}

/* Actualités — tablette et libellés de lecture accessibles */ @media (min-width: 768px) and (max-width: 989px) { #top.page-id-6886 #main .container:has(#newsbox-2), body#top.single-post #main .container:has(#newsbox-2), body#top.category #main .container:has(#newsbox-2), body#top.date #main .container:has(#newsbox-2), body#top.archive #main .container:has(#newsbox-2) { padding-left: 0 !important; padding-right: 0 !important; } } #top.page-id-6886 #main .avia-content-slider a.more-link { font-size: 13px !important; } #top.page-id-6886 #main .avia-content-slider a.more-link::before { content: none !important; } /* === AXXESS — AVIS CLIENTS VÉRIFIABLES (2026-08-03) === */ #top.page-id-6884 [class*="av-reviews-score-card-"] .axxess-proof-card, #top .axxess-home-reviews [class*="av-home-reviews-intro-"] .avia_textblock { position: relative; } #top.page-id-6884 [class*="av-reviews-score-card-"] .axxess-proof-card::before, #top .axxess-home-reviews [class*="av-home-reviews-intro-"] .avia_textblock::after { content: "★★★★★"; display: block; width: max-content; margin: 18px 0 8px; background: linear-gradient(90deg, #BDBE00 0 88%, #D8D6CE 88% 100%); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: 25px; font-weight: 800; letter-spacing: .12em; line-height: 1; } #top.page-id-6884 [class*="av-reviews-score-card-"] .axxess-proof-card::after { content: "4,4 / 5 — note moyenne Google"; display: block; margin: 0 0 18px; color: #545050; font-size: 13px; font-weight: 750; letter-spacing: .035em; } #top .axxess-home-reviews [class*="av-home-reviews-intro-"] .avia_textblock::before { content: "4,4 / 5 — note moyenne Google"; display: inline-flex; align-items: center; min-height: 32px; margin-top: 18px; padding: 0 12px; border: 1px solid rgba(35,31,32,.12); border-radius: 999px; color: #545050; background: rgba(255,255,255,.68); font-size: 12px; font-weight: 750; letter-spacing: .035em; } #top.page-id-6884 [class*="av-review-"][class*="flex_column"], #top .axxess-home-reviews [class*="av-home-review"][class*="flex_column"] { display: flex; align-items: stretch; } #top.page-id-6884 [class*="av-review-"][class*="flex_column"] > .av_textblock_section, #top .axxess-home-reviews [class*="av-home-review"][class*="flex_column"] > .av_textblock_section { display: flex; width: 100%; } #top.page-id-6884 [class*="av-review-"] .axxess-bento-card, #top .axxess-home-reviews [class*="av-home-review"] .axxess-bento-card { display: flex; flex: 1 1 auto; flex-direction: column; min-height: 260px; padding: clamp(24px, 2.4vw, 34px) !important; color: #231F20 !important; background: #FFFFFF; } #top.page-id-6884 [class*="av-review-"] .axxess-bento-card::before, #top .axxess-home-reviews [class*="av-home-review"] .axxess-bento-card::before { content: "★ Avis Google"; display: block; margin: 0 0 20px; color: #77720A; font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; } #top.page-id-6884 [class*="av-review-"] .axxess-bento-card p, #top .axxess-home-reviews [class*="av-home-review"] .axxess-bento-card p { color: #343031 !important; } #top.page-id-6884 [class*="av-review-"] .axxess-review-source, #top .axxess-home-reviews [class*="av-home-review"] .axxess-review-source { margin-top: auto !important; padding-top: 18px; border-top: 1px solid rgba(35,31,32,.10); color: #686264 !important; font-size: 11px !important; font-weight: 800; letter-spacing: .09em; text-transform: uppercase; } @media (max-width: 767px) { #top.page-id-6884 [class*="av-review-"] .axxess-bento-card, #top .axxess-home-reviews [class*="av-home-review"] .axxess-bento-card { min-height: 0; } }

/* Avis — grilles régulières sans modifier les contenus Avia */
#top.page-id-6884 [class*="av-reviews-list-"] .entry-content-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}
#top.page-id-6884 [class*="av-reviews-list-"] .entry-content-wrapper > [class*="av-review-"][class*="flex_column"] {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
#top .axxess-home-reviews .entry-content-wrapper {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 30px;
}
#top .axxess-home-reviews .entry-content-wrapper > .flex_column {
  float: none !important;
  width: auto !important;
  margin: 0 !important;
}
#top .axxess-home-reviews .entry-content-wrapper > [class*="av-home-reviews-intro-"],
#top .axxess-home-reviews .entry-content-wrapper > [class*="av-home-reviews-link-"] {
  grid-column: 1 / -1;
}
@media (min-width: 768px) and (max-width: 989px) {
  #top.page-id-6884 [class*="av-reviews-list-"] .entry-content-wrapper,
  #top .axxess-home-reviews .entry-content-wrapper {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
  }
}
@media (max-width: 767px) {
  #top.page-id-6884 [class*="av-reviews-list-"] .entry-content-wrapper,
  #top .axxess-home-reviews .entry-content-wrapper {
    grid-template-columns: minmax(0, 1fr);
    gap: 20px;
  }
}