/*Theme Name: Qualiscope FormationDescription: Thème WordPress pour Qualiscope Formation - Une mobilisation citoyenne pour des formations qui comptentVersion: 1.0.1Author: Qualiscope FormationText Domain: qualiscope-formation*//* Reset et base */* {    margin: 0;    padding: 0;    box-sizing: border-box;}html {    overflow-x: hidden;    scroll-behavior: smooth;}body {    font-family: 'Inter', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;    line-height: 1.6;    color: #333;    background-color: #f8f9fa;    overflow-x: hidden;    width: 100%;}/* Variables CSS */:root {    --primary-color: #2dd4bf;    --primary-dark: #0891b2;    --text-dark: #1f2937;    --text-light: #6b7280;    --bg-light: #f8fafc;    --bg-accent: #e0f2f1;    --white: #ffffff;    --shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);    --shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.1);    --border-radius: 0.75rem;    --transition: all 0.3s ease;}/* Masquer le header - conservé comme demandé */.site-header,.header-container,.logo,.main-nav,.mobile-menu-toggle {    display: none !important;}/* Typography */h1, h2, h3, h4, h5, h6 {    font-weight: 700;    color: var(--text-dark);    margin-bottom: 1rem;    text-transform: uppercase;    letter-spacing: 0.5px;    line-height: 1.2;}h1 { font-size: clamp(2.5rem, 5vw, 3.5rem); }h2 { font-size: clamp(2rem, 4vw, 2.5rem); }h3 { font-size: clamp(1.5rem, 3vw, 1.875rem); }p {    margin-bottom: 1rem;    color: var(--text-light);    line-height: 1.7;}/* Exception pour les contenus spéciaux */.hero-title-clean,.section-header p,.mission-content p,.blog-excerpt,.contribute-card p,.contribute-actions li,.article-excerpt,.page-subtitle,.testimonial-content p,.support-card p,.benevole-cta p {    text-transform: none;    letter-spacing: normal;}/* Hero Section */.hero-clean {    background: var(--white);    padding: 4rem 0;    min-height: 100vh;    display: flex;    align-items: center;    justify-content: center;}.hero-content-clean {    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    gap: 4rem;    width: 100%;    max-width: 1200px;    padding: 0 2rem;}.hero-logo-clean {    width: 100%;    display: flex;    justify-content: center;}.hero-logo-image {    width: 100%;    max-width: 600px;    height: auto;    object-fit: contain;}.hero-title-clean {    font-size: clamp(2.5rem, 5vw, 4rem);    line-height: 1.2;    color: var(--text-dark);    font-weight: 700;    text-transform: none;    letter-spacing: normal;    margin: 0;    max-width: 1000px;}.page-accueil .hero-title-clean {    font-size: clamp(1.5rem, 2.5vw, 2.5rem);    font-weight:normal;}.hero-buttons-clean {    display: flex;    gap: 2rem;    width: 100%;    max-width: 1200px;    justify-content: space-between;    align-items: center;}/* Buttons */.btn {    display: inline-block;    padding: 0.75rem 2rem;    border-radius: var(--border-radius);    text-decoration: none;    font-weight: 600;    transition: var(--transition);    border: none;    cursor: pointer;    text-align: center;    font-size: 1rem;    line-height: 1;    text-transform: uppercase;    letter-spacing: 0.5px;}.btn-hero {    flex: 1;    padding: 1.25rem 2rem;    font-size: 1.2rem;    font-weight: 700;    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);    color: var(--white);    border-radius: var(--border-radius);    transition: var(--transition);    box-shadow: var(--shadow);}.btn-hero:hover {    transform: translateY(-3px);    box-shadow: var(--shadow-lg);    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);    text-decoration: none;    color: var(--white);}.btn-primary {    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);    color: var(--white);    border: 2px solid transparent;}.btn-primary:hover {    background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-color) 100%);    transform: translateY(-2px);    box-shadow: var(--shadow);    text-decoration: none;    color: var(--white);}.btn-secondary {    background: var(--white);    color: var(--primary-color);    border: 2px solid var(--primary-color);}.btn-secondary:hover {    background: var(--primary-color);    color: var(--white);    transform: translateY(-2px);    box-shadow: var(--shadow);    text-decoration: none;}.btn-outline {    background: transparent;    color: var(--primary-color);    border: 2px solid var(--primary-color);}.btn-outline:hover {    background: var(--primary-color);    color: var(--white);    transform: translateY(-2px);    box-shadow: var(--shadow);    text-decoration: none;}.btn-large {    padding: 1.25rem 3rem;    font-size: 1.2rem;    font-weight: 700;}.btn-group {    display: flex;    gap: 1rem;    flex-wrap: wrap;}/* Layout de base */.section {    padding: 4rem 0;}.container {    max-width: 1200px;    margin: 0 auto;    padding: 0 2rem;}.section-header {    text-align: center;    margin-bottom: 3rem;}.section-header h2 {    margin-bottom: 1rem;}.section-header p {    font-size: 1.1rem;    max-width: 600px;    margin: 0 auto;}/* Mission Section */.mission {    background: var(--bg-accent);    padding: 4rem 0;}.mission-container {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 4rem;    align-items: center;    margin-bottom: 3rem;}.mission-content {    background: var(--white);    padding: 3rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow);}.mission-content p {    font-size: 1.1rem;    line-height: 1.8;    margin-bottom: 1.5rem;    color: var(--text-dark);}.mission-image {    display: flex;    justify-content: center;    align-items: center;}.mission-visual {    width: 100%;    max-width: 500px;    height: auto;    border-radius: var(--border-radius);    box-shadow: var(--shadow-lg);}.mission-actions {    display: flex;    justify-content: center;    gap: 2rem;    margin: 2rem 0;    flex-wrap: wrap;}.link-action {    color: var(--primary-color);    text-decoration: none;    font-weight: 600;    padding: 0.75rem 1.5rem;    border: 2px solid var(--primary-color);    border-radius: var(--border-radius);    transition: var(--transition);    display: inline-block;}.link-action:hover {    background: var(--primary-color);    color: var(--white);    transform: translateY(-2px);    text-decoration: none;}.mission-values {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));    gap: 2rem;    margin-top: 3rem;    max-width: 800px;    margin-left: auto;    margin-right: auto;}.value-item {    background: var(--white);    padding: 2rem 1rem;    border-radius: var(--border-radius);    text-align: center;    box-shadow: var(--shadow);    border-top: 4px solid var(--primary-color);    transition: var(--transition);}.value-item:hover {    transform: translateY(-5px);}.value-item h3 {    color: var(--primary-color);    font-size: 1.2rem;    margin: 0;}/* Projects Section */.projects {    background: var(--white);    padding: 4rem 0;}.projects-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));    gap: 2rem;    margin-top: 3rem;}.project-card {    background: var(--white);    border-radius: var(--border-radius);    overflow: hidden;    box-shadow: var(--shadow);    transition: var(--transition);    display: flex;    flex-direction: column;    height: 100%;    border: 1px solid #e5e7eb;}.project-card:hover {    transform: translateY(-5px);    box-shadow: var(--shadow-lg);}.project-header {    padding: 2rem;    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);    color: var(--white);    text-align: center;}.project-header h3 {    color: var(--white);    margin: 0;    font-size: 1.4rem;}.project-content {    padding: 2rem;    flex-grow: 1;    display: flex;    flex-direction: column;    justify-content: space-between;    text-align: center;}.project-content p {    margin-bottom: 2rem;    line-height: 1.6;    flex-grow: 1;    text-align: justify;    text-align-last: center;}.project-content .btn-group {    margin-top: auto;    display: flex;    flex-direction: column;    gap: 1rem;    align-items: center;}.project-content .btn {    width: 100%;    max-width: 280px;    text-align: center;    padding: 0.75rem 1rem;}/* Scoring Section */.scoring {    background: var(--bg-accent);}.scoring-container {    display: grid;    grid-template-columns: 1fr 1fr;    gap: 4rem;    align-items: center;}.scoring-visual-centered {    display: flex;    flex-direction: column;    align-items: center;    text-align: center;    justify-content: center;}.score-blocks-centered {    display: flex;    flex-direction: column;    gap: 1.5rem;    align-items: center;    margin-bottom: 2rem;    width: 100%;    max-width: 350px;}.score-blocks-centered .score-block {    width: 100%;    max-width: 320px;    height: 90px;    padding: 1.25rem 1.5rem;    border-radius: var(--border-radius);    text-align: center;    color: var(--white);    box-shadow: var(--shadow-lg);    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;    transition: var(--transition);}.score-blocks-centered .score-block:hover {    transform: translateY(-3px);}.score-blocks-centered .score-block.green {    background: linear-gradient(135deg, #10b981 0%, #059669 100%);}.score-blocks-centered .score-block.orange {    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);}.score-blocks-centered .score-block.red {    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);}.score-blocks-centered .score-letter {    display: block;    font-size: 2rem;    font-weight: 800;    margin-bottom: 0.25rem;    line-height: 1;    text-shadow: 0 2px 4px rgba(0,0,0,0.3);}.score-blocks-centered .score-label {    font-size: 1rem;    font-weight: 700;    line-height: 1;    text-shadow: 0 1px 2px rgba(0,0,0,0.3);    letter-spacing: 0.5px;}.scoring-info {    text-align: center;    color: var(--text-light);    font-size: 1rem;    font-style: italic;    font-weight: 500;}.scoring-content {    background: var(--white);    padding: 2.5rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow-lg);}.scoring-content h3 {    margin-bottom: 2rem;    color: var(--text-dark);    font-size: 1.4rem;    line-height: 1.3;}.scoring-criteria {    list-style: none;    padding: 0;    margin: 0;}.scoring-criteria li {    padding: 1.5rem 0;    border-bottom: 1px solid #e5e7eb;    display: flex;    align-items: center;    gap: 1rem;}.scoring-criteria li:last-child {    border-bottom: none;}.criteria-icon {    width: 50px;    height: 50px;    background: var(--primary-color);    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    color: var(--white);    font-size: 1.5rem;    flex-shrink: 0;}.criteria-weight {    margin-left: auto;    font-weight: 700;    color: var(--primary-color);    font-size: 1.1rem;    flex-shrink: 0;}.scoring-criteria li > div:nth-child(2) {    flex-grow: 1;}.scoring-criteria strong {    color: var(--text-dark);}/* Statistics */.stats {    background: var(--white);}.stats-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    gap: 2rem;    margin-top: 3rem;}.stat-card {    text-align: center;    background: var(--white);    padding: 2.5rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow);    border-top: 4px solid var(--primary-color);    transition: var(--transition);}.stat-card:hover {    transform: translateY(-5px);    box-shadow: var(--shadow-lg);}.stat-number {    font-size: 2.5rem;    font-weight: 700;    color: var(--primary-color);    display: block;    line-height: 1;    margin-bottom: 1rem;}.stat-label {    font-size: 1.1rem;    color: var(--text-dark);    margin-bottom: 1rem;    font-weight: 600;    line-height: 1.4;}.stat-source {    font-size: 0.9rem;    color: var(--text-light);    font-style: italic;    font-weight: 500;}/* Blog Section */.blog-section {    background: var(--white);    padding: 4rem 0;}.blog-grid {    display: grid;    grid-template-columns: repeat(3, 1fr);    gap: 2rem;    margin-top: 3rem;    width: 100%;}.blog-card {    background: var(--white);    border-radius: var(--border-radius);    overflow: hidden;    box-shadow: var(--shadow);    transition: var(--transition);    display: flex;    flex-direction: column;    height: 100%;    border: 1px solid #e5e7eb;}.blog-card:hover {    transform: translateY(-5px);    box-shadow: var(--shadow-lg);    border-color: var(--primary-color);}.blog-image {    position: relative;    overflow: hidden;    height: 200px;    flex-shrink: 0;    background: var(--bg-light);}.blog-image img {    width: 100%;    height: 100%;    object-fit: cover;    transition: var(--transition);}.blog-card:hover .blog-image img {    transform: scale(1.05);}.blog-placeholder {    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);    display: flex;    align-items: center;    justify-content: center;    height: 100%;}.placeholder-content {    font-size: 2.5rem;    color: var(--white);    opacity: 0.9;}.blog-content {    padding: 1.5rem;    flex-grow: 1;    display: flex;    flex-direction: column;    justify-content: space-between;}.blog-title {    margin-bottom: 1rem;    font-size: 1.25rem;    line-height: 1.4;    font-weight: 600;}.blog-title a {    color: var(--text-dark);    text-decoration: none;    transition: var(--transition);    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical;    overflow: hidden;}.blog-title a:hover {    color: var(--primary-color);}.blog-excerpt {    color: var(--text-light);    line-height: 1.6;    margin-bottom: 1.5rem;    font-size: 0.95rem;    display: -webkit-box;    -webkit-line-clamp: 3;    -webkit-box-orient: vertical;    overflow: hidden;    flex-grow: 1;}.blog-meta {    display: flex;    justify-content: space-between;    align-items: center;    padding-top: 1rem;    border-top: 1px solid #e5e7eb;    font-size: 0.9rem;    margin-top: auto;}.blog-date {    color: var(--text-light);    font-weight: 500;}.blog-read-more {    color: var(--primary-color);    text-decoration: none;    font-weight: 600;    transition: var(--transition);    padding: 0.5rem 1rem;    border-radius: var(--border-radius);    border: 1px solid var(--primary-color);    background: transparent;}.blog-read-more:hover {    background: var(--primary-color);    color: var(--white);    transform: translateY(-1px);    text-decoration: none;}.blog-cta {    text-align: center;    margin-top: 3rem;}.no-posts-message {    text-align: center;    padding: 3rem;    color: var(--text-light);    font-style: italic;    background: var(--bg-light);    border-radius: var(--border-radius);    margin: 2rem 0;}/* Contribute Section */.contribute {    background: var(--bg-accent);    padding: 4rem 0;}.contribute-grid {    display: grid;    grid-template-columns: repeat(4, 1fr);    gap: 1.5rem;    margin-top: 3rem;}.contribute-card {    background: var(--white);    padding: 1.75rem;    border-radius: var(--border-radius);    text-align: left;    border: 2px solid var(--primary-color);    transition: var(--transition);    display: flex;    flex-direction: column;    height: 100%;    min-height: 420px;}.contribute-card:hover {    transform: translateY(-5px);    box-shadow: var(--shadow-lg);    border-color: var(--primary-dark);}.contribute-icon {    width: 50px;    height: 50px;    background: var(--primary-color);    border-radius: 50%;    margin-bottom: 1.25rem;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.5rem;    color: var(--white);    align-self: center;}.contribute-card h3 {    color: var(--text-dark);    margin-bottom: 1rem;    text-align: center;    font-size: 1.1rem;    line-height: 1.3;}.contribute-card > p {    color: var(--text-light);    margin-bottom: 1.25rem;    text-align: center;    line-height: 1.5;    font-size: 0.95rem;}.contribute-actions {    list-style: none;    padding: 0;    margin: 1rem 0;    flex-grow: 1;}.contribute-actions li {    padding: 0.6rem 0;    border-bottom: 1px solid #e5e7eb;    color: var(--text-dark);    display: flex;    align-items: flex-start;    gap: 0.5rem;    font-size: 0.9rem;    line-height: 1.4;}.contribute-actions li:last-child {    border-bottom: none;}.contribute-card .btn {    width: 100%;    text-align: center;    padding: 0.65rem;    font-size: 0.95rem;    font-weight: 600;    margin-top: auto;}/* Section Soutenir notre action */.contribute-support {    max-width: 800px;    margin: 4rem auto;}.support-card {    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);    color: var(--white);    padding: 3rem;    border-radius: var(--border-radius);    text-align: center;    box-shadow: var(--shadow-lg);}.support-card h3 {    color: var(--white);    margin-bottom: 1.5rem;    font-size: 1.8rem;    text-shadow: 0 2px 4px rgba(0,0,0,0.3);}.support-card p {    color: var(--white);    margin-bottom: 2rem;    line-height: 1.7;    font-size: 1.1rem;    opacity: 0.95;}.support-card .btn {    background: var(--white);    color: var(--primary-color);    border: none;    padding: 1rem 2rem;    font-weight: 700;    font-size: 1.1rem;    box-shadow: 0 4px 8px rgba(0,0,0,0.2);    transition: var(--transition);}.support-card .btn:hover {    background: var(--bg-light);    transform: translateY(-2px);    box-shadow: 0 6px 12px rgba(0,0,0,0.3);    color: var(--primary-dark);    text-decoration: none;}.benevole-cta {    text-align: center;    margin-top: 3rem;    padding: 2rem;    background: var(--white);    border-radius: var(--border-radius);    border: 2px dashed var(--primary-color);    box-shadow: var(--shadow);}.benevole-cta p {    margin-bottom: 1.5rem;    font-size: 1.1rem;    color: var(--text-dark);    line-height: 1.6;}.benevole-cta p strong {    color: var(--primary-color);    font-weight: 700;}/* Footer */.site-footer {    background: var(--text-dark);    color: var(--white);    padding: 3rem 2rem 1rem;}.footer-content {    max-width: 1200px;    margin: 0 auto;    display: grid;    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));    gap: 2rem;}.footer-section h3 {    color: var(--white);    margin-bottom: 1rem;}.footer-section p,.footer-section a {    color: #9ca3af;    text-decoration: none;    transition: var(--transition);}.footer-section a:hover {    color: var(--primary-color);}.footer-bottom {    text-align: center;    padding-top: 2rem;    margin-top: 2rem;    border-top: 1px solid #374151;    color: #9ca3af;}/* Pages spéciales pour le scoring citoyen */.scoring-hero {    background: linear-gradient(135deg, var(--bg-accent) 0%, var(--white) 100%);    padding: 4rem 2rem 3rem;    text-align: center;}.scoring-explanation {    margin-bottom: 4rem;}.scoring-visual-large {    display: flex;    justify-content: center;    margin-bottom: 3rem;}.score-blocks-large {    display: flex;    flex-direction: column;    gap: 2rem;    max-width: 500px;    width: 100%;}.score-block-large {    padding: 2rem;    border-radius: var(--border-radius);    text-align: center;    color: var(--white);    box-shadow: var(--shadow-lg);    transition: var(--transition);}.score-block-large:hover {    transform: translateY(-3px);}.score-block-large.green {    background: linear-gradient(135deg, #10b981 0%, #059669 100%);}.score-block-large.orange {    background: linear-gradient(135deg, #f97316 0%, #ea580c 100%);}.score-block-large.red {    background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%);}.score-letter-large {    display: block;    font-size: 3rem;    font-weight: 800;    margin-bottom: 0.5rem;    text-shadow: 0 2px 4px rgba(0,0,0,0.3);}.score-label-large {    display: block;    font-size: 1.5rem;    font-weight: 700;    margin-bottom: 0.5rem;    text-shadow: 0 1px 2px rgba(0,0,0,0.3);    letter-spacing: 0.5px;}.score-desc {    font-size: 1rem;    opacity: 0.9;    line-height: 1.4;    font-weight: 500;}.scoring-methodology {    background: var(--white);    padding: 3rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow);    margin-bottom: 3rem;}.methodology-grid {    display: grid;    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));    gap: 2rem;    margin-top: 2rem;}.method-card {    background: var(--bg-light);    padding: 2rem;    border-radius: var(--border-radius);    text-align: center;    border-left: 4px solid var(--primary-color);    transition: var(--transition);}.method-card:hover {    transform: translateY(-3px);    box-shadow: var(--shadow);}.method-icon {    font-size: 2.5rem;    margin-bottom: 1rem;    display: block;}.method-card h3 {    color: var(--primary-color);    margin-bottom: 1rem;    font-size: 1.2rem;}.method-card p {    color: var(--text-dark);    line-height: 1.6;    margin: 0;}.cta-section {    text-align: center;    margin-top: 4rem;}.cta-card {    background: linear-gradient(135deg, var(--primary-color) 0%, var(--primary-dark) 100%);    color: var(--white);    padding: 3rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow-lg);    max-width: 600px;    margin: 0 auto;}.cta-card h3 {    color: var(--white);    margin-bottom: 1rem;    font-size: 1.8rem;    text-shadow: 0 2px 4px rgba(0,0,0,0.3);}.cta-card p {    color: var(--white);    margin-bottom: 2rem;    line-height: 1.7;    opacity: 0.95;}.cta-card .btn {    background: var(--white);    color: var(--primary-color);    border: none;    padding: 1rem 2rem;    font-weight: 700;    font-size: 1.1rem;}.cta-card .btn:hover {    background: var(--bg-light);    color: var(--primary-dark);    transform: translateY(-2px);    text-decoration: none;}/* Article Styles */.article-hero {    background: linear-gradient(135deg, var(--bg-accent) 0%, var(--white) 100%);    padding: 4rem 2rem 3rem;}.article-breadcrumb {    display: flex;    align-items: center;    gap: 0.5rem;    margin-bottom: 2rem;    font-size: 0.9rem;    color: var(--text-light);}.article-breadcrumb a {    color: var(--primary-color);    text-decoration: none;}.article-breadcrumb a:hover {    text-decoration: underline;}.article-header {    max-width: 800px;    margin: 0 auto;    text-align: center;}.article-meta {    display: flex;    justify-content: center;    flex-wrap: wrap;    gap: 1.5rem;    margin-bottom: 2rem;    font-size: 0.9rem;    color: var(--text-light);}.article-meta span {    display: flex;    align-items: center;    gap: 0.5rem;}.article-meta svg {    width: 16px;    height: 16px;    opacity: 0.7;}.article-category a {    color: var(--primary-color);    text-decoration: none;    font-weight: 500;}.article-category a:hover {    text-decoration: underline;}.article-title {    font-size: 2.5rem;    line-height: 1.2;    margin-bottom: 1.5rem;    color: var(--text-dark);}.article-excerpt {    font-size: 1.2rem;    color: var(--text-light);    line-height: 1.6;    margin-bottom: 2rem;    font-style: italic;}.article-featured-image {    margin-top: 3rem;    border-radius: var(--border-radius);    overflow: hidden;    box-shadow: var(--shadow-lg);}.article-featured-image img {    width: 100%;    height: auto;    display: block;}.article-content {    background: var(--white);}.content-wrapper {    display: grid;    grid-template-columns: 1fr 300px;    gap: 3rem;    max-width: 1200px;    margin: 0 auto;}.post-article {    background: var(--white);}.article-body {    font-size: 1.1rem;    line-height: 1.8;    color: var(--text-dark);}.article-body h2 {    font-size: 1.8rem;    margin: 2rem 0 1rem;    color: var(--text-dark);    border-bottom: 2px solid var(--primary-color);    padding-bottom: 0.5rem;}.article-body h3 {    font-size: 1.4rem;    margin: 1.5rem 0 1rem;    color: var(--text-dark);}.article-body p {    margin-bottom: 1.5rem;}.article-body ul,.article-body ol {    margin: 1.5rem 0;    padding-left: 2rem;}.article-body li {    margin-bottom: 0.5rem;}.article-body blockquote {    background: var(--bg-light);    border-left: 4px solid var(--primary-color);    margin: 2rem 0;    padding: 1.5rem;    font-style: italic;    border-radius: 0 var(--border-radius) var(--border-radius) 0;}.article-body img {    max-width: 100%;    height: auto;    border-radius: var(--border-radius);    margin: 1.5rem 0;    box-shadow: var(--shadow);}.article-tags {    margin: 2rem 0;    padding: 2rem 0;    border-top: 1px solid #e5e7eb;}.article-tags h4 {    margin-bottom: 1rem;    color: var(--text-dark);}.tag {    display: inline-block;    background: var(--bg-accent);    color: var(--primary-dark);    padding: 0.5rem 1rem;    border-radius: 2rem;    font-size: 0.9rem;    text-decoration: none;    margin: 0.25rem;    transition: var(--transition);}.tag:hover {    background: var(--primary-color);    color: var(--white);    text-decoration: none;}.post-navigation {    margin: 3rem 0;    padding: 2rem 0;    border-top: 1px solid #e5e7eb;}.nav-links {    display: flex;    justify-content: space-between;    gap: 2rem;}.nav-previous,.nav-next {    flex: 1;}.nav-next {    text-align: right;}.article-sidebar {    background: var(--bg-light);    padding: 2rem;    border-radius: var(--border-radius);    height: fit-content;    position: sticky;    top: 100px;}/* Page Styles */.page-hero {    background: linear-gradient(135deg, var(--bg-accent) 0%, var(--white) 100%);    padding: 4rem 2rem;    text-align: center;}.page-hero-content h1 {    margin-bottom: 1rem;}.page-subtitle {    font-size: 1.2rem;    color: var(--text-light);    margin-bottom: 2rem;    font-style: italic;}.page-content {    background: var(--white);}.page-article {    background: var(--white);    padding: 2rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow);}/* Formations */.formation-hero {    background: linear-gradient(135deg, var(--bg-accent) 0%, var(--white) 100%);    padding: 4rem 2rem 3rem;}.formation-header {    max-width: 800px;    margin: 0 auto;    text-align: center;}.formation-title {    font-size: 2.5rem;    line-height: 1.2;    margin-bottom: 1rem;    color: var(--text-dark);}.formation-organisme {    font-size: 1.2rem;    color: var(--text-light);    margin-bottom: 1rem;}.formation-excerpt {    font-size: 1.1rem;    color: var(--text-light);    line-height: 1.6;    margin-bottom: 2rem;}.formation-meta {    display: flex;    justify-content: center;    flex-wrap: wrap;    gap: 2rem;    margin-bottom: 2rem;}.meta-item {    display: flex;    align-items: center;    gap: 0.5rem;    font-size: 0.9rem;    color: var(--text-light);}.meta-icon {    font-size: 1.2rem;}.formation-score-card {    background: var(--white);    padding: 2rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow);    text-align: center;    max-width: 300px;    margin: 0 auto;}.score-display {    margin: 1rem 0;}.score-circle {    width: 120px;    height: 120px;    border-radius: 50%;    display: flex;    flex-direction: column;    align-items: center;    justify-content: center;    margin: 0 auto;    color: var(--white);    font-weight: 700;}.score-display.score-a .score-circle { background: #10b981; }.score-display.score-b .score-circle { background: #84cc16; }.score-display.score-c .score-circle { background: #fecb02; }.score-display.score-d .score-circle { background: #f97316; }.score-display.score-e .score-circle { background: #ef4444; }.score-display.score-f .score-circle { background: #dc2626; }.score-letter {    font-size: 2rem;    line-height: 1;}.score-value {    font-size: 1rem;    opacity: 0.9;}/* Utility Classes */.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.mb-1 { margin-bottom: 0.25rem; }.mb-2 { margin-bottom: 0.5rem; }.mb-3 { margin-bottom: 1rem; }.mb-4 { margin-bottom: 2rem; }.mt-1 { margin-top: 0.25rem; }.mt-2 { margin-top: 0.5rem; }.mt-3 { margin-top: 1rem; }.mt-4 { margin-top: 2rem; }.p-1 { padding: 0.25rem; }.p-2 { padding: 0.5rem; }.p-3 { padding: 1rem; }.p-4 { padding: 2rem; }/* Animations */@keyframes fadeInUp {    from {        opacity: 0;        transform: translateY(30px);    }    to {        opacity: 1;        transform: translateY(0);    }}.fade-in-up {    animation: fadeInUp 0.6s ease forwards;}/* Responsive Design */@media (max-width: 1200px) {    .contribute-grid {        grid-template-columns: repeat(2, 1fr);        gap: 2rem;    }        .contribute-card {        padding: 2rem;        min-height: 380px;    }        .contribute-icon {        width: 60px;        height: 60px;        font-size: 1.8rem;        margin-bottom: 1.5rem;    }        .contribute-card h3 {        font-size: 1.2rem;    }        .contribute-card > p {        font-size: 1rem;        margin-bottom: 1.5rem;    }        .contribute-actions li {        padding: 0.75rem 0;        font-size: 1rem;    }        .contribute-card .btn {        padding: 0.75rem;        font-size: 1rem;    }}@media (max-width: 992px) {    .hero-buttons-clean {        gap: 1.5rem;    }        .btn-hero {        font-size: 1.1rem;        padding: 1rem 1.5rem;    }        .mission-container {        grid-template-columns: 1fr;        gap: 2rem;    }        .mission-image {        order: -1;    }        .scoring-container {        grid-template-columns: 1fr;        gap: 3rem;    }        .scoring-visual-centered {        order: -1;    }}@media (max-width: 768px) {    .hero-clean {        padding: 3rem 0;        min-height: 90vh;    }        .hero-content-clean {        gap: 3rem;        padding: 0 1rem;    }        .hero-logo-image {        max-width: 500px;    }        .hero-title-clean {        font-size: clamp(2rem, 6vw, 3rem);    }    .page-accueil .hero-title-clean {        font-size: clamp(1.2rem, 2.3vw, 2.5rem);    }    .hero-buttons-clean {        flex-direction: column;        gap: 1.5rem;        max-width: 400px;    }        .btn-hero {        width: 100%;        font-size: 1.1rem;        padding: 1rem 1.5rem;    }        .container {        padding: 0 1rem;        max-width: 100%;    }        h1 {        font-size: 2.5rem;    }        h2 {        font-size: 2rem;    }        .section {        padding: 3rem 0;    }        .mission-content {        padding: 2rem;        margin: 0 1rem 2rem;    }        .mission-actions {        flex-direction: column;        gap: 1rem;    }        .mission-values {        grid-template-columns: 1fr;        gap: 1.5rem;        margin-top: 2rem;    }        .projects-grid {        grid-template-columns: 1fr;        gap: 1.5rem;    }        .stats-grid {        grid-template-columns: 1fr;        gap: 1.5rem;    }        .score-blocks-centered {        max-width: 100%;    }        .score-blocks-centered .score-block {        max-width: 100%;        height: 80px;        padding: 1rem;    }        .score-blocks-centered .score-letter {        font-size: 1.75rem;    }        .score-blocks-centered .score-label {        font-size: 0.9rem;    }        .scoring-content {        padding: 2rem;    }        .contribute-grid {        grid-template-columns: 1fr;        gap: 1.5rem;    }        .contribute-card {        padding: 1.5rem;        min-height: auto;    }        .support-card {        padding: 2rem;    }        .benevole-cta {        padding: 1.5rem;    }        .blog-grid {        grid-template-columns: 1fr;        gap: 1.5rem;    }        .blog-content {        padding: 1.25rem;    }        .blog-title {        font-size: 1.1rem;    }        .blog-excerpt {        font-size: 0.9rem;        -webkit-line-clamp: 2;    }        .blog-meta {        flex-direction: column;        gap: 1rem;        align-items: stretch;    }        .blog-read-more {        text-align: center;        padding: 0.75rem 1rem;    }        .content-wrapper {        grid-template-columns: 1fr;        gap: 2rem;    }        .article-sidebar {        position: static;        margin-top: 2rem;    }        .article-meta {        flex-direction: column;        gap: 0.5rem;        align-items: center;    }        .article-breadcrumb {        flex-wrap: wrap;        font-size: 0.8rem;    }        .nav-links {        flex-direction: column;    }        .nav-next {        text-align: left;    }        .article-title {        font-size: 2rem;    }        .score-blocks-large {        gap: 1.5rem;    }        .score-block-large {        padding: 1.5rem;    }        .score-letter-large {        font-size: 2.5rem;    }        .score-label-large {        font-size: 1.2rem;    }        .methodology-grid {        grid-template-columns: 1fr;        gap: 1.5rem;    }        .method-card {        padding: 1.5rem;    }}@media (max-width: 480px) {    .hero-clean {        padding: 2rem 0;        min-height: 85vh;    }        .hero-content-clean {        gap: 2.5rem;        padding: 0 1rem;    }        .hero-logo-image {        max-width: 350px;    }        .hero-title-clean {        font-size: clamp(1.75rem, 7vw, 2.5rem);        line-height: 1.3;    }        .hero-buttons-clean {        gap: 1.25rem;        max-width: 320px;    }        .btn-hero {        padding: 0.875rem 1.25rem;        font-size: 1rem;    }        .score-blocks-centered .score-block {        height: 70px;        padding: 0.75rem 1rem;    }        .score-blocks-centered .score-letter {        font-size: 1.5rem;    }        .score-blocks-centered .score-label {        font-size: 0.85rem;    }        .mission-content {        padding: 1.5rem;    }        .support-card {        padding: 1.5rem;    }        .hero-title-clean {        line-height: 1.4;    }        .score-blocks-large {        gap: 1rem;    }        .score-block-large {        padding: 1.25rem;    }        .score-letter-large {        font-size: 2rem;    }        .score-label-large {        font-size: 1rem;    }        .cta-card {        padding: 2rem;    }        .method-card {        padding: 1.25rem;    }}/* Amélioration des contrastes pour l'accessibilité */@media (prefers-contrast: high) {    :root {        --primary-color: #059669;        --primary-dark: #064e3b;        --text-dark: #000000;        --text-light: #374151;    }}/* Mode sombre - détection automatique */@media (prefers-color-scheme: dark) {    :root {        --text-dark: #f9fafb;        --text-light: #d1d5db;        --bg-light: #1f2937;        --bg-accent: #374151;        --white: #111827;    }        body {        background-color: var(--bg-light);        color: var(--text-light);    }}.alert-notification{    width: 100%;    text-align: center;}.alert-notification .btn{    margin-top:25px;}.grid-skills{    display:grid;    grid-template-columns:repeat(5, 1fr);    gap: 1rem;    align-items: center;    margin: 0 auto;    width: max-content;}.grid-skills.big{    max-width:100%;}.score-a{    background-color:#00883d;}.score-b{    background-color:#85bb2f;}.score-c{    background-color:#FBD600;}.score-d{    background-color:#ee8100;}.score-e{    background-color:#e63e11;}.grid-skills div.score-a,.grid-skills div.score-b,.grid-skills div.score-c,.grid-skills div.score-e,.grid-skills div.score-d{    width: 50px;    height: 50px;    border-radius: 50%;    text-align:center;    color:#fff;    display:inline-block;}.small-size span{    width: 35px;    height: 35px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    color:#fff;}.d-inherit{    display:inline;    text-align:center;    font-size: 0.8rem;    padding: 0 13px;}.p-border-left-blue{    background: white;    padding: 2rem;    border-radius: 1rem;    box-shadow: 0 4px 6px rgba(0,0,0,0.1);    text-align: center;    border-left: 4px solid #2dd4bf;}.h2-style{    text-align: center;    font-size: 2rem;    color: #1f2937;    margin: 3rem 0 2rem;}.text-upper{    text-transform:uppercase;}.flex-group{    display:flex;    gap:10px;}.flex-1{    flex:1;}.grid-2-colun{    display: grid;    grid-template-columns: 1fr 1fr;    gap: 4rem;    align-items: center;    margin: 0.5rem 0;}.grid-desc{    font-size: 1.1rem;    line-height: 1.8;    margin-bottom: 1rem;    color: var(--text-light);    text-transform: none;    letter-spacing: normal;}.grid-media{     display: flex;    justify-content: center;    align-items: center; }.text-benevole{    text-align: center;    margin-bottom: 2rem;    font-style: italic;    font-size:17px;    color:#2dd4bf;}.btn-contribuer{    background: white;    color: #2dd4bf;    padding: 1rem 2rem;    border-radius: 0.5rem;    text-decoration: none;    font-weight: 600;    display: inline-block;    text-transform: capitalize;    --transition: all 0.3s ease;}.btn-contribuer:hover{    color:#ffffff;    background:#2dd4bf;}.bg-white{    background: var(--white);    padding: 2.5rem;    border-radius: var(--border-radius);    box-shadow: var(--shadow-lg);}.mb-2{    margin-bottom:2rem;}.ul-block-left{    list-style:none;    display:inline-block;    display: grid;    grid-template-columns: 1fr 1fr;    gap: 1rem;    align-items: center;}.ul-block-left .li,.li{    padding:20px;    border-radius: var(--border-radius);    text-align: center;    box-shadow: var(--shadow);    border-top: 4px solid var(--primary-color);    background:#fff;    transition: var(--transition);} .li:hover{     transform: translateY(-5px); }.li strong {    color: var(--primary-color);    font-size: 1.2rem;    margin: 0;    text-transform:uppercase;}.li.last{    max-width:518px;    margin:0 auto;}.equipe-visual {    width: 100%;    object-fit:cover;    height: 294px;}.section-statique-text{    margin :0 0 30px ;    text-align:left;}.color-jaune{    color:#ebba29;}.footer-bottom p{    color:var(--text-light);}.gray-disabled.nav-link,.nav-link.gray-disabled:hover{    color:#b3b7bc;    background:none;}.flex-group a{    text-transform:uppercase;}.page-label .section ,.p-section-1 .section,.page-id-3079 .section{    padding:1rem 0 ;}.vert-bold h3,.vert-bold strong{    color:var(--primary-color);}.ul-criteria {    list-style: none;    padding: 0;    margin: 0;}.ul-criteria li {    padding: 0.7rem 0;    border-bottom: 1px solid #e5e7eb;    display: flex;    align-items: center;    gap: 1rem;}.ul-criteria li:last-child {    border-bottom: none;}.color-vert-foncee{    border-color:#00803A;}.color-vert-foncee .stat-number{    color:#00803A;}.color-orange{   border-color:#E97E00;}.color-orange .stat-number{    color:#E97E00;}.color-jaune{    border-color:#FBD600;}.color-jaune .stat-number{    color:#FBD600;}.page-accueil .stat-label span{    display:block;    clear:both;    font-size:13px;    color:#524f4f;}.contribute-custom-icon {    width: 80px;    height: 80px;    border-radius: 50%;    margin-bottom: 1.25rem;    display: flex;    align-items: center;    justify-content: center;    font-size: 1.5rem;    color: var(--white);    align-self: center;}.contribute-custom-icon img{    max-width:100%;}.intro-grid-custom{    display: grid;    grid-template-columns: 1fr 400px;    gap: 4rem;    align-items: start;}.container-2{    max-width: 1200px;    margin: 0 auto;    padding: 0 2rem;    max-width:calc(100% - 4rem);}.intro-text-grid{    flex: 1;    font-size: 1rem;    color: #1f2937;}.intro-image-custom{    display: flex;    justify-content: center;    align-items: flex-start;}.span-score{    display: block;    margin: 1rem 0;    text-align:center;    font-size:13px;}.score-lettre{    font-size: 2rem;    font-weight: 700;    margin-bottom: 1rem;    color: white;}.div-score{    text-align:center;}.label-notice {    background: linear-gradient(135deg, var(--bg-accent) 0%, var(--white) 100%);    border: 2px solid var(--primary-color);    border-radius: 1rem;    padding: 2rem;    margin: 2rem 0;    text-align: center;    box-shadow: var(--shadow);}.strong-blue strong{    color:var(--primary-color);}.grid-group-4,.contribute-grid.grid-group-4{    display:grid;    grid-template-columns: 1fr 40% 1fr;    gap: 1rem;}.middle .contribute-card-link,.middle .contribute-card{    min-height:inherit}.middle .contribute-card{    padding:0.75rem 1.75rem;}.middle .contribute-card > p{    margin-bottom:0.2rem;}.middle .contribute-actions{    margin:0.2rem;}.grid-group-4 .contribute-card{    padding:0.75rem 1.75rem;} .no-wrap{    flex-wrap:inherit;}.mtb-3{    margin:0.75rem 0;}.no-maj{    margin:0;}/** page benavole**/.page-benevole body {    font-family: Arial, sans-serif;    line-height: 1.6;    color: #333;    background: #f8f9fa;    width: 100vw;    overflow-x: hidden;}.page-benevole.page {    width: 100%;    max-width: 100vw;}.page-benevole  .hero {    background: #e0f2f1;    padding: 3rem 1rem;    text-align: center;}.page-benevole  .hero h1 {    font-size: 2rem;    color: #1f2937;    margin-bottom: 1rem;}.page-benevole .hero p {    font-size: 1rem;    color: #6b7280;}.page-benevole .section {    padding: 2rem 1rem;    width: 100%;}.page-benevole  .intro {    background: white;}.page-benevole  .intro-flex {    display: flex;    align-items: center;    gap: 2rem;    max-width: 900px;    margin: 0 auto;}.page-benevole  .intro-text {    flex: 1;    font-size: 1rem;    color: #1f2937;}.page-benevole  .intro-image {    flex-shrink: 0;    width: 250px;}.page-benevole  .intro img {    width: 100%;    height: auto;    border-radius: 10px;}.page-benevole  .missions {    background: #f8fafc;}.page-benevole  .missions h2 {    text-align: center;    font-size: 1.8rem;    color: #1f2937;    margin-bottom: 2rem;}.page-benevole  .grid {    display: flex;    flex-wrap: wrap;    gap: 1rem;    justify-content: center;}.page-benevole  .card {    background: linear-gradient(135deg, #2dd4bf 0%, #0891b2 100%);    color: white;    padding: 1.5rem;    border-radius: 10px;    text-align: center;    width: 250px;    flex-shrink: 0;}.page-benevole  .card h4 {    font-size: 1rem;    margin-bottom: 0.5rem;}.page-benevole  .card p {    font-size: 0.9rem;}.page-benevole .cta {    background: white;    text-align: center;}.page-benevole  .cta-box {    background: #e0f2f1;    padding: 2rem;    border-radius: 10px;    border: 2px dashed #2dd4bf;    max-width: 530px;    margin: 0 auto;}.page-benevole  .cta h3 {    color: #2dd4bf;    margin-bottom: 1rem;}.page-benevole .cta p {    color: #1f2937;    margin-bottom: 2rem;}.page-benevole .btn {    background: linear-gradient(135deg, #2dd4bf 0%, #0891b2 100%);    color: white;    padding: 1rem 2rem;    border-radius: 8px;    text-decoration: none;    font-weight: bold;    display: inline-block;}.page-benevole  .btn:hover {    transform: translateY(-2px);}.page-benevole .charte {    background: #f8fafc;    text-align: center;}.page-benevole .btn-secondary {    background: white;    color: #2dd4bf;    border: 2px solid #2dd4bf;}.page-benevole .color-noir{    color:#1f2937;    text-decoration:none;    display:block;    height:100%    width:100%;}.page-benevole .grid-4{    margin:0 auto;    grid-template-columns: repeat(4, 1fr);    display: grid;    justify-content: center;    width: max-content;}.page-benevole  .card.fadein{    background: linear-gradient(135deg, #2dd4bf57 0%, #0891b261 100%);}.span-grisee{    font-size:13px;    display:inline-block;}@media (max-width: 600px) {    .page-benevole .card {        width: 100%;        max-width: 300px;    }    .page-benevole .hero h1 {        font-size: 1.8rem;    }    .page-benevole .cta-box {        padding: 1.5rem;    }    .page-benevole .intro-flex {        flex-direction: column;        text-align: center;    }    .page-benevole .intro-image {        width: 200px;        margin: 0 auto;    }}/** end page**/@media (max-width: 800px) {    .intro-grid-custom{        grid-template-columns: 1fr;        gap: 1.5rem;    }    .grid-2-colun{        grid-template-columns:1fr;    }    .container-2{        padding: 0 0.5rem;        max-width:calc(100% - 1rem);    }}@media (max-width: 768px) {    .grid-group-4{        grid-template-columns:1fr;    }    .scoring-view div[style*="grid-template-columns: 1fr 1fr"] {        display: block !important;    }    .scoring-view div[style*="grid-template-columns: 1fr 1fr"] > div:last-child {        order: -1 !important;        margin-bottom: 2rem !important;    }    .scoring-view div[style*="grid-template-columns: repeat(auto-fit, minmax(250px, 1fr))"] {        grid-template-columns: 1fr !important;    }    .scoring-view div[style*="grid-template-columns: repeat(auto-fit, minmax(300px, 1fr))"] {        grid-template-columns: 1fr !important;    }    .scoring-view div[style*="padding: 4rem 2rem"] {        padding: 3rem 1rem !important;    }    .scoring-view h1[style*="font-size: 2.5rem"] {        font-size: 2rem !important;    }    .scoring-view h2[style*="font-size: 2rem"] {        font-size: 1.8rem !important;    }}@media (max-width: 680px) {    .equipe-visual{        height:175px;    }    .grid-4{        grid-template-columns:1fr !important;        width:100% !important;    }    .flex-group{        flex-direction:column;    }    h1{        font-size:1.5rem;    }    .demarche-section h2,h2{        font-size:1.2rem;    }    .contribute-grid.grid-3{        grid-template-columns:1fr;    }    .intro-image img{        width:auto;    }    .intro-text h2{        font-size:1.5rem;    }    .content-main p{        font-size:1rem;        text-align:justify;    }    .intro-section{        display:block;    }    .page-article{        padding:0;    }    .bg-white{        padding:0;    }    .scoring-content {        padding: 1.5rem;    }    .ul-block-left{        grid-template-columns: 1fr ;    }    .grid-skills.big{        grid-template-columns:repeat(3, 1fr);    }}