.elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-container > .elementor-column > .elementor-widget-wrap{align-content:center;align-items:center;}.elementor-9139 .elementor-element.elementor-element-4cb2fde:not(.elementor-motion-effects-element-type-background), .elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#8A8A8A;background-image:url("https://www.yanara-technologies.com/wp-content/uploads/2022/02/23624-scaled.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-background-overlay{background-color:#000000;opacity:0.75;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-9139 .elementor-element.elementor-element-4cb2fde .elementor-background-overlay{filter:brightness( 84% ) contrast( 108% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-9139 .elementor-element.elementor-element-4cb2fde{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:5em 0em 5em 0em;}.elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-shape-top .elementor-shape-fill{fill:#8882824A;}.elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-shape-top svg{height:125px;}.elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-shape-bottom .elementor-shape-fill{fill:#80808047;}.elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-shape-bottom svg{width:calc(100% + 1.3px);height:107px;}.elementor-9139 .elementor-element.elementor-element-4cb2fde > .elementor-container{text-align:start;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9139 .elementor-element.elementor-element-33f7307 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:40px;font-weight:200;text-transform:uppercase;-webkit-text-stroke-width:0px;stroke-width:0px;-webkit-text-stroke-color:#000;stroke:#000;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-9139 .elementor-element.elementor-element-24c18da{--divider-border-style:solid;--divider-color:#B82D2D;--divider-border-width:1px;}.elementor-9139 .elementor-element.elementor-element-24c18da .elementor-divider-separator{width:100%;}.elementor-9139 .elementor-element.elementor-element-24c18da .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-widget-theme-post-title .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-9139 .elementor-element.elementor-element-31e91ea{text-align:start;}.elementor-9139 .elementor-element.elementor-element-31e91ea .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:42px;font-weight:100;line-height:42px;color:var( --e-global-color-8d2468d );}.elementor-widget-post-info .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-post-info .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-post-info .elementor-icon-list-text, .elementor-widget-post-info .elementor-icon-list-text a{color:var( --e-global-color-secondary );}.elementor-widget-post-info .elementor-icon-list-item{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9139 .elementor-element.elementor-element-9a81d40 .elementor-icon-list-icon i{color:var( --e-global-color-accent );font-size:14px;}.elementor-9139 .elementor-element.elementor-element-9a81d40 .elementor-icon-list-icon svg{fill:var( --e-global-color-accent );--e-icon-list-icon-size:14px;}.elementor-9139 .elementor-element.elementor-element-9a81d40 .elementor-icon-list-icon{width:14px;}.elementor-9139 .elementor-element.elementor-element-9a81d40 .elementor-icon-list-text, .elementor-9139 .elementor-element.elementor-element-9a81d40 .elementor-icon-list-text a{color:var( --e-global-color-8d2468d );}.elementor-widget-theme-post-featured-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-9139 .elementor-element.elementor-element-1c2ef60 img{border-style:solid;border-width:1px 1px 1px 1px;border-color:#A82727;border-radius:16px 16px 16px 16px;box-shadow:12px 1px 10px -8px rgba(0, 0, 0, 0.51);}.elementor-9139 .elementor-element.elementor-element-ee24505 > .elementor-background-overlay{opacity:0.5;}.elementor-9139 .elementor-element.elementor-element-6705660 > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin:-20px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;}.elementor-9139 .elementor-element.elementor-element-6705660 > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-uael-posts .uael-posts-tabs-dropdown .uael-filters-dropdown-button,.elementor-widget-uael-posts .uael-post__header-filter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-posts .uael-grid-pagination a.page-numbers{color:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-grid-pagination span.page-numbers.current{color:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-post__load-more{color:var( --e-global-color-accent );background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-posts .uael-post-inf-loader > div{background-color:var( --e-global-color-primary );}.elementor-widget-uael-posts .uael-grid-pagination a.page-numbers, .elementor-widget-uael-posts .uael-grid-pagination span.page-numbers.current{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-posts .uael-post-wrapper-featured .uael-post__title, .elementor-widget-uael-posts .uael-post-wrapper-featured .uael-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-posts .uael-post-wrapper-featured .uael-post__meta-data{color:var( --e-global-color-secondary );}.elementor-widget-uael-posts .uael-post-wrapper-featured .uael-post__meta-data svg{fill:var( --e-global-color-secondary );}.elementor-widget-uael-posts .uael-post__title, .elementor-widget-uael-posts .uael-post__title a{color:var( --e-global-color-secondary );}.elementor-widget-uael-posts .uael-post__title:hover, .elementor-widget-uael-posts .uael-post__title a:hover{color:var( --e-global-color-secondary );}.elementor-widget-uael-posts.uael-post__link-complete-yes .uael-post__complete-box-overlay:hover + .uael-post__inner-wrap .uael-post__title a{color:var( --e-global-color-secondary );}.elementor-widget-uael-posts .uael-post__title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-uael-posts .uael-post__meta-data span{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-uael-posts .uael-post__terms{color:var( --e-global-color-accent );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-uael-posts .uael-post__terms a:hover{color:var( --e-global-color-secondary );}.elementor-widget-uael-posts.uael-post__link-complete-yes .uael-post__complete-box-overlay:hover + .uael-post__inner-wrap .uael-post__terms a{color:var( --e-global-color-secondary );}.elementor-widget-uael-posts .uael-post__excerpt{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-uael-posts a.uael-post__read-more{color:var( --e-global-color-accent );background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-uael-posts .uael-post-grid .slick-slider .slick-prev:before, .elementor-widget-uael-posts .uael-post-grid .slick-slider .slick-next:before{color:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-post-grid .slick-slider .slick-arrow{border-color:var( --e-global-color-accent );border-style:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-post-grid .slick-slider .slick-arrow i{color:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-post__datebox{background-color:var( --e-global-color-primary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-uael-posts .uael-post__separator{background-color:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-posts[data-skin="news"] .uael-post__terms{background-color:var( --e-global-color-accent );}.elementor-widget-uael-posts.uael-post__content-align-left .uael-post__gradient-separator{background:var( --e-global-color-accent );}.elementor-widget-uael-posts.uael-post__content-align-center .uael-post__gradient-separator{background:var( --e-global-color-accent );}.elementor-widget-uael-posts.uael-post__content-align-right .uael-post__gradient-separator{background:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-posts[data-skin="business"] .uael-post__terms{background-color:var( --e-global-color-accent );}.elementor-widget-uael-posts .uael-post__authorbox-desc{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-uael-posts .uael-post__authorbox-name, .elementor-widget-uael-posts .uael-post__authorbox-name a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-posts-tabs-dropdown .uael-filters-dropdown-button,.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filter{background-color:#e4e4e4;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filter.uael-filter__current, .elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filters .uael-post__header-filter:hover{color:#ffffff;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filters .uael-post__header-filter.uael-filter__current, .elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filters .uael-post__header-filter:hover{background-color:#333333;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filter{padding:4px 14px 4px 14px;margin-right:5px;margin-bottom:5px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filter:last-child{margin-right:0;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__header-filters{padding-bottom:15px;border-bottom:0px solid #B7B7BF;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__thumbnail:hover img{transform:scale(1.15);opacity:1;}.elementor-9139 .elementor-element.elementor-element-5c3dd08.uael-post__link-complete-yes .uael-post-image-background .uael-post__complete-box-overlay:hover + .uael-post__inner-wrap .uael-post__thumbnail img{transform:translate(-50%,-50%) scale(1.15);}.elementor-9139 .elementor-element.elementor-element-5c3dd08.uael-post__link-complete-yes .uael-post__complete-box-overlay:hover + .uael-post__inner-wrap .uael-post__thumbnail img{transform:scale(1.15);opacity:1;}.elementor-9139 .elementor-element.elementor-element-5c3dd08.uael-equal__height-yes .uael-post-image-background .uael-post__inner-wrap:hover img{transform:translate(-50%,-50%) scale(1.15);opacity:1;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post-grid .uael-post-wrapper{padding-right:calc( 20px/2 );padding-left:calc( 20px/2 );margin-bottom:20px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post-grid .uael-post-grid__inner{margin-left:calc( -20px/2 );margin-right:calc( -20px/2 );}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__bg-wrap{background-color:#f6f6f6;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__content-wrap{padding:30px 30px 30px 30px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-grid-pagination a.page-numbers:hover{background-color:#f6f6f6;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-grid-pagination span.page-numbers.current{background-color:#e2e2e2;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__title, .elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__title a{color:#FFFFFF;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__title:hover, .elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__title a:hover{color:#970606;}.elementor-9139 .elementor-element.elementor-element-5c3dd08.uael-post__link-complete-yes .uael-post__complete-box-overlay:hover + .uael-post__inner-wrap .uael-post__title a{color:#970606;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__title{font-family:"Roboto", Sans-serif;font-weight:300;margin-bottom:5px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__meta-data{color:#adadad;margin-bottom:15px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__meta-data svg{fill:#adadad;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__meta-data span{margin-right:10px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__meta-data span:last-child, .elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__meta-data span.uael-listing__terms-link{margin-right:0;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-post__excerpt{margin-bottom:20px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 a.uael-post__read-more{color:#ffffff;padding:10px 10px 10px 10px;}@media(max-width:767px){.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-posts-tabs-dropdown .uael-post__header-filter{margin-right:0px;margin-bottom:0px;}.elementor-9139 .elementor-element.elementor-element-5c3dd08 .uael-posts-tabs-dropdown .uael-post__header-filters{padding-bottom:0px;border:0px solid;}}/* Start custom CSS for uael-posts, class: .elementor-element-5c3dd08 *//* ========================================================= YANARA - Widget Posts Actualités ID du widget : yanara-actus-grid Rôle : cartes articles uniquement ========================================================= */ /* ========================================================= TITRES DES CARTES ========================================================= */ #yanara-actus-grid .uael-post__title, #yanara-actus-grid .uael-post__title a, #yanara-actus-grid .uael-post__title *, #yanara-actus-grid article h1, #yanara-actus-grid article h1 a, #yanara-actus-grid article h1 *, #yanara-actus-grid article h2, #yanara-actus-grid article h2 a, #yanara-actus-grid article h2 *, #yanara-actus-grid article h3, #yanara-actus-grid article h3 a, #yanara-actus-grid article h3 * { font-family: "Roboto", Arial, sans-serif !important; font-size: 26px !important; font-weight: 200 !important; line-height: 1.16 !important; letter-spacing: 0 !important; color: #ffffff !important; text-transform: none !important; text-decoration: none !important; font-style: normal !important; } /* Sécurité contre les strong / b / span dans les titres */ #yanara-actus-grid .uael-post__title strong, #yanara-actus-grid .uael-post__title b, #yanara-actus-grid .uael-post__title span, #yanara-actus-grid .uael-post__title a strong, #yanara-actus-grid .uael-post__title a b, #yanara-actus-grid .uael-post__title a span { font-weight: 200 !important; } /* Survol direct du titre */ #yanara-actus-grid .uael-post__title a:hover, #yanara-actus-grid article h1 a:hover, #yanara-actus-grid article h2 a:hover, #yanara-actus-grid article h3 a:hover { color: #ea1120 !important; } /* Survol de la carte : le titre passe aussi en rouge */ #yanara-actus-grid .uael-post__inner-wrap:hover .uael-post__title, #yanara-actus-grid .uael-post__inner-wrap:hover .uael-post__title a, #yanara-actus-grid .uael-post__inner-wrap:hover .uael-post__title *, #yanara-actus-grid article:hover h1, #yanara-actus-grid article:hover h1 a, #yanara-actus-grid article:hover h2, #yanara-actus-grid article:hover h2 a, #yanara-actus-grid article:hover h3, #yanara-actus-grid article:hover h3 a { color: #ea1120 !important; } /* ========================================================= MÉTADONNÉES ========================================================= */ #yanara-actus-grid .uael-post__meta-data, #yanara-actus-grid .uael-post__meta-data span, #yanara-actus-grid .uael-post__meta-data a { font-family: "Roboto", Arial, sans-serif !important; font-size: 12px !important; font-weight: 300 !important; line-height: 1.3 !important; color: rgba(255, 255, 255, 0.62) !important; text-decoration: none !important; } #yanara-actus-grid .uael-post__meta-data { border-bottom: 1px solid rgba(234, 17, 32, 0.85) !important; padding-bottom: 7px !important; margin-bottom: 11px !important; } /* Icônes metas */ #yanara-actus-grid .uael-post__meta-data i, #yanara-actus-grid .uael-post__meta-data svg { color: rgba(255, 255, 255, 0.62) !important; fill: rgba(255, 255, 255, 0.62) !important; } /* ========================================================= EXTRAITS ========================================================= */ #yanara-actus-grid .uael-post__excerpt, #yanara-actus-grid .uael-post__excerpt p { font-family: "Roboto", Arial, sans-serif !important; font-size: 14px !important; font-weight: 300 !important; line-height: 1.48 !important; color: rgba(255, 255, 255, 0.76) !important; margin: 0 0 22px 0 !important; padding: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2 !important; -webkit-box-orient: vertical !important; overflow: hidden !important; } /* ========================================================= BOUTONS DES CARTES ========================================================= */ #yanara-actus-grid .uael-post__read-more, #yanara-actus-grid .uael-post__cta a, #yanara-actus-grid .uael-post__footer a { margin-top: auto !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; width: fit-content !important; min-width: 150px !important; min-height: 42px !important; padding: 11px 24px !important; border-radius: 999px !important; background: linear-gradient( 180deg, #2a2b2c 0%, #18191a 100% ) !important; color: #ffffff !important; font-family: "Roboto", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; border: 1px solid rgba(255, 255, 255, 0.24) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 8px 18px rgba(0, 0, 0, 0.22) !important; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important; } #yanara-actus-grid .uael-post__read-more:hover, #yanara-actus-grid .uael-post__cta a:hover, #yanara-actus-grid .uael-post__footer a:hover { background: linear-gradient( 135deg, #ea1120 0%, #6f050b 58%, #050505 100% ) !important; color: #ffffff !important; border-color: rgba(234, 17, 32, 0.75) !important; transform: translateY(-2px) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 16px rgba(234, 17, 32, 0.22) !important; } /* ========================================================= RESPONSIVE TITRES ========================================================= */ @media (max-width: 1024px) { #yanara-actus-grid .uael-post__title, #yanara-actus-grid .uael-post__title a, #yanara-actus-grid .uael-post__title *, #yanara-actus-grid article h1, #yanara-actus-grid article h1 a, #yanara-actus-grid article h1 *, #yanara-actus-grid article h2, #yanara-actus-grid article h2 a, #yanara-actus-grid article h2 *, #yanara-actus-grid article h3, #yanara-actus-grid article h3 a, #yanara-actus-grid article h3 * { font-size: 24px !important; font-weight: 200 !important; line-height: 1.18 !important; } } @media (max-width: 767px) { #yanara-actus-grid .uael-post__title, #yanara-actus-grid .uael-post__title a, #yanara-actus-grid .uael-post__title *, #yanara-actus-grid article h1, #yanara-actus-grid article h1 a, #yanara-actus-grid article h1 *, #yanara-actus-grid article h2, #yanara-actus-grid article h2 a, #yanara-actus-grid article h2 *, #yanara-actus-grid article h3, #yanara-actus-grid article h3 a, #yanara-actus-grid article h3 * { font-size: 22px !important; font-weight: 200 !important; line-height: 1.22 !important; } }/* End custom CSS */ /* Start custom CSS for section, class: .elementor-element-ee24505 *//* ========================================================= YANARA - Section complète Page Actualités Contient : filtres + widget Posts Ne gère PAS la typo des titres de cartes ========================================================= */ /* ========================================================= SECTION GLOBALE ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 { background: linear-gradient( 180deg, #101112 0%, #0c0d0e 48%, #090a0b 100% ) !important; color: #ffffff !important; padding: 70px 20px 90px !important; } /* ========================================================= CONTENEUR DU WIDGET POSTS ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts { background: transparent !important; padding: 0 !important; border: none !important; outline: none !important; box-shadow: none !important; overflow: visible !important; } /* ========================================================= FILTRES / CATÉGORIES ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 .uael-post__header-filters, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__header-filters, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post__header-filters { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; justify-content: center !important; align-items: center !important; gap: 8px !important; width: 100% !important; margin: 0 0 38px 0 !important; padding: 0 !important; list-style: none !important; background: transparent !important; overflow: visible !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 .uael-post__header-filter, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__header-filter, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post__header-filter { display: inline-flex !important; align-items: center !important; justify-content: center !important; flex: 0 0 auto !important; min-height: 34px !important; padding: 8px 14px !important; margin: 0 !important; white-space: nowrap !important; border-radius: 999px !important; border: 1px solid rgba(255, 255, 255, 0.24) !important; background: linear-gradient( 180deg, #2a2b2c 0%, #18191a 100% ) !important; color: #ffffff !important; font-family: "Roboto", Arial, sans-serif !important; font-size: 12px !important; font-weight: 600 !important; line-height: 1 !important; text-decoration: none !important; cursor: pointer !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 8px 18px rgba(0, 0, 0, 0.22) !important; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease !important; } /* Filtre actif */ .elementor-9139 .elementor-element.elementor-element-ee24505 .uael-post__header-filter.uael-filter__current, .elementor-9139 .elementor-element.elementor-element-ee24505 .uael-post__header-filter.active, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__header-filter.uael-filter__current, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__header-filter.active { background: linear-gradient( 135deg, #ea1120 0%, #6f050b 58%, #050505 100% ) !important; color: #ffffff !important; border-color: rgba(234, 17, 32, 0.75) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 16px rgba(234, 17, 32, 0.24) !important; } /* Survol filtres */ .elementor-9139 .elementor-element.elementor-element-ee24505 .uael-post__header-filter:hover, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__header-filter:hover, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post__header-filter:hover { background: linear-gradient( 135deg, #ea1120 0%, #6f050b 58%, #050505 100% ) !important; color: #ffffff !important; border-color: rgba(234, 17, 32, 0.75) !important; transform: translateY(-2px) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 16px rgba(234, 17, 32, 0.22) !important; } /* ========================================================= GRILLE / WRAPPERS ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid__wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid__inner-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post-grid, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post-grid__wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post-grid__inner-wrap { align-items: stretch !important; background: transparent !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-wrapper, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid__inner-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid__item, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post-wrapper, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post-grid__inner-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 .yanara-news-posts .uael-post-grid__item { height: 100% !important; display: flex !important; background: transparent !important; border: none !important; box-shadow: none !important; } /* Neutralisation fonds parasites */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid article, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid article > div, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid article > div > div, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-wrapper, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-wrapper > div, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid__inner, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid__inner-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid-item, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post-grid__item, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__bg-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__outer-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__content-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__content, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__body { background-color: transparent !important; box-shadow: none !important; } /* ========================================================= CARTES ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__inner-wrap { width: 100% !important; min-height: 500px !important; display: flex !important; flex-direction: column !important; overflow: hidden !important; isolation: isolate !important; background: #08090a !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.12) !important; border-radius: 24px !important; box-shadow: 0 18px 38px rgba(0, 0, 0, 0.36), inset 0 1px 0 rgba(255, 255, 255, 0.035) !important; transition: border-color 0.25s ease, box-shadow 0.25s ease !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__inner-wrap:hover { border-color: rgba(234, 17, 32, 0.36) !important; box-shadow: 0 22px 46px rgba(0, 0, 0, 0.46), 0 0 14px rgba(234, 17, 32, 0.10) !important; } /* ========================================================= IMAGES ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__thumbnail, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__image, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__thumbnail a, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__image a { display: block !important; height: 210px !important; overflow: hidden !important; border-radius: 24px 24px 0 0 !important; background: #08090a !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__thumbnail img, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__image img { display: block !important; width: 100% !important; height: 210px !important; object-fit: cover !important; border-radius: 24px 24px 0 0 !important; background: #08090a !important; filter: saturate(0.95) contrast(1.04) brightness(0.86); } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__inner-wrap:not(:has(img))::before { content: ""; display: block; height: 210px !important; min-height: 210px !important; background: radial-gradient(circle at 25% 20%, rgba(234, 17, 32, 0.12), transparent 36%), linear-gradient(135deg, #101112 0%, #08090a 100%) !important; border-radius: 24px 24px 0 0 !important; border-bottom: 1px solid rgba(255, 255, 255, 0.06); } /* ========================================================= CONTENU CARTES ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__content-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__content, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__body { flex: 1 1 auto !important; display: flex !important; flex-direction: column !important; background: #08090a !important; color: #ffffff !important; padding: 24px !important; border-radius: 0 0 24px 24px !important; overflow: hidden !important; } /* Masquer badge catégorie sur cartes */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__terms, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__terms a, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__taxonomy, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__taxonomy a, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid a[rel="category tag"] { display: none !important; } /* ========================================================= PAGINATION ========================================================= */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .page-numbers, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .pagination a, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .pagination span, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-grid-pagination a, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-grid-pagination span { display: inline-flex !important; align-items: center !important; justify-content: center !important; min-width: 46px !important; width: 46px !important; height: 46px !important; min-height: 46px !important; padding: 0 !important; border-radius: 50% !important; background: linear-gradient( 180deg, #2a2b2c 0%, #18191a 100% ) !important; color: #ffffff !important; border: 1px solid rgba(255, 255, 255, 0.24) !important; font-family: "Roboto", Arial, sans-serif !important; font-size: 13px !important; font-weight: 600 !important; text-decoration: none !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.10), 0 8px 18px rgba(0, 0, 0, 0.22) !important; transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .page-numbers.current, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .pagination .current, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-grid-pagination .current, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .page-numbers:hover, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .pagination a:hover, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-grid-pagination a:hover { background: linear-gradient( 135deg, #ea1120 0%, #6f050b 58%, #050505 100% ) !important; color: #ffffff !important; border-color: rgba(234, 17, 32, 0.75) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.16), 0 0 16px rgba(234, 17, 32, 0.22) !important; } /* Bouton suivant */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .page-numbers.next, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .pagination a.next, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-grid-pagination a.next, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid a.next { width: auto !important; min-width: 118px !important; padding: 0 22px !important; border-radius: 999px !important; white-space: nowrap !important; } /* Espacement pagination */ .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-grid-pagination, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .pagination { display: flex !important; align-items: center !important; gap: 8px !important; flex-wrap: wrap !important; } /* ========================================================= RESPONSIVE ========================================================= */ @media (max-width: 1024px) { .elementor-9139 .elementor-element.elementor-element-ee24505 { padding: 60px 18px 80px !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 .uael-post__header-filters, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__header-filters { flex-wrap: wrap !important; } } @media (max-width: 767px) { .elementor-9139 .elementor-element.elementor-element-ee24505 { padding: 50px 14px 70px !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__inner-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__bg-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__outer-wrap { min-height: auto !important; border-radius: 20px !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__thumbnail, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__image, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__thumbnail a, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__image a, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__thumbnail img, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__image img, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__inner-wrap:not(:has(img))::before { height: 190px !important; min-height: 190px !important; border-radius: 20px 20px 0 0 !important; } .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__content-wrap, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__content, .elementor-9139 .elementor-element.elementor-element-ee24505 #yanara-actus-grid .uael-post__body { padding: 20px !important; border-radius: 0 0 20px 20px !important; } }/* End custom CSS */