/* Theme Name: Uncode Child Description: Child theme for Uncode theme Author: Undsgn™ Author URI: http://www.undsgn.com Template: uncode Version: 1.0.0 Text Domain: uncode */ @import url('print.css'); @font-face { font-family: 'Gotham'; src: url('./fonts/gotham/gotham-medium-webfont.woff2') format('woff2'), url('./fonts/gotham/gotham-medium-webfont.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('./fonts/gotham/gotham-bold-webfont.woff2') format('woff2'), url('./fonts/gotham/gotham-bold-webfont.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('./fonts/gotham/gotham_black-webfont.woff2') format('woff2'), url('./fonts/gotham/gotham_black-webfont.woff') format('woff'); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham'; src: url('fonts/gotham/Gotham-Regular.woff2') format('woff2'), url('fonts/gotham/Gotham-Regular.woff') format('woff'); font-weight: 400 ; font-style: normal; font-display: swap; } /* Gotham Light pour les textes body */ @font-face { font-family: 'Gotham'; src: url('./fonts/gotham/gotham-light-webfont.woff2') format('woff2'), url('./fonts/gotham/gotham-light-webfont.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } /* Button centré */ .button-center { display: block; margin-left: auto; margin-right: auto; width: fit-content; } /* Map Formation - hide profil container if is not display:block inside */ .containermapinfos__profil:not(:has(.mapinfos-container[style*="display: block;"])){ display:none; } .mapinfos-container .uncode-single-media { display:none; } /********** Fixes mobile **********/ @media (max-width: 959px) { /* Fix mobile topbar */ #masthead .top-menu ul{ background:transparent; } #masthead .top-menu{ transition:height 300ms; height:49px; overflow:hidden; } #masthead.is_mobile_open .top-menu, #masthead:has(.open-items) .top-menu{ height:0px; } #masthead.is_stuck .top-menu{ transition:height 300ms 300ms; } #masthead .menu-hided .top-menu{ height:0px; } .menu-primary-inner > li + li{ margin-top:1em; } .menu-mobile-centered #masthead .menu-primary-inner.menu-smart:not(.top-enhanced-inner) > li.menu-item-has-children:not(.social-icon) > a i.fa[class*=fa-angle-]{ display:inline-block !important; } #masthead .menu-primary-inner > li.menu-item-has-children:has(> ul:not([style*="display: block"])) > a i{ transform: rotate(-90deg) translate(-4px,4px); } /* Fix pub_doc pdf view */ .post-content:has(._df_book){ padding-inline:36px; } .post-content:has(._df_book) .row-parent{ padding-inline:0px; } } /* CSS Oliv */ /* MENU */ body[class*=hmenu-]:not(.hormenu-position-right) .menu-borders .navbar-mobile-el + .navbar-nav-last > *:first-child { padding-right: 36px !important; } /* Fix menu spacing on mobile */ @media (max-width: 960px) { #page-header .uncell.no-block-padding{ padding-top:47px; } } /* Fix menu spacing on desktop */ @media (min-width: 960px){ .menu-wrapper.no-header{ height:159px !important; } } /* Sous menu */ .submenu-light .menu-sub-enhanced .menu-smart ul a { color: #303133 ; line-height:20px ; font-size:13px ; font-weight:500 ; } @media (min-width: 960px) { .menu-sub-enhanced.menu-horizontal ul.menu-smart > li ul { padding: 18px; } } .submenu-light .menu-horizontal .menu-smart ul { border-radius:10px ; } .drop-menu { top: calc(100% - 20px) !important; /* Ajuste la valeur selon tes besoins */ z-index:999 ; } /* Forcer le fond opaque et z-index plus élevé pour le dropdown */ ul.drop-menu { background-color: #fff !important; /* Fond blanc opaque */ z-index: 9999 !important; /* Au-dessus de tout */ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* Ombre propre du dropdown */ } /* HOMEPAGE */ /* Créer le même ratio que les autres logos */ .tmb-id-87012 .t-entry-visual-cont { position: relative; padding-top: 47.8%; /* Même ratio que les autres */ } .tmb-id-87012 .fluid-svg { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 73%; } .tmb-meta-weight-700.tmb .t-entry p.t-entry-meta span { font-weight:500 !important ; } .tmb .t-entry p.t-entry-meta span { display: block; font-weight: 500; } .interlignage { line-height:24px ; } /* COMMENTAIRES */ #comments { margin-bottom:30px ; } /* ESPACE PRE FOOTER */ /* Override pour la dernière row avant le footer (pas sur homepage) */ body:not(.home) .main-container .row-container:last-of-type .double-bottom-padding { padding-bottom: 0 !important; } /* ICONS */ /* Solution spécifique pour l'icon-box Uncode */ .icon-box-icon a.fa-rounded { display: inline-flex !important; align-items: center !important; justify-content: center !important; } .icon-box-icon a.fa-rounded i { margin: 0 !important; position: relative; top: 0 !important; } /* CTA MENU */ .menu-item-83886 { border-radius:50px ; } /* FOOTER */ /* Newsletter */ #gform_submit_button_19 { background:#f24d27 ; color:#fff ; border:none ; } #gform_submit_button_19:hover { background:#ECF6F7 ; color:#2E2883 ; border:none ; } /* Aligner le champ email et le bouton sur la même ligne dans le footer */ #gform_wrapper_19 .gform_fields { display: flex !important; flex-wrap: wrap !important; align-items: center !important; gap: 10px !important; } /* Masquer le champ honeypot */ #gform_wrapper_19 .gform_validation_container { display: none !important; } /* Champ email et bouton côte à côte */ #gform_wrapper_19 #field_19_1 { flex: 1 !important; margin: 0 !important; } #gform_wrapper_19 #field_submit { flex: 0 0 auto !important; margin: 0 !important; } /* Ajuster les largeurs */ #gform_wrapper_19 #field_19_1 input { width: 100% !important; } / #gform_submit_button_19 body:not(#colophon) #gform_submit_button_28 { text-align:center !important; } /* Grid Builder */ .wpgb-button-facet { text-align: center !important; } .wpgb-button.wpgb-reset { background:#FF5A34 !important ; } .wpgb-facet .wpgb-checkbox-label { font-size:14px !important ; } /* ===== INPUTS & SELECT - Ultra élégant ===== */ .wpgb-input, .wpgb-select { border: 1px solid #e5e7eb !important; border-radius: 50px !important; padding: 12px 20px !important; background: #fafafa !important; color: #1f2937 !important; font-weight: 400 !important; transition: all 0.25s ease !important; } .wpgb-input:hover, .wpgb-select:hover { border-color: #d1d5db !important; background: #ffffff !important; } .wpgb-input:focus, .wpgb-select:focus { border-color: #2e2883 !important; background: #ffffff !important; box-shadow: 0 0 0 3px rgba(46, 40, 131, 0.06) !important; outline: none !important; } .wpgb-facet select.wpgb-select+.wpgb-select-controls .wpgb-select-separator { display:none ; } .wpgb-facet select.wpgb-select+.wpgb-select-controls { right: -12px; } /* ===== BOUTONS - Ultra élégant ===== */ .wpgb-facet ul .wpgb-button { border: 1px solid #e5e7eb !important; border-radius: 50px !important; padding: 9px 22px !important; background: #fafafa !important; color: #4b5563 !important; font-weight: 400 !important; font-size: 14px !important; transition: all 0.25s ease !important; } .wpgb-facet ul .wpgb-button:hover { border-color: #cbd5e1 !important; background: #ffffff !important; color: #1f2937 !important; transform: translateY(-1px) !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06) !important; } .wpgb-facet ul .wpgb-button[aria-pressed="true"], .wpgb-facet ul .wpgb-button.wpgb-active { background: #2e2883 !important; border-color: #2e2883 !important; color: #ffffff !important; box-shadow: 0 2px 10px rgba(46, 40, 131, 0.2) !important; } .wpgb-facet ul .wpgb-button[aria-pressed="true"] *, .wpgb-facet ul .wpgb-button.wpgb-active * { color: #ffffff !important; } .wpgb-facet select.wpgb-select:not([multiple]) { padding-inline-end: 0px !important; } .wpgb-facet button.wpgb-reset { border-radius:50px !important ; background:#FF5A34 !important } /* GRAVITY FORMS */ /* Grille 2 colonnes pour le formulaire */ #gform_3.gform_wrapper .gform_fields { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; } /* Colonne gauche */ #gform_3.gform_wrapper .col-left { grid-column: 1 !important; } /* Colonne droite */ #gform_3.gform_wrapper .col-right { grid-column: 2 !important; } /* Message sur toute la hauteur (lignes 1 à 3) */ #gform_3.gform_wrapper .message-tall { grid-row: 1 / 4 !important; } #gform_3.gform_wrapper .message-tall textarea { height: 100% !important; min-height: 450px !important; } /* Upload en pleine largeur */ #gform_3.gform_wrapper .full-width { grid-column: 1 / -1 !important; } /* Responsive : 1 colonne sur mobile */ @media (max-width: 768px) { #gform_3.gform_wrapper .gform_fields { grid-template-columns: 1fr !important; } #gform_3.gform_wrapper .col-left, #gform_3.gform_wrapper .col-right, #gform_3.gform_wrapper .message-tall { grid-column: 1 !important; grid-row: auto !important; } #gform_3.gform_wrapper .message-tall textarea { min-height: 200px !important; } } #gform_submit_button_17 { background:#2E2883 ; color:#fff ; border:none ; } #gform_submit_button_17:hover { background:#00AAB4 ; color:#fff ; border:none ; } #gform_wrapper_34 #gform_submit_button_34 { background:#2e2883 ; color:#fff ; } #gform_wrapper_34 #gform_submit_button_34:hover { color:#2e2883 ; } /* TYPO */ h1, h2, h3, h4, h5, h6 { font-family: 'Gotham', sans-serif !important; } /* MARK */ mark { color: #ffffff; padding: 0px 13px 0px 13px; border-radius: 60px; font-weight: 600; } /* TEMPLATE CONTENT POSTS */ .post-template-default .post-content .main-container .row-inner > div:not(.vc_helper), .actualite-template-default .post-content .main-container .row-inner > div:not(.vc_helper), .bon_mauvais_point-template-default .post-content .main-container .row-inner > div:not(.vc_helper) { padding:0px ; } .post-template-default .post-content .row-container .row-parent, .actualite-template-default .post-content .row-container .row-parent, .bon_mauvais_point-template-default .post-content .row-container .row-parent { padding-top: 9px; padding-bottom: 4px; padding-left:0px ; padding-right:0px ; } .post-template-default .post-content h3 { margin-top:13px ; } .post-template-default .post-content p, .actualite-template-default .post-content p, .bon_mauvais_point-template-default .post-content p, .bon_mauvais_point-template-default .post-content p, .communique_presse-template-default .post-content p { line-height:32px ; } .post-template-default .post-content a:not(.btn), .actualite-template-default .post-content a:not(.btn), .bon_mauvais_point-template-default .post-content a:not(.btn), .bon_mauvais_point-template-default .post-content a:not(.btn), .communique_presse-template-default .post-content a:not(.btn) { text-decoration: underline; text-underline-offset: 5px; /* Ajustez la valeur selon vos besoins */ text-decoration-thickness: 2px; /* Optionnel : épaisseur du trait */ text-decoration-color: #000; /* Optionnel : couleur personnalisée */ } /* Margin bottom pour les boutons VC dans les templates spécifiques */ .post-template-default .vc_btn3-container.vc_btn3-inline, .actualite-template-default .vc_btn3-container.vc_btn3-inline, .bon_mauvais_point-template-default .vc_btn3-container.vc_btn3-inline, .communique_presse-template-default .vc_btn3-container.vc_btn3-inline { margin-bottom: 34px; } .post-template-default .post-content ul li, .actualite-template-default .post-content ul li, .bon_mauvais_point-template-default .post-content ul li, .communique_presse-template-default .post-content ul li { line-height:32px ; margin-top:10px ; } .category-info { pointer-events:none ; } /* RESSOURCES */ .publication_document-template-default .btn-inline { display: flex; align-items: center; justify-content: center; } span.wpgb-select-controls{ right:-10px !important ; } /* breadcrumb */ .breadcrumb > li { display: inline-block; margin-top: 0; font-weight: 500 !important; font-size: 12px !important; } /* top MENU */ :not(.top-menu-padding).top-menu.top-menu-enhanced .row-menu-inner .menu-smart > li > a { padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 8px; background-color: #ff5a36; border-radius:50px ; margin-bottom: 10px; margin-top: 10px; margin-left: 3px; margin-right: 3px; } .menu-dark .menu-smart > li.active > a, .menu-dark .menu-smart > li a.active, .menu-dark .menu-smart > li.current-menu-ancestor > a, .menu-dark .menu-smart > li.wpml-ls-current-language > a, .menu-dark .menu-smart > li.current-menu-item:not(.menu-item-type-custom) > a, .menu-dark .menu-smart > li.current-menu-parent > a, .menu-dark .menu-smart > li > a:hover { color: #2e2883; } @media (max-width: 959px) { .top-menu-enhanced .menu-mini.menu-smart a:hover { color: #2e2883; } } /* VIDEOS */ .post-content iframe { border-radius: 15px; } /* FOOTER - Liens en ligne avec pipes */ /* FOOTER - Liens en ligne avec pipes */ .footer-liens-inline { text-align: right; font-size: 12px; line-height: 1.8; } .footer-liens-inline a { display: inline; vertical-align: middle; text-decoration: none; white-space: nowrap; } /* GRAVITY FORMS */ #gform_submit_button_16 { background:#2e2883 ; color:#fff ; border:none ; } .gform_wrapper .gform_validation_errors h2:before { display:none ; } .gform_wrapper .gform_validation_errors h2 { font-size:13px ; } body:not(#colophon) .gfield_error input:not([type="radio"]):not([type="checkbox"]) { border-color: #c02b0b !important; } /* Formulaire Observatoire de la santé */ #gform_30 .gfield_validation_message { font-size:13px ; font-weight:400 !important ; color:#c02b0a !important ; } #gform_30 .gfield h4 { line-height: 1.3; margin-bottom: 0px; margin-top:10px ; color:#2F2E7E ; } #gform_30 .gfield h5 { line-height: 1.3; margin-bottom: 0px; margin-top:10px ; } #gform_30 .gfield_description { font-weight:700 ; color:#00A6B2; } #gform_30 label[for="input_30_35"]::before, label[for="input_30_36"]::before, label[for="input_30_37"]::before { font-family: "Font Awesome 5 Free"; content: "\e09a"; /* Icône file-o */ font-weight: 900; margin-right: 8px; color: #666; } #gform_30 label[for="input_30_38"]::before { font-family: "Font Awesome 5 Free"; content: "\f0c1"; /* Icône file-o */ font-weight: 900; margin-right: 8px; color: #666; } #gform_30 .gfield.thematique .gchoice label { font-weight: bold; color: #EB553E; font-size: 16px; text-transform: uppercase; padding-left: 5px; } .attention { margin-top:10px ; background: #fcf5bd ; padding:10px ; font-size:14px ; border-radius:5px ; font-weight:700 ; width: fit-content; color:#333 ; } /* Classe générique pour réduire la largeur */ #gform_30 .gfield.narrow-field { width: 50% !important; max-width: 400px !important; } #gform_30 .gfield.narrow-field input, #gform_30 .gfield.narrow-field select, #gform_30 .gfield.narrow-field textarea { width: 100% !important; max-width: 400px !important; } /* Spécifique aux file uploads */ #gform_30 .gfield--type-fileupload.narrow-field input[type="file"] { width: 100% !important; max-width: 400px !important; } /* Confirmation message */ #gform_30 .gform_confirmation_wrapper{ text-align:center !important ; font-size:16px ; } #gform_30 .select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field { font-family: Gotham !important ; } #gform_30 .gform_wrapper select[multiple] option { padding-bottom: 7px; /* Espace autour de chaque option */ } /* ========================================== STYLE UPLOAD FICHIERS - GRAVITY FORMS #30 Version MINIMALISTE et FONCTIONNELLE ========================================== */ /* Input natif - Repositionné correctement */ #gform_30 .gfield--type-fileupload input[type="file"] { position: absolute !important; width: calc(100% - 0px) !important; height: calc(100% - 0px) !important; top: 0 !important; left: 0 !important; opacity: 0 !important; cursor: pointer !important; z-index: 10 !important; margin: 0 !important; padding: 0 !important; } /* Container du ginput doit être relative aussi */ #gform_30 .gfield--type-fileupload .ginput_container { position: relative; } /* Empêcher le label d'être cliquable */ #gform_30 .gfield--type-fileupload .gfield_label { position: relative; z-index: 0 !important; pointer-events: none !important; } /* Container du champ - Limiter la zone cliquable */ #gform_30 .gfield--type-fileupload { position: relative; } #gform_30 .gfield--type-fileupload .gfield_label { position: relative; z-index: 0 !important; pointer-events: none !important; font-weight: 600; color: #333; margin-bottom: 10px; font-size: 15px; } /* Container - Zone de drop simple - Position relative pour contenir l'input */ #gform_30 .ginput_container_fileupload { position: relative; background: #fafafa; border: 2px dashed #0073aa; border-radius: 8px; padding: 25px 20px; text-align: center; min-height: 100px; transition: all 0.2s ease; cursor: pointer; display: flex; flex-direction: column; align-items: center; justify-content: center; isolation: isolate; } /* Hover */ #gform_30 .ginput_container_fileupload:hover { border-color: #005a87; background: #f0f8fc; } /* Cacher tous les éléments internes SAUF l'input */ #gform_30 .ginput_container_fileupload > *:not(input[type="file"]) { display: none !important; pointer-events: none !important; } #gform_30 .ginput_container_fileupload input[type="file"] { display: block !important; } /* Bouton visible - Simule un vrai bouton */ #gform_30 .ginput_container_fileupload::before { content: "📤 Choisir un fichier"; display: inline-block; background: linear-gradient(180deg, #0073aa 0%, #005a87 100%); color: #ffffff; padding: 12px 30px; border-radius: 5px; font-size: 15px; font-weight: 600; font-family: inherit; box-shadow: 0 2px 8px rgba(0, 115, 170, 0.25); transition: all 0.2s ease; pointer-events: none; } #gform_30 .ginput_container_fileupload:hover::before { background: linear-gradient(180deg, #005a87 0%, #004666 100%); transform: translateY(-2px); box-shadow: 0 4px 12px rgba(0, 115, 170, 0.35); } #gform_30 .ginput_container_fileupload:active::before { transform: translateY(0); } /* Texte secondaire - SUPPRIMÉ */ /* Pas de drag & drop */ /* Box d'info types de fichiers */ #gform_30 .gfield_description { background: rgba(0, 169, 198, 0.08); padding: 10px 15px; border-radius: 5px; border-left: 3px solid #00a9c6; font-size: 13px; color: #00a9c6; font-weight: 500; margin-top: 12px; line-height: 1.5; } /* État : Fichier sélectionné - via classe ajoutée par JS */ #gform_30 .ginput_container_fileupload.has-file { border-color: #28a745; background: #f8fff9; } #gform_30 .ginput_container_fileupload.has-file::before { content: "✓ Fichier sélectionné"; background: linear-gradient(180deg, #28a745 0%, #218838 100%); } /* Affichage du nom de fichier */ #gform_30 .file-name-display { margin-top: 12px; padding: 12px 16px; background: #ffffff; border: 2px solid #28a745; border-radius: 5px; font-size: 14px; color: #333; text-align: left; box-shadow: 0 2px 6px rgba(40, 167, 69, 0.12); } #gform_30 .file-name-display strong { color: #28a745; } /* Drag & drop désactivé - Section supprimée */ /* Focus accessibilité */ #gform_30 .ginput_container_fileupload input[type="file"]:focus { outline: none; } #gform_30 .ginput_container_fileupload:focus-within { outline: 2px solid #0073aa; outline-offset: 2px; } /* Responsive */ @media (max-width: 768px) { #gform_30 .ginput_container_fileupload { min-height: 90px; padding: 20px 15px; } #gform_30 .ginput_container_fileupload::before { font-size: 14px; padding: 10px 25px; } } /* Corrections style ancien site FAS */ /* Citations - Style France Assos Santé */ .testimonials-wrapper { position: relative; display: flex; gap: 45px; padding: 40px 0; margin: 50px 0; } /* Colonne icône avec bordure */ .testimonials-wrapper::before { content: "\e057"; font-family: 'uncodeicon' !important; font-weight:600 !important ; font-size: 50px; color: #FF6B4A; flex-shrink: 0; width: 100px; display: flex; align-items: flex-start; justify-content: center; padding-right: 35px; border-right: 3px solid #FF6B4A; } /* Reset du blockquote */ .testimonials-wrapper .testimonial-quote { flex: 1; margin: 0; padding: 0; border: none; background: transparent; display: block; } /* Contenu de la citation */ .testimonial-quote .quote-content { font-size: 16px !important; line-height: 28px !important; color: #2B3A7E; font-weight: 800; margin: 0 0 25px 0; padding: 0; } .testimonial-quote .quote-content p { margin-bottom: 0; color: #2B3A7E; font-weight: 800; font-size: 16px !important; line-height: 28px !important; } /* Footer avec auteur */ .testimonial-quote .quote-footer { margin-top: 25px; padding-top: 0; border-top: none; display: flex; flex-direction: column; align-items: flex-start; } .testimonial-quote .author-name { display: block; font-weight: 700; font-size: 1em; font-style: normal; color: #2B3A7E; margin-bottom: 5px; } .testimonial-quote .author-title { display: block; font-size: 0.9em; color: #666666; font-style: italic; font-weight: 400; } /* Responsive */ @media (max-width: 768px) { .testimonials-wrapper { gap: 25px; padding: 30px 0; margin: 35px 0; } .testimonials-wrapper::before { font-size: 35px; width: 70px; padding-right: 20px; border-right-width: 2px; } .testimonial-quote .quote-content { font-size: 1em; line-height: 1.7; margin-bottom: 20px; } } @media (max-width: 480px) { .testimonials-wrapper { gap: 20px; } .testimonials-wrapper::before { font-size: 30px; width: 60px; padding-right: 15px; } } /* DESIGN CHAMPS GRAVITY FORMS */ /* Masquer le heading par défaut */ #gform_wrapper_34 .gform_heading { display: none; } /* Légende des champs requis - Style FAS */ #gform_wrapper_34 .gform_required_legend { font-size: 15px; color: #2C3E50; margin-bottom: 25px; text-align: center; font-weight: 500; } /* Body du formulaire */ #gform_wrapper_34 .gform_body { margin-bottom: 0; } /* Champs du formulaire */ #gform_wrapper_34 .gform_fields { display: flex; flex-direction: column; gap: 5px; } /* Masquer les labels (on utilise les placeholders) */ #gform_wrapper_34 .gfield_label { display: none; } /* Champ email - Style FAS */ #gform_wrapper_34 #input_34_5, #gform_wrapper_19 #input_19_1 { width: 100%; padding: 18px 25px; font-size: 16px; border: none; border-radius: 8px; background: white; color: #333; font-family: inherit; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); transition: box-shadow 0.2s ease; } #gform_wrapper_34 #input_34_5:focus { outline: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } #gform_wrapper_34 #input_34_5::placeholder { color: #999; } /* Container de la checkbox RGPD */ #gform_wrapper_34 #field_34_6 { margin-bottom: 0; } #gform_wrapper_34 #field_34_6 legend { color:#666 !important } #gform_wrapper_34 .ginput_container_consent { display: flex; align-items: flex-start; gap: 15px; } /* Checkbox personnalisée - Style FAS */ #gform_wrapper_34 #input_34_6_1 { appearance: none; width: 14px; height: 14px; min-width: 14px; border: 1px solid white; border-radius: 2px; cursor: pointer; transition: all 0.2s ease; position: relative; margin-top: 2px; background: transparent; } /* Neutraliser le ::before du thème existant */ #gform_wrapper_34 #input_34_6_1:before, #gform_wrapper_34 #input_34_6_1::before { content: none !important; display: none !important; } #gform_wrapper_34 #input_34_6_1:checked { background-color: white; border-color: white; } #gform_wrapper_34 #input_34_6_1:checked::after { content: "✓"; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #FF6347; font-size: 16px; font-weight: bold; } #gform_wrapper_34 #input_34_6_1:focus { outline: none; box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.3); } /* Label RGPD - Texte blanc */ #gform_wrapper_34 .gfield_consent_label { font-size: 13px; color: white; line-height: 1.6; cursor: pointer; user-select: none; font-weight: 400; } #gform_wrapper_34 .gfield_consent_label .gfield_required_asterisk { color: #fff; margin-left: 2px; } /* Footer du formulaire */ #gform_wrapper_34 .gform_footer { margin-top: 30px; padding-top: 0; text-align: center; } /* Bouton de soumission - Style FAS (blanc avec texte foncé) */ #gform_wrapper_34 #gform_submit_button_34 { display: inline-block; padding: 18px 50px; font-size: 17px; font-weight: 600; color: #2C3E50; background: white; border: none; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; text-transform: none; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); } #gform_wrapper_34 #gform_submit_button_34:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0, 0, 0, 0.2); background: #f8f8f8; } #gform_wrapper_34 #gform_submit_button_34:active { transform: translateY(0); } /* Messages de validation */ #gform_wrapper_34 .gfield_error { background-color: transparent !important; border: none !important; padding: 0 !important; } #gform_wrapper_34 .gfield_error input[type="email"] { border: 2px solid #FFD700 !important; } #gform_wrapper_34 .validation_message { color: #FFD700; font-size: 14px; margin-top: 8px; display: block; font-weight: 500; } /* Responsive */ @media (max-width: 640px) { #gform_wrapper_34 { padding: 30px 25px; } #gform_wrapper_34 #input_34_5 { padding: 15px 20px; font-size: 16px; } #gform_wrapper_34 #gform_submit_button_34 { padding: 16px 40px; font-size: 16px; } #gform_wrapper_34 .gfield_consent_label { font-size: 14px; } } /* === RÉDUCTION DES ESPACES DU FORMULAIRE === */ /* Réduire l'espace entre les champs */ #gform_fields_34 .gfield { margin-bottom: 0.75rem !important; /* au lieu de 1.5rem */ } /* Réduire le padding de l'input email */ #gform_wrapper_34 input[type="email"] { padding: 0.875rem 1rem !important; /* au lieu de 1.25rem */ height: auto !important; } /* Réduire l'espace entre la checkbox et le footer */ #field_34_6 { margin-bottom: 1rem !important; } /* === OPTIMISATION DU BOUTON === */ #gform_wrapper_34 .gform_footer { margin-top: 5px !important; /* réduire l'espace au-dessus */ padding-top: 0px !important; } #gform_submit_button_34 { padding: 0.875rem 2rem !important; /* au lieu de ~1.25rem 3rem */ font-size: 1rem !important; /* ajuster si nécessaire */ min-height: auto !important; height: auto !important; width: auto !important; /* éviter qu'il soit full-width */ } /* Grid Builder Checkbox style */ /* ========================================== CHECKBOXES STYLISÉES WP GRID BUILDER Structure : ========================================== */ /* Le span qui sert de checkbox */ .wpgb-checkbox-control { display: inline-block; width: 22px; height: 22px; min-width: 22px; border: 2px solid #4A4A9E; border-radius: 4px; cursor: pointer; transition: all 0.2s ease; position: relative; background: white; margin-right: 12px; vertical-align: middle; } /* Neutraliser les ::before et ::after existants SAUF quand checked */ .wpgb-checkbox-control:before, .wpgb-checkbox-control::before { content: none !important; display: none !important; border: none !important; background: none !important; transform: none !important; opacity: 0 !important; visibility: hidden !important; } /* Neutraliser le ::after NON coché */ .wpgb-checkbox[aria-pressed="false"] .wpgb-checkbox-control:after, .wpgb-checkbox[aria-pressed="false"] .wpgb-checkbox-control::after { content: none !important; display: none !important; border: none !important; background: none !important; transform: none !important; opacity: 0 !important; visibility: hidden !important; } /* État hover */ .wpgb-checkbox:hover .wpgb-checkbox-control { border-color: #FF6347; box-shadow: 0 0 0 3px rgba(255, 99, 71, 0.1); } /* État checked (quand aria-pressed="true") */ .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control { background-color: #4A4A9E; border-color: #4A4A9E; } /* Coche blanche à l'intérieur quand checked */ .wpgb-checkbox[aria-pressed="true"] .wpgb-checkbox-control::after { content: "✓" !important; display: block !important; position: absolute !important; top: 45% !important; left: 35% !important; transform: translate(-50%, -50%) !important; color: white !important; font-size: 14px !important; font-weight: bold !important; line-height: 1 !important; border: none !important; background: none !important; opacity: 1 !important; visibility: visible !important; } /* État focus (accessibilité) */ .wpgb-checkbox:focus .wpgb-checkbox-control, .wpgb-checkbox[tabindex]:focus .wpgb-checkbox-control { outline: none; box-shadow: 0 0 0 3px rgba(74, 74, 158, 0.2); } /* Label clickable */ .wpgb-checkbox { cursor: pointer; user-select: none; display: inline-flex; align-items: center; } .wpgb-checkbox-label { font-size: 16px; color: #333; line-height: 1.5; } /* Animation au clic */ .wpgb-checkbox:active .wpgb-checkbox-control { transform: scale(0.95); } /* ========================================== VIDÉOS IFRAME - RATIO 16:9 RESPONSIVE ========================================== */ /* Ratio 16:9 pour toutes les vidéos iframe dans les posts */ .post-template-default .post-content iframe, .actualite-template-default .post-content iframe, .bon_mauvais_point-template-default .post-content iframe, .communique_presse-template-default .post-content iframe { width: 100% !important; max-width: 800px; height: auto !important; aspect-ratio: 16 / 9 !important; border-radius: 8px; margin: 20px auto; display: block; } /* Fallback pour navigateurs qui ne supportent pas aspect-ratio */ @supports not (aspect-ratio: 16 / 9) { /* Container avec padding trick */ .post-template-default .post-content .wpb_video_wrapper, .post-template-default .post-content .wpb_wrapper > div:has(iframe), .actualite-template-default .post-content .wpb_video_wrapper, .actualite-template-default .post-content .wpb_wrapper > div:has(iframe), .bon_mauvais_point-template-default .post-content .wpb_video_wrapper, .bon_mauvais_point-template-default .post-content .wpb_wrapper > div:has(iframe), .communique_presse-template-default .post-content .wpb_video_wrapper, .communique_presse-template-default .post-content .wpb_wrapper > div:has(iframe) { position: relative; width: 100%; max-width: 800px; padding-bottom: 56.25%; /* 16:9 = 56.25% */ height: 0; margin: 20px auto; } .post-template-default .post-content .wpb_video_wrapper iframe, .post-template-default .post-content .wpb_wrapper > div:has(iframe) iframe, .actualite-template-default .post-content .wpb_video_wrapper iframe, .actualite-template-default .post-content .wpb_wrapper > div:has(iframe) iframe, .bon_mauvais_point-template-default .post-content .wpb_video_wrapper iframe, .bon_mauvais_point-template-default .post-content .wpb_wrapper > div:has(iframe) iframe, .communique_presse-template-default .post-content .wpb_video_wrapper iframe, .communique_presse-template-default .post-content .wpb_wrapper > div:has(iframe) iframe { position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; border-radius: 8px; } } /* Responsive - ajustements mobile */ @media (max-width: 768px) { .post-template-default .post-content iframe, .actualite-template-default .post-content iframe, .bon_mauvais_point-template-default .post-content iframe, .communique_presse-template-default .post-content iframe { margin: 15px auto; border-radius: 4px; } } /* ========================================== H3 - COULEUR ORANGE DANS LES POSTS ========================================== */ /* Cibler tous les H3 et leurs spans */ .post-template-default .post-content h3, .post-template-default .post-content h3 span, .actualite-template-default .post-content h3, .actualite-template-default .post-content h3 span, .bon_mauvais_point-template-default .post-content h3, .bon_mauvais_point-template-default .post-content h3 span, .communique_presse-template-default .post-content h3, .communique_presse-template-default .post-content h3 span { color: #ff5a34 !important; } .post-template-default .post-content h3, .actualite-template-default .post-content h3, .bon_mauvais_point-template-default .post-content h3, .bon_mauvais_point-template-default .post-content h3, .communique_presse-template-default .post-content h3 { font-size:24px ; } /* Cibler tous les H4 et leurs spans */ .post-template-default .post-content h4, .post-template-default .post-content h4 span, .actualite-template-default .post-content h4, .actualite-template-default .post-content h4 span, .bon_mauvais_point-template-default .post-content h4, .bon_mauvais_point-template-default .post-content h4 span, .communique_presse-template-default .post-content h4, .communique_presse-template-default .post-content h4 span { color: #2e2883 !important; } .post-template-default .post-content h4, .actualite-template-default .post-content h4, .bon_mauvais_point-template-default .post-content h4, .bon_mauvais_point-template-default .post-content h4, .communique_presse-template-default .post-content h4 { font-size:20px ; } /* Facette calendar */ /* ===== CALENDRIER FLATPICKR - Corrections finales ===== */ /* Calendrier global */ .flatpickr-calendar { width: 450px !important; border: 1px solid #e5e7eb !important; border-radius: 12px !important; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1) !important; } /* ===== EN-TÊTE - LAYOUT PROPRE ===== */ .flatpickr-months { background: #fafafa !important; border-bottom: 1px solid #e5e7eb !important; padding: 15px 10px !important; display: flex !important; align-items: center !important; justify-content: space-between !important; position: relative !important; } /* CHEVRONS NAVIGATION - Bien positionnés */ .flatpickr-prev-month, .flatpickr-next-month { position: relative !important; display: flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; padding: 0 !important; cursor: pointer !important; fill: #2e2883 !important; z-index: 1 !important; } .flatpickr-prev-month:hover, .flatpickr-next-month:hover { fill: #1f1a5c !important; background: rgba(46, 40, 131, 0.1) !important; border-radius: 6px !important; } .flatpickr-prev-month svg, .flatpickr-next-month svg { width: 14px !important; height: 14px !important; } /* Container mois/année - centré */ .flatpickr-month { flex: 1 !important; display: flex !important; justify-content: center !important; position: relative !important; height: auto !important; } .flatpickr-current-month { display: flex !important; align-items: center !important; justify-content: center !important; gap: 10px !important; padding: 0 !important; position: static !important; transform: none !important; height: auto !important; } /* Sélecteur mois */ .flatpickr-monthDropdown-months { font-size: 16px !important; font-weight: 600 !important; color: #1f2937 !important; border: 1px solid #d1d5db !important; border-radius: 6px !important; padding: 6px 10px !important; background: #ffffff !important; } /* ===== ANNÉE - Wrapper et flèches bien positionnées ===== */ .numInputWrapper { position: relative !important; background: #2e2883 !important; border-radius: 6px !important; padding: 6px 28px 6px 8px !important; /* Espace à droite pour les flèches */ display: inline-block !important; height: auto !important; } /* Input année */ .numInput.cur-year { font-size: 16px !important; font-weight: 700 !important; color: #ffffff !important; background: transparent !important; border: none !important; width: 50px !important; text-align: center !important; padding: 0 !important; height: auto !important; line-height: normal !important; } /* FLÈCHES ANNÉE - Bien positionnées à droite */ .numInputWrapper span.arrowUp, .numInputWrapper span.arrowDown { position: absolute !important; right: 6px !important; width: 0 !important; height: 0 !important; border-left: 4px solid transparent !important; border-right: 4px solid transparent !important; border-top: none !important; border-bottom: none !important; padding: 0 !important; cursor: pointer !important; opacity: 0.8 !important; } .numInputWrapper span.arrowUp { top: 8px !important; border-bottom: 5px solid #ffffff !important; } .numInputWrapper span.arrowDown { bottom: 8px !important; border-top: 5px solid #ffffff !important; } .numInputWrapper span:hover { opacity: 1 !important; } /* ===== RESTE DU CALENDRIER ===== */ .flatpickr-innerContainer { padding: 15px !important; } .flatpickr-weekday { color: #6b7280 !important; font-weight: 600 !important; font-size: 13px !important; } .flatpickr-day { color: #1f2937 !important; font-weight: 500 !important; border-radius: 6px !important; height: 39px !important; line-height: 39px !important; border: 1px solid transparent !important; } .flatpickr-day:hover { background: #2e2883 !important; color: #ffffff !important; border-color: #2e2883 !important; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange { background: #2e2883 !important; border-color: #2e2883 !important; color: #ffffff !important; } .flatpickr-day.today { border-color: #2e2883 !important; color: #2e2883 !important; font-weight: 700 !important; } .flatpickr-day.today:hover { color: #ffffff !important; } .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay { color: #d1d5db !important; } .flatpickr-day.inRange { background: rgba(46, 40, 131, 0.1) !important; box-shadow: none !important; } .dayContainer { width: 100% !important; min-width: 308px !important; max-width: 308px !important; } .wpgb-checkbox-control { border: 1px solid #2e2883 !important } .flatpickr-current-month .numInputWrapper span.arrowUp:after { display:none ; } .flatpickr-current-month .flatpickr-monthDropdown-months { margin-top:0px !important ; } /* HIDE SOCIAL MEDIA UNCODE THEME */ .share-button.share-inline .social.top li.social-threads, .share-button.share-inline .social.top li.social-pinterest, .share-button.share-inline .social.top li.social-whatsapp, .share-button.share-inline .social.top li.social-bluesky, .share-button.share-inline .social.top li.social-xing { display: none !important; } .header-uncode-block .uncode-share .social ul li { border: 1px solid #000; border-radius: 50px; padding: 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; margin: 0 5px; width: 48px !important; height: 32px !important; line-height: 26px !important ; } .header-uncode-block .uncode-share .social ul li::before { position: static !important; margin: 0 !important; line-height: 1 !important; vertical-align: middle !important; } .share-button:not(.only-icon) .social ul li:hover, .share-button:not(.only-icon) .social ul li:focus { background-color: #FF5A34 !important; } .share-button:not(.only-icon) .social ul li:hover { background-color: #FF5A34 !important; border-color:#ff5a34 !important; } /* ======================================== PAGINATION - Centrage vertical corrigé ======================================== */ /* Conteneur principal */ .wpgb-pagination-facet { margin: 3rem auto 2rem; text-align: center; } .wpgb-facet .wpgb-pagination li a, .wpgb-facet .wpgb-pagination li a:hover { display:flex !important; } /* Liste de pagination */ .wpgb-pagination { display: inline-flex; align-items: center; gap: 0.5rem; list-style: none; margin: 0; padding: 0; } /* Items de pagination */ .wpgb-page { margin: 0; padding: 0; } /* Liens et numéros - Centrage vertical optimisé */ .wpgb-page a, .wpgb-dots-page { display: flex; align-items: center; justify-content: center; min-width: 2.5rem; width: 2.5rem; height: 2.5rem; padding: 0; margin: 0; font-size: 0.95rem; font-weight: 500; line-height: 1; color: #64748b; background: transparent; border: none; border-radius: 50%; text-decoration: none; transition: all 0.2s ease; /* Correction micro-alignement police */ padding-top: 1px; } /* Hover */ .wpgb-page a:hover { color: #3e3e7e; background: #f1f5f9; } /* Page active - Orange simple */ .wpgb-page a[aria-current="true"] { color: #ffffff !important; background: #ff5a34; font-weight: 600; cursor: default; pointer-events: none; } /* Points de suspension */ .wpgb-dots-page { color: #cbd5e1; cursor: default; font-weight: 400; padding-top: 0; padding-bottom: 3px; } /* Bouton Suivant/Précédent */ .wpgb-page-next a, .wpgb-page-prev a { font-weight: 600; color: #303133; background: transparent; padding: 1px 1.25rem 0 1.25rem; width: auto; min-width: auto; border-radius: 1.5rem; } .wpgb-page-next a:hover, .wpgb-page-prev a:hover { background: #f1f5f9; } /* Focus accessibilité */ .wpgb-page a:focus-visible { outline: 2px solid #ff5a34; outline-offset: 2px; } /* Responsive */ @media (max-width: 640px) { .wpgb-pagination { gap: 0.375rem; } .wpgb-page a, .wpgb-dots-page { min-width: 2.25rem; width: 2.25rem; height: 2.25rem; font-size: 0.9rem; } .wpgb-page-next a, .wpgb-page-prev a { padding: 1px 1rem 0 1rem; font-size: 0.875rem; } } /* RECHERCHE */ /* Message aucun résultat */ .no-results-message { display:none ; } .search-results-count h2 { font-size:22px ; color:#FF5A34 ; } .search-results-count h2:before { font-family: FontAwesome; content: "\f0a9"; display: inline-block; padding-right: 5px; vertical-align: middle;; color:#FF5A34 ; } mark.search-highlight { background-color: #fff59d; color: inherit; padding: 2px 4px; border-radius: 2px; font-weight: 500; } /* ========== FILTRES DE RECHERCHE ========== */ .search-results .search-filters { margin: 30px 0; padding: 25px; background: #f8f9fa; border-radius: 8px; border: 1px solid #e0e0e0; } .search-results .search-filter-form { display: flex; gap: 15px; flex-wrap: wrap; align-items: stretch; } .search-results .filter-group { flex: 1; min-width: 200px; position: relative; } /* Force le select à avoir la bonne apparence */ .search-results .filter-group select { padding: 10px 15px !important; border: 1px solid #ddd !important; border-radius: 4px !important; background: white !important; font-size: 14px !important; cursor: pointer !important; width: 100% !important; transition: border-color 0.3s ease !important; height: auto !important; line-height: normal !important; appearance: auto !important; -webkit-appearance: menulist !important; -moz-appearance: menulist !important; box-sizing: border-box !important; } .search-results .filter-group select:hover { border-color: #e63946 !important; } .search-results .filter-group select:focus { outline: none !important; border-color: #e63946 !important; box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1) !important; } /* Empêcher tout label flottant ou superposé */ .search-results .filter-group label { display: none !important; } /* Reset des styles Uncode qui peuvent interférer */ .search-results .search-filters select, .search-results .search-filters .filter-group select { transform: none !important; top: auto !important; left: auto !important; position: relative !important; } /* ========== SURLIGNAGE DES TERMES ========== */ .search-results mark.search-highlight { background-color: rgba(230, 57, 70, 0.15); color: #e63946; padding: 2px 4px; border-radius: 3px; font-weight: 600; border-bottom: 2px solid #e63946; } /* ========== AUTOCOMPLÉTION ========== */ .ui-autocomplete { max-width: 600px; max-height: 400px; overflow-y: auto; overflow-x: hidden; background: white; border: 1px solid #ddd; border-radius: 8px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); z-index: 9999 !important; padding: 5px 0; margin-top: 5px; } .ui-autocomplete .ui-menu-item { list-style: none; padding: 0; margin: 0; border-bottom: 1px solid #f0f0f0; } .ui-autocomplete .ui-menu-item:last-child { border-bottom: none; } .ui-autocomplete .ui-menu-item-wrapper { padding: 12px 15px; display: block; cursor: pointer; transition: background 0.2s ease; } .ui-autocomplete .ui-menu-item-wrapper:hover, .ui-autocomplete .ui-state-active { background-color: #f8f9fa; border: none; color: inherit; } .autocomplete-item { display: flex; flex-direction: column; gap: 5px; } .autocomplete-title { font-weight: 600; font-size: 15px; color: #333; } .autocomplete-meta { display: flex; gap: 10px; font-size: 13px; color: #666; align-items: center; } .autocomplete-type { padding: 2px 8px; background: #e63946; color: white; border-radius: 3px; font-size: 11px; font-weight: 600; text-transform: uppercase; flex-shrink: 0; } .autocomplete-excerpt { flex: 1; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ui-autocomplete-loading { background: white url('data:image/gif;base64,R0lGODlhEAAQAPIAAP///wAAAMLCwkJCQgAAAGJiYoKCgpKSkiH/C05FVFNDQVBFMi4wAwEAAAAh/hpDcmVhdGVkIHdpdGggYWpheGxvYWQuaW5mbwAh+QQJCgAAACwAAAAAEAAQAAADMwi63P4wyklrE2MIOggZnAdOmGYJRbExwroUmcG2LmDEwnHQLVsYOd2mBzkYDAdKa+dIAAAh+QQJCgAAACwAAAAAEAAQAAADNAi63P5OjCEgG4QMu7DmikRxQlFUYDEZIGBMRVsaqHwctXXf7WEYB4Ag1xjihkMZsiUkKhIAIfkECQoAAAAsAAAAABAAEAAAAzYIujIjK8pByJDMlFYvBoVjHA70GU7xSUJhmKtwHPAKzLO9HMaoKwJZ7Rf8AYPDDzKpZBqfvwQAIfkECQoAAAAsAAAAABAAEAAAAzMIumIlK8oyhpHsnFZfhYumCYUhDAQxRIdhHBGqRoKw0R8DYlJd8z0fMDgsGo/IpHI5TAAAIfkECQoAAAAsAAAAABAAEAAAAzIIunInK0rnZBTwGPNMgQwmdsNgXGJUlIWEuR5oWUIpz8pAEAMe6TwfwyYsGo/IpFKSAAAh+QQJCgAAACwAAAAAEAAQAAADMwi6IMKQORfjdOe82p4wGccc4CEuQradylesojEMBgsUc2G7sDX3lQGBMLAJibufbSlKAAAh+QQJCgAAACwAAAAAEAAQAAADMgi63P7wCRHZnFVdmgHu2nFwlWCI3WGc3TSWhUFGxTAUkGCbtgENBMJAEJsxgMLWzpEAACH5BAkKAAAALAAAAAAQABAAAAMyCLrc/jDKSatlQtScKdceCAjDII7HcQ4EMTCpyrCuUBjCYRgHVtqlAiB1YhiCnlsRkAAAOwAAAAAAAAAAAA==') right center no-repeat; } .ui-autocomplete::-webkit-scrollbar { width: 8px; } .ui-autocomplete::-webkit-scrollbar-track { background: #f1f1f1; border-radius: 4px; } .ui-autocomplete::-webkit-scrollbar-thumb { background: #888; border-radius: 4px; } .ui-autocomplete::-webkit-scrollbar-thumb:hover { background: #555; } /* ========== RESPONSIVE ========== */ @media (max-width: 768px) { .search-filter-form { flex-direction: column; } .filter-group { width: 100%; } .ui-autocomplete { max-width: calc(100vw - 40px); } .autocomplete-excerpt { display: none; } } /* Supprimer la flèche native et ajouter une flèche personnalisée */ .filter-group select { padding: 10px 40px 10px 15px !important; /* Plus d'espace à droite pour la flèche */ border: 1px solid #ddd !important; border-radius: 4px !important; background: white !important; font-size: 14px !important; cursor: pointer !important; width: 100% !important; transition: border-color 0.3s ease !important; height: auto !important; line-height: normal !important; box-sizing: border-box !important; /* Supprimer la flèche native */ appearance: none !important; -webkit-appearance: none !important; -moz-appearance: none !important; /* Ajouter une flèche personnalisée (SVG inline) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23333' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 15px center !important; /* Flèche à 15px du bord droit */ background-size: 12px !important; } .filter-group select:hover { border-color: #e63946 !important; } .filter-group select:focus { outline: none !important; border-color: #e63946 !important; box-shadow: 0 0 0 3px rgba(230, 57, 70, 0.1) !important; } /* FOOTER ICON SOCIAL MEDIA */ /* FORCE la taille des icônes social media */ .taille-icon .fa-container i { font-size: 17px !important; } /* Alternative */ [class*="taille-icon"] i.fa { font-size: 20px !important; } /* ============================================ AMÉLIORATION DES ERREURS DE VALIDATION ============================================ */ /* Message d'erreur général en haut du formulaire */ .gform_wrapper .gform_validation_errors { background: #fff; border: 2px solid #c02b0b; border-radius: 8px; padding: 20px; margin-bottom: 25px; color: #c02b0b; } .gform_wrapper .gform_validation_errors h2 { color: #c02b0b; font-size: 14px; font-weight: 600; margin: 0; display: flex; align-items: center; gap: 10px; } /* Icône d'erreur */ /* Champs en erreur */ .gform_wrapper .gfield_error { background: transparent !important; border: none !important; padding: 0 !important; margin-bottom: 20px !important; } /* Input en erreur */ .gform_wrapper .gfield_error input:not([type="radio"]):not([type="checkbox"]), .gform_wrapper .gfield_error select, .gform_wrapper .gfield_error textarea { border-color: #c02b0b !important; border-width: 2px !important; background: rgba(255, 235, 59, 0.1) !important; } /* Focus sur input en erreur */ .gform_wrapper .gfield_error input:focus, .gform_wrapper .gfield_error select:focus, .gform_wrapper .gfield_error textarea:focus { border-color: #ffd600 !important; outline: none; box-shadow: 0 0 0 3px rgba(255, 235, 59, 0.2); } /* Message d'erreur sous le champ */ .gform_wrapper .validation_message { background: #fff; color: #c02b0b !important; padding: 10px 15px; border-radius: 4px; margin-top: 8px; font-size: 14px; font-weight: 500; border-left: 3px solid #d32f2f; } /* Label en erreur */ .gform_wrapper .gfield_error .gfield_label { color: #c02b0b !important; /* Garde la couleur d'origine du label */ } /* Checkbox/Radio en erreur */ .gform_wrapper .gfield_error .ginput_container_consent, .gform_wrapper .gfield_error .ginput_container_radio, .gform_wrapper .gfield_error .ginput_container_checkbox { border: 2px solid #c02b0b; background: rgba(255, 235, 59, 0.1); padding: 15px; border-radius: 4px; } /* ============================================ STYLES SPÉCIFIQUES FOOTER ============================================ */ /* Message d'erreur dans le footer */ #colophon .gform_validation_errors { background: rgba(255, 255, 255, 0.95); } /* Input en erreur dans le footer */ #colophon .gfield_error #input_28_2 { border-color: #d3302f !important; background: rgba(255, 235, 59, 0.15) !important; } #colophon .gfield_error #input_28_2::placeholder { color: rgba(255, 235, 59, 0.7); } /* Message d'erreur dans le footer */ #colophon .validation_message { background: rgba(255, 255, 255, 0.95); color: #c02b0b !important; } /* Checkbox en erreur dans le footer */ #colophon .gfield_error .ginput_container_consent { border: 2px solid #d3302f; background: rgba(255, 235, 59, 0.1); padding: 15px; border-radius: 4px; } /* ============================================ STYLES SPÉCIFIQUES HORS FOOTER ============================================ */ /* Input en erreur hors footer */ body:not(#colophon) .gfield_error input:not([type="radio"]):not([type="checkbox"]) { border-color: #d3302f !important; } body:not(#colophon) .gfield_error #input_28_2 { background: rgba(255, 235, 59, 0.1) !important; } .gform_wrapper .gform_validation_errors { border: 2px solid #D32F2F; } .gform_legacy_markup_wrapper div.validation_error { border-top:2px solid #D32F2F; border-bottom:2px solid #D32F2F; } /* ============================================ RESPONSIVE ============================================ */ @media screen and (max-width: 768px) { .gform_wrapper .gform_validation_errors { padding: 15px; } .gform_wrapper .gform_validation_errors h2 { font-size: 16px; } .gform_wrapper .validation_message { font-size: 13px; padding: 8px 12px; } } /* FIL ARIANE */ /* Masquer "Actualités" dans le breadcrumb des posts single */ .single-post .uncode_breadcrumbs_wrap .breadcrumb li:nth-child(3) { display: none; } /* CSS FORMULAIRE Donnez votre avis */ /* Version plus serrée */ .formulaire-avis-wrapper { margin: 30px 0 10px 0 !important; } /* Container principal */ .formulaire-avis-wrapper { margin: 40px 0 !important; padding: 0 !important; background: transparent !important; border: none !important; margin-bottom:0px !important ; } /* Titre et description */ .formulaire-avis-wrapper .gform_heading { text-align: center; margin-bottom: 25px; } .formulaire-avis-wrapper .gform_title { font-size: 22px !important; color: #2e2883 !important; font-weight: 700 !important; margin-bottom: 8px !important; } .formulaire-avis-wrapper .gform_description { color: #666 !important; font-size: 14px !important; } /* Container des choix radio */ .formulaire-avis-wrapper .gfield_radio { display: flex !important; gap: 16px; justify-content: center; flex-wrap: wrap; } /* Masquer les vrais boutons radio */ .formulaire-avis-wrapper input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; } /* Style des boutons */ .formulaire-avis-wrapper .gchoice { position: relative; display: inline-block !important; margin: 0 !important; padding: 0 !important; border: none !important; } /* Design minimal avec ombres subtiles */ .formulaire-avis-wrapper .gchoice label { display: flex !important; flex-direction: column; align-items: center; justify-content: center; min-width: 170px; padding: 18px 28px !important; background: #fafafa; border: none !important; border-radius: 12px; cursor: pointer; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04); font-size: 15px !important; font-weight: 600 !important; color: #374151 !important; margin: 0 !important; white-space: nowrap !important; } /* Icônes */ .formulaire-avis-wrapper .gchoice label:before { content: ""; display: block; width: 42px; height: 42px; margin-bottom: 12px; background-size: contain; background-repeat: no-repeat; background-position: center; transition: transform 0.3s ease; } /* Icône pouce vert */ .formulaire-avis-wrapper .gchoice:first-child label:before { background-image: url('data:image/svg+xml;utf8,'); } /* Icône pouce rouge */ .formulaire-avis-wrapper .gchoice:last-child label:before { background-image: url('data:image/svg+xml;utf8,'); } /* Hover effect - Élégant et subtil */ .formulaire-avis-wrapper .gchoice label:hover { background: white !important; box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important; transform: translateY(-2px); } .formulaire-avis-wrapper .gchoice label:hover:before { transform: scale(1.1); } /* État sélectionné - satisfait (vert) */ .formulaire-avis-wrapper .gchoice:first-child input[type="radio"]:checked + label { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%) !important; color: #15803d !important; box-shadow: 0 8px 24px rgba(34, 197, 94, 0.15) !important; transform: translateY(-2px); } /* État sélectionné - non satisfait (rouge) */ .formulaire-avis-wrapper .gchoice:last-child input[type="radio"]:checked + label { background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%) !important; color: #b91c1c !important; box-shadow: 0 8px 24px rgba(239, 68, 68, 0.15) !important; transform: translateY(-2px); } /* Animation de l'icône quand sélectionné */ .formulaire-avis-wrapper input[type="radio"]:checked + label:before { transform: scale(1.15); } /* Champ texte avis */ .formulaire-avis-wrapper textarea { width: 100% !important; padding: 16px !important; border: none !important; background: #fafafa !important; border-radius: 10px !important; font-size: 14px !important; font-family: inherit !important; transition: all 0.3s ease !important; margin-top: 8px !important; resize: vertical !important; min-height: 90px !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04) !important; } .formulaire-avis-wrapper textarea:focus { outline: none !important; background: white !important; box-shadow: 0 8px 24px rgba(46, 40, 131, 0.08) !important; } /* Label du champ texte */ .formulaire-avis-wrapper .gfield_label { font-size: 14px !important; font-weight: 600 !important; color: #374151 !important; margin-bottom: 6px !important; } /* Bouton submit */ .formulaire-avis-wrapper .gform_footer { text-align: center !important; margin-top: 24px !important; padding: 0 !important; } .formulaire-avis-wrapper .gform_button { background: #2e2883 !important; color: white !important; padding: 14px 40px !important; border: none !important; border-radius: 50px !important; font-weight: 600 !important; font-size: 15px !important; cursor: pointer !important; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important; box-shadow: 0 4px 14px rgba(46, 40, 131, 0.25) !important; letter-spacing: 0.3px; } .formulaire-avis-wrapper .gform_button:hover { transform: translateY(-2px) !important; box-shadow: 0 8px 24px rgba(46, 40, 131, 0.35) !important; background: #1e1860 !important; } .formulaire-avis-wrapper .gform_button:active { transform: translateY(0) !important; } /* Message de confirmation */ .formulaire-avis-wrapper .gform_confirmation_message { background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%); padding: 18px 24px; border-radius: 12px; color: #15803d; font-weight: 600; text-align: center; font-size: 15px; box-shadow: 0 4px 14px rgba(34, 197, 94, 0.15); } /* Responsive */ @media (max-width: 768px) { .formulaire-avis-wrapper .gfield_radio { flex-direction: column; align-items: stretch; } .formulaire-avis-wrapper .gchoice label { min-width: auto; width: 100%; } } /* Animation d'apparition */ @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .formulaire-avis-wrapper { animation: fadeInUp 0.6s ease-out; } /* Cibler le row-container qui contient le formulaire d'avis */ .row-container:has(.formulaire-avis-wrapper) .row.double-bottom-padding { padding-bottom: 0 !important; } /* Si :has() ne fonctionne pas, utilise cette alternative */ .formulaire-avis-wrapper { margin: 20px 0 0 0 !important; } /* Si ton formulaire est dans un conteneur spécifique */ .section-avis .empty-space, .avis-container .empty-space { display: none !important; } .formulaire-avis-wrapper ~ .empty-space.empty-single { display: none !important; } #gform_22 { margin-top:40px !important ; margin-bottom:0px !important ; } /* Supprimer tous les empty-space.empty-single dans le même conteneur que le formulaire */ .uncoltable:has(.formulaire-avis-wrapper) .empty-space.empty-single { display: none !important; } /* STYLE FORM NEWSLETTER BACKUP */ /* Masquer complètement le champ honeypot - partout */ .gform_validation_container { display: none !important; position: absolute !important; left: -9000px !important; } /* Légende champ obligatoire */ .gform_required_legend { font-size:13px ; margin-bottom:5px ; } /* Texte des champs requis en blanc */ .gform_wrapper.gravity-theme .gfield_required { color: #fff !important; } /* Style du champ email - partout SAUF dans le footer */ body:not(#colophon) #input_28_2 { width: 100%; padding: 15px; border: 2px solid #fff; background: transparent; color: #fff; font-size: 16px; border-radius: 4px; transition: all 0.3s ease; } body:not(#colophon) #input_28_2::placeholder { color: rgba(255, 255, 255, 0.7); } body:not(#colophon) #input_28_2:focus { outline: none; border-color: #fff; background: rgba(255, 255, 255, 0.1); } /* Section RGPD - partout SAUF dans le footer */ body:not(#colophon) #field_28_3 { margin-top: 25px; } #field_28_3 label { font-size:13px ; } /* Checkbox et texte alignés - partout SAUF dans le footer */ body:not(#colophon) .ginput_container_consent { display: flex; align-items: flex-start; gap: 10px; } body:not(#colophon) #input_28_3_1 { width: 18px; height: 18px; cursor: pointer; flex-shrink: 0; margin-top: 2px; } #gform_wrapper_38 body:not(#colophon) .gfield_consent_label { font-size: 13px; line-height: 1.5; color: #fff; cursor: pointer; display: block; margin-left: 0; flex: 1; max-width: 400px; } /* Description RGPD - partout SAUF dans le footer */ body:not(#colophon) .gfield_consent_description { background: rgba(255, 255, 255, 0.1); padding: 15px; border-radius: 4px; font-size: 13px; line-height: 1.6; color: #303133; margin-top: 12px; max-height: 150px; overflow-y: auto; } body:not(#colophon) .gfield_consent_description::-webkit-scrollbar { width: 6px; } body:not(#colophon) .gfield_consent_description::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 3px; } body:not(#colophon) .gfield_consent_description::-webkit-scrollbar-thumb { background: rgba(255, 255, 255, 0.3); border-radius: 3px; } /* Style du bouton de soumission - partout SAUF dans le footer */ body:not(#colophon) #gform_submit_button_28 { background: #2E2883; color: #fff; border: none; padding: 15px 40px; font-size: 16px; font-weight: 600; border-radius: 50px; cursor: pointer; transition: all 0.3s ease; width: 100%; margin-top: 20px; letter-spacing: 0.5px; } body:not(#colophon) #gform_submit_button_28:hover { transform: translateY(-2px); } body:not(#colophon) #gform_submit_button_28:active { transform: translateY(0); } /* Légende du fieldset RGPD - partout SAUF dans le footer */ body:not(#colophon) #field_28_3 legend { font-size: 16px; font-weight: 600; margin-bottom: 15px; color: #fff; } /* Responsive - partout SAUF dans le footer */ @media screen and (max-width: 768px) { body:not(#colophon) #input_28_2 { font-size: 16px; } body:not(#colophon) .gfield_consent_description { font-size: 12px; padding: 12px; } body:not(#colophon) #gform_submit_button_28 { padding: 14px 30px; font-size: 15px; } } /* Amélioration de l'accessibilité - partout SAUF dans le footer */ body:not(#colophon) #input_28_2:focus, body:not(#colophon) #input_28_3_1:focus, body:not(#colophon) #gform_submit_button_28:focus { outline: 2px solid #fff; outline-offset: 2px; } /* États d'erreur - partout SAUF dans le footer */ body:not(#colophon) .gfield_error input, body:not(#colophon) .gfield_error input:focus { border-color: #ffeb3b !important; } body:not(#colophon) .validation_message { color: #ffeb3b; font-size: 14px; margin-top: 8px; } /* ============================================ STYLES POUR LE FOOTER UNIQUEMENT ============================================ */ /* Masquer les éléments inutiles dans le footer */ #colophon .gform_heading, #colophon .gform_required_legend, #colophon #field_28_3 legend, #colophon .gfield_consent_description { display: none !important; } /* Le formulaire principal */ #colophon #gform_28 { width: 100%; } /* Container flex pour aligner email + bouton */ #colophon #gform_28 .gform_body { display: flex; flex-wrap: wrap; gap: 15px; align-items: flex-start; margin-bottom: 0; } /* Champ email prend l'espace disponible */ #colophon #field_28_2 { flex: 1; min-width: 250px; margin: 0; } /* Style du champ email dans le footer */ #colophon #input_28_2 { width: 100%; padding: 15px; border: 2px solid #fff; background: transparent; color: #fff; font-size: 16px; border-radius: 4px; } #colophon #input_28_2::placeholder { color: rgba(255, 255, 255, 0.7); } /* Section RGPD en pleine largeur */ #colophon #field_28_3 { flex-basis: 100%; width: 100%; margin: 0; margin-top: 0px !important; } /* Garder la checkbox et le label visibles */ #colophon .ginput_container_consent { display: flex; align-items: flex-start; gap: 10px; } #colophon #input_28_3_1 { width: 18px; height: 18px; cursor: pointer; flex-shrink: 0; margin-top: 2px; } #colophon .gfield_consent_label { font-size: 13px; line-height: 1.5; color: #fff; cursor: pointer; display: block; margin-left: 0; flex: 1; } /* Footer du formulaire (bouton) */ #colophon .gform_footer { position: absolute; right: 0; top: 0; margin: 0 !important; padding: 0 !important; } /* Wrapper du body avec position relative pour le bouton absolu */ #colophon #gform_28 { position: relative; } #colophon #gform_28 .gform_body { padding-right: 200px; /* Espace pour le bouton */ } /* Style du bouton dans le footer */ #colophon #gform_submit_button_28 { background: #FF5A34 !important; color: #fff; border: none; padding: 15px 40px; font-size: 16px; font-weight: 600; border-radius: 50px; cursor: pointer; margin: 0; width: auto; white-space: nowrap; height: 54px; margin-top:-10px !important ; letter-spacing:0px !important ; } #colophon #gform_submit_button_28:hover { background: #e54a24 !important; } /* Responsive : empiler sur mobile */ @media screen and (max-width: 768px) { #colophon #gform_28 .gform_body { padding-right: 0; flex-direction: column; } #colophon .gform_footer { position: static; width: 100%; margin-top: 15px !important; } #colophon #field_28_2 { width: 100%; } #colophon #gform_submit_button_28 { width: 100%; height: auto; } } .btn-sm { font-size: 0.906rem !important ; } #gform_submit_button_3 { background-color:#00aab4; color:#fff; } body:not(#colophon) #gform_28 .gfield_consent_description { display:none; } #gform_17 .gfield_consent_description { color:#666 !important ; } .menu-dark .menu-smart > li.active > a { color:#fff !important; } /* Correction affichage "Autre" uniquement pour le formulaire 18 */ #gform_18 .gchoice_18_1_5 input[type="text"] { margin-left: 8px !important; padding: 8px 12px !important; border: 1px solid #ddd !important; border-radius: 4px !important; font-size: 14px !important; color: #999 !important; width: auto !important; min-width: 200px !important; } /* Quand le champ est focus */ #gform_18 .gchoice_18_1_5 input[type="text"]:focus { color: #333 !important; border-color: #0073aa !important; outline: none !important; } /* Alignement horizontal du radio + input */ #gform_18 .gchoice_18_1_5 { display: flex !important; align-items: center !important; gap: 8px !important; } .webkit #gform_18 input[type=checkbox] { top:6px ; } /* RECETTAGE MOBILE */ /* GRAVITY FORMS */ @media (max-width: 959px) { #gform_fields_16 { padding-left: 0 !important; } } /* Header CP */ .single-communique_presse #page-header .share-button.share-inline .social.top ul li { margin-bottom:8px ; }