:root{--content-width: 1430px;--content-edge-padding-x: 16px;--content-edge-padding-y: 32px;--font-size-body: 16px;--palette1: #12751c!important;--palette2: #ecf4ef!important;--palette3: #000000!important;--palette4: #666666!important;--palette5: #777777!important;--palette6: #888888!important;--palette7: #f2f2f2!important;--palette8: #ecf4ef!important;--palette9: #ffffff!important;--palette10: #12751c!important;--palette11: #ffde00!important;--btn-primary-bg-color: #12751c;--btn-primary-hover-bg-color: #ecf4ef;--btn-primary-color: #ffffff;--btn-primary-hover-color: #12751c;--color-link-hover: #12751c;}@media (min-width: 1025px){.container {max-width:1430px;}}@media (min-width: 1025px){.container {max-width:1430px;}}.hero-section .page-title-wrapper{min-height:80px;}/* Charger DM Sans depuis Google Fonts */ @import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&display=swap'); /* ===== MENU NAVIGATION ===== */ .menu-content .menu-item > a > span:first-child { font-family: 'DM Sans', sans-serif !important; font-size: 12px !important; font-weight: 600 !important; } body.page-index .elementor-section:nth-child(2) { margin-top: 0 !important; background-color: #ffffff !important; } /* ===== OVERFLOW ===== */ body, html { overflow-x: clip !important; } /* ===== MOBILE MENU ===== */ .nav-mobile-menu li:nth-child(2) { display: none !important; } .nav-mobile-menu li:nth-child(1) { width: 100% !important; } #tab-mobile-megamenu { display: block !important; opacity: 1 !important; } /* ===== FILTRES SIDEBAR ===== */ #search_filters li, .faceted-overlay li { padding: 5px 0; } .facet-label { display: flex; align-items: flex-start; gap: 8px; padding: 3px 0; cursor: pointer; } .facet-label .custom-checkbox { flex-shrink: 0; margin-top: 4px; } .facet-label a.search-link { white-space: normal !important; word-break: break-word; overflow-wrap: break-word; overflow: visible; text-overflow: unset; max-width: calc(100% - 30px); line-height: 1.5; display: inline; } .facet { margin-bottom: 0px !important; } .facet-title { margin-bottom: 0px !important; padding-bottom: 0px !important; } #search_filters li, .faceted-overlay li, .category-sub-menu > li { border-bottom: none !important; } /* ===== CATEGORIES SIDEBAR ===== */ .category-sub-menu li[data-depth="0"] > a { display: block; font-weight: 600; padding: 4px 0; white-space: normal; word-break: break-word; line-height: 1.4; } a.category-sub-link { display: inline; white-space: normal; word-break: break-word; overflow-wrap: break-word; line-height: 1.4; } .category-sub-menu li[data-depth="1"], .category-sub-menu li[data-depth="2"], .category-sub-menu li[data-depth="3"] { padding: 4px 0; display: flex; align-items: flex-start; gap: 4px; flex-wrap: wrap; } .category-sub-menu .arrows { flex-shrink: 0; margin-top: 2px; } .category-sub-menu .category-sub-menu { padding-left: 10px; margin-top: 2px; } /* ===== BOUTONS SLIDES ===== */ .btn-slide-1 .elementor-slide-button.btn.btn-primary { background-color: #174F75 !important; color: #ffffff !important; border: 1px solid #174F75 !important; } .btn-slide-1 .elementor-slide-button.btn.btn-primary:hover { background-color: #ffffff !important; color: #174F75 !important; border: 1px solid #174F75 !important; box-shadow: none !important; transform: none !important; filter: none !important; background-image: none !important; } .btn-slide-2 .elementor-slide-button.btn.btn-primary { background-color: #DC6E00 !important; color: #ffffff !important; border: 1px solid #DC6E00 !important; } .btn-slide-2 .elementor-slide-button.btn.btn-primary:hover { background-color: #ffffff !important; color: #DC6E00 !important; border: 1px solid #DC6E00 !important; box-shadow: none !important; transform: none !important; filter: none !important; background-image: none !important; } .btn-slide-3 .elementor-slide-button.btn.btn-primary { background-color: #A82342 !important; color: #ffffff !important; border: 1px solid #A82342 !important; } .btn-slide-3 .elementor-slide-button.btn.btn-primary:hover { background-color: #ffffff !important; color: #A82342 !important; border: 1px solid #A82342 !important; box-shadow: none !important; transform: none !important; filter: none !important; background-image: none !important; } /* ===== ALIGNEMENT FILTRES ===== */ #search_filters .facet .facet-label a, #search_filters_brands .facet .facet-label a, #search_filters_suppliers .facet .facet-label a { display: inline-block; margin-top: 0px; font-size: var(--font-size-body); } /* ===== SOUS-CATEGORIES MENU ===== */ #_desktop_megamenu .avaorg-menu-horizontal .menu-content .menu-item .menu-dropdown .column_title, #_desktop_megamenu .avaorg-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column:not(.column_dropdown) .submenu-item > a { color: #12751c !important; font-weight: var(--font-medium); font-size: 16px !important; } #_desktop_megamenu .avaorg-menu-horizontal .menu-content .menu-item .menu-dropdown .ul-column.column_dropdown .submenu-item > a, #_desktop_megamenu .avaorg-menu-horizontal .menu-content .menu-item .menu-dropdown .submenu-item .category-sub-menu li > a { color: var(--palette4); font-size: 16px !important; font-weight: 400 !important; } /* ===== FOOTER CATEGORIE PRODUIT ===== */ #js-product-list-footer .category-additional-description:empty, #js-product-list-footer .category-additional-description p:empty { display: none !important; } #js-product-list-footer:empty { display: none !important; } /* ===== BARRE VERTE ===== */ .scroll-feature-track { display: flex; align-items: center; justify-content: space-evenly; padding: 10px 10px !important; white-space: nowrap; width: max-content; min-width: 100%; gap: 100px !important; margin: 0 auto; } /* ===== MARGE HEADER DESKTOP ===== */ @media (min-width: 1024px) { .site-header, #header { margin-bottom: 18px !important; } html body .site-header, html body #header { margin-bottom: 16px !important; } } /* ===== DESCRIPTION PRODUIT ===== */ .product-container .summary .product-information .product-description { padding-bottom: 24px !important; } /* ===== ICONES REASSURANCE ===== */ .blockreassurance_product .svg path, .blockreassurance_product .replaced-svg path, .blockreassurance_product svg path { fill: #000000 !important; } /* ===== REASSURANCE TEXT ===== */ .blockreassurance_product .content .block-title { font-weight: var(--font-normal) !important; font-size: var(--font-size-small) !important; min-width: fit-content !important; } /* ===== ELEMENTOR WIDGET MARGIN ===== */ .elementor-widget:not(:last-child) { margin-bottom: 0px !important; } /* ===== BOUTON ADD CART MOBILE ===== */ @media (max-width: 479px) { :root { --btn-font-size: 12px; --btn-height: 36px; --btn-line-height: 36px; --btn-padding-x: 0px !important; } } /* ===== IMAGE COVER ===== */ .img-cover { height: 100% !important; width: 100% !important; } .img-cover .elementor-image { height: 100% !important; width: 100% !important; overflow: hidden !important; } .img-cover .elementor-image a { display: block !important; height: 100% !important; width: 100% !important; } .img-cover .elementor-image img { object-fit: cover !important; object-position: center center !important; width: 100% !important; height: 100% !important; min-height: 100% !important; display: block !important; } /* ===== DROPDOWN RECHERCHE ===== */ .ava-search-bar #search_category { filter: none !important; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: 0; min-width: 205px !important; text-transform: none !important; } .ava-search-bar .search-category-field::after { right: -30px !important; } #search_query_top.search_query.query.form-control { padding: .5rem 3rem !important; } /* ===== BLOG SECTION HOME — UNIQUEMENT SUR LA HOME ===== */ .ets_block_latest.page_home { width: 100% !important; max-width: 100% !important; } .ets_block_latest.page_home .container { max-width: 1430px !important; padding-left: 0px !important; padding-right: 0px !important; margin-left: auto !important; margin-right: auto !important; width: 100% !important; box-sizing: border-box !important; } .ets_block_latest.page_home .block_content { overflow: visible !important; } .ets_block_latest.page_home .owl-stage { padding: 0 0 0 0 !important; } .ets_block_latest.page_home h4.title_blog.title_block { font-size: 24px !important; font-weight: 500 !important; color: #000000 !important; margin-bottom: 16px !important; text-transform: none !important; letter-spacing: 2px !important; } .ets_block_latest.page_home .owl-item { padding: 0 12px !important; } .ets_block_latest.page_home .owl-item li.col-xs-12 { list-style: none !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 8px !important; overflow: hidden !important; margin: 0 !important; padding: 0 !important; } .ets_block_latest.page_home .owl-item .ets_item_img { display: block !important; height: 200px !important; overflow: hidden !important; border-radius: 0 !important; } .ets-blog-latest-toolbar { color: #bfbfbf; float: left; font-size: 14px; margin-bottom: 0px !important; width: 100%; } .ets_block_latest.page_home .owl-item .ets_item_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transition: transform 0.3s ease !important; display: block !important; } .ets_block_latest.page_home .owl-item li:hover .ets_item_img img { transform: scale(1.04) !important; } .ets_block_latest.page_home .owl-item .ets-blog-latest-post-content { padding: 16px !important; background: #ecf4ef !important; } .ets_block_latest.page_home .owl-item a.ets_title_block, .ets_block_latest.page_home .owl-item a.ets_title_block:visited { font-size: 16px !important; font-weight: 500 !important; color: #1a1a1a !important; line-height: 1.4 !important; display: block !important; margin-bottom: 12px !important; text-decoration: none !important; text-transform: none !important; } .ets_block_latest.page_home .owl-item a.ets_title_block:hover { color: #12751c !important; text-decoration: none !important; } .ets_block_latest.page_home .owl-item .post-date { font-size: 12px !important; color: #aaaaaa !important; display: block !important; margin-bottom: 8px !important; } .ets_title_block { color: #414141; float: left; font-size: 16px; font-weight: bold; line-height: 20px; margin-bottom: 0; margin-top: 16px !important; padding: 0px 0px 0px !important; width: 100%; outline: none !important; text-decoration: none !important; } .ets_block_latest.page_home .owl-item .blog_description p { font-size: 16px !important; color: #777777 !important; line-height: 1.6 !important; margin-bottom: 0px !important; } .ets_block_latest.page_home .owl-item a.read_more, .ets_block_latest.page_home .owl-item a.read_more:hover, .ets_block_latest.page_home .owl-item a.read_more:focus, .ets_block_latest.page_home .owl-item a.read_more:visited, .ets_block_latest.page_home .owl-item a.read_more:active { display: inline-block !important; padding: 0 !important; background-color: transparent !important; background: none !important; color: #12751c !important; border-radius: 0 !important; font-size: 16px !important; font-weight: 500!important; text-decoration: none !important; border-bottom: none !important; letter-spacing: 0.3px !important; transition: color 0.2s ease !important; } .read_more { font-style: normal !important; margin-top: 12px; } .ets_block_latest.page_home .owl-item a.read_more:hover { color: #0a4f14 !important; } /* Titre blog home */ .page_home .title_blog, .page_home_gallery .title_blog { margin-top: 16px; } /* PAGE CATEGORY */ .hero-section .page-title-wrapper h1 { font-size: 24px !important; line-height: 24px !important; } /* ===== MASQUER SIDEBAR BLOG SUR PAGE CATÉGORIE ===== */ .page-category .ets_block_categories, .page-category .ets_block_search, .page-category .ets_block_archive, .page-category .blog_view_all_button { display: none !important; } /* ===== FIX PAGE HOME ===== */ .page_home, .page_home_gallery { background-color: #fff; display: block; clear: both; margin-bottom: 0px !important; padding: 0 !important; width: 100%; } /* ===== BOUTON ADD CART ===== */ #products .up .btn { padding: 8px !important; } @media (max-width: 479px) { :root { --btn-padding-x: 8px !important; } } /* ===== SIDEBAR FILTRE STICKY ===== */ @media (min-width: 992px) { .listing-split-row { align-items: flex-start !important; } #listing-filter-column { position: sticky !important; top: 181px !important; height: auto !important; max-height: calc(100vh - 181px) !important; overflow-y: auto !important; overflow-x: hidden !important; align-self: flex-start !important; } /* Scrollbar invisible sur la sidebar filtre */ #listing-filter-column { scrollbar-width: none !important; -ms-overflow-style: none !important; } #listing-filter-column::-webkit-scrollbar { display: none !important; } } /* ===== FIX BLOG PAGES LAYOUT ===== */ #left-column ~ #content-wrapper.js-content-wrapper { overflow: hidden !important; float: none !important; width: auto !important; } .ets_blog_sidebar, .ets_blog_sidebar .block_content, .ets_blog_sidebar .ets_block_slider, .ets_blog_sidebar .owl-stage-outer { overflow: hidden !important; } #left-column + #left-column { display: none !important; } /* ===== HOVER TEXTE + ZOOM IMAGE CATÉGORIES POPULAIRES ===== */ .elementor-element-dee56e5 .swiper-slide.item .image { overflow: hidden !important; } .elementor-element-dee56e5 .swiper-slide.item .image img { transition: transform 0.3s ease !important; } .elementor-element-dee56e5 .swiper-slide.item:hover .image img { transform: scale(1.08) !important; } .elementor-element-dee56e5 .swiper-slide.item .widget-image-caption { transition: color 0.3s ease !important; } .elementor-element-dee56e5 .swiper-slide.item:hover .widget-image-caption { color: #12751c !important; } .elementor-element-dee56e5 .swiper-slide.item:hover .cat-des .title a { color: #12751c !important; } .elementor-element-dee56e5 .swiper-slide.item { overflow: hidden !important; } /* ===== BOUTON ELEMENTOR RESPONSIVE MOBILE ===== */ @media (max-width: 767px) { .elementor-button .elementor-button-text { font-size: 12px !important; } } /* ===== LIEN READ MORE — SANS UNDERLINE ===== */ a.read_more, a.read_more:hover, a.read_more:focus, a.read_more:visited, a.read_more:active { border-bottom: none !important; text-decoration: none !important; } /* ===== CONTENU ARTICLE BLOG ===== */ .article-blog-content p { font-size: 16px !important; color: #666666 !important; line-height: 1.7 !important; margin-bottom: 16px !important; } .article-blog-content h2 { font-size: 24px !important; font-weight: 700 !important; color: #3b3b3b !important; margin-top: 32px !important; margin-bottom: 12px !important; padding-bottom: 8px !important; border-bottom: 1px solid #ecf4ef !important; } /* h3 car c'est ce que Simple Blog génère */ .article-blog-content h3 { font-size: 16px !important; font-weight: 600 !important; color: #3b3b3b !important; margin-top: 24px !important; margin-bottom: 8px !important; } .article-blog-content a { color: #12751c !important; text-decoration: none !important; border-bottom: none !important; } .article-blog-content a:hover { text-decoration: none !important; } .article-blog-content ul { margin: 8px 0 16px 20px !important; } .article-blog-content ul li { font-size: 16px !important; color: #666666 !important; line-height: 1.7 !important; margin-bottom: 8px !important; } /* Description snippet sidebar et listing */ .blog_description p { font-size: 16px !important; color: #666666 !important; line-height: 1.7 !important; margin-bottom: 8px !important; } /* ===== PAGE ARTICLE BLOG ===== */ /* Image article — taille raisonnée */ .ets_blog_img_wrapper { max-width: 100% !important; margin-bottom: 32px !important; } .ets_image-single { display: block !important; max-height: 400px !important; overflow: hidden !important; border-radius: 5px !important; } .ets_image-single img { width: 100% !important; height: 400px !important; object-fit: cover !important; object-position: center !important; display: block !important; } .hero-section .page-title-wrapper { text-align: start; } #hero_section.hero-section { background-color: var(--palette8) !important; } /* ===== Amélioration des blocs dans le side bar page articles ===== */ #left-column .block, #right-column .block { margin-bottom: 30px; padding: 24px 24px 24px !important; } .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xs, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-inline: 8px !important; } #left-column .title_blog, #left_column .title_blog, #right-column .title_blog, #right_column .title_blog { font-size: 16px; margin-top: 0p !important; } /* ===== SIDEBAR BLOG — PAGE ARTICLE ===== */ /* Conteneur global sidebar */ .ets_blog_sidebar { padding: 0 !important; } /* ===== CHAQUE BLOC SIDEBAR ===== */ .ets_blog_sidebar .block { background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 5px !important; padding: 16px !important; margin-bottom: 16px !important; } /* Titres des blocs sidebar */ .ets_blog_sidebar h4.title_blog.title_block { font-size: 16px !important; font-weight: 700 !important; color: #3b3b3b !important; text-transform: uppercase !important; letter-spacing: 0.8px !important; margin: 0 0 16px 0 !important; padding-bottom: 8px !important; border-bottom: 1px solid #ecf4ef !important; } /* ===== CAROUSEL ARTICLES SIDEBAR ===== */ /* Overflow correct pour le carousel */ .ets_blog_sidebar .ets_block_latest .owl-stage-outer { overflow: hidden !important; } /* Image article sidebar */ .ets_blog_sidebar .ets_item_img { display: block !important; height: 180px !important; overflow: hidden !important; border-radius: 5px !important; margin-bottom: 8px !important; } .ets_blog_sidebar .ets_item_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transition: transform 0.3s ease !important; } .ets_blog_sidebar .owl-item:hover .ets_item_img img { transform: scale(1.04) !important; } /* Contenu article sidebar */ .ets_blog_sidebar .ets-blog-latest-post-content { padding: 0 !important; } /* Titre article sidebar */ .ets_blog_sidebar a.ets_title_block { font-size: 16px !important; font-weight: 600 !important; color: #3b3b3b !important; line-height: 1.4 !important; display: block !important; margin-bottom: 8px !important; text-decoration: none !important; border-bottom: none !important; } .ets_blog_sidebar a.ets_title_block:hover { color: #12751c !important; } /* Date article sidebar */ .ets_blog_sidebar .post-date { font-size: 12px !important; color: #aaaaaa !important; display: block !important; margin-bottom: 4px !important; } /* Description sidebar */ .ets_blog_sidebar .blog_description p { font-size: 16px !important; color: #666666 !important; line-height: 1.6 !important; margin-bottom: 0px !important; } /* Lire la suite sidebar */ .ets_blog_sidebar a.read_more { font-size: 16px !important; font-weight: 600 !important; color: #12751c !important; text-decoration: none !important; border-bottom: none !important; } .ets_blog_sidebar a.read_more:hover { text-decoration: none !important; text-decoration-color: #12751c !important; } /* Navigation carousel sidebar */ .ets_blog_sidebar .owl-prev, .ets_blog_sidebar .owl-next { background: #ecf4ef !important; color: #12751c !important; border-radius: 5px !important; width: 24px !important; height: 24px !important; line-height: 24px !important; font-size: 12px !important; } /* Bouton View all */ .ets_blog_sidebar .blog_view_all_button { margin-top: 12px !important; padding-top: 12px !important; border-top: 1px solid #ecf4ef !important; } .ets_blog_sidebar .blog_view_all_button a, .ets_blog_sidebar a.view_all_link, .ets_blog_sidebar a.blog_view_all { padding: 0 var(--btn-padding-x); font-size: var(--btn-font-size); font-weight: var(--btn-weight); font-family: var(--btn-font-family); -webkit-transition: var(--transition); transition: var(--transition); border-radius: var(--btn-radius); max-height: var(--btn-height); letter-spacing: calc(var(--btn-letter-spacing)); text-transform: var(--btn-text-transform); white-space: inherit; cursor: pointer; overflow: hidden; } .ets_blog_sidebar .blog_view_all_button a:hover, .ets_blog_sidebar a.view_all_link:hover, .ets_blog_sidebar a.blog_view_all:hover { text-decoration: none !important; } .blog_view_all, .view_all_link { padding: 10px 15px!important; } /* ===== CATEGORIES SIDEBAR ===== */ .ets_blog_sidebar .ets_block_categories ul.tree { list-style: none !important; padding: 0 !important; margin: 0 !important; } .ets_blog_sidebar .ets_block_categories ul.tree li { padding: 6px 0 !important; border-bottom: 1px solid #f5f5f5 !important; } .ets_blog_sidebar .ets_block_categories ul.tree li:last-child { border-bottom: none !important; } .ets_blog_sidebar .ets_block_categories ul.tree li a { font-size: 16px !important; color: #666666 !important; text-decoration: none !important; border-bottom: none !important; display: block !important; transition: color 0.2s ease !important; } .ets_blog_sidebar .ets_block_categories ul.tree li a:hover { color: #12751c !important; } /* ===== RECHERCHE SIDEBAR ===== */ .ets_blog_sidebar .ets_block_search form { display: flex !important; gap: 8px !important; align-items: center !important; } .ets_blog_sidebar .ets_block_search input.form-control { font-size: 13px !important; padding: 8px 12px !important; border: 1px solid #eeeeee !important; border-radius: 5px !important; color: #3b3b3b !important; flex: 1 !important; height: 36px !important; } .ets_blog_sidebar .ets_block_search input.form-control:focus { border-color: #12751c !important; outline: none !important; } .ets_blog_sidebar .ets_block_search input.button { background: #12751c !important; color: #ffffff !important; border: none !important; border-radius: 5px !important; padding: 0px 20px !important; font-size: 12px !important; font-weight: 500 !important; cursor: pointer !important; height: 36px !important; white-space: nowrap !important; transition: background 0.2s ease !important; } .ets_blog_sidebar .ets_block_search input.button:hover { background: #0a4f14 !important; } /* ===== ARCHIVES SIDEBAR ===== */ .ets_blog_sidebar .ets_block_archive ul.list-year { list-style: none !important; padding: 0 !important; margin: 0 !important; } .ets_blog_sidebar .ets_block_archive .year-item { margin-bottom: 8px !important; } .ets_blog_sidebar .ets_block_archive .year-item > a { font-size: 16px !important; font-weight: 600 !important; color: #3b3b3b !important; text-decoration: none !important; border-bottom: none !important; display: block !important; padding: 4px 0 !important; } .ets_blog_sidebar .ets_block_archive .year-item > a:hover { color: #12751c !important; } .ets_blog_sidebar .ets_block_archive ul.list-months { list-style: none !important; padding-left: 12px !important; margin: 4px 0 0 0 !important; } .ets_blog_sidebar .ets_block_archive .month-item a { font-size: 16px !important; color: #666666 !important; text-decoration: none !important; border-bottom: none !important; display: block !important; padding: 0px 0 !important; } .ets_blog_sidebar .ets_block_archive .month-item a:hover { color: #12751c !important; } /* ===== RESPONSIVE MOBILE ===== */ @media (max-width: 767px) { .ets_blog_sidebar .block { margin-bottom: 12px !important; } #left-column { margin-bottom: 24px !important; } } /* marge entre filtre blog categories left bare */ #left-column .ets_block_categories a, #left_column .ets_block_categories a, #right-column .ets_block_categories a, #right_column .ets_block_categories a { display: block; font-size: 14px; padding: 0px 0; width: 100%; } /* Uniquement le border-bottom à enlever */ a.view_all_link { border-bottom: none !important; text-decoration: none !important; } /* View all latest posts */ a[href*="blog/latest"]:hover { color: #0a4f14 !important; text-decoration: none !important; text-decoration-color: #12751c !important; background: #ecf4ef !important; } /* View all categories */ a[href*="blog/categories"]:hover { color: #0a4f14 !important; text-decoration: none !important; text-decoration-color: #12751c !important; background: #ecf4ef !important; } .icon_search { height: 100%; pointer-events: none; position: absolute; right: 0; top: -3px !important; width: 36px !important; } .icon_search::before { color: #fff !important; content: "\f002"; float: left; font-family: FontAwesome; font-weight: 300; line-height: 40px; text-align: center; width: 100%; } /* Hover bouton recherche blog uniquement */ .ets_block_search .content_block input.button:hover { background-color: #ecf4ef !important; background: #ecf4ef !important; color: #12751c !important; } /* Hover icône recherche blog via ::before */ .ets_block_search .content_block form:hover .icon_search::before { color: #12751c !important; } /* ===== GRILLE ARTICLES BLOG LISTING — 3 COLONNES ===== */ /* Conteneur grille */ .ets_blog_content ul.ets-blog-list { display: flex !important; flex-wrap: wrap !important; gap: 24px !important; list-style: none !important; padding: 0 !important; margin: 0 0 32px 0 !important; } /* Cards — 3 colonnes */ .ets_blog_content ul.ets-blog-list > li { flex: 0 0 calc(33.33% - 16px) !important; max-width: calc(33.33% - 16px) !important; background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 5px !important; overflow: hidden !important; padding: 24px !important; margin: 0 !important; display: flex !important; flex-direction: column !important; } .ets_blog_content ul.ets-blog-list > li:hover { transform: translateY(-2px) !important; } /* Image */ .ets_blog_content ul.ets-blog-list > li .ets_item_img { display: block !important; height: 200px !important; overflow: hidden !important; } .ets_blog_content ul.ets-blog-list > li .ets_item_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transition: transform 0.3s ease !important; display: block !important; border-radius: 5px !important; } .ets_blog_content ul.ets-blog-list > li:hover .ets_item_img img { transform: scale(1.04) !important; } /* Contenu texte */ .ets_blog_content ul.ets-blog-list > li .ets-blog-latest-post-content { padding: 16px !important; display: flex !important; flex-direction: column !important; flex: 1 !important; } /* Catégorie */ .ets_blog_content ul.ets-blog-list > li a[href*="blog/category"] { font-size: 11px !important; font-weight: 600 !important; color: #12751c !important; text-transform: uppercase !important; letter-spacing: 0.5px !important; text-decoration: none !important; border-bottom: none !important; display: inline-block !important; margin-bottom: 6px !important; } /* Titre */ .ets_blog_content ul.ets-blog-list > li a.ets_title_block { font-size: 16px !important; font-weight: 600 !important; color: #3b3b3b !important; line-height: 1.4 !important; display: block !important; margin-bottom: 8px !important; text-decoration: none !important; border-bottom: none !important; } .ets_blog_content ul.ets-blog-list > li a.ets_title_block:hover { color: #12751c !important; } /* Date */ .ets_blog_content ul.ets-blog-list > li .post-date { font-size: 11px !important; color: #aaaaaa !important; display: block !important; margin-bottom: 8px !important; } /* Description */ .ets_blog_content ul.ets-blog-list > li .blog_description p { font-size: 16px !important; color: #666666 !important; line-height: 1.6 !important; margin-bottom: 8px !important; flex: 1 !important; } /* Lire la suite */ .ets_blog_content ul.ets-blog-list > li a.read_more { font-size: 16px !important; font-weight: 600 !important; color: #12751c !important; text-decoration: none !important; border-bottom: none !important; margin-top: auto !important; align-self: flex-start !important; } .ets_blog_content ul.ets-blog-list > li a.read_more:hover { text-decoration: none !important; border-bottom: none !important; } /* ===== RESPONSIVE ===== */ @media (max-width: 991px) { .ets_blog_content ul.ets-blog-list > li { flex: 0 0 calc(50% - 12px) !important; max-width: calc(50% - 12px) !important; } } @media (max-width: 575px) { .ets_blog_content ul.ets-blog-list { gap: 16px !important; } .ets_blog_content ul.ets-blog-list > li { flex: 0 0 100% !important; max-width: 100% !important; } .ets_blog_content ul.ets-blog-list > li .ets_item_img { height: 180px !important; } } .blog-category { margin-bottom: 16px !important; } /* ===== ARTICLES SIMILAIRES — MÊME DESIGN QUE NOS CONSEILS SANTÉ ===== */ /* Titre */ .ets-blog-related-posts h4.title_blog { font-size: 24px !important; font-weight: 500 !important; color: #3B3B3B !important; margin-bottom: 16px !important; text-transform: none !important; letter-spacing: 2px !important; text-decoration: none !important; text-decoration-color: #12751c !important; text-underline-offset: 6px !important; } /* Card */ .ets-blog-related-posts-list-li { background: #ffffff !important; border: 1px solid #eeeeee !important; border-radius: 8px !important; overflow: hidden !important; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07) !important; transition: box-shadow 0.3s ease, transform 0.3s ease !important; padding: 24px !important; } .ets-blog-related-posts-list-li:hover { box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important; transform: translateY(-3px) !important; } /* Image */ .ets-blog-related-posts-list-li .ets_item_img { display: block !important; height: 200px !important; overflow: hidden !important; border-radius: 0 !important; } .ets-blog-related-posts-list-li .ets_item_img img { width: 100% !important; height: 100% !important; object-fit: cover !important; object-position: center !important; transition: transform 0.3s ease !important; display: block !important; } .ets-blog-related-posts-list-li:hover .ets_item_img img { transform: scale(1.04) !important; } /* Contenu */ .ets-blog-related-posts-list-li .ets-blog-latest-post-content, .ets-blog-related-posts-list-li > *:not(.ets_item_img) { padding: 0px !important; background: #ffffff !important; } /* Titre article */ .ets-blog-related-posts-list-li a.ets_title_block { font-size: 16px !important; font-weight: 600 !important; color: #1a1a1a !important; line-height: 1.4 !important; display: block !important; margin-bottom: 8px !important; text-decoration: none !important; border-bottom: none !important; text-transform: none !important; padding: 0 !important; } .ets-blog-related-posts-list-li a.ets_title_block:hover { color: #12751c !important; } /* Date */ .ets-blog-related-posts-list-li .post-date { font-size: 12px !important; color: #aaaaaa !important; display: block !important; margin-bottom: 8px !important; } /* Catégorie */ .ets-blog-related-posts-list-li .be-label { display: none !important; } .ets-blog-related-posts-list-li .ets-blog-categories a { font-size: 11px !important; font-weight: 600 !important; color: #12751c !important; text-transform: uppercase !important; text-decoration: none !important; border-bottom: none !important; letter-spacing: 0.5px !important; display: block !important; margin-bottom: 8px !important; } /* Description */ .ets-blog-related-posts-list-li .blog_description { font-size: 16px !important; color: #777777 !important; line-height: 1.6 !important; margin-bottom: 8px !important; padding: 0 !important; } /* Lire la suite */ .ets-blog-related-posts-list-li a.read_more { display: inline-block !important; padding: 0 !important; background: none !important; background-color: transparent !important; color: #12751c !important; font-size: 16px !important; font-weight: 600 !important; text-decoration: none !important; border-bottom: none !important; transition: color 0.2s ease !important; } .ets-blog-related-posts-list-li a.read_more:hover { color: #0a4f14 !important; text-decoration: none !important; }