/* Welcome to Custom CSS! To learn how this works, see https://wp.me/PEmnE-Bt */ header a.logo-dark img { max-height: 300px; } /* Center align the pique theme panel section content SS-3000205-hc */ #pique-hero .pique-panel-content .entry-content p { text-align: center; } /* Homepage form background / 3000313-zd kp */ .home .pique-panel-content form { background: none; } /* Homepage form labels / 3000313-zd kp */ .home .site-content .contact-form .grunion-field-label { color: #ffffff; } /* Homepage form inputs / 3000313-zd kp */ .home input[type="tel"], .home input[type="text"], .home input[type="email"], .home input[type="url"], .home input[type="password"], .home input[type="search"], .home textarea { background: rgba(255,255,255,1); } /* Remove theme styling for first paragraph in hero content | YH-20484276-hc */ #pique-hero .pique-panel-content .entry-content p:first-of-type { font-size: 20px; font-style: normal; } /* Make countdown timer default label containers transparent. Labels are not consistently in SPANs, so must target P | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter p { color: transparent; text-shadow: 0 0; } /* Counter above style for "until" as it's not in a SPAN | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter p:last-child { /* color: #fcfbf9; */ /* text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.75); */ } /* Add colour to countdown timer label SPANs inside containers | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter p strong { color: #fcfbf9; display: block; } /* set countdown label SPAN defaults | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter [class^=event-countdown]:after { text-transform: uppercase; font-size: 16px; font-weight: 600; } /* Set countdown "day" label | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter .event-countdown__day:after { content: " Jours"; } /* Set countdown "hour" label | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter .event-countdown__hour:after { content: " heures"; } /* Set countdown "minute" label | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter .event-countdown__minute:after { content: " minutes"; } /* Set countdown "second" label | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter .event-countdown__second:after { content: " secondes"; } /* Set countdown "until" label | #3317044-zd MK */ .wp-block-jetpack-event-countdown .event-countdown__counter p:last-child:after { content: " "; color: #fcfbf9; } /* Center countdown items / 3317044-zen (MI) */ .wp-block-jetpack-event-countdown .event-countdown__counter span { display: inline-block !important; } .has-text-align-justify { text-align: justify !important } :target { outline: none; } /* ========================================================= PAGE À PROPOS DE NOUS — ID 11188 ========================================================= */ /* Fond fixe de la page */ body.page-id-11188 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-a-propos-de-nous-encans-des-laurentides.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } body.page-id-11188 .site-content { margin: 0 !important; padding: 0 !important; } /* Retirer les espaces ajoutés par le thème */ body.page-id-11188 article, body.page-id-11188 .hentry, body.page-id-11188 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* Panneau de lecture */ body.page-id-11188 .entry-content { margin-top: -78px !important; margin-bottom: 0 !important; background: rgba(12, 10, 8, 0.50); padding: 116px 42px 60px; border-radius: 0 !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20); } /* Éliminer l’espace sous le dernier bloc */ body.page-id-11188 .entry-content > *:last-child { margin-bottom: 0 !important; } /* Texte principal en blanc */ body.page-id-11188 .entry-content, body.page-id-11188 .entry-content p, body.page-id-11188 .entry-content li { color: #ffffff !important; } /* Ombre légère sur le texte */ body.page-id-11188 .entry-content p, body.page-id-11188 .entry-content li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); } /* Hyperliens bleus */ body.page-id-11188 .entry-content a { color: #6db9e8 !important; } /* Titres */ body.page-id-11188 .entry-content h1, body.page-id-11188 .entry-content h2, body.page-id-11188 .entry-content h3 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); } /* Mobile */ @media (max-width: 768px) { body.page-id-11188 #content { background-attachment: scroll !important; background-position: center top !important; } body.page-id-11188 .entry-content { margin-top: -48px !important; padding: 82px 22px 42px; border-radius: 4px 4px 0 0; } } /* Forcer le texte justifié — Page À propos de nous */ body.page-id-11188 .entry-content p, body.page-id-11188 .entry-content .has-text-align-justify { text-align: justify !important; } /* ========================================================= PAGE FONCTIONNEMENT — ID 11339 ========================================================= */ /* --------------------------------------------------------- FOND MÉCANIQUE ET VOILE SOMBRE PLEINE LARGEUR --------------------------------------------------------- */ body.page-id-11339 #content { background-image: linear-gradient( rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-fonctionnement-encans-des-laurentides.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- RETIRER LES ESPACES AJOUTÉS PAR LE THÈME --------------------------------------------------------- */ body.page-id-11339 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11339 article, body.page-id-11339 .hentry, body.page-id-11339 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE DE CONTENU Aucun panneau étroit : le voile est déjà dans le fond --------------------------------------------------------- */ body.page-id-11339 .entry-content { margin-top: -78px !important; margin-bottom: 0 !important; background: transparent !important; padding-top: 116px; padding-bottom: 60px; border-radius: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- COLONNES --------------------------------------------------------- */ body.page-id-11339 .entry-content .wp-block-columns { gap: 38px !important; margin-top: 0 !important; margin-bottom: 26px !important; } body.page-id-11339 .entry-content .wp-block-column { min-width: 0; } /* Retirer les marges internes qui ajoutent de l’espace */ body.page-id-11339 .entry-content .wp-block-columns p { margin-top: 0 !important; margin-bottom: 0 !important; } /* Éliminer l’espace après le dernier bloc */ body.page-id-11339 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- TEXTE --------------------------------------------------------- */ body.page-id-11339 .entry-content, body.page-id-11339 .entry-content p, body.page-id-11339 .entry-content li { color: #ffffff !important; } body.page-id-11339 .entry-content p, body.page-id-11339 .entry-content li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.42); } /* Paragraphes justifiés */ body.page-id-11339 .entry-content p, body.page-id-11339 .entry-content .has-text-align-justify { text-align: justify !important; } /* Respecter les alignements choisis dans Gutenberg */ body.page-id-11339 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11339 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11339 .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- HYPERLIENS --------------------------------------------------------- */ body.page-id-11339 .entry-content a, body.page-id-11339 .entry-content strong a, body.page-id-11339 .entry-content a strong { color: #6db9e8 !important; font-weight: normal !important; } /* --------------------------------------------------------- TITRES --------------------------------------------------------- */ body.page-id-11339 .entry-content h1, body.page-id-11339 .entry-content h2, body.page-id-11339 .entry-content h3 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); } /* Hiérarchie uniforme du site */ body.page-id-11339 .entry-content h2 { font-size: 30px !important; } body.page-id-11339 .entry-content h3 { font-size: 23px !important; } /* Titres VENDRE et ACHETER centrés */ body.page-id-11339 .entry-content .wp-block-column h2, body.page-id-11339 .entry-content .wp-block-column h3 { text-align: center !important; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.page-id-11339 .entry-content .wp-block-columns { gap: 26px !important; } } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { body.page-id-11339 #content { background-attachment: scroll !important; background-position: center top !important; } body.page-id-11339 .entry-content { margin-top: -48px !important; padding-top: 82px; padding-bottom: 42px; } body.page-id-11339 .entry-content .wp-block-columns { gap: 0 !important; margin-bottom: 24px !important; } body.page-id-11339 .entry-content p { text-align: left !important; } body.page-id-11339 .entry-content h2 { font-size: 27px !important; } body.page-id-11339 .entry-content h3 { font-size: 22px !important; } } /* H2 principal de la page Fonctionnement */ body.page-id-11339 .entry-content > h2:first-of-type { max-width: 760px; margin-left: auto; margin-right: auto; text-align: center; } /* ========================================================= PAGE TARIF — ID 11470 ========================================================= */ /* --------------------------------------------------------- FOND ET VOILE SOMBRE PLEINE LARGEUR --------------------------------------------------------- */ body.page-id-11470 #content { background-image: linear-gradient( rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-tarif-site-encans-des-laurentides.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- RETIRER LES ESPACES AJOUTÉS PAR LE THÈME --------------------------------------------------------- */ body.page-id-11470 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11470 article, body.page-id-11470 .hentry, body.page-id-11470 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE DE CONTENU --------------------------------------------------------- */ body.page-id-11470 .entry-content { margin-top: -78px !important; margin-bottom: 0 !important; background: transparent !important; padding-top: 116px; padding-bottom: 60px; border-radius: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- COLONNES --------------------------------------------------------- */ body.page-id-11470 .entry-content .wp-block-columns { gap: 38px !important; margin-top: 0 !important; margin-bottom: 26px !important; } body.page-id-11470 .entry-content .wp-block-column { min-width: 0; } /* Éviter les marges inutiles */ body.page-id-11470 .entry-content .wp-block-column > * { margin-top: 0 !important; } body.page-id-11470 .entry-content .wp-block-column > *:last-child { margin-bottom: 0 !important; } /* Titres des blocs */ body.page-id-11470 .entry-content .wp-block-column h2, body.page-id-11470 .entry-content .wp-block-column h3 { margin-top: 0 !important; margin-bottom: 14px !important; } /* Paragraphes dans les colonnes */ body.page-id-11470 .entry-content .wp-block-columns p { margin-top: 0 !important; margin-bottom: 0 !important; } /* Dernier bloc */ body.page-id-11470 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- TEXTE --------------------------------------------------------- */ body.page-id-11470 .entry-content, body.page-id-11470 .entry-content p, body.page-id-11470 .entry-content li { color: #ffffff !important; } body.page-id-11470 .entry-content p, body.page-id-11470 .entry-content li { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.55); } /* Paragraphes justifiés */ body.page-id-11470 .entry-content p, body.page-id-11470 .entry-content .has-text-align-justify { text-align: justify !important; } /* Respecter les alignements Gutenberg */ body.page-id-11470 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11470 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11470 .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- HYPERLIENS --------------------------------------------------------- */ body.page-id-11470 .entry-content a, body.page-id-11470 .entry-content strong a, body.page-id-11470 .entry-content a strong { color: #6db9e8 !important; font-weight: normal !important; } /* --------------------------------------------------------- TITRES --------------------------------------------------------- */ body.page-id-11470 .entry-content h1, body.page-id-11470 .entry-content h2, body.page-id-11470 .entry-content h3 { text-shadow: 0 2px 3px rgba(0, 0, 0, 0.65); } /* Hiérarchie uniforme du site */ body.page-id-11470 .entry-content h2 { font-size: 30px !important; } body.page-id-11470 .entry-content h3 { font-size: 23px !important; } /* Titres centrés dans les colonnes */ body.page-id-11470 .entry-content .wp-block-column h2, body.page-id-11470 .entry-content .wp-block-column h3 { text-align: center !important; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.page-id-11470 .entry-content .wp-block-columns { gap: 26px !important; margin-bottom: 26px !important; } } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { body.page-id-11470 #content { background-attachment: scroll !important; background-position: center top !important; } body.page-id-11470 .entry-content { margin-top: -48px !important; padding-top: 82px; padding-bottom: 42px; } body.page-id-11470 .entry-content .wp-block-columns { gap: 0 !important; margin-bottom: 24px !important; } body.page-id-11470 .entry-content .wp-block-column { margin-bottom: 24px !important; } body.page-id-11470 .entry-content .wp-block-column:last-child { margin-bottom: 0 !important; } body.page-id-11470 .entry-content p { text-align: left !important; } body.page-id-11470 .entry-content h2 { font-size: 27px !important; } body.page-id-11470 .entry-content h3 { font-size: 22px !important; } } /* ========================================================= PAGE ARTICLES RECHERCHÉS — ID 11532 ========================================================= */ /* --------------------------------------------------------- IMAGE DE FOND --------------------------------------------------------- */ body.page-id-11532 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/site-encans-des-laurentides-background-articles-recherches.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- RETIRER LES ESPACES AJOUTÉS PAR LE THÈME --------------------------------------------------------- */ body.page-id-11532 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11532 article, body.page-id-11532 .hentry, body.page-id-11532 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE DE CONTENU ET VOILE CENTRAL Même voile que la page À propos de nous --------------------------------------------------------- */ body.page-id-11532 .entry-content { box-sizing: border-box; width: calc(100% - 40px); max-width: 1040px; margin-top: -78px !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 116px 42px 60px; background: rgba(12, 10, 8, 0.50) !important; border-radius: 0 !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20); } /* Éliminer l’espace après le dernier bloc */ body.page-id-11532 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- COLONNES --------------------------------------------------------- */ body.page-id-11532 .entry-content .wp-block-columns { gap: 24px !important; margin-top: 0 !important; margin-bottom: 26px !important; } body.page-id-11532 .entry-content .wp-block-column { min-width: 0; } /* Titres des sections et des colonnes */ body.page-id-11532 .entry-content .wp-block-column h2, body.page-id-11532 .entry-content .wp-block-column h3 { margin-top: 0 !important; margin-bottom: 18px !important; text-align: center !important; } /* --------------------------------------------------------- LISTES À PUCES DISCRÈTES --------------------------------------------------------- */ body.page-id-11532 .entry-content .wp-block-column ul, body.page-id-11532 .entry-content .wp-block-list { list-style: none !important; margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-left: 0 !important; } /* Éléments de liste */ body.page-id-11532 .entry-content .wp-block-column li, body.page-id-11532 .entry-content .wp-block-list li { position: relative; margin: 0 !important; padding: 0 0 0 0.55em !important; text-align: left !important; } /* Petite puce ronde, claire et identifiable */ body.page-id-11532 .entry-content .wp-block-column li::before, body.page-id-11532 .entry-content .wp-block-list li::before { content: "•"; position: absolute; left: 0.05em; top: 0.42em; color: rgba(255, 255, 255, 0.78); font-size: 0.70em; line-height: inherit; } /* Désactiver toute puce native résiduelle */ body.page-id-11532 .entry-content .wp-block-column li::marker, body.page-id-11532 .entry-content .wp-block-list li::marker { content: ""; } /* --------------------------------------------------------- TEXTE --------------------------------------------------------- */ body.page-id-11532 .entry-content, body.page-id-11532 .entry-content p, body.page-id-11532 .entry-content li { color: #ffffff !important; } /* Même ombre que sur la page À propos de nous */ body.page-id-11532 .entry-content p, body.page-id-11532 .entry-content li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); } /* Paragraphes d’introduction justifiés */ body.page-id-11532 .entry-content > p, body.page-id-11532 .entry-content .has-text-align-justify { text-align: justify !important; } /* Respecter les alignements choisis dans Gutenberg */ body.page-id-11532 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11532 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11532 .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- HYPERLIENS --------------------------------------------------------- */ body.page-id-11532 .entry-content a, body.page-id-11532 .entry-content strong a, body.page-id-11532 .entry-content a strong { color: #6db9e8 !important; font-weight: normal !important; } /* --------------------------------------------------------- TITRES --------------------------------------------------------- */ body.page-id-11532 .entry-content h1, body.page-id-11532 .entry-content h2, body.page-id-11532 .entry-content h3 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); } body.page-id-11532 .entry-content h2 { font-size: 30px !important; text-align: center !important; } body.page-id-11532 .entry-content h3 { font-size: 23px !important; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.page-id-11532 .entry-content { width: calc(100% - 28px); padding-right: 30px; padding-left: 30px; } body.page-id-11532 .entry-content .wp-block-columns { gap: 20px !important; } } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { body.page-id-11532 #content { background-size: cover !important; background-position: center top !important; background-attachment: scroll !important; } body.page-id-11532 .entry-content { width: 100%; margin-top: -48px !important; padding: 82px 22px 42px; background: rgba(12, 10, 8, 0.55) !important; border-radius: 4px 4px 0 0; } body.page-id-11532 .entry-content .wp-block-columns { gap: 0 !important; margin-bottom: 24px !important; } body.page-id-11532 .entry-content .wp-block-column { margin-bottom: 30px !important; } body.page-id-11532 .entry-content .wp-block-column:last-child { margin-bottom: 0 !important; } body.page-id-11532 .entry-content > p { text-align: left !important; } body.page-id-11532 .entry-content h2 { font-size: 27px !important; } body.page-id-11532 .entry-content h3 { font-size: 22px !important; } } /* ========================================================= PAGE VISITEZ-NOUS — ID 11627 ========================================================= */ /* --------------------------------------------------------- IMAGE DE FOND --------------------------------------------------------- */ body.page-id-11627 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/visitez-nous-encans-des-laurentides-background.jpg") !important; background-size: auto 145% !important; /* * Image légèrement plus tassée vers la gauche, * sans modifier le niveau de zoom. */ background-position: 54% -35px !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- COLLER LE BACKGROUND DIRECTEMENT SOUS LE MENU --------------------------------------------------------- */ body.page-id-11627 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11627 article, body.page-id-11627 .hentry, body.page-id-11627 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE DE CONTENU ET VOILE CENTRAL --------------------------------------------------------- */ body.page-id-11627 .entry-content { box-sizing: border-box; width: calc(100% - 40px); max-width: 1040px; margin-top: -78px !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 116px 42px 60px; background: rgba(12, 10, 8, 0.50) !important; border-radius: 0 !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20); } /* Éliminer l’espace après le dernier bloc */ body.page-id-11627 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- TEXTE BLANC --------------------------------------------------------- */ body.page-id-11627 .entry-title, body.page-id-11627 .entry-content, body.page-id-11627 .entry-content p, body.page-id-11627 .entry-content li, body.page-id-11627 .entry-content h1, body.page-id-11627 .entry-content h2, body.page-id-11627 .entry-content h3, body.page-id-11627 .entry-content h4 { color: #ffffff !important; } /* Ombre légère pour améliorer la lisibilité */ body.page-id-11627 .entry-title, body.page-id-11627 .entry-content p, body.page-id-11627 .entry-content li, body.page-id-11627 .entry-content h1, body.page-id-11627 .entry-content h2, body.page-id-11627 .entry-content h3 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); } /* --------------------------------------------------------- TITRES --------------------------------------------------------- */ body.page-id-11627 .entry-content h2 { font-size: 30px !important; text-align: center !important; } body.page-id-11627 .entry-content h3 { font-size: 23px !important; } /* --------------------------------------------------------- PARAGRAPHES ET ALIGNEMENTS --------------------------------------------------------- */ body.page-id-11627 .entry-content > p, body.page-id-11627 .entry-content .has-text-align-justify { text-align: justify !important; } body.page-id-11627 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11627 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11627 .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- HYPERLIENS --------------------------------------------------------- */ body.page-id-11627 .entry-content a, body.page-id-11627 .entry-content strong a, body.page-id-11627 .entry-content a strong { color: #6db9e8 !important; } /* --------------------------------------------------------- CARTE GOOGLE --------------------------------------------------------- */ body.page-id-11627 .entry-content iframe { display: block; max-width: 100%; margin-right: auto; margin-left: auto; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.page-id-11627 .entry-content { width: calc(100% - 28px); padding-right: 30px; padding-left: 30px; } } /* --------------------------------------------------------- TITRES EN BLEU --------------------------------------------------------- */ body.page-id-11627 .entry-title, body.page-id-11627 .entry-content h1, body.page-id-11627 .entry-content h2, body.page-id-11627 .entry-content h3, body.page-id-11627 .entry-content h4 { color: #6db9e8 !important; } /* ========================================================= PAGE CONTACTEZ-NOUS — ID 11670 ========================================================= */ /* --------------------------------------------------------- IMAGE DE FOND ET VOILE SOMBRE PLEINE LARGEUR --------------------------------------------------------- */ body.page-id-11670 #content { background-image: linear-gradient( rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/image-background-site-encans-des-laurentides-contact.jpg") !important; background-size: auto 160% !important; background-position: center -260px !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- RETIRER LES ESPACES AJOUTÉS PAR LE THÈME --------------------------------------------------------- */ body.page-id-11670 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11670 article, body.page-id-11670 .hentry, body.page-id-11670 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE DE CONTENU Aucun panneau central : le voile couvre toute l’image --------------------------------------------------------- */ body.page-id-11670 .entry-content { box-sizing: border-box; margin-top: -78px !important; margin-bottom: 0 !important; padding-top: 116px; padding-bottom: 60px; color: #ffffff !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } /* Éliminer l’espace après le dernier bloc */ body.page-id-11670 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- TEXTE --------------------------------------------------------- */ body.page-id-11670 .entry-content p, body.page-id-11670 .entry-content li, body.page-id-11670 .entry-content label, body.page-id-11670 .entry-content .grunion-field-label { color: #ffffff !important; } /* Ombre légère pour améliorer la lisibilité */ body.page-id-11670 .entry-title, body.page-id-11670 .entry-content p, body.page-id-11670 .entry-content li, body.page-id-11670 .entry-content label, body.page-id-11670 .entry-content .grunion-field-label, body.page-id-11670 .entry-content h1, body.page-id-11670 .entry-content h2, body.page-id-11670 .entry-content h3 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); } /* --------------------------------------------------------- TITRES EN BLEU --------------------------------------------------------- */ body.page-id-11670 .entry-title, body.page-id-11670 .entry-content h1, body.page-id-11670 .entry-content h2, body.page-id-11670 .entry-content h3, body.page-id-11670 .entry-content h4 { color: #6db9e8 !important; } /* Hiérarchie uniforme du site */ body.page-id-11670 .entry-content h2 { font-size: 30px !important; text-align: center !important; } body.page-id-11670 .entry-content h3 { font-size: 23px !important; } /* --------------------------------------------------------- PARAGRAPHES ET ALIGNEMENTS --------------------------------------------------------- */ body.page-id-11670 .entry-content > p, body.page-id-11670 .entry-content .has-text-align-justify { text-align: justify !important; } body.page-id-11670 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11670 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11670 .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- HYPERLIENS --------------------------------------------------------- */ body.page-id-11670 .entry-content a, body.page-id-11670 .entry-content strong a, body.page-id-11670 .entry-content a strong { color: #6db9e8 !important; } /* --------------------------------------------------------- FORMULAIRE --------------------------------------------------------- */ body.page-id-11670 .entry-content input, body.page-id-11670 .entry-content textarea, body.page-id-11670 .entry-content select { box-sizing: border-box; max-width: 100%; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { body.page-id-11670 #content { background-size: cover !important; background-position: center top !important; background-attachment: scroll !important; } body.page-id-11670 .entry-content { margin-top: -48px !important; padding-top: 82px; padding-bottom: 42px; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } body.page-id-11670 .entry-content > p { text-align: left !important; } body.page-id-11670 .entry-content h2 { font-size: 27px !important; } body.page-id-11670 .entry-content h3 { font-size: 22px !important; } } /* ========================================================= PAGE FAQ — ID 11720 ========================================================= */ /* --------------------------------------------------------- IMAGE DE FOND --------------------------------------------------------- */ body.page-id-11720 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-site-encans-des-laurentides-faq-noura.jpg") !important; background-size: auto 165% !important; background-position: calc(50% + 25px) center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- RETIRER LES ESPACES BLANCS AJOUTÉS PAR LE THÈME --------------------------------------------------------- */ body.page-id-11720 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11720 article, body.page-id-11720 .hentry, body.page-id-11720 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE CENTRALE DE CONTENU --------------------------------------------------------- */ body.page-id-11720 .entry-content { box-sizing: border-box; width: calc(100% + 80px); margin-top: -78px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: -40px !important; padding: 116px 48px 60px; color: #ffffff !important; background: rgba(0, 0, 0, 0.50) !important; border-radius: 0 !important; box-shadow: none !important; } /* Éliminer l’espace après le dernier bloc */ body.page-id-11720 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- TEXTE GÉNÉRAL --------------------------------------------------------- */ body.page-id-11720 .entry-content p, body.page-id-11720 .entry-content li, body.page-id-11720 .entry-content label, body.page-id-11720 .entry-content details, body.page-id-11720 .entry-content .wp-block-details { color: #ffffff !important; } /* Ombre légère */ body.page-id-11720 .entry-title, body.page-id-11720 .entry-content p, body.page-id-11720 .entry-content li, body.page-id-11720 .entry-content label, body.page-id-11720 .entry-content summary, body.page-id-11720 .entry-content h1, body.page-id-11720 .entry-content h2, body.page-id-11720 .entry-content h3, body.page-id-11720 .entry-content h4 { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.50); } /* --------------------------------------------------------- TITRES EN BLEU --------------------------------------------------------- */ body.page-id-11720 .entry-title, body.page-id-11720 .entry-content h1, body.page-id-11720 .entry-content h2, body.page-id-11720 .entry-content h3, body.page-id-11720 .entry-content h4 { color: #6db9e8 !important; } body.page-id-11720 .entry-content h2 { font-size: 30px !important; text-align: center !important; } body.page-id-11720 .entry-content h3 { font-size: 23px !important; } /* --------------------------------------------------------- QUESTIONS FAQ --------------------------------------------------------- */ /* Questions fermées */ body.page-id-11720 .entry-content summary { color: #ffffff !important; font-size: 21px !important; font-weight: 500 !important; line-height: 1.4 !important; text-align: justify !important; text-justify: inter-word !important; } /* Questions ouvertes */ body.page-id-11720 .entry-content details[open] > summary, body.page-id-11720 .entry-content .wp-block-details[open] > summary { color: #6db9e8 !important; } /* Chevrons fermés */ body.page-id-11720 .entry-content summary::marker, body.page-id-11720 .entry-content summary::-webkit-details-marker { color: #ffffff !important; } /* Chevrons ouverts */ body.page-id-11720 .entry-content details[open] > summary::marker, body.page-id-11720 .entry-content details[open] > summary::-webkit-details-marker, body.page-id-11720 .entry-content .wp-block-details[open] > summary::marker, body.page-id-11720 .entry-content .wp-block-details[open] > summary::-webkit-details-marker { color: #6db9e8 !important; } /* Séparateurs */ body.page-id-11720 .entry-content details, body.page-id-11720 .entry-content .wp-block-details { border-bottom-color: rgba(255, 255, 255, 0.14) !important; } /* --------------------------------------------------------- ALIGNEMENTS --------------------------------------------------------- */ body.page-id-11720 .entry-content > p, body.page-id-11720 .entry-content .has-text-align-justify { text-align: justify !important; } body.page-id-11720 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11720 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11720 .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- LIENS --------------------------------------------------------- */ body.page-id-11720 .entry-content a, body.page-id-11720 .entry-content strong a, body.page-id-11720 .entry-content a strong { color: #6db9e8 !important; } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { body.page-id-11720 #content { background-size: cover !important; background-position: center top !important; background-attachment: scroll !important; } body.page-id-11720 .entry-content { width: 100%; margin-top: -48px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 82px 22px 42px; background: rgba(0, 0, 0, 0.55) !important; border-radius: 0 !important; box-shadow: none !important; } body.page-id-11720 .entry-content > p { text-align: left !important; } body.page-id-11720 .entry-content h2 { font-size: 27px !important; } body.page-id-11720 .entry-content h3 { font-size: 22px !important; } body.page-id-11720 .entry-content summary { font-size: 20px !important; font-weight: 500 !important; text-align: left !important; } } /* ========================================================= PAGE D’ACCUEIL ========================================================= */ /* --------------------------------------------------------- POSITION VERTICALE DU CONTENU --------------------------------------------------------- */ body.home #pique-hero .pique-panel-content { padding-top: 98px !important; } /* --------------------------------------------------------- LARGEUR ORIGINALE DU THÈME --------------------------------------------------------- */ body.home #pique-hero .pique-panel-content .entry-content { margin-right: auto !important; margin-left: auto !important; } /* --------------------------------------------------------- PREMIER PARAGRAPHE --------------------------------------------------------- */ body.home #pique-hero .pique-panel-content .entry-content > p:first-of-type { font-size: 20px; font-style: normal; } /* --------------------------------------------------------- TITRES --------------------------------------------------------- */ body.home #pique-hero .pique-panel-content .entry-content h2 { font-size: 30px !important; line-height: 1.2 !important; text-align: center !important; } body.home #pique-hero .pique-panel-content .entry-content h3 { font-size: 21px !important; line-height: 1.25 !important; text-align: center !important; } /* Premier H2 */ body.home #pique-hero .pique-panel-content .entry-content > h2:first-of-type { margin-top: 20px !important; margin-bottom: 12px !important; } /* Premier H3 */ body.home #pique-hero .pique-panel-content .entry-content > h3:first-of-type { margin-top: 0 !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- PARAGRAPHE BLEU --------------------------------------------------------- */ body.home #pique-hero .entry-content .wp-block-button + p, body.home #pique-hero .entry-content .wp-block-buttons + p { color: #6db9e8 !important; font-size: 28px !important; line-height: 1.3 !important; text-align: center !important; } /* --------------------------------------------------------- COMPTE À REBOURS --------------------------------------------------------- */ body.home .wp-block-jetpack-event-countdown { margin-top: -85px !important; margin-bottom: 0 !important; } body.home .wp-block-jetpack-event-countdown .event-countdown__counter { margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- LIGNES --------------------------------------------------------- */ body.home .wp-block-jetpack-event-countdown .event-countdown__counter p { margin-top: 0 !important; margin-bottom: 10px !important; padding: 0 !important; } /* Première ligne */ body.home .wp-block-jetpack-event-countdown .event-countdown__counter p:first-child { margin-bottom: -15px !important; } /* Deuxième ligne */ body.home .wp-block-jetpack-event-countdown .event-countdown__counter p:nth-child(2) { margin-bottom: -30px !important; text-align: center !important; } /* Dernière ligne */ body.home .wp-block-jetpack-event-countdown .event-countdown__counter p:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- JOURS --------------------------------------------------------- */ body.home .wp-block-jetpack-event-countdown .event-countdown__counter .event-countdown__day { display: block !important; margin: 0 !important; padding: 0 !important; line-height: 1 !important; text-align: center !important; } body.home .wp-block-jetpack-event-countdown .event-countdown__counter .event-countdown__day::after { display: block !important; margin-top: 4px; line-height: 1.1 !important; text-align: center !important; } /* --------------------------------------------------------- HEURES --------------------------------------------------------- */ body.home .wp-block-jetpack-event-countdown .event-countdown__counter p:nth-child(2) span { display: inline-block !important; margin: 0 14px !important; padding: 0 !important; } /* Neutraliser les marges internes */ body.home .wp-block-jetpack-event-countdown .event-countdown__counter strong, body.home .wp-block-jetpack-event-countdown .event-countdown__counter span { margin-top: 0 !important; margin-bottom: 0 !important; } /* --------------------------------------------------------- PHRASE BLEUE --------------------------------------------------------- */ body.home .wp-block-jetpack-event-countdown .event-countdown__event-title, body.home .wp-block-jetpack-event-countdown .event-countdown__event-title p { color: #6db9e8 !important; } body.home .wp-block-jetpack-event-countdown .event-countdown__event-title p { margin-top: 0 !important; margin-bottom: 0 !important; font-weight: 500 !important; text-align: center !important; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.home #pique-hero .pique-panel-content { padding-top: 88px !important; } body.home #pique-hero .pique-panel-content .entry-content h2 { font-size: 28px !important; } body.home #pique-hero .pique-panel-content .entry-content h3 { font-size: 20px !important; } body.home #pique-hero .entry-content .wp-block-button + p, body.home #pique-hero .entry-content .wp-block-buttons + p { font-size: 26px !important; } body.home .wp-block-jetpack-event-countdown .event-countdown__counter p:nth-child(2) span { margin-right: 10px !important; margin-left: 10px !important; } } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { body.home #pique-hero .pique-panel-content { padding-top: 76px !important; } body.home #pique-hero .pique-panel-content .entry-content h2 { font-size: 27px !important; } body.home #pique-hero .pique-panel-content .entry-content h3 { font-size: 19px !important; } body.home #pique-hero .entry-content .wp-block-button + p, body.home #pique-hero .entry-content .wp-block-buttons + p { font-size: 23px !important; } body.home .wp-block-jetpack-event-countdown { margin-top: 28px !important; } body.home .wp-block-jetpack-event-countdown .event-countdown__counter p:nth-child(2) span { margin-right: 5px !important; margin-left: 5px !important; } } /* ========================================================= PAGE D’ACCUEIL — IMAGE DE FOND ET VOILE CENTRAL ========================================================= */ /* --------------------------------------------------------- STRUCTURE DU PREMIER PANNEAU --------------------------------------------------------- */ body.home article#pique-hero { position: relative !important; isolation: isolate; overflow: hidden !important; } /* --------------------------------------------------------- IMAGE DE FOND Taille fixe pour empêcher le zoom de changer selon les dimensions de la fenêtre. --------------------------------------------------------- */ body.home article#pique-hero .pique-panel-background { position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/encans-des-laurentides-site-cannette.jpg") !important; /* * Zoom fixe. * Augmenter la valeur = zoomer. * Diminuer la valeur = dézoomer. */ background-size: auto 1300px !important; /* * Position horizontale liée au centre du voile. * Augmenter +420px = image vers la droite. * Diminuer +420px = image vers la gauche. */ background-position: calc(50% - 430px) calc(50% + 50px) !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-color: #2d2a26 !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; pointer-events: none; z-index: 0 !important; } /* Désactiver les traitements supplémentaires de Pique */ body.home article#pique-hero .pique-panel-background::before, body.home article#pique-hero .pique-panel-background::after { content: none !important; display: none !important; } /* --------------------------------------------------------- VOILE CENTRAL — PLEINE HAUTEUR --------------------------------------------------------- */ body.home article#pique-hero::before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; bottom: 0 !important; left: 50% !important; width: 700px !important; transform: translateX(-50%) !important; background: rgba(12, 10, 8, 0.50) !important; border-radius: 0 !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20); pointer-events: none; z-index: 1 !important; } /* Désactiver le second pseudo-élément éventuel */ body.home article#pique-hero::after { content: none !important; display: none !important; } /* --------------------------------------------------------- CONTENU DEVANT L’IMAGE ET LE VOILE --------------------------------------------------------- */ body.home article#pique-hero .pique-panel-content { position: relative !important; z-index: 2 !important; } /* Aucun deuxième voile sur le contenu */ body.home article#pique-hero .pique-panel-content .entry-content { box-sizing: border-box; padding: 36px 50px 56px; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.home article#pique-hero .pique-panel-background { background-size: auto 1200px !important; background-position: calc(50% + 360px) calc(50% + 35px) !important; } body.home article#pique-hero::before { width: calc(100% - 28px) !important; max-width: 700px !important; } body.home article#pique-hero .pique-panel-content .entry-content { padding: 30px 36px 48px; } } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ /* ========================================================= MOBILE — ACCUEIL IMAGE IMMOBILE PENDANT LE DÉFILEMENT ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- IMAGE FIXE SUR TOUT LE PANNEAU ----------------------------------------------------- */ body.home article#pique-hero { position: relative !important; overflow: hidden !important; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/encans-des-laurentides-site-cannette.jpg") !important; background-size: auto 100dvh !important; background-position: 78% center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-color: #171512 !important; } /* Masquer le calque de fond de Pique sur mobile */ body.home article#pique-hero .pique-panel-background { display: none !important; } /* ----------------------------------------------------- VOILE MOBILE ----------------------------------------------------- */ body.home article#pique-hero::before { content: "" !important; display: block !important; position: absolute !important; top: 0 !important; right: 0 !important; bottom: 0 !important; left: 0 !important; width: 100% !important; transform: none !important; background: rgba(12, 10, 8, 0.58) !important; border-radius: 0 !important; box-shadow: none !important; pointer-events: none; z-index: 1 !important; } /* ----------------------------------------------------- CONTENU ----------------------------------------------------- */ body.home article#pique-hero .pique-panel-content { position: relative !important; z-index: 2 !important; } body.home article#pique-hero .pique-panel-content .entry-content { padding: 24px 24px 40px !important; background: transparent !important; box-shadow: none !important; } /* Pas de texte justifié sur téléphone */ body.home article#pique-hero .pique-panel-content .entry-content p, body.home article#pique-hero .pique-panel-content .entry-content li, body.home article#pique-hero .pique-panel-content .entry-content .has-text-align-justify { text-align: left !important; text-justify: auto !important; } /* Titres */ body.home article#pique-hero .pique-panel-content .entry-content h2 { font-size: 27px !important; line-height: 1.25 !important; } body.home article#pique-hero .pique-panel-content .entry-content h3 { font-size: 19px !important; line-height: 1.3 !important; } } /* ========================================================= MASQUER LE TITRE NATIF WORDPRESS SUR LES PAGES (Le H1 est déjà affiché dans le visuel de chaque page) N'affecte PAS les articles du blogue. ========================================================= */ body.page .entry-header { display: none !important; } /* ========================================================= BLOGUE — TYPOGRAPHIE DES ARTICLES ========================================================= */ /* Texte */ body.single-post .entry-content, body.single-post .entry-content p, body.single-post .entry-content li { text-align: justify; } /* Titres */ body.single-post .entry-content h2, body.single-post .entry-content h3 { color: #6db9e8; font-weight: 400 !important; line-height: 1.3; } /* H2 */ body.single-post .entry-content h2 { font-size: 30px; margin-top: 42px; margin-bottom: 16px; } /* H3 */ body.single-post .entry-content h3 { font-size: 23px; margin-top: 32px; margin-bottom: 14px; } /* ========================================================= ARTICLES DE BLOGUE — FOND, TYPOGRAPHIE ET IMAGES ========================================================= */ /* Fond papier des articles */ body.single-post #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-blogues-encans-des-laurentides-1.jpg"); background-size: 100% auto; background-position: center top; background-repeat: repeat-y; background-attachment: fixed; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Retirer les espaces du conteneur */ body.single-post .site-content { margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } /* Texte */ body.single-post .entry-content, body.single-post .entry-content p, body.single-post .entry-content li { text-align: justify; } /* Titres H2 et H3 */ body.single-post .entry-content h2, body.single-post .entry-content h3 { color: #6db9e8; font-weight: 400 !important; line-height: 1.3; } /* H2 */ body.single-post .entry-content h2 { font-size: 30px; margin-top: 42px; margin-bottom: 16px; } /* H3 */ body.single-post .entry-content h3 { font-size: 23px; margin-top: 32px; margin-bottom: 14px; } /* Images */ body.single-post .wp-block-image img { box-shadow: 0 5px 15px rgba(0, 0, 0, 0.12); } /* ========================================================= ARTICLES DE BLOGUE — TYPOGRAPHIE ========================================================= */ /* --------------------------------------------------------- STRUCTURE --------------------------------------------------------- */ body.single-post .site-content { margin: 0 !important; padding: 0 !important; } body.single-post article, body.single-post .hentry, body.single-post .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- H1 — TITRE DU BILLET --------------------------------------------------------- */ body.single-post .entry-title { color: #6db9e8 !important; font-size: 38px !important; font-weight: 400 !important; line-height: 1.2 !important; text-transform: uppercase; letter-spacing: 0.02em; margin-top: 0 !important; margin-bottom: 34px !important; } /* --------------------------------------------------------- TEXTE --------------------------------------------------------- */ body.single-post .entry-content p, body.single-post .entry-content li, body.single-post .entry-content .has-text-align-justify { text-align: justify !important; } /* Respecter les alignements Gutenberg */ body.single-post .entry-content .has-text-align-center { text-align: center !important; } body.single-post .entry-content .has-text-align-left { text-align: left !important; } body.single-post .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- H2 ET H3 --------------------------------------------------------- */ body.single-post .entry-content h2, body.single-post .entry-content h3 { color: #6db9e8 !important; font-weight: 400 !important; line-height: 1.3 !important; } body.single-post .entry-content h2 { font-size: 30px !important; margin-top: 42px !important; margin-bottom: 16px !important; text-transform: uppercase; } body.single-post .entry-content h3 { font-size: 23px !important; margin-top: 32px !important; margin-bottom: 14px !important; } /* --------------------------------------------------------- LIENS --------------------------------------------------------- */ body.single-post .entry-content a, body.single-post .entry-content strong a, body.single-post .entry-content a strong { color: #6db9e8 !important; } /* --------------------------------------------------------- IMAGES --------------------------------------------------------- */ body.single-post .wp-block-image img { box-shadow: 0 5px 15px rgba(0,0,0,.16); } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width:768px){ body.single-post .entry-title{ font-size:31px !important; margin-bottom:26px !important; } body.single-post .entry-content p, body.single-post .entry-content li{ text-align:left !important; } body.single-post .entry-content h2{ font-size:27px !important; } body.single-post .entry-content h3{ font-size:22px !important; } } /* ========================================================= UNIFORMISER LES PANNEAUX CENTRAUX ACCUEIL + À PROPOS + FAQ Même largeur visuelle que : - ARTICLES RECHERCHÉS - VISITEZ-NOUS ========================================================= */ /* --------------------------------------------------------- À PROPOS + FAQ --------------------------------------------------------- */ body.page-id-11188 .entry-content, body.page-id-11720 .entry-content { box-sizing: border-box !important; width: calc(100% - 40px) !important; max-width: 1040px !important; margin-top: -78px !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 116px 42px 60px !important; } /* ========================================================= MOBILE — MENU FIXE ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------------------- Toutes les pages — menu fixe après le défilement ----------------------------------------------------- */ #site-navigation-wrapper.mobile-menu-fixed { position: fixed !important; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; width: 100% !important; margin: 0 !important; background: #2d2a26 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.28) !important; z-index: 2147483647 !important; } #site-navigation-wrapper.mobile-menu-fixed #site-navigation { position: relative !important; background: #2d2a26 !important; z-index: 2147483647 !important; } /* ----------------------------------------------------- Annule le décalage de 46 px imposé lorsque tu es connecté à WordPress ----------------------------------------------------- */ body.admin-bar #masthead { top: 0 !important; } /* ----------------------------------------------------- Accueil seulement Pas de bannière séparée : le menu commence en haut ----------------------------------------------------- */ body.home #masthead { position: relative !important; top: 0 !important; min-height: 0 !important; height: 47px !important; margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; z-index: 99999 !important; } body.home #masthead .site-branding { display: none !important; } body.home #site-navigation-wrapper { position: absolute !important; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important; width: 100% !important; margin: 0 !important; background: #2d2a26 !important; z-index: 2147483647 !important; } body.home #site-navigation-wrapper.mobile-menu-fixed { position: fixed !important; top: 0 !important; } body.home #site-navigation { background: #2d2a26 !important; } body.home #content, body.home #pique-hero { margin-top: 0 !important; padding-top: 0 !important; } } /* ========================================================= MOBILE — TYPOGRAPHIE GLOBALE Pages + articles de blogue + accueil ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- TEXTE COURANT ----------------------------------------------------- */ body .entry-content, body .entry-content p, body .entry-content li, body.single-post article .entry-content, body.single-post article .entry-content p, body.single-post article .entry-content li { font-size: 14px !important; line-height: 1.5 !important; } body .entry-content p, body .entry-content li, body .entry-content .has-text-align-justify { text-align: left !important; } /* ----------------------------------------------------- H1 — PAGES ET ARTICLES ----------------------------------------------------- */ body.page .entry-header .entry-title, body.page .entry-content h1, body.single-post article .entry-header .entry-title, body.single-post article h1.entry-title, body.single-post article .entry-content h1 { font-size: 21px !important; line-height: 1.18 !important; } /* ----------------------------------------------------- H2 — PAGES, ARTICLES ET ACCUEIL Le !important écrase aussi les tailles inline Gutenberg ----------------------------------------------------- */ body .entry-content h2, body.single-post article .entry-content h2, body.home #content h2, body.home .pique-panel-content h2, body.home h2.wp-block-heading { font-size: 18px !important; line-height: 1.22 !important; } /* ----------------------------------------------------- H3 — PAGES, ARTICLES ET ACCUEIL ----------------------------------------------------- */ body .entry-content h3, body.single-post article .entry-content h3, body.home #content h3, body.home .pique-panel-content h3, body.home h3.wp-block-heading { font-size: 16px !important; line-height: 1.28 !important; } /* ----------------------------------------------------- ESPACEMENT DES TITRES ----------------------------------------------------- */ body .entry-content h1, body .entry-content h2, body .entry-content h3, body .entry-header .entry-title, body.home #content h2, body.home #content h3 { margin-top: 18px !important; margin-bottom: 8px !important; } /* Aucun espace supplémentaire au-dessus du titre principal */ body.page .entry-header .entry-title, body.single-post article .entry-header .entry-title { margin-top: 0 !important; } } /* ========================================================= ACCUEIL MOBILE — TAILLES FORCÉES DES TITRES À conserver tout à la fin du CSS ========================================================= */ @media (max-width: 768px) { html body.home #content #encans-en-ligne { font-size: 18px !important; line-height: 1.22 !important; margin-top: 18px !important; margin-bottom: 8px !important; } html body.home #content #encans-en-ligne + h3.wp-block-heading { font-size: 16px !important; line-height: 1.28 !important; margin-top: 18px !important; margin-bottom: 8px !important; } } /* ========================================================= MOBILE — VOILES CENTRAUX PLEINE LARGEUR À propos, Articles recherchés, Visitez-nous et FAQ ========================================================= */ @media (max-width: 768px) { body.page-id-11188 .entry-content, body.page-id-11532 .entry-content, body.page-id-11627 .entry-content, body.page-id-11720 .entry-content { box-sizing: border-box !important; width: 100vw !important; max-width: none !important; margin-right: calc(50% - 50vw) !important; margin-left: calc(50% - 50vw) !important; border-radius: 0 !important; } } /* ========================================================= ACCUEIL MOBILE — AJUSTEMENTS FINAUX DU CONTENU Ne modifie ni le background ni le voile ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- ARRIVÉE PAR LE LIEN « ACCUEIL » Le H2 demeure visible sous le menu fixe ----------------------------------------------------- */ html body.home #encans-en-ligne { scroll-margin-top: 64px !important; } /* ----------------------------------------------------- PARAGRAPHES JUSTIFIÉS Cible uniquement les paragraphes auxquels WordPress attribue réellement la classe d’alignement justifié. Cela comprend : - les paragraphes principaux; - « Découvrez aussi notre nouveau blogue… ». Cela exclut : - « Soyez à l’affût… »; - le texte vert des vacances; - les textes du compte à rebours. ----------------------------------------------------- */ html body.home.page-id-1012 article#pique-hero.pique-panel .pique-panel-content .entry-content > p.has-text-align-justify.wp-block-paragraph { text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ----------------------------------------------------- « SOYEZ À L’AFFÛT… » Apparence équivalente au H3 mobile ----------------------------------------------------- */ html body.home.page-id-1012 article#pique-hero.pique-panel .pique-panel-content .entry-content .wp-block-buttons + p.has-text-align-center { margin-top: 18px !important; margin-bottom: 18px !important; color: #6db9e8 !important; font-family: Arimo, sans-serif !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.28 !important; letter-spacing: normal !important; text-transform: none !important; text-align: center !important; text-align-last: center !important; -webkit-hyphens: none !important; hyphens: none !important; } /* ----------------------------------------------------- COMPTE À REBOURS — BLOC COMPLET Rapproche le compteur du bouton « Lire nos articles ». ----------------------------------------------------- */ html body.home.page-id-1012 .wp-block-jetpack-event-countdown { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: -48px 0 0 !important; padding: 0 !important; } /* ----------------------------------------------------- CONTENEUR DU COMPTEUR ----------------------------------------------------- */ html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__counter { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; min-height: 0 !important; margin: 0 auto !important; padding: 0 !important; text-align: center !important; } /* ----------------------------------------------------- LIGNE DU NOMBRE DE JOURS ----------------------------------------------------- */ html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__counter p:first-child { display: block !important; width: 100% !important; margin: 0 !important; padding: 0 !important; text-align: center !important; text-align-last: center !important; -webkit-hyphens: none !important; hyphens: none !important; } html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__day { display: block !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; font-size: 48px !important; line-height: 0.95 !important; text-align: center !important; text-align-last: center !important; } html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__day::after { display: block !important; width: 100% !important; margin-top: 5px !important; font-size: 12px !important; line-height: 1.1 !important; text-align: center !important; } /* ----------------------------------------------------- HEURES — MINUTES — SECONDES Les trois valeurs demeurent sur une seule ligne et sont rapprochées du nombre de jours. ----------------------------------------------------- */ html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__counter p:nth-child(2) { display: flex !important; flex-wrap: nowrap !important; align-items: center !important; justify-content: center !important; gap: 10px !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 8px 0 -20px !important; padding: 0 !important; white-space: nowrap !important; text-align: center !important; text-align-last: center !important; -webkit-hyphens: none !important; hyphens: none !important; } html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__counter p:nth-child(2) span { display: inline-block !important; flex: 0 0 auto !important; margin: 0 !important; padding: 0 !important; font-size: 17px !important; line-height: 1.1 !important; white-space: nowrap !important; } html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__counter p:nth-child(2) [class^="event-countdown"]::after { font-size: 10px !important; font-weight: 600 !important; line-height: 1.1 !important; } /* ----------------------------------------------------- « AVANT LA FERMETURE DE NOTRE ENCAN… » Suppression des marges et espacements du bloc Jetpack afin de le rapprocher de la ligne des heures. ----------------------------------------------------- */ html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__event-title { display: block !important; width: 100% !important; height: auto !important; min-height: 0 !important; margin: 6px auto 0 !important; padding: 0 !important; text-align: center !important; text-align-last: center !important; } html body.home.page-id-1012 .wp-block-jetpack-event-countdown .event-countdown__event-title p { display: block !important; width: 100% !important; margin: 0 auto !important; padding: 0 !important; color: #6db9e8 !important; font-size: 16px !important; line-height: 1.3 !important; text-align: center !important; text-align-last: center !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } } /* « Découvrez aussi notre nouveau blogue… » */ @media (max-width: 768px) { html body.home.page-id-1012 article#pique-hero.pique-panel .pique-panel-content .entry-content .wp-block-column > p.has-text-align-justify.wp-block-paragraph { text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } } /* ========================================================= À PROPOS DE NOUS — MOBILE IMAGE FIXE PENDANT LE DÉFILEMENT ========================================================= */ @media (max-width: 768px) { body.page-id-11188 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-a-propos-de-nous-encans-des-laurentides.jpg") !important; /* * L’image conserve une hauteur correspondant * à l’écran mobile, sans zoom variable pendant * le défilement. */ background-size: auto 100dvh !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-color: #2d2a26 !important; } } /* ========================================================= PAGE FONCTIONNEMENT — MOBILE ID 11339 - Image de fond fixe - H2 principal corrigé - Introduction justifiée - Tous les contenus VENDRE regroupés - Tous les contenus ACHETER regroupés - Paragraphes justifiés et correctement espacés ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- IMAGE DE FOND FIXE ----------------------------------------------------- */ html body.page-id-11339 #content { background-image: linear-gradient( rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-fonctionnement-encans-des-laurentides.jpg") !important; background-size: auto 100dvh !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-color: #171512 !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- STRUCTURE GÉNÉRALE ----------------------------------------------------- */ html body.page-id-11339 .site-content { margin: 0 !important; padding: 0 !important; } html body.page-id-11339 article, html body.page-id-11339 .hentry, html body.page-id-11339 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* ----------------------------------------------------- CONTENEUR DU CONTENU Le flex permet de regrouper tous les blocs VENDRE, puis tous les blocs ACHETER. ----------------------------------------------------- */ html body.page-id-11339 .entry-content { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin-top: -48px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 82px !important; padding-right: 18px !important; padding-bottom: 42px !important; padding-left: 18px !important; color: #ffffff !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } /* ----------------------------------------------------- TITRE PRINCIPAL ET INTRODUCTION EN PREMIER ----------------------------------------------------- */ html body.page-id-11339 .entry-content > h2, html body.page-id-11339 .entry-content > p { order: 0 !important; } /* ----------------------------------------------------- APLATIR LES RANGÉES GUTENBERG Les rangées de deux colonnes ne dictent plus l’alternance Vendre / Acheter sur mobile. ----------------------------------------------------- */ html body.page-id-11339 .entry-content > .wp-block-columns { display: contents !important; } /* ----------------------------------------------------- TOUS LES BLOCS VENDRE EN PREMIER ----------------------------------------------------- */ html body.page-id-11339 .entry-content > .wp-block-columns > .wp-block-column:first-child { order: 10 !important; } /* ----------------------------------------------------- TOUS LES BLOCS ACHETER ENSUITE ----------------------------------------------------- */ html body.page-id-11339 .entry-content > .wp-block-columns > .wp-block-column:nth-child(2) { order: 20 !important; } /* ----------------------------------------------------- COLONNES MOBILES ----------------------------------------------------- */ html body.page-id-11339 .entry-content .wp-block-column { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- H2 PRINCIPAL « Comment vendre et acheter en encan en ligne ? » ----------------------------------------------------- */ html body.page-id-11339 .entry-content > h2:first-of-type { max-width: 100% !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 22px !important; margin-left: auto !important; color: #6db9e8 !important; font-size: 21px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: 0.04em !important; text-align: center !important; text-transform: uppercase !important; } /* ----------------------------------------------------- PARAGRAPHE D’INTRODUCTION ----------------------------------------------------- */ html body.page-id-11339 .entry-content > p:first-of-type { margin-top: 0 !important; margin-bottom: 28px !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.5 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ----------------------------------------------------- TITRES VENDRE ET ACHETER ----------------------------------------------------- */ html body.page-id-11339 .entry-content .wp-block-column h2, html body.page-id-11339 .entry-content .wp-block-column h3 { margin-top: 22px !important; margin-right: 0 !important; margin-bottom: 18px !important; margin-left: 0 !important; color: #6db9e8 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0.03em !important; text-align: center !important; text-transform: uppercase !important; } /* Le titre VENDRE est légèrement rapproché de l’introduction. */ html body.page-id-11339 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child h2, html body.page-id-11339 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child h3 { margin-top: 8px !important; } /* ----------------------------------------------------- TOUS LES PARAGRAPHES VENDRE ET ACHETER Important : aucune règle p:last-child ne vient annuler la marge inférieure. ----------------------------------------------------- */ html body.page-id-11339 .entry-content .wp-block-column p { margin-top: 0 !important; margin-bottom: 22px !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.5 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ----------------------------------------------------- LIENS ----------------------------------------------------- */ html body.page-id-11339 .entry-content a, html body.page-id-11339 .entry-content strong a, html body.page-id-11339 .entry-content a strong { color: #6db9e8 !important; } } /* ========================================================= PAGE TARIFS — MOBILE ID 11470 - Vendeurs regroupés avant Acheteurs - Espacements uniformes - Paragraphes de paiement en taille normale - Notes ¹ ² ³ en petits caractères - Background inchangé ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- CONTENEUR PRINCIPAL ----------------------------------------------------- */ html body.page-id-11470 .entry-content { box-sizing: border-box !important; display: flex !important; flex-direction: column !important; width: 100% !important; margin-top: -48px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 82px !important; padding-right: 18px !important; padding-bottom: 42px !important; padding-left: 18px !important; color: #ffffff !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } /* ----------------------------------------------------- ORDRE GÉNÉRAL ----------------------------------------------------- */ html body.page-id-11470 .entry-content > * { order: 30; } html body.page-id-11470 .entry-content > h2:first-of-type, html body.page-id-11470 .entry-content > p:first-of-type { order: 0 !important; } /* ----------------------------------------------------- APLATIR LES RANGÉES GUTENBERG ----------------------------------------------------- */ html body.page-id-11470 .entry-content > .wp-block-columns { display: contents !important; } /* ----------------------------------------------------- VENDEURS EN PREMIER ----------------------------------------------------- */ html body.page-id-11470 .entry-content > .wp-block-columns > .wp-block-column:first-child { order: 10 !important; } /* ----------------------------------------------------- ACHETEURS ENSUITE ----------------------------------------------------- */ html body.page-id-11470 .entry-content > .wp-block-columns > .wp-block-column:nth-child(2) { order: 20 !important; } /* ----------------------------------------------------- COLONNES GUTENBERG ----------------------------------------------------- */ html body.page-id-11470 .entry-content .wp-block-column { box-sizing: border-box !important; width: 100% !important; min-width: 0 !important; flex-basis: auto !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- REMISE À ZÉRO DES MARGES INTERNES ----------------------------------------------------- */ html body.page-id-11470 .entry-content .wp-block-column > * { margin-right: 0 !important; margin-left: 0 !important; } /* ----------------------------------------------------- H2 PRINCIPAL ----------------------------------------------------- */ html body.page-id-11470 .entry-content > h2:first-of-type { max-width: 100% !important; margin-top: 0 !important; margin-right: auto !important; margin-bottom: 18px !important; margin-left: auto !important; color: #6db9e8 !important; font-size: 21px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: 0.04em !important; text-align: center !important; text-transform: uppercase !important; } /* ----------------------------------------------------- INTRODUCTION ----------------------------------------------------- */ html body.page-id-11470 .entry-content > p:first-of-type { margin-top: 0 !important; margin-bottom: 18px !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.5 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ----------------------------------------------------- TITRES VENDEURS ET ACHETEURS ----------------------------------------------------- */ html body.page-id-11470 .entry-content .wp-block-column > h2 { margin-top: 12px !important; margin-right: 0 !important; margin-bottom: 10px !important; margin-left: 0 !important; color: #6db9e8 !important; font-size: 20px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: 0.04em !important; text-align: center !important; text-transform: uppercase !important; } /* Premier titre VENDEURS légèrement rapproché */ html body.page-id-11470 .entry-content > .wp-block-columns:first-of-type > .wp-block-column:first-child > h2 { margin-top: 6px !important; } /* Plus d’espace avant ACHETEURS */ html body.page-id-11470 .entry-content > .wp-block-columns > .wp-block-column:nth-child(2) > h2 { margin-top: 30px !important; } /* ----------------------------------------------------- SOUS-TITRES ----------------------------------------------------- */ html body.page-id-11470 .entry-content .wp-block-column > h3 { margin-top: 12px !important; margin-right: 0 !important; margin-bottom: 8px !important; margin-left: 0 !important; color: #6db9e8 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0.03em !important; text-align: center !important; text-transform: uppercase !important; } /* ----------------------------------------------------- LIGNES DE TARIFS ----------------------------------------------------- */ html body.page-id-11470 .entry-content .wp-block-column > p { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 12px !important; margin-left: 0 !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.5 !important; text-align: center !important; text-align-last: center !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ----------------------------------------------------- TITRE SUR LES MODES DE PAIEMENT Plus d’espace après la section Acheteurs. ----------------------------------------------------- */ html body.page-id-11470 .entry-content > h2:not(:first-of-type) { margin-top: 32px !important; margin-right: auto !important; margin-bottom: 14px !important; margin-left: auto !important; color: #6db9e8 !important; font-size: 21px !important; font-weight: 400 !important; line-height: 1.3 !important; letter-spacing: 0.03em !important; text-align: center !important; text-transform: uppercase !important; } /* ----------------------------------------------------- PARAGRAPHES COMMUNS Le paragraphe « Pour les paiements à distance… » reste en taille normale. ----------------------------------------------------- */ html body.page-id-11470 .entry-content > p:not(:first-of-type):not(.fine-print) { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 18px !important; margin-left: 0 !important; color: #ffffff !important; font-size: 14px !important; line-height: 1.5 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } /* ----------------------------------------------------- NOTES ¹, ² ET ³ SEULEMENT Ces paragraphes portent la classe fine-print. ----------------------------------------------------- */ html body.page-id-11470 .entry-content p.fine-print { margin-top: 0 !important; margin-right: 0 !important; margin-bottom: 14px !important; margin-left: 0 !important; color: #ffffff !important; font-size: 10px !important; line-height: 1.35 !important; text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; -webkit-hyphens: none !important; hyphens: none !important; word-break: normal !important; overflow-wrap: normal !important; } html body.page-id-11470 .entry-content p.fine-print sup { font-size: 7px !important; line-height: 0 !important; } /* ----------------------------------------------------- LIENS ----------------------------------------------------- */ html body.page-id-11470 .entry-content a, html body.page-id-11470 .entry-content strong a, html body.page-id-11470 .entry-content a strong { color: #6db9e8 !important; } } /* ========================================================= PAGE TARIFS — IMAGE DE FOND MOBILE IMAGE COLLÉE SOUS LE MENU ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- CONTENEUR ----------------------------------------------------- */ html body.page-id-11470 #content { position: relative !important; isolation: isolate; background-image: none !important; background-color: #171512 !important; background-attachment: scroll !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- CALQUE DE FOND ----------------------------------------------------- */ html body.page-id-11470 #content::before { content: "" !important; position: sticky !important; top: 0 !important; display: block !important; width: 100% !important; height: 100dvh !important; margin-bottom: -100dvh !important; background-image: linear-gradient( rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-tarif-site-encans-des-laurentides.jpg") !important; background-size: auto 100dvh !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #171512 !important; pointer-events: none !important; z-index: 0 !important; } /* ----------------------------------------------------- CONTENU DEVANT L’IMAGE ----------------------------------------------------- */ html body.page-id-11470 #primary { position: relative !important; z-index: 1 !important; } } /* ========================================================= PAGE ARTICLES RECHERCHÉS — ID 11532 ========================================================= */ /* --------------------------------------------------------- IMAGE DE FOND --------------------------------------------------------- */ body.page-id-11532 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/site-encans-des-laurentides-background-articles-recherches.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; margin: 0 !important; padding: 0 !important; } /* --------------------------------------------------------- RETIRER LES ESPACES AJOUTÉS PAR LE THÈME --------------------------------------------------------- */ body.page-id-11532 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11532 article, body.page-id-11532 .hentry, body.page-id-11532 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE DE CONTENU ET VOILE CENTRAL --------------------------------------------------------- */ body.page-id-11532 .entry-content { box-sizing: border-box; width: calc(100% - 40px); max-width: 1040px; margin-top: -78px !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 116px 42px 60px; background: rgba(12, 10, 8, 0.50) !important; border-radius: 0 !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20); } body.page-id-11532 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- TEXTE --------------------------------------------------------- */ body.page-id-11532 .entry-content, body.page-id-11532 .entry-content p, body.page-id-11532 .entry-content li { color: #ffffff !important; } body.page-id-11532 .entry-content p, body.page-id-11532 .entry-content li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); } /* Paragraphes justifiés */ body.page-id-11532 .entry-content > p, body.page-id-11532 .entry-content .has-text-align-justify { text-align: justify !important; text-justify: inter-word !important; } /* Respecter les autres alignements Gutenberg */ body.page-id-11532 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11532 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11532 .entry-content .has-text-align-right { text-align: right !important; } /* --------------------------------------------------------- LIENS --------------------------------------------------------- */ body.page-id-11532 .entry-content a, body.page-id-11532 .entry-content strong a, body.page-id-11532 .entry-content a strong { color: #6db9e8 !important; font-weight: normal !important; } /* --------------------------------------------------------- TITRES --------------------------------------------------------- */ body.page-id-11532 .entry-content h1, body.page-id-11532 .entry-content h2, body.page-id-11532 .entry-content h3 { color: #6db9e8 !important; text-align: center !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); } body.page-id-11532 .entry-content h2 { font-size: 30px !important; line-height: 1.2 !important; } body.page-id-11532 .entry-content h3 { font-size: 23px !important; line-height: 1.25 !important; } /* --------------------------------------------------------- BLOCS DE COLONNES --------------------------------------------------------- */ body.page-id-11532 .entry-content .wp-block-columns { gap: 24px !important; margin-top: 0 !important; margin-bottom: 26px !important; } body.page-id-11532 .entry-content .wp-block-column { min-width: 0; } /* Titres Accepté et Refusé */ body.page-id-11532 .entry-content .wp-block-column h2, body.page-id-11532 .entry-content .wp-block-column h3 { margin-top: 0 !important; margin-bottom: 18px !important; } /* --------------------------------------------------------- LISTES --------------------------------------------------------- */ body.page-id-11532 .entry-content .wp-block-column ul, body.page-id-11532 .entry-content .wp-block-list { list-style: none !important; margin: 0 !important; padding-left: 0 !important; } body.page-id-11532 .entry-content .wp-block-column li, body.page-id-11532 .entry-content .wp-block-list li { position: relative; margin: 0 !important; padding: 0 0 0 0.55em !important; text-align: left !important; } body.page-id-11532 .entry-content .wp-block-column li::before, body.page-id-11532 .entry-content .wp-block-list li::before { content: "•"; position: absolute; top: 0.42em; left: 0.05em; color: rgba(255, 255, 255, 0.78); font-size: 0.70em; line-height: inherit; } body.page-id-11532 .entry-content .wp-block-column li::marker, body.page-id-11532 .entry-content .wp-block-list li::marker { content: ""; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.page-id-11532 .entry-content { width: calc(100% - 28px); padding-right: 30px; padding-left: 30px; } body.page-id-11532 .entry-content .wp-block-columns { gap: 20px !important; } } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { /* Image */ body.page-id-11532 #content { background-size: cover !important; background-position: center top !important; background-attachment: scroll !important; } /* Voile pleine largeur */ body.page-id-11532 .entry-content { width: 100vw !important; max-width: none !important; margin-top: -48px !important; margin-right: calc(50% - 50vw) !important; margin-bottom: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 82px 22px 42px; background: rgba(12, 10, 8, 0.55) !important; border-radius: 0 !important; box-shadow: none !important; } /* Texte courant */ body.page-id-11532 .entry-content, body.page-id-11532 .entry-content p, body.page-id-11532 .entry-content li { font-size: 14px !important; line-height: 1.5 !important; } /* Paragraphes directs, dont les trois paragraphes d’intro */ html body.page-id-11532 .entry-content > p { text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; } /* Titres selon la typographie mobile globale */ html body.page-id-11532 .entry-content h2 { margin-top: 18px !important; margin-bottom: 8px !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.22 !important; letter-spacing: normal !important; text-align: center !important; } html body.page-id-11532 .entry-content h3 { margin-top: 18px !important; margin-bottom: 8px !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.28 !important; letter-spacing: normal !important; text-align: center !important; } /* Le premier titre ne reçoit pas d’espace supplémentaire */ html body.page-id-11532 .entry-content > h2:first-of-type { margin-top: 0 !important; } /* Colonnes Gutenberg empilées */ body.page-id-11532 .entry-content .wp-block-columns { gap: 0 !important; margin-top: 0 !important; margin-bottom: 26px !important; } body.page-id-11532 .entry-content .wp-block-column { margin-top: 0 !important; margin-bottom: 0 !important; } body.page-id-11532 .entry-content .wp-block-column + .wp-block-column { margin-top: 0 !important; } /* Titres Accepté et Refusé */ html body.page-id-11532 .entry-content .wp-block-column h2, html body.page-id-11532 .entry-content .wp-block-column h3 { margin-top: 18px !important; margin-bottom: 8px !important; } html body.page-id-11532 .entry-content .wp-block-column:first-child > h2:first-child, html body.page-id-11532 .entry-content .wp-block-column:first-child > h3:first-child { margin-top: 0 !important; } /* Deux morceaux de chaque liste collés ensemble */ body.page-id-11532 .entry-content .wp-block-column ul, body.page-id-11532 .entry-content .wp-block-column .wp-block-list { margin-top: 0 !important; margin-bottom: 0 !important; padding-left: 12px !important; } } /* ========================================================= ARTICLES RECHERCHÉS — BACKGROUND PAGE ID 11532 ========================================================= */ /* --------------------------------------------------------- DESKTOP --------------------------------------------------------- */ body.page-id-11532 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/site-encans-des-laurentides-background-articles-recherches.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-color: #171512 !important; margin: 0 !important; padding: 0 !important; } /* Retirer les espaces ajoutés par le thème */ body.page-id-11532 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11532 article, body.page-id-11532 .hentry, body.page-id-11532 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- MOBILE Le fond commence réellement sous le menu. Il reste ensuite immobile pendant le défilement. --------------------------------------------------------- */ @media (max-width: 768px) { html body.page-id-11532 #content { position: relative !important; isolation: isolate; background-image: none !important; background-color: #171512 !important; background-attachment: scroll !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; } /* Calque contenant l’image */ html body.page-id-11532 #content::before { content: ""; position: sticky; top: 0; display: block; width: 100%; height: 100dvh; margin-bottom: -100dvh; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/site-encans-des-laurentides-background-articles-recherches.jpg") !important; background-size: auto 100dvh !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #171512 !important; pointer-events: none; z-index: 0; } /* Contenu devant l’image */ html body.page-id-11532 #primary { position: relative; z-index: 1; } } /* ========================================================= MOBILE — PAGE VISITEZ-NOUS PAGE ID 11627 ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- VOILE PLEINE LARGEUR ----------------------------------------------------- */ body.page-id-11627 .entry-content { box-sizing: border-box; width: 100vw !important; max-width: none !important; margin-top: -48px !important; margin-right: calc(50% - 50vw) !important; margin-bottom: 0 !important; margin-left: calc(50% - 50vw) !important; padding: 82px 22px 42px !important; background: rgba(12, 10, 8, 0.55) !important; border-radius: 0 !important; box-shadow: none !important; } /* ----------------------------------------------------- TEXTE COURANT ----------------------------------------------------- */ body.page-id-11627 .entry-content, body.page-id-11627 .entry-content p, body.page-id-11627 .entry-content li { font-size: 14px !important; line-height: 1.5 !important; } /* Paragraphes justifiés */ body.page-id-11627 .entry-content > p, body.page-id-11627 .entry-content .has-text-align-justify { text-align: justify !important; text-align-last: left !important; text-justify: inter-word !important; } /* ----------------------------------------------------- TITRES ----------------------------------------------------- */ body.page-id-11627 .entry-content h2 { margin-top: 18px !important; margin-bottom: 8px !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.22 !important; letter-spacing: normal !important; text-align: center !important; } body.page-id-11627 .entry-content h3 { margin-top: 18px !important; margin-bottom: 8px !important; font-size: 16px !important; font-weight: 400 !important; line-height: 1.28 !important; letter-spacing: normal !important; text-align: center !important; } body.page-id-11627 .entry-content > h2:first-of-type { margin-top: 0 !important; } /* ----------------------------------------------------- CARTE GOOGLE ----------------------------------------------------- */ body.page-id-11627 .entry-content iframe:not( .wp-block-jetpack-google-calendar iframe ) { display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; min-width: 0 !important; margin-right: auto !important; margin-left: auto !important; border: 0 !important; } } /* ========================================================= MOBILE — VISITEZ-NOUS SECTION CALENDRIER GOOGLE ========================================================= */ @media (max-width: 768px) { body.page-id-11627 .wp-block-jetpack-google-calendar { position: relative !important; width: 100% !important; max-width: 100% !important; height: 505px !important; margin: 0 auto !important; padding: 0 !important; overflow: hidden !important; } body.page-id-11627 .wp-block-jetpack-google-calendar iframe, body.page-id-11627 iframe[src*="calendar.google"] { position: absolute !important; top: 0 !important; left: 50% !important; width: 640px !important; height: 1044px !important; max-width: none !important; border: 0 !important; transform: translateX(calc(-50% - 50px)) scale(0.48) !important; transform-origin: top center !important; } } /* ========================================================= PAGE VISITEZ-NOUS — IMAGE DE FOND MOBILE IMAGE COLLÉE SOUS LE MENU ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- CONTENEUR ----------------------------------------------------- */ html body.page-id-11627 #content { position: relative !important; isolation: isolate; background-image: none !important; background-color: #171512 !important; background-attachment: scroll !important; overflow-x: clip !important; overflow-y: visible !important; max-width: 100% !important; margin: 0 !important; padding: 0 !important; } /* ----------------------------------------------------- CALQUE DE FOND ----------------------------------------------------- */ html body.page-id-11627 #content::before { content: "" !important; position: sticky !important; top: 0 !important; display: block !important; width: 100% !important; height: 100dvh !important; margin-bottom: -100dvh !important; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/visitez-nous-encans-des-laurentides-background.jpg") !important; background-size: auto 100dvh !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #171512 !important; pointer-events: none !important; z-index: 0 !important; } /* ----------------------------------------------------- CONTENU DEVANT L’IMAGE ----------------------------------------------------- */ html body.page-id-11627 #primary { position: relative !important; z-index: 1 !important; } } /* ========================================================= MOBILE — PAGE FAQ SECTION TYPOGRAPHHIE ET QUESTIONS PAGE ID 11720 ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- H1 ----------------------------------------------------- */ html body.page-id-11720 .entry-content h1, html body.page-id-11720 .entry-title { font-size: 21px !important; font-weight: 400 !important; line-height: 1.18 !important; margin-top: 0 !important; margin-bottom: 8px !important; text-align: center !important; } /* ----------------------------------------------------- H2 Titre principal, ACHETEURS et VENDEURS ----------------------------------------------------- */ html body.page-id-11720 .entry-content h2, html body.page-id-11720 .entry-content h2.wp-block-heading { font-size: 18px !important; font-weight: 400 !important; line-height: 1.22 !important; letter-spacing: normal !important; margin-top: 18px !important; margin-bottom: 8px !important; text-align: center !important; } /* Premier titre sans espace supplémentaire */ html body.page-id-11720 .entry-content > h2:first-of-type { margin-top: 0 !important; } /* ----------------------------------------------------- H3 Sous-sections de la FAQ ----------------------------------------------------- */ html body.page-id-11720 .entry-content h3, html body.page-id-11720 .entry-content h3.wp-block-heading { font-size: 16px !important; font-weight: 400 !important; line-height: 1.28 !important; letter-spacing: normal !important; margin-top: 18px !important; margin-bottom: 8px !important; text-align: center !important; } /* ----------------------------------------------------- QUESTIONS ----------------------------------------------------- */ html body.page-id-11720 .entry-content details > summary, html body.page-id-11720 .entry-content .wp-block-details > summary { font-size: 15px !important; font-weight: 500 !important; line-height: 1.4 !important; padding-top: 14px !important; padding-bottom: 14px !important; text-align: left !important; text-justify: auto !important; } /* ----------------------------------------------------- RÉPONSES ----------------------------------------------------- */ html body.page-id-11720 .entry-content details p, html body.page-id-11720 .entry-content .wp-block-details p { font-size: 14px !important; line-height: 1.5 !important; text-align: left !important; } } /* ========================================================= MOBILE — PAGE FAQ SECTION BACKGROUND PAGE ID 11720 ========================================================= */ @media (max-width: 768px) { body.page-id-11720 #content { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-site-encans-des-laurentides-faq-noura.jpg") !important; /* * Même méthode que Visitez-nous, * mais l’image couvre toute la hauteur de l’écran. */ background-size: auto 100dvh !important; background-position: center top !important; background-repeat: no-repeat !important; background-attachment: fixed !important; background-color: #171512 !important; margin: 0 !important; padding: 0 !important; } } /* ========================================================= MOBILE — PAGE CONTACTEZ-NOUS PAGE ID 11670 ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- IMAGE DE FOND ----------------------------------------------------- */ body.page-id-11670 #content { background-size: cover !important; background-position: center top !important; background-repeat: no-repeat !important; background-attachment: scroll !important; } /* ----------------------------------------------------- ZONE DE CONTENU ----------------------------------------------------- */ body.page-id-11670 .entry-content { box-sizing: border-box !important; width: 100% !important; margin-top: -48px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding-top: 82px !important; padding-right: 22px !important; padding-bottom: 42px !important; padding-left: 22px !important; background: transparent !important; border-radius: 0 !important; box-shadow: none !important; } /* ----------------------------------------------------- TEXTE ----------------------------------------------------- */ body.page-id-11670 .entry-content p, body.page-id-11670 .entry-content li, body.page-id-11670 .entry-content label, body.page-id-11670 .entry-content .grunion-field-label { font-size: 14px !important; line-height: 1.5 !important; } body.page-id-11670 .entry-content > p { text-align: left !important; } /* ----------------------------------------------------- H2 ----------------------------------------------------- */ html body.page-id-11670 .entry-content h2, html body.page-id-11670 .entry-content h2.wp-block-heading { font-size: 18px !important; font-weight: 400 !important; line-height: 1.22 !important; letter-spacing: normal !important; margin-top: 20px !important; margin-bottom: 10px !important; text-align: center !important; } html body.page-id-11670 .entry-content > h2:first-of-type { margin-top: 0 !important; } /* ----------------------------------------------------- H3 ----------------------------------------------------- */ html body.page-id-11670 .entry-content h3, html body.page-id-11670 .entry-content h3.wp-block-heading { font-size: 16px !important; font-weight: 400 !important; line-height: 1.28 !important; letter-spacing: normal !important; margin-top: 18px !important; margin-bottom: 8px !important; text-align: center !important; } /* ----------------------------------------------------- FORMULAIRE ----------------------------------------------------- */ body.page-id-11670 .entry-content form, body.page-id-11670 .entry-content .contact-form { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; } body.page-id-11670 .entry-content input, body.page-id-11670 .entry-content textarea, body.page-id-11670 .entry-content select { box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; margin-right: 0 !important; margin-left: 0 !important; } } /* ========================================================= PAGE BLOGUE — ID 11953 ========================================================= */ /* --------------------------------------------------------- CONTENEUR DE PAGE Le background est géré dans le patch global sur #content::before --------------------------------------------------------- */ body.page-id-11953 #content { margin: 0 !important; padding: 0 !important; background: transparent !important; } /* --------------------------------------------------------- RETIRER LES ESPACES AJOUTÉS PAR LE THÈME --------------------------------------------------------- */ body.page-id-11953 .site-content { margin: 0 !important; padding: 0 !important; } body.page-id-11953 article, body.page-id-11953 .hentry, body.page-id-11953 .entry-header { margin-bottom: 0 !important; padding-bottom: 0 !important; } /* --------------------------------------------------------- ZONE DE CONTENU ET VOILE CENTRAL --------------------------------------------------------- */ body.page-id-11953 .entry-content { box-sizing: border-box; width: calc(100% - 40px); max-width: 1040px; margin-top: -78px !important; margin-right: auto !important; margin-bottom: 0 !important; margin-left: auto !important; padding: 116px 42px 60px; background: rgba(12, 10, 8, 0.50) !important; border-radius: 0 !important; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.20); } /* Éliminer l’espace sous le dernier bloc */ body.page-id-11953 .entry-content > *:last-child { margin-bottom: 0 !important; } /* --------------------------------------------------------- TEXTE --------------------------------------------------------- */ body.page-id-11953 .entry-content, body.page-id-11953 .entry-content p, body.page-id-11953 .entry-content li { color: #ffffff !important; } body.page-id-11953 .entry-content p, body.page-id-11953 .entry-content li { text-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); } /* --------------------------------------------------------- LIENS --------------------------------------------------------- */ body.page-id-11953 .entry-content a, body.page-id-11953 .entry-content strong a, body.page-id-11953 .entry-content a strong { color: #6db9e8 !important; } /* --------------------------------------------------------- TITRES --------------------------------------------------------- */ body.page-id-11953 .entry-content h1, body.page-id-11953 .entry-content h2, body.page-id-11953 .entry-content h3 { color: #6db9e8 !important; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45); } body.page-id-11953 .entry-content h2 { font-size: 30px !important; text-align: center !important; } body.page-id-11953 .entry-content h3 { font-size: 23px !important; } /* --------------------------------------------------------- PARAGRAPHES ET ALIGNEMENTS --------------------------------------------------------- */ body.page-id-11953 .entry-content > p, body.page-id-11953 .entry-content .has-text-align-justify { text-align: justify !important; } body.page-id-11953 .entry-content .has-text-align-center { text-align: center !important; } body.page-id-11953 .entry-content .has-text-align-left { text-align: left !important; } body.page-id-11953 .entry-content .has-text-align-right { text-align: right !important; } /* ===================================================== PAGE BLOGUE — EXTRAITS DES ARTICLES ===================================================== */ body.page-id-11953 .wp-block-latest-posts__post-excerpt, body.page-id-11953 .wp-block-latest-posts__post-excerpt p { text-align: justify; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body.page-id-11953 .entry-content { width: calc(100% - 28px); padding-right: 30px; padding-left: 30px; } } /* --------------------------------------------------------- --------------------------------------------------------- */ @media (max-width: 768px) { body.page-id-11953 #content { background-size: cover !important; background-position: center top !important; background-attachment: scroll !important; } body.page-id-11953 .entry-content { width: 100%; margin-top: -48px !important; margin-right: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; padding: 82px 22px 42px; background: rgba(12, 10, 8, 0.55) !important; border-radius: 0 !important; box-shadow: none !important; } body.page-id-11953 .entry-content > p, body.page-id-11953 .entry-summary, body.page-id-11953 .entry-summary p { text-align: left !important; } body.page-id-11953 .entry-content h2 { font-size: 27px !important; } body.page-id-11953 .entry-content h3 { font-size: 22px !important; } } /* ========================================================= PATCH GLOBAL — FONDS FIXES SOUS LA BANNIÈRE PAGES INTERNES ET ARTICLES DE BLOGUE À coller tout à la fin du CSS existant. Ne touche ni à l’accueil ni à l’affichage mobile. ========================================================= */ @media (min-width: 769px) { /* ----------------------------------------------------- STRUCTURE COMMUNE Retirer les anciens fonds directement appliqués à #content et créer un contexte indépendant. ----------------------------------------------------- */ body.page-id-11188 #content, body.page-id-11339 #content, body.page-id-11470 #content, body.page-id-11532 #content, body.page-id-11627 #content, body.page-id-11670 #content, body.page-id-11720 #content, body.page-id-11953 #content, body.single-post #content { position: relative !important; isolation: isolate; background-image: none !important; background-color: transparent !important; background-attachment: scroll !important; overflow: visible !important; } /* ----------------------------------------------------- CALQUE DE FOND COMMUN Le fond commence au haut réel de #content, donc sous la bannière et le menu. Pendant le défilement, il reste immobile. ----------------------------------------------------- */ body.page-id-11188 #content::before, body.page-id-11339 #content::before, body.page-id-11470 #content::before, body.page-id-11532 #content::before, body.page-id-11627 #content::before, body.page-id-11670 #content::before, body.page-id-11720 #content::before, body.page-id-11953 #content::before, body.single-post #content::before { content: ""; position: sticky; top: 0; display: block; width: 100%; height: 100vh; margin-bottom: -100vh; background-repeat: no-repeat; background-color: #2d2a26; z-index: 0; pointer-events: none; } /* ----------------------------------------------------- CONTENU AU-DESSUS DU FOND ----------------------------------------------------- */ body.page-id-11188 #primary, body.page-id-11339 #primary, body.page-id-11470 #primary, body.page-id-11532 #primary, body.page-id-11627 #primary, body.page-id-11670 #primary, body.page-id-11720 #primary, body.page-id-11953 #primary, body.single-post #primary { position: relative; z-index: 1; } /* ===================================================== À PROPOS DE NOUS — ID 11188 ===================================================== */ body.page-id-11188 #content::before { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-a-propos-de-nous-encans-des-laurentides.jpg"); background-size: cover; background-position: center center; } /* ===================================================== FONCTIONNEMENT — ID 11339 Voile sombre pleine largeur conservé ===================================================== */ body.page-id-11339 #content::before { background-image: linear-gradient( rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-fonctionnement-encans-des-laurentides.jpg"); background-size: cover; background-position: center center; } /* ===================================================== TARIF — ID 11470 Voile sombre pleine largeur conservé ===================================================== */ body.page-id-11470 #content::before { background-image: linear-gradient( rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-tarif-site-encans-des-laurentides.jpg"); background-size: cover; background-position: center center; } /* ===================================================== ARTICLES RECHERCHÉS — ID 11532 ===================================================== */ body.page-id-11532 #content::before { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/site-encans-des-laurentides-background-articles-recherches.jpg"); background-size: cover; background-position: center center; } /* ===================================================== CONTACTEZ-NOUS — ID 11670 Zoom, position et voile actuels conservés ===================================================== */ body.page-id-11670 #content::before { background-image: linear-gradient( rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.68) ), url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/image-background-site-encans-des-laurentides-contact.jpg"); background-size: auto 160%; background-position: center -260px; } /* ===================================================== VISITEZ-NOUS — ID 11627 Zoom fixe identique sur tous les écrans ===================================================== */ body.page-id-11627 #content::before { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/visitez-nous-encans-des-laurentides-background.jpg"); background-size: auto 1550px; background-position: 54% -35px; } /* ===================================================== FAQ — ID 11720 Zoom et position actuels conservés ===================================================== */ body.page-id-11720 #content::before { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-site-encans-des-laurentides-faq-noura.jpg"); background-size: auto 165%; background-position: calc(50% + 25px) center; } /* ===================================================== PAGE BLOGUE — ID 11953 ===================================================== */ body.page-id-11953 #content::before { background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-site-le-blogue-encans-des-laurentides.jpg"); background-size: cover; background-position: center top; background-repeat: no-repeat; } /* ===================================================== ARTICLES DE BLOGUE Fond aligné sur la bannière et le menu ===================================================== */ body.single-post #content::before { width: 100%; max-width: none; margin-left: 0; margin-right: 0; margin-bottom: -100vh; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-blogues-encans-des-laurentides-1.jpg"); background-size: cover; background-position: center top; background-repeat: no-repeat; } } /* ========================================================= MOBILE — PAGE BLOGUE — ID 11953 ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- TITRES H2 ET H3 ----------------------------------------------------- */ html body.page-id-11953 .entry-content h2, html body.page-id-11953 .entry-content h2.wp-block-heading { font-size: 18px !important; font-weight: 400 !important; line-height: 1.22 !important; letter-spacing: normal !important; margin-top: 18px !important; margin-bottom: 8px !important; } html body.page-id-11953 .entry-content h3, html body.page-id-11953 .entry-content h3.wp-block-heading { font-size: 16px !important; font-weight: 400 !important; line-height: 1.25 !important; letter-spacing: normal !important; margin-top: 18px !important; margin-bottom: 8px !important; } /* --------------------------------------------------------- PAGE LE BLOGUE — GRANDES IMAGES DES ARTICLES RÉCENTS --------------------------------------------------------- */ body.page-id-11953 .wp-block-latest-posts__featured-image { float: none !important; width: 100% !important; max-width: none !important; margin: 0 0 12px !important; } body.page-id-11953 .wp-block-latest-posts__featured-image img { display: block !important; width: 100% !important; max-width: none !important; height: auto !important; } /* ----------------------------------------------------- IMAGE DE FOND — MOBILE Le haut de l’image commence sous le menu ----------------------------------------------------- */ html body.page-id-11953 #content { position: relative !important; isolation: isolate; background-image: none !important; background-color: #171512 !important; background-attachment: scroll !important; overflow: visible !important; margin: 0 !important; padding: 0 !important; } /* Calque contenant l’image */ html body.page-id-11953 #content::before { content: ""; position: sticky; top: 0; display: block; width: 100%; height: 100dvh; margin-bottom: -100dvh; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-site-le-blogue-encans-des-laurentides.jpg") !important; background-size: auto 100dvh !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #171512 !important; pointer-events: none; z-index: 0; } /* Contenu devant l’image */ html body.page-id-11953 #primary { position: relative; z-index: 1; } } /* ===================================================== ACCUEIL — POSITION APRÈS CLIC DANS LE MENU (DESKTOP) ===================================================== */ @media (min-width: 769px) { html body.home #encans-en-ligne { scroll-margin-top: 110px !important; } } /* ========================================================= PIED DE PAGE GLOBAL — VERSION MINCE ET ÉPURÉE ========================================================= */ /* --------------------------------------------------------- GARDER LE FOOTER AU BAS DES PAGES COURTES --------------------------------------------------------- */ body #page { display: flex; flex-direction: column; min-height: 100vh; } body #content { flex: 1 0 auto; } body #colophon { flex-shrink: 0; } /* --------------------------------------------------------- CONTENEUR PRINCIPAL --------------------------------------------------------- */ body footer#colophon.site-footer { position: relative; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 5px 28px !important; color: #a7a7a7 !important; background-color: #2d2a26 !important; background-image: none !important; background-attachment: scroll !important; background-position: center !important; background-repeat: no-repeat !important; background-size: auto !important; border-top: 1px solid #6db9e8 !important; } /* Neutraliser le voile du thème */ body footer#colophon.site-footer::before { display: none !important; } /* --------------------------------------------------------- MASQUER LE COPYRIGHT CRÉÉ EN ::AFTER PAR L’ANCIEN FOOTER --------------------------------------------------------- */ body footer#colophon.site-footer::after { display: none !important; content: none !important; } /* --------------------------------------------------------- STRUCTURE PRINCIPALE SUR UNE SEULE LIGNE --------------------------------------------------------- */ body footer#colophon #tertiary.footer-widget-area { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; max-width: 1100px; min-height: 34px; margin: 0 auto !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- COLONNE GAUCHE — RÉSEAUX --------------------------------------------------------- */ body footer#colophon #widget-area-2 { display: flex !important; align-items: center; justify-content: flex-start; grid-column: 1; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- COLONNE DROITE — TRADUCTEUR --------------------------------------------------------- */ body footer#colophon #widget-area-4 { display: flex !important; align-items: center; justify-content: flex-end; grid-column: 3; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: right !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- COPYRIGHT AU CENTRE DE LA MÊME LIGNE --------------------------------------------------------- */ body footer#colophon #tertiary.footer-widget-area::after { content: "© 2026 Encans des Laurentides — Tous droits réservés"; display: block; grid-column: 2; grid-row: 1; margin: 0; padding: 0 22px; color: #969696; font-size: 9px; font-weight: 400; line-height: 1.2; text-align: center; white-space: nowrap; letter-spacing: 0.01em; } /* --------------------------------------------------------- NEUTRALISER LES WIDGETS --------------------------------------------------------- */ body footer#colophon .widget { margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- MASQUER « SUIVEZ-NOUS » ET « TRADUIRE » --------------------------------------------------------- */ body footer#colophon #widget-area-2 > p, body footer#colophon #widget-area-2 .widget > p, body footer#colophon #widget-area-2 .widget-title, body footer#colophon #widget-area-2 .widgettitle, body footer#colophon #widget-area-2 h2, body footer#colophon #widget-area-2 h3, body footer#colophon #widget-area-4 .widget-title, body footer#colophon #widget-area-4 .widgettitle, body footer#colophon #widget-area-4 h2, body footer#colophon #widget-area-4 h3 { display: none !important; } /* --------------------------------------------------------- RÉSEAUX SOCIAUX — GRIS ET SANS CERCLES --------------------------------------------------------- */ body footer#colophon #widget-area-2 .widget { display: flex !important; align-items: center; justify-content: flex-start; } body footer#colophon .wp-block-social-links { display: flex !important; align-items: center; justify-content: flex-start; gap: 14px; margin: 0 !important; padding: 0 !important; font-size: 16px !important; } body footer#colophon .wp-block-social-link { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #9a9a9a !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body footer#colophon .wp-block-social-link a { display: flex !important; align-items: center; justify-content: center; width: 18px !important; height: 18px !important; margin: 0 !important; padding: 0 !important; color: #9a9a9a !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transition: color 0.2s ease, transform 0.2s ease, opacity 0.2s ease; } body footer#colophon .wp-block-social-link svg { width: 16px !important; height: 16px !important; fill: currentColor !important; } body footer#colophon .wp-block-social-link a:hover, body footer#colophon .wp-block-social-link a:focus { color: #d5d5d5 !important; transform: translateY(-1px); text-decoration: none !important; } /* --------------------------------------------------------- TRADUCTEUR --------------------------------------------------------- */ body footer#colophon #widget-area-4 .widget { display: flex !important; align-items: center; justify-content: flex-end; } body footer#colophon select { width: 230px; max-width: 100%; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 3px 28px 3px 10px !important; color: #d0d0d0 !important; background-color: #373430 !important; border: 1px solid #55514c !important; border-radius: 2px !important; box-shadow: none !important; font-family: inherit !important; font-size: 11px !important; line-height: 1.1 !important; } body footer#colophon select:hover, body footer#colophon select:focus { color: #eeeeee !important; background-color: #3c3935 !important; border-color: #77716b !important; outline: none !important; } /* Masquer « Fourni par Google Traduction » */ body footer#colophon .goog-logo-link, body footer#colophon .goog-te-gadget > span, body footer#colophon .goog-te-gadget > br { display: none !important; } body footer#colophon .goog-te-gadget { height: 28px !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; } body footer#colophon .goog-te-gadget select { font-size: 11px !important; line-height: 1.1 !important; } /* --------------------------------------------------------- RETIRER LE FOOTER WORDPRESS --------------------------------------------------------- */ body footer#colophon .site-info { display: none !important; } /* --------------------------------------------------------- SUPPRIMER LES LIGNES INTERNES --------------------------------------------------------- */ body footer#colophon #tertiary, body footer#colophon #widget-area-2, body footer#colophon #widget-area-4, body footer#colophon .widget, body footer#colophon .widget-area { border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body footer#colophon.site-footer { padding-right: 20px !important; padding-left: 20px !important; } body footer#colophon #tertiary.footer-widget-area { grid-template-columns: auto 1fr auto; column-gap: 16px; } body footer#colophon #tertiary.footer-widget-area::after { padding-right: 8px; padding-left: 8px; font-size: 8px; } body footer#colophon select { width: 205px; } } /* --------------------------------------------------------- MOBILE --------------------------------------------------------- */ @media (max-width: 768px) { body footer#colophon.site-footer { padding: 7px 16px 6px !important; } body footer#colophon #tertiary.footer-widget-area { display: flex !important; flex-direction: column; justify-content: center; gap: 7px; min-height: 0; max-width: 320px; } body footer#colophon #widget-area-2, body footer#colophon #widget-area-4 { justify-content: center; width: 100% !important; text-align: center !important; } body footer#colophon #widget-area-2 .widget, body footer#colophon #widget-area-4 .widget { justify-content: center; } body footer#colophon #tertiary.footer-widget-area::after { order: 3; padding: 0; font-size: 8px; white-space: normal; } body footer#colophon .wp-block-social-links { justify-content: center; gap: 18px; } body footer#colophon select { width: 220px; } } /* ========================================================= PIED DE PAGE GLOBAL — VERSION FINALE CORRIGÉE ========================================================= */ /* --------------------------------------------------------- GARDER LE FOOTER AU BAS DES PAGES COURTES --------------------------------------------------------- */ body #page { display: flex; flex-direction: column; min-height: 100vh; } body #content { flex: 1 0 auto; } body #colophon { flex-shrink: 0; } /* --------------------------------------------------------- CONTENEUR PRINCIPAL --------------------------------------------------------- */ body footer#colophon.site-footer { position: relative; width: 100% !important; max-width: none !important; margin: 0 !important; padding: 5px 28px !important; color: #ffffff !important; background-color: #2d2a26 !important; background-image: none !important; background-attachment: scroll !important; background-position: center !important; background-repeat: no-repeat !important; background-size: auto !important; border-top: 1px solid #6db9e8 !important; } /* Neutraliser le voile du thème */ body footer#colophon.site-footer::before { display: none !important; } /* --------------------------------------------------------- COPYRIGHT — CENTRÉ PAR RAPPORT AU FOOTER COMPLET --------------------------------------------------------- */ body footer#colophon.site-footer::after { content: "© 2026 Encans des Laurentides — Tous droits réservés" !important; position: absolute; left: 50%; bottom: 3px; display: block !important; margin: 0; padding: 0; color: rgba(255, 255, 255, 0.88); font-size: 9px; font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; letter-spacing: 0.01em; transform: translateX(-50%); pointer-events: none; } /* --------------------------------------------------------- STRUCTURE PRINCIPALE — ORDINATEUR --------------------------------------------------------- */ body footer#colophon #tertiary.footer-widget-area { display: grid !important; grid-template-columns: 1fr auto 1fr; align-items: center; width: 100%; max-width: 1100px; min-height: 34px; margin: 0 auto !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } /* Désactiver tout ancien copyright placé sur la grille */ body footer#colophon #tertiary.footer-widget-area::after { display: none !important; content: none !important; } /* --------------------------------------------------------- COLONNE GAUCHE — RÉSEAUX --------------------------------------------------------- */ body footer#colophon #widget-area-2 { display: flex !important; align-items: center; justify-content: flex-start; grid-column: 1; grid-row: 1; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: left !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- COLONNE DROITE — TRADUCTEUR --------------------------------------------------------- */ body footer#colophon #widget-area-4 { display: flex !important; align-items: center; justify-content: flex-end; grid-column: 3; grid-row: 1; width: auto !important; margin: 0 !important; padding: 0 !important; text-align: right !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- NEUTRALISER LES WIDGETS --------------------------------------------------------- */ body footer#colophon .widget { margin: 0 !important; padding: 0 !important; border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- MASQUER « SUIVEZ-NOUS » ET « TRADUIRE » --------------------------------------------------------- */ body footer#colophon #widget-area-2 > p, body footer#colophon #widget-area-2 .widget > p, body footer#colophon #widget-area-2 .widget-title, body footer#colophon #widget-area-2 .widgettitle, body footer#colophon #widget-area-2 h2, body footer#colophon #widget-area-2 h3, body footer#colophon #widget-area-4 .widget-title, body footer#colophon #widget-area-4 .widgettitle, body footer#colophon #widget-area-4 h2, body footer#colophon #widget-area-4 h3 { display: none !important; } /* --------------------------------------------------------- RÉSEAUX SOCIAUX — GRIS, SANS CERCLES --------------------------------------------------------- */ body footer#colophon #widget-area-2 .widget { display: flex !important; align-items: center; justify-content: flex-start; } body footer#colophon .wp-block-social-links { display: flex !important; align-items: center; justify-content: flex-start; gap: 14px; margin: 0 !important; padding: 0 !important; font-size: 18px !important; } body footer#colophon .wp-block-social-link { width: auto !important; height: auto !important; margin: 0 !important; padding: 0 !important; color: #a7a7a7 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; } body footer#colophon .wp-block-social-link a { display: flex !important; align-items: center; justify-content: center; width: 22px !important; height: 22px !important; margin: 0 !important; padding: 0 !important; color: #a7a7a7 !important; background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important; transition: color 0.2s ease, transform 0.2s ease; } body footer#colophon .wp-block-social-link svg { width: 19px !important; height: 19px !important; fill: currentColor !important; } body footer#colophon .wp-block-social-link a:hover, body footer#colophon .wp-block-social-link a:focus { color: #ffffff !important; transform: translateY(-1px); text-decoration: none !important; } /* --------------------------------------------------------- TRADUCTEUR --------------------------------------------------------- */ body footer#colophon #widget-area-4 .widget { display: flex !important; align-items: center; justify-content: flex-end; } body footer#colophon select { width: 230px; max-width: 100%; height: 28px !important; min-height: 28px !important; margin: 0 !important; padding: 3px 28px 3px 10px !important; color: #ffffff !important; background-color: #373430 !important; border: 1px solid #55514c !important; border-radius: 2px !important; box-shadow: none !important; font-family: inherit !important; font-size: 11px !important; line-height: 1.1 !important; } body footer#colophon select:hover, body footer#colophon select:focus { color: #ffffff !important; background-color: #3c3935 !important; border-color: #77716b !important; outline: none !important; } /* Masquer « Fourni par Google Traduction » */ body footer#colophon .goog-logo-link, body footer#colophon .goog-te-gadget > span, body footer#colophon .goog-te-gadget > br { display: none !important; } body footer#colophon .goog-te-gadget { height: 28px !important; color: transparent !important; font-size: 0 !important; line-height: 0 !important; } body footer#colophon .goog-te-gadget select { font-size: 11px !important; line-height: 1.1 !important; } /* --------------------------------------------------------- RETIRER LE FOOTER WORDPRESS --------------------------------------------------------- */ body footer#colophon .site-info { display: none !important; } /* --------------------------------------------------------- SUPPRIMER LES LIGNES INTERNES --------------------------------------------------------- */ body footer#colophon #tertiary, body footer#colophon #widget-area-2, body footer#colophon #widget-area-4, body footer#colophon .widget, body footer#colophon .widget-area { border: 0 !important; box-shadow: none !important; } /* --------------------------------------------------------- TABLETTE --------------------------------------------------------- */ @media (max-width: 900px) { body footer#colophon.site-footer { padding-right: 20px !important; padding-left: 20px !important; } body footer#colophon #tertiary.footer-widget-area { grid-template-columns: auto 1fr auto; column-gap: 16px; } body footer#colophon.site-footer::after { font-size: 8px; } body footer#colophon select { width: 205px; } } /* --------------------------------------------------------- MOBILE — RÉSEAUX ET TRADUCTEUR SUR LA MÊME LIGNE --------------------------------------------------------- */ @media (max-width: 768px) { body footer#colophon.site-footer { padding: 5px 12px 3px !important; } body footer#colophon #tertiary.footer-widget-area { display: grid !important; grid-template-columns: auto minmax(0, 1fr); grid-template-rows: 28px auto; align-items: center; column-gap: 12px; row-gap: 2px; width: 100%; max-width: none; min-height: 0; margin: 0 auto !important; } /* Réseaux à gauche */ body footer#colophon #widget-area-2 { grid-column: 1; grid-row: 1; justify-content: flex-start; width: auto !important; text-align: left !important; } body footer#colophon #widget-area-2 .widget { justify-content: flex-start; } body footer#colophon .wp-block-social-links { justify-content: flex-start; gap: 12px; } body footer#colophon .wp-block-social-link a { width: 21px !important; height: 21px !important; } body footer#colophon .wp-block-social-link svg { width: 18px !important; height: 18px !important; } /* Traducteur à droite */ body footer#colophon #widget-area-4 { grid-column: 2; grid-row: 1; justify-content: flex-end; width: 100% !important; text-align: right !important; } body footer#colophon #widget-area-4 .widget { justify-content: flex-end; width: 100%; } body footer#colophon .goog-te-gadget { width: 100%; max-width: 220px; } body footer#colophon select { width: 100%; max-width: 220px; height: 28px !important; min-height: 28px !important; } /* Copyright dessous, toujours centré */ body footer#colophon.site-footer::after { position: static; display: block !important; margin: 2px auto 0; padding: 0; font-size: 8px; line-height: 1.1; text-align: center; white-space: normal; transform: none; } } /* --------------------------------------------------------- TRÈS PETITS ÉCRANS --------------------------------------------------------- */ @media (max-width: 420px) { body footer#colophon.site-footer { padding-right: 9px !important; padding-left: 9px !important; } body footer#colophon #tertiary.footer-widget-area { column-gap: 8px; } body footer#colophon .wp-block-social-links { gap: 9px; } body footer#colophon .wp-block-social-link a { width: 19px !important; height: 19px !important; } body footer#colophon .wp-block-social-link svg { width: 17px !important; height: 17px !important; } body footer#colophon .goog-te-gadget { max-width: 205px; } body footer#colophon select { max-width: 205px; padding-right: 24px !important; padding-left: 8px !important; font-size: 10px !important; } body footer#colophon.site-footer::after { font-size: 7.5px; } } /* ========================================================= ARTICLES DE BLOGUE — MOBILE H1 aligné avec le texte + espace sous le menu ========================================================= */ @media (max-width: 768px) { body.single-post .entry-header { padding: 18px 22px 0 !important; margin: 0 !important; } body.single-post .entry-title { margin: 0 0 18px !important; padding: 0 !important; text-align: left !important; } body.single-post .entry-content { padding-left: 22px !important; padding-right: 22px !important; } body.single-post .entry-content p { text-align: justify !important; } body.single-post .entry-content h2, body.single-post .entry-content h3, body.single-post .entry-content h4, body.single-post .entry-content h5, body.single-post .entry-content h6 { text-align: left !important; } } /* ========================================================= ARTICLES DE BLOGUE — BAS DE PAGE MOBILE Articles similaires, navigation et commentaires ========================================================= */ @media (max-width: 768px) { /* ----------------------------------------------------- ARTICLES SIMILAIRES ----------------------------------------------------- */ body.single-post #jp-relatedposts { padding-left: 22px !important; padding-right: 22px !important; margin-top: 28px !important; } body.single-post #jp-relatedposts .jp-relatedposts-items { display: block !important; } body.single-post #jp-relatedposts .jp-relatedposts-post { width: 100% !important; float: none !important; clear: both !important; margin: 0 0 22px !important; padding: 0 !important; } body.single-post #jp-relatedposts .jp-relatedposts-post-title, body.single-post #jp-relatedposts .jp-relatedposts-post-title a { text-align: left !important; word-spacing: normal !important; } /* ----------------------------------------------------- ARTICLE PRÉCÉDENT / SUIVANT ----------------------------------------------------- */ body.single-post .post-navigation, body.single-post .navigation.post-navigation { margin-left: 22px !important; margin-right: 22px !important; width: auto !important; } body.single-post .post-navigation .nav-links { padding-left: 0 !important; padding-right: 0 !important; } body.single-post .post-navigation a { text-align: left !important; } /* ----------------------------------------------------- TITRE ET SECTION DES COMMENTAIRES ----------------------------------------------------- */ body.single-post .comments-area { margin-left: 22px !important; margin-right: 22px !important; width: auto !important; } body.single-post .comments-title { margin-left: 0 !important; margin-right: 0 !important; text-align: left !important; } body.single-post .comment-list { margin-left: 0 !important; margin-right: 0 !important; padding-left: 0 !important; padding-right: 0 !important; } body.single-post .comment-body { width: auto !important; box-sizing: border-box !important; } } /* ===================================================================================================================== ================================================== TABLETTE PORTRAIT ================================================== ===================================================================================================================== */ /* /* ========================================================= TABLETTE PORTRAIT (769 px à 1024 px) ========================================================= */ @media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) { /* ----------------------------------------------------- VOILES PLEINE LARGEUR Accueil, À propos, Articles recherchés, Visitez-nous, FAQ et Blogue ----------------------------------------------------- */ body.page-id-11188 .entry-content, body.page-id-11532 .entry-content, body.page-id-11627 .entry-content, body.page-id-11720 .entry-content, body.page-id-11953 .entry-content { box-sizing: border-box !important; width: 100vw !important; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; border-radius: 0 !important; } /* ----------------------------------------------------- ACCUEIL — VOILE PLEINE LARGEUR ----------------------------------------------------- */ body.home article#pique-hero::before { left: 0 !important; right: 0 !important; width: 100% !important; max-width: none !important; transform: none !important; border-radius: 0 !important; box-shadow: none !important; } /* ----------------------------------------------------- ACCUEIL — IMAGE DE FOND ----------------------------------------------------- */ body.home article#pique-hero .pique-panel-background { background-size: cover !important; background-position: calc(50% - 750px) calc(50% + 50px) !important; background-repeat: no-repeat !important; } /* ----------------------------------------------------- LIMITER LE SUR-DÉFILEMENT ----------------------------------------------------- */ html, body { overscroll-behavior-y: none; } /* ----------------------------------------------------- FONCTIONNEMENT — ESPACE LATÉRAL ----------------------------------------------------- */ body.page-id-11339 .entry-content > h2:first-of-type + p { padding-left: 28px !important; padding-right: 28px !important; } /* ----------------------------------------------------- TARIFS — ESPACE LATÉRAL ----------------------------------------------------- */ body.page-id-11470 .entry-content > p { padding-left: 28px !important; padding-right: 28px !important; } /* ----------------------------------------------------- PAGE LE BLOGUE — MINIATURES ----------------------------------------------------- */ body.page-id-11953 .wp-block-latest-posts__featured-image { width: 42% !important; max-width: none !important; margin-right: 20px !important; } body.page-id-11953 .wp-block-latest-posts__featured-image img { display: block !important; width: 100% !important; height: auto !important; } /* ----------------------------------------------------- CONTACT — ESPACE LATÉRAL ----------------------------------------------------- */ body.page-id-11670 .entry-content > p, body.page-id-11670 .entry-content > .wp-block-group, body.page-id-11670 .entry-content > .wp-block-contact-form-7-contact-form-selector { padding-left: 28px !important; padding-right: 28px !important; } body.page-id-11670 .wp-block-jetpack-contact-form { padding-left: 28px !important; padding-right: 28px !important; } /* --------------------------------------------------------- BILLETS DE BLOGUE — CONTENU TABLETTE PORTRAIT --------------------------------------------------------- */ /* H1 : descendre sous le menu et dégager les côtés */ body.single-post .entry-header { box-sizing: border-box !important; padding-right: 28px !important; padding-left: 28px !important; margin-top: 36px !important; } /* Contenu du billet : paragraphes, H2, H3, images, listes, etc. */ body.single-post .entry-content { box-sizing: border-box !important; padding-right: 28px !important; padding-left: 28px !important; } /* Informations ou éléments à la fin du billet */ body.single-post .entry-footer { box-sizing: border-box !important; padding-right: 28px !important; padding-left: 28px !important; } /* Articles similaires */ body.single-post #jp-relatedposts, body.single-post .jp-relatedposts { box-sizing: border-box !important; padding-right: 28px !important; padding-left: 28px !important; } /* Navigation Précédent / Suivant */ body.single-post .post-navigation, body.single-post .navigation.post-navigation { box-sizing: border-box !important; padding-right: 28px !important; padding-left: 28px !important; } /* Réflexions et commentaires */ body.single-post .comments-area { box-sizing: border-box !important; padding-right: 28px !important; padding-left: 28px !important; } } /* ========================================================= TABLETTE PAYSAGE (1024 px à 1366 px) ========================================================= */ /* /* ========================================================= TABLETTE PAYSAGE — APPAREIL TACTILE SEULEMENT ========================================================= */ @media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) and (hover: none) and (pointer: coarse) { /* ----------------------------------------------------- ACCUEIL — IMAGE DE FOND ----------------------------------------------------- */ body.home article#pique-hero .pique-panel-background { background-size: cover !important; background-repeat: no-repeat !important; background-position: calc(50% - 750px) center !important; } /* ----------------------------------------------------- ACCUEIL — SUPPRIMER L’ESPACE NOIR AU-DESSUS DU MENU ----------------------------------------------------- */ body.home #masthead, body.home .site-header { top: 0 !important; margin-top: 0 !important; } body.home #page, body.home .site-content, body.home article#pique-hero { margin-top: 0 !important; padding-top: 0 !important; } /* ----------------------------------------------------- EMPÊCHER LE REBOND DU FOOTER ----------------------------------------------------- */ html, body { overscroll-behavior: none; } /* ----------------------------------------------------- PAGE LE BLOGUE — MINIATURES PLUS GRANDES ----------------------------------------------------- */ body.page-id-11953 .wp-block-latest-posts__featured-image { width: 100% !important; margin-right: 20px !important; } body.page-id-11953 .wp-block-latest-posts__featured-image img { width: 100% !important; height: auto !important; } /* -------------------------/* ----------------------------------------------------- BILLETS DE BLOGUE — TABLETTE PAYSAGE ----------------------------------------------------- */ /* Toute la structure du billet peut utiliser la largeur disponible */ body.single-post #primary, body.single-post #main, body.single-post #main > article { width: 100% !important; max-width: none !important; } /* H1, contenu et bas du billet : même largeur des deux côtés */ body.single-post .entry-header, body.single-post .entry-content, body.single-post .entry-footer { box-sizing: border-box !important; width: calc(100% - 40px) !important; max-width: none !important; margin-right: 20px !important; margin-left: 20px !important; } /* Descendre le H1 sous le menu */ body.single-post .entry-header { margin-top: 36px !important; } /* Navigation et commentaires : même élargissement */ body.single-post .post-navigation, body.single-post .comments-area { box-sizing: border-box !important; width: calc(100% - 40px) !important; max-width: none !important; margin-right: 20px !important; margin-left: 20px !important; } } /* ========================================================= MOBILE HORIZONTAL — ACCUEIL ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { body.home article#pique-hero { background-size: cover !important; background-position: 78% center !important; } } /* ========================================================= MOBILE HORIZONTAL — À PROPOS DE NOUS ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { body.page-id-11188 #content { background-size: cover !important; background-position: center center !important; } } /* ========================================================= MOBILE HORIZONTAL — FONCTIONNEMENT ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { html body.page-id-11339 #content { background-size: cover !important; background-position: center center !important; } } /* ========================================================= MOBILE HORIZONTAL — TARIFS ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { html body.page-id-11470 #content::before { background-size: cover !important; background-position: center center !important; } } /* ========================================================= MOBILE HORIZONTAL — ARTICLES RECHERCHÉS ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { html body.page-id-11532 #content::before { background-size: cover !important; background-position: center center !important; } } /* ========================================================= MOBILE HORIZONTAL — VISITEZ-NOUS ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { html body.page-id-11627 #content::before { background-size: 180% auto !important; background-position: center top !important; } } /* ========================================================= MOBILE HORIZONTAL — PAGE BLOGUE ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { html body.page-id-11953 #content::before { background-size: cover !important; background-position: center top !important; } } /* ========================================================= MOBILE HORIZONTAL — BLOGUE IMAGE DE FOND + MINIATURES ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { /* Image de fond */ html body.page-id-11953 #content::before { background-size: cover !important; background-position: center top !important; } /* Conteneur des miniatures */ body.page-id-11953 .wp-block-latest-posts__featured-image { width: 42% !important; margin: 0 !important; } /* Images */ body.page-id-11953 .wp-block-latest-posts__featured-image img { display: block !important; width: 100% !important; height: auto !important; max-height: none !important; object-fit: initial !important; } } /* ========================================================= MOBILE HORIZONTAL — FAQ FOND COLLÉ SOUS LE MENU ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { html body.page-id-11720 #content { position: relative !important; isolation: isolate; background-image: none !important; background-color: transparent !important; background-attachment: scroll !important; overflow-x: clip !important; overflow-y: visible !important; max-width: 100% !important; } html body.page-id-11720 #content::before { content: ""; position: sticky; top: 0; display: block; width: 100%; height: 100dvh; margin-bottom: -100dvh; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/background-site-encans-des-laurentides-faq-noura.jpg"); background-size: 100% auto; background-position: center top; background-repeat: no-repeat; background-color: #2d2a26; z-index: 0; pointer-events: none; } html body.page-id-11720 #primary { position: relative; z-index: 1; } } /* ========================================================= ACCUEIL — CORRECTION ENTRE 769 ET 900 PX ========================================================= */ @media (min-width: 769px) and (max-width: 900px) { body.home article#pique-hero .pique-panel-background { background-size: cover !important; background-position: 78% top !important; background-repeat: no-repeat !important; } } /* ========================================================= MOBILE HORIZONTAL — CALENDRIER PLEINE LARGEUR PAGE VISITEZ-NOUS SEULEMENT ========================================================= */ @media screen and (orientation: landscape) and (max-width: 950px) and (max-height: 500px) { html body.page-id-11627 .wp-block-jetpack-google-calendar, html body.page-id-11627 .calendrier-paiements { position: relative !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; height: 500px !important; margin-right: 0 !important; margin-left: 0 !important; padding: 0 !important; overflow: hidden !important; } html body.page-id-11627 .wp-block-jetpack-google-calendar iframe, html body.page-id-11627 .calendrier-paiements iframe, html body.page-id-11627 iframe[src*="calendar.google"] { position: static !important; display: block !important; box-sizing: border-box !important; width: 100% !important; max-width: 100% !important; height: 500px !important; margin: 0 !important; border: 0 !important; transform: none !important; } } /* ========================================================= ACCUEIL — FENÊTRE D’ORDINATEUR ÉTROITE Compatible avec les ordinateurs tactiles ========================================================= */ @media (min-width: 769px) and (max-width: 1345px) and (any-hover: hover) and (any-pointer: fine) { body.home article#pique-hero .pique-panel-background { background-size: cover !important; background-position: 78% center !important; background-repeat: no-repeat !important; } } /* ========================================================= BILLET OURALINE — POST ID 13120 BACKGROUND NOIR ABSOLU Patch autonome : - remplace uniquement le fond de ce billet; - n’altère aucun autre article; - conserve le fond sous la bannière et le menu; - fond immobile pendant le défilement; - ordinateur, tablette et mobile; - portrait et paysage. ========================================================= */ /* --------------------------------------------------------- COULEUR DE SECOURS GLOBALE Même si l’image tardait à charger, le billet resterait entièrement noir. --------------------------------------------------------- */ html body.single-post.postid-13120, html body.single-post.postid-13120 #page, html body.single-post.postid-13120 #content, html body.single-post.postid-13120 .site-content, html body.single-post.postid-13120 #primary, html body.single-post.postid-13120 #main, html body.single-post.postid-13120 article, html body.single-post.postid-13120 .hentry { background-color: #000000 !important; } /* --------------------------------------------------------- CONTENEUR PRINCIPAL On retire le fond papier appliqué globalement aux billets. Le véritable fond sera placé sur #content::before. --------------------------------------------------------- */ html body.single-post.postid-13120 #content { position: relative !important; isolation: isolate !important; margin-top: 0 !important; margin-bottom: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; background-image: none !important; background-color: #000000 !important; background-attachment: scroll !important; overflow-x: clip !important; overflow-y: visible !important; } /* --------------------------------------------------------- CALQUE DE FOND COMMUN Le calque commence au haut réel de #content, donc sous la bannière et le menu, exactement comme le patch global. --------------------------------------------------------- */ html body.single-post.postid-13120 #content::before { content: "" !important; position: sticky !important; top: 0 !important; display: block !important; width: 100% !important; height: 100vh !important; min-height: 100vh !important; margin: 0 0 -100vh !important; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/image-background-blogue-ouraline-encans-des-laurentides.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #000000 !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; pointer-events: none !important; z-index: 0 !important; } /* --------------------------------------------------------- CONTENU DEVANT LE FOND --------------------------------------------------------- */ html body.single-post.postid-13120 #primary, html body.single-post.postid-13120 #main, html body.single-post.postid-13120 #main > article { position: relative !important; z-index: 1 !important; background-color: transparent !important; background-image: none !important; } /* --------------------------------------------------------- ÉLÉMENTS INTERNES DU BILLET Empêche le thème ou Gutenberg d’ajouter un panneau blanc ou une couleur papier derrière certaines sections. --------------------------------------------------------- */ html body.single-post.postid-13120 .entry-header, html body.single-post.postid-13120 .entry-content, html body.single-post.postid-13120 .entry-footer, html body.single-post.postid-13120 #jp-relatedposts, html body.single-post.postid-13120 .jp-relatedposts, html body.single-post.postid-13120 .post-navigation, html body.single-post.postid-13120 .navigation.post-navigation, html body.single-post.postid-13120 .comments-area, html body.single-post.postid-13120 .comment-list, html body.single-post.postid-13120 .comment-body, html body.single-post.postid-13120 .comment-respond { background-color: transparent !important; background-image: none !important; } /* ========================================================= ORDINATEUR 1367 px et plus ========================================================= */ @media (min-width: 1367px) { html body.single-post.postid-13120 #content::before { height: 100vh !important; min-height: 100vh !important; margin-bottom: -100vh !important; background-size: cover !important; background-position: center center !important; } } /* ========================================================= TABLETTE PAYSAGE 1024 px à 1366 px — appareil tactile ========================================================= */ @media (min-width: 1024px) and (max-width: 1366px) and (orientation: landscape) and (hover: none) and (pointer: coarse) { html body.single-post.postid-13120 #content::before { height: 100dvh !important; min-height: 100dvh !important; margin-bottom: -100dvh !important; background-size: cover !important; background-position: center center !important; } } /* ========================================================= TABLETTE PORTRAIT 769 px à 1024 px ========================================================= */ @media (min-width: 769px) and (max-width: 1024px) and (orientation: portrait) { html body.single-post.postid-13120 #content::before { height: 100dvh !important; min-height: 100dvh !important; margin-bottom: -100dvh !important; background-size: cover !important; background-position: center center !important; } } /* ========================================================= MOBILE PORTRAIT 768 px et moins ========================================================= */ @media (max-width: 768px) and (orientation: portrait) { html body.single-post.postid-13120 #content { position: relative !important; isolation: isolate !important; background-image: none !important; background-color: #000000 !important; background-attachment: scroll !important; margin: 0 !important; padding: 0 !important; overflow-x: clip !important; overflow-y: visible !important; } html body.single-post.postid-13120 #content::before { content: "" !important; position: sticky !important; top: 0 !important; display: block !important; width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 0 -100dvh !important; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/image-background-blogue-ouraline-encans-des-laurentides.jpg") !important; background-size: auto 100dvh !important; background-position: center top !important; background-repeat: no-repeat !important; background-color: #000000 !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; pointer-events: none !important; z-index: 0 !important; } html body.single-post.postid-13120 #primary { position: relative !important; z-index: 1 !important; } } /* ========================================================= MOBILE PAYSAGE 900 px ou moins et hauteur maximale de 500 px ========================================================= */ @media (max-width: 900px) and (max-height: 500px) and (orientation: landscape) { html body.single-post.postid-13120 #content { position: relative !important; isolation: isolate !important; background-image: none !important; background-color: #000000 !important; background-attachment: scroll !important; overflow-x: clip !important; overflow-y: visible !important; } html body.single-post.postid-13120 #content::before { content: "" !important; position: sticky !important; top: 0 !important; display: block !important; width: 100% !important; height: 100dvh !important; min-height: 100dvh !important; margin: 0 0 -100dvh !important; background-image: url("https://encansdeslaurentides.com/wp-content/uploads/2026/07/image-background-blogue-ouraline-encans-des-laurentides.jpg") !important; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; background-color: #000000 !important; opacity: 1 !important; filter: none !important; -webkit-filter: none !important; pointer-events: none !important; z-index: 0 !important; } html body.single-post.postid-13120 #primary { position: relative !important; z-index: 1 !important; } } /* ========================================================= PROTECTION CONTRE LES BANDES CLAIRES Le contenu peut être plus long que le calque de 100vh. Tous les conteneurs qui pourraient apparaître derrière restent donc noirs jusqu’au pied de page. ========================================================= */ html body.single-post.postid-13120 #content, html body.single-post.postid-13120 #primary, html body.single-post.postid-13120 #main, html body.single-post.postid-13120 #main > article, html body.single-post.postid-13120 .entry-header, html body.single-post.postid-13120 .entry-content, html body.single-post.postid-13120 .entry-footer, html body.single-post.postid-13120 #jp-relatedposts, html body.single-post.postid-13120 .post-navigation, html body.single-post.postid-13120 .comments-area { box-shadow: none !important; } /* --------------------------------------------------------- EMPÊCHER UNE IMAGE DE FOND HÉRITÉE SUR LE BILLET --------------------------------------------------------- */ html body.single-post.postid-13120 article::before, html body.single-post.postid-13120 article::after, html body.single-post.postid-13120 .entry-content::before, html body.single-post.postid-13120 .entry-content::after { background-image: none !important; } /* ========================================================= BILLET OURALINE — POST ID 13120 TYPOGRAPHIE LUMIÈRE NOIRE VERT FLUORESCENT + VIOLET UV PROFOND Ce bloc modifie uniquement : - les couleurs; - les halos; - les états des liens. Il ne change aucune taille, marge, position, largeur, hauteur ou règle responsive. ========================================================= */ /* --------------------------------------------------------- PALETTE --------------------------------------------------------- */ body.single-post.postid-13120 { --ouraline-green: #66ff00; --ouraline-green-soft: #8fff33; --blacklight-purple: #9f4bd8; --blacklight-purple-soft: #b96cf2; --blacklight-link: #c77dff; --blacklight-link-visited: #ad63df; --blacklight-link-hover: #66ff00; --blacklight-muted: #a978c2; } /* ========================================================= H1 — TITRE PRINCIPAL ========================================================= */ body.single-post.postid-13120 .entry-title, body.single-post.postid-13120 h1.entry-title, body.single-post.postid-13120 .entry-header .entry-title { color: var(--blacklight-purple) !important; text-shadow: 0 0 4px rgba(159, 75, 216, 0.48), 0 0 11px rgba(159, 75, 216, 0.25), 0 0 20px rgba(159, 75, 216, 0.10) !important; } /* ========================================================= H2 À H6 ========================================================= */ body.single-post.postid-13120 .entry-content h1, body.single-post.postid-13120 .entry-content h2, body.single-post.postid-13120 .entry-content h3, body.single-post.postid-13120 .entry-content h4, body.single-post.postid-13120 .entry-content h5, body.single-post.postid-13120 .entry-content h6 { color: var(--blacklight-purple) !important; text-shadow: 0 0 4px rgba(159, 75, 216, 0.42), 0 0 10px rgba(159, 75, 216, 0.21), 0 0 18px rgba(159, 75, 216, 0.08) !important; } /* ========================================================= TEXTE PRINCIPAL EN VERT OURALINE ========================================================= */ body.single-post.postid-13120 .entry-content, body.single-post.postid-13120 .entry-content p, body.single-post.postid-13120 .entry-content li, body.single-post.postid-13120 .entry-content dt, body.single-post.postid-13120 .entry-content dd, body.single-post.postid-13120 .entry-content span:not(.screen-reader-text), body.single-post.postid-13120 .entry-content strong, body.single-post.postid-13120 .entry-content b, body.single-post.postid-13120 .entry-content em, body.single-post.postid-13120 .entry-content i, body.single-post.postid-13120 .entry-content blockquote, body.single-post.postid-13120 .entry-content cite, body.single-post.postid-13120 .entry-content figcaption, body.single-post.postid-13120 .entry-content .wp-element-caption, body.single-post.postid-13120 .entry-content .wp-block-image figcaption { color: var(--ouraline-green) !important; } /* Halo fluorescent du texte */ body.single-post.postid-13120 .entry-content p, body.single-post.postid-13120 .entry-content li, body.single-post.postid-13120 .entry-content dt, body.single-post.postid-13120 .entry-content dd, body.single-post.postid-13120 .entry-content blockquote { text-shadow: 0 0 3px rgba(102, 255, 0, 0.34), 0 0 8px rgba(102, 255, 0, 0.16), 0 0 14px rgba(102, 255, 0, 0.07) !important; } /* Texte en gras légèrement plus lumineux */ body.single-post.postid-13120 .entry-content strong, body.single-post.postid-13120 .entry-content b { color: var(--ouraline-green-soft) !important; text-shadow: 0 0 4px rgba(143, 255, 51, 0.40), 0 0 9px rgba(143, 255, 51, 0.18) !important; } /* ========================================================= LIENS INTERNES ET EXTERNES ========================================================= */ body.single-post.postid-13120 .entry-content a, body.single-post.postid-13120 .entry-content a:link, body.single-post.postid-13120 .entry-content strong a, body.single-post.postid-13120 .entry-content a strong, body.single-post.postid-13120 .entry-content p a, body.single-post.postid-13120 .entry-content li a { color: var(--blacklight-link) !important; text-decoration-color: rgba(199, 125, 255, 0.78) !important; text-shadow: 0 0 4px rgba(199, 125, 255, 0.34), 0 0 9px rgba(199, 125, 255, 0.14) !important; transition: color 0.2s ease, text-shadow 0.2s ease, text-decoration-color 0.2s ease !important; } /* Liens déjà visités */ body.single-post.postid-13120 .entry-content a:visited { color: var(--blacklight-link-visited) !important; text-decoration-color: rgba(173, 99, 223, 0.66) !important; } /* Survol et clic */ body.single-post.postid-13120 .entry-content a:hover, body.single-post.postid-13120 .entry-content a:focus, body.single-post.postid-13120 .entry-content a:active { color: var(--blacklight-link-hover) !important; text-decoration-color: rgba(102, 255, 0, 0.95) !important; text-shadow: 0 0 5px rgba(102, 255, 0, 0.72), 0 0 12px rgba(102, 255, 0, 0.34), 0 0 22px rgba(102, 255, 0, 0.14) !important; } /* Navigation au clavier */ body.single-post.postid-13120 .entry-content a:focus-visible { outline: 1px solid var(--ouraline-green) !important; outline-offset: 3px !important; } /* ========================================================= CITATIONS ========================================================= */ body.single-post.postid-13120 .entry-content blockquote, body.single-post.postid-13120 .entry-content .wp-block-quote { color: var(--ouraline-green-soft) !important; border-left-color: var(--blacklight-purple) !important; } body.single-post.postid-13120 .entry-content blockquote p, body.single-post.postid-13120 .entry-content .wp-block-quote p { color: var(--ouraline-green-soft) !important; } body.single-post.postid-13120 .entry-content blockquote cite, body.single-post.postid-13120 .entry-content .wp-block-quote cite { color: var(--blacklight-muted) !important; text-shadow: 0 0 4px rgba(169, 120, 194, 0.24) !important; } /* ========================================================= LISTES ET MARQUEURS ========================================================= */ body.single-post.postid-13120 .entry-content ul li::marker, body.single-post.postid-13120 .entry-content ol li::marker { color: var(--blacklight-purple) !important; } /* ========================================================= SÉPARATEURS ========================================================= */ body.single-post.postid-13120 .entry-content hr, body.single-post.postid-13120 .entry-content .wp-block-separator { border-color: rgba(159, 75, 216, 0.58) !important; background-color: rgba(159, 75, 216, 0.58) !important; box-shadow: 0 0 5px rgba(159, 75, 216, 0.20) !important; } /* ========================================================= LÉGENDES D’IMAGES ========================================================= */ body.single-post.postid-13120 .entry-content figcaption, body.single-post.postid-13120 .entry-content .wp-element-caption, body.single-post.postid-13120 .entry-content .wp-block-image figcaption { color: var(--ouraline-green-soft) !important; text-shadow: 0 0 3px rgba(143, 255, 51, 0.26) !important; } body.single-post.postid-13120 .entry-content figcaption a, body.single-post.postid-13120 .entry-content .wp-element-caption a { color: var(--blacklight-link) !important; } /* ========================================================= MÉTADONNÉES DU BILLET ========================================================= */ body.single-post.postid-13120 .entry-meta, body.single-post.postid-13120 .entry-meta span, body.single-post.postid-13120 .entry-footer, body.single-post.postid-13120 .entry-footer span, body.single-post.postid-13120 .posted-on, body.single-post.postid-13120 .byline, body.single-post.postid-13120 .cat-links, body.single-post.postid-13120 .tags-links { color: var(--ouraline-green-soft) !important; } body.single-post.postid-13120 .entry-meta a, body.single-post.postid-13120 .entry-footer a { color: var(--blacklight-link) !important; } body.single-post.postid-13120 .entry-meta a:hover, body.single-post.postid-13120 .entry-meta a:focus, body.single-post.postid-13120 .entry-footer a:hover, body.single-post.postid-13120 .entry-footer a:focus { color: var(--ouraline-green) !important; } /* ========================================================= ARTICLES SIMILAIRES ========================================================= */ body.single-post.postid-13120 #jp-relatedposts, body.single-post.postid-13120 #jp-relatedposts p, body.single-post.postid-13120 #jp-relatedposts .jp-relatedposts-headline, body.single-post.postid-13120 #jp-relatedposts .jp-relatedposts-post-context, body.single-post.postid-13120 #jp-relatedposts .jp-relatedposts-post-date { color: var(--ouraline-green) !important; } body.single-post.postid-13120 #jp-relatedposts h3, body.single-post.postid-13120 #jp-relatedposts .jp-relatedposts-headline em { color: var(--blacklight-purple) !important; text-shadow: 0 0 4px rgba(159, 75, 216, 0.40), 0 0 10px rgba(159, 75, 216, 0.18) !important; } body.single-post.postid-13120 #jp-relatedposts a, body.single-post.postid-13120 #jp-relatedposts .jp-relatedposts-post-title a { color: var(--blacklight-link) !important; } body.single-post.postid-13120 #jp-relatedposts a:hover, body.single-post.postid-13120 #jp-relatedposts a:focus { color: var(--ouraline-green) !important; } /* ========================================================= NAVIGATION ARTICLE PRÉCÉDENT / SUIVANT ========================================================= */ body.single-post.postid-13120 .post-navigation, body.single-post.postid-13120 .post-navigation .nav-subtitle, body.single-post.postid-13120 .post-navigation .meta-nav { color: var(--ouraline-green-soft) !important; } body.single-post.postid-13120 .post-navigation a, body.single-post.postid-13120 .post-navigation .nav-title { color: var(--blacklight-link) !important; } body.single-post.postid-13120 .post-navigation a:hover, body.single-post.postid-13120 .post-navigation a:focus, body.single-post.postid-13120 .post-navigation a:hover .nav-title, body.single-post.postid-13120 .post-navigation a:focus .nav-title { color: var(--ouraline-green) !important; } /* ========================================================= COMMENTAIRES ========================================================= */ body.single-post.postid-13120 .comments-area, body.single-post.postid-13120 .comments-area p, body.single-post.postid-13120 .comments-area li, body.single-post.postid-13120 .comment-content, body.single-post.postid-13120 .comment-content p, body.single-post.postid-13120 .comment-metadata, body.single-post.postid-13120 .logged-in-as { color: var(--ouraline-green) !important; } body.single-post.postid-13120 .comments-title, body.single-post.postid-13120 .comment-reply-title, body.single-post.postid-13120 .comments-area h2, body.single-post.postid-13120 .comments-area h3 { color: var(--blacklight-purple) !important; text-shadow: 0 0 4px rgba(159, 75, 216, 0.40), 0 0 10px rgba(159, 75, 216, 0.18) !important; } body.single-post.postid-13120 .comments-area a { color: var(--blacklight-link) !important; } body.single-post.postid-13120 .comments-area a:hover, body.single-post.postid-13120 .comments-area a:focus { color: var(--ouraline-green) !important; } body.single-post.postid-13120 .comment-form label { color: var(--ouraline-green-soft) !important; } /* ========================================================= CHAMPS DE COMMENTAIRE ========================================================= */ body.single-post.postid-13120 .comment-form input, body.single-post.postid-13120 .comment-form textarea { color: var(--ouraline-green) !important; background-color: #050505 !important; border-color: rgba(159, 75, 216, 0.52) !important; caret-color: var(--ouraline-green) !important; } body.single-post.postid-13120 .comment-form input:focus, body.single-post.postid-13120 .comment-form textarea:focus { border-color: var(--ouraline-green) !important; box-shadow: 0 0 5px rgba(102, 255, 0, 0.38) !important; outline: none !important; } /* ========================================================= BOUTONS DU FORMULAIRE ========================================================= */ body.single-post.postid-13120 .comment-form input[type="submit"], body.single-post.postid-13120 .comments-area button, body.single-post.postid-13120 .comments-area .button { color: #000000 !important; background-color: var(--ouraline-green) !important; border-color: var(--ouraline-green) !important; text-shadow: none !important; box-shadow: 0 0 6px rgba(102, 255, 0, 0.42), 0 0 14px rgba(102, 255, 0, 0.18) !important; } body.single-post.postid-13120 .comment-form input[type="submit"]:hover, body.single-post.postid-13120 .comment-form input[type="submit"]:focus, body.single-post.postid-13120 .comments-area button:hover, body.single-post.postid-13120 .comments-area button:focus { color: #000000 !important; background-color: var(--ouraline-green-soft) !important; border-color: var(--ouraline-green-soft) !important; } /* ========================================================= ACCESSIBILITÉ — TEXTE SÉLECTIONNÉ ========================================================= */ body.single-post.postid-13120 ::selection { color: #000000 !important; background: var(--ouraline-green) !important; } body.single-post.postid-13120 ::-moz-selection { color: #000000 !important; background: var(--ouraline-green) !important; } body.single-post .entry-content h2, body.single-post .entry-content h3 { text-align: left !important; }