/* Theme Name: Thème Thibault de Montbrial Description: Thème enfant de Salient Theme URI: https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266 Author: ThemeNectar Author URI: https://www.commenge-design.fr Template: salient Version: 18.2.1 */ /* /*---------------------------------------------------------------------------------------------------------------------------- MENU PRINCIPAL (MOBILE) > HOVER AVEC BANDEAUX BLEUS -----------------------------------------------------------------------------------------------------------------------------*/ #slide-out-widget-area .menu li { width: 100%; } #slide-out-widget-area .menu li > a { display: flex; align-items: center; padding: 10px 18px !important; border-radius: 10px; box-sizing: border-box; width: 100%; transition: all 0.2s ease; } /* Hover bandeau */ #slide-out-widget-area .menu li:hover > a { background-color: #002F5F; color: #ffffff !important; border-radius: 10px; } /* ===================== AGRANDIR LE BOUTON TO-TOP ===================== */ /* Bouton back to top : taille du cercle */ body[data-button-style*="slightly_rounded"] #to-top { width: 45px; height: 45px; line-height: 45px; } /* Icône normale */ body[data-button-style*="slightly_rounded"] #to-top i { width: 45px; height: 45px; line-height: 45px; font-size: 20px; top: 0; left: 0; text-align: center; position: relative; z-index: 10; background-color: transparent; display: block; } /*---------------------------------------------------------------------------------------------------------------------------- RUBRIQUE ACTU / BLOG -----------------------------------------------------------------------------------------------------------------------------*/ /* ===================== BOUTON LOAD MORE ===================== */ body[data-button-style*=slightly_rounded] .nectar-post-grid-wrap .load-more { background-color: #1AB1F1 !important; color: #FFFFFF !important; border-radius: 12px !important; padding: 16px 36px !important; font-weight: 600 !important; border: none !important; outline: none !important; cursor: pointer !important; transition: all 0.3s ease !important; box-shadow: 0 4px 14px rgba(0, 47, 95, 0.25) !important; text-decoration: none !important; } body[data-button-style*=slightly_rounded] .nectar-post-grid-wrap .load-more span, body[data-button-style*=slightly_rounded] .nectar-post-grid-wrap .load-more i { color: #FFFFFF !important; } /* ===================== HOVER ===================== */ body[data-button-style*=slightly_rounded] .nectar-post-grid-wrap .load-more:hover { background-color: #1AB1F1 !important; color: #FFFFFF !important; border: none !important; transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(0, 47, 95, 0.35), 0 0 18px rgba(26, 177, 241, 0.45) !important; } body[data-button-style*=slightly_rounded] .nectar-post-grid-wrap .load-more:hover span, body[data-button-style*=slightly_rounded] .nectar-post-grid-wrap .load-more:hover i { color: #FFFFFF !important; } /* ===================== BOUTON LOAD MORE (FIN) ===================== */ /*---------------------------------------------------------------------------------------------------------------------------- RUBRIQUE ACTU / BLOG > SINGLE -----------------------------------------------------------------------------------------------------------------------------*/ /*LOGO > TAILLE*/ #header-outer #logo img{ height:90px!important; } /* TITRE H1 (entry-title) – uniquement sur les articles */ .single-post .entry-title { font-size: 50px !important; line-height: 1.2 !important; } @media (max-width: 768px) { .single-post .entry-title { font-size: 28px !important; line-height: 1.25 !important; } } /*TITRE H2*/ .single-post .container-wrap h2 { font-size: 30px !important; line-height: 1.25 !important; margin-bottom: 15px !important; } /*HEADER > FOND COULEUR*/ .single-post #header-outer[data-full-width=true] header>.container{ background-color: #002F5F!important; padding-bottom: 50px!important; } /*DATE*/ .blog-title #single-below-header > span { font-size: 30px !important; } /*ESPACE entre la date et le visuel*/ .single .heading-title{ padding-bottom: 0px!important; } /*PHOTO > marge sous la photo*/ .single-post .post-content > .audio-wrap, .single-post .post-content > .post-featured-img > img, .single-post .post-content > .quote-inner, .single-post .post-content > .video { margin-bottom: 15px !important; } /*VISUELS > Réduire hauteur des visuels*/ .single-post .post-content .post-featured-img img { max-height: 580px !important; object-fit: cover; } /*CATEGORIES sous le header: masquer*/ .single-post .meta-category { display: none !important; } /*---------------------------------------------------------------------------------------------------------------------------- RUBRIQUE "LE MOT DE TDM" -----------------------------------------------------------------------------------------------------------------------------*/ /* ===================== IMPORT GOOGLE FONTS ===================== */ /* ===================== TEXTE MOT DE TDM ===================== .mot-de-tdm, .mot-de-tdm p, .mot-de-tdm span, .mot-de-tdm div { font-family: 'Licorice', cursive !important; font-size: 32px !important; line-height: 40px !important; }*/ .mot-de-tdm, .mot-de-tdm p, .mot-de-tdm span, .mot-de-tdm div { font-style: italic!important; line-height: 30px!important; font-size: 19px!important; } /*---------------------------------------------------------------------------------------------------------------------------- RUBRIQUE "RESEAUX SOCIAUX" -----------------------------------------------------------------------------------------------------------------------------*/ .bandeau-reseaux{ box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4)!important; } .bandeau-reseaux h2{ color: #FFFFFF!important; text-align: center!important; } /* ===================== COLONNE — arrondis gauche uniquement ===================== */ .reseaux-bandeau-icones .vc_column-inner, .reseaux-bandeau-icones .nectar-column-content-wrap, .reseaux-bandeau-icones > div { border-top-left-radius: 10px !important; border-bottom-left-radius: 10px !important; border-top-right-radius: 0 !important; border-bottom-right-radius: 0 !important; overflow: hidden !important; } /*---------------------------------------------------------------------------------------------------------------------------- RUBRIQUE "CONTACT" -----------------------------------------------------------------------------------------------------------------------------*/ /*Recaptcha invisible : masquer*/ .grecaptcha-badge { visibility: hidden; } /*---------------------------------------------------------------------------------------------------------------------------- HEADER -----------------------------------------------------------------------------------------------------------------------------*/ /* ===================== LOGO — repositionnement indépendant ===================== */ #logo { position: relative !important; top: 30px !important; left: 30px !important; } /* ===================== BURGER — neutralise l'héritage ===================== */ #header-outer .mobile-menu { position: relative !important; top: 0 !important; left: 0 !important; } /*---------------------------------------------------------------------------------------------------------------------------- HOME -----------------------------------------------------------------------------------------------------------------------------*/ /*Bloc Payzen*/ .payzen-mention{ font-size: 14px!important; line-height: 22px!important; } /*Home > filet tricolore (début) ====================================================*/ /* ===================== FILET TRICOLORE — 15px ===================== */ .home-filet-tricolore { height: 15px !important; min-height: 15px !important; padding: 0 !important; position: absolute !important; bottom: 40px !important;/*FILET > HAUTEUR (avant 70px)*/ left: 0 !important; right: 0 !important; width: 100vw !important; transform: none !important; max-width: none !important; z-index: 10 !important; background: linear-gradient( to right, #002F5F 0% 33.33%, #FFFFFF 33.33% 66.66%, #1AB1F1 66.66% 100% ) !important; } .home-filet-tricolore .col, .home-filet-tricolore .wpb_column, .home-filet-tricolore .vc_column-inner, .home-filet-tricolore .wpb_wrapper, .home-filet-tricolore .nectar-column-content-wrap { padding: 0 !important; margin: 0 !important; height: 15px !important; } /* ===================== TEXTE ACCROCHE 70 + 15 + 35 = 120px ===================== */ .home-accroche { position: absolute !important; bottom: 280px !important;/*ACCROCHE > HAUTEUR (avant : 120px)*/ left: 0 !important; right: 0 !important; z-index: 11 !important; } /* ===================== MOBILE ===================== */ @media (max-width: 768px) { .home-filet-tricolore { bottom: 30px !important; } .home-accroche { bottom: 80px !important; /* 30 + 15 + 35 */ } } /*---------------------------------------------------------------------------------------------------------------------------- FORMATAGE -----------------------------------------------------------------------------------------------------------------------------*/ /*HOME =========================================================*/ /*h3*/ .container-wrap h2 { padding-bottom: 17px !important; } .container-wrap h3 { padding-bottom: 16px !important; } .container-wrap h4 { padding-bottom: 14px !important; } /*Texte courant p*/ .container-wrap p { padding-bottom: 14px !important; } /*Texte courant p : survol*/ .container-wrap p a:hover { color: #1AB1F1!important; } /* ----------------------------------------------- LISTES ----------------------------------------------- */ /* Base commune ul */ .container-wrap ul li, .container-wrap ul ul li { list-style: url(img/list-tiret-noir.png) !important; margin-top: 8px !important; margin-left: -8px !important; } /* Niveau 2 */ .container-wrap ul ul li, .container-wrap .entry-content ul ul li { list-style: url(img/list-tiret-noir-niveau2.png) !important; } /* Listes numérotées */ .container-wrap ol li { list-style-type: decimal !important; list-style-position: outside !important; margin-top: 8px !important; margin-left: -8px !important; } /* ----------------------------------------------- LISTE BLANCHE — fond sombre ----------------------------------------------- */ .container-wrap ul.liste-blanche li, .container-wrap .liste-blanche ul li, .container-wrap .liste-blanche ul ul li { list-style: url(img/list-tiret-blanc.png) !important; color: #ffffff !important; } /*---------------------------------------------------------------------------------------------------------------- FOOTER > GLOBAL SECTIONS -----------------------------------------------------------------------------------------------------------------*/ /* ===================== FILET VIA PSEUDO-ÉLÉMENT — aucune inner row nécessaire ===================== */ .footer-filet-tricolore::before { content: '' !important; display: block !important; position: absolute !important; top: 0 !important; left: 50% !important; transform: translateX(-50%) !important; width: 100vw !important; height: 15px !important; z-index: 100 !important; background: linear-gradient( to right, #002F5F 0% 33.33%, #FFFFFF 33.33% 66.66%, #1AB1F1 66.66% 100% ) !important; } /* ===================== ROW FOOTER — conteneur (FIN) ===================== */ .footer-col-3 a { font-size: 14px!important; } /* ===================== FOOTER ROW — TEXTES BLANCS ===================== */ .footer-row, .footer-row p, .footer-row span, .footer-row div, .footer-row li { color: #FFFFFF !important; } /* ===================== TITRES H3 ===================== */ .footer-row h3 { color: #FFFFFF !important; } /* ===================== LIENS — blanc + survol #1AB1F1 ===================== */ .footer-row a { color: #FFFFFF !important; text-decoration: none !important; transition: color 0.3s ease !important; } /*---------------------------------------------------------------------------------------------------------------------------- STYLES CUSTOM -----------------------------------------------------------------------------------------------------------------------------*/ /* ===================== BOUTON BLEU ===================== */ .bouton-bleu a, a.bouton-bleu { display: inline-block !important; background-color: #1AB1F1 !important; color: #FFFFFF !important; border-radius: 12px !important; padding: 16px 36px !important; font-weight: 600 !important; text-decoration: none !important; border: none !important; cursor: pointer !important; transition: all 0.3s ease !important; /* Ombre teintée #002F5F pour rester dans la charte */ box-shadow: 0 4px 14px rgba(0, 47, 95, 0.25) !important; } /* ===================== HOVER — lueur qui irradie ===================== */ body .bouton-bleu a:hover { background-color: #1AB1F1 !important; color: #FFFFFF !important; transform: translateY(-2px) !important; /* L'ombre s'élargit et se teinte plus fort en #002F5F */ box-shadow: 0 8px 24px rgba(0, 47, 95, 0.35), 0 0 18px rgba(26, 177, 241, 0.45) !important; } /*======================================================*/ .bouton-transparent-blanc { background: transparent !important; border: 1.5px solid #ffffff !important; border-radius: 4px !important; padding: 12px 28px !important; cursor: pointer !important; transition: background 0.2s !important; text-align: center !important; display: inline-block !important; min-width: 250px !important; } .bouton-transparent-blanc a { color: #ffffff !important; } .bouton-transparent-blanc:hover { background: rgba(255, 255, 255, 0.15) !important; } .bouton-transparent-bleu { background: transparent !important; border: 1.5px solid #428ecd !important; border-radius: 4px !important; padding: 12px 28px !important; cursor: pointer !important; transition: background 0.2s !important; text-align: center !important; display: inline-block !important; margin-top: 30px; min-width: 250px !important; } .bouton-transparent-bleu a { color: #428ecd !important; } .bouton-transparent-bleu:hover { background: rgba(255, 255, 255, 0.15) !important; } .bouton-blanc { background: #FFFFFF !important; border: 1.5px solid #FFFFFF !important; border-radius: 4px !important; padding: 12px 28px !important; cursor: pointer !important; transition: background 0.2s, color 0.2s !important; text-align: center !important; display: inline-block !important; min-width: 250px !important; color: #428ecd !important; } .bouton-blanc a { color: #428ecd !important; } .bouton-blanc * { background: transparent !important; transition: color 0.2s !important; } .bouton-blanc:hover { background: #428ecd !important; color: #ffffff !important; } .bouton-blanc:hover * { color: #ffffff !important; background: transparent !important; }