@import url(https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap);:root{--color-primary:#E31E52;--color-secondary:#2B5BFF;--color-accent:#00C896;--color-dark:#1A1A1A;--color-text:#333333;--color-text-light:#666666;--color-bg:#FFFFFF;--color-bg-light:#F8F9FA;--color-border:#E5E7EB;--cat-actu:#E31E52;--cat-cyclotourisme:#2B5BFF;--cat-entrainements:#FF6B35;--cat-materiels:#00C896;--font-heading:'Outfit', system-ui, sans-serif;--font-body:'Inter', system-ui, sans-serif;--spacing-xs:0.5rem;--spacing-sm:1rem;--spacing-md:1.5rem;--spacing-lg:2rem;--spacing-xl:3rem;--spacing-2xl:4rem;--shadow-sm:0 1px 2px rgba(0, 0, 0, 0.05);--shadow-md:0 4px 6px rgba(0, 0, 0, 0.07);--shadow-lg:0 10px 15px rgba(0, 0, 0, 0.1);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--transition-fast:150ms ease;--transition-base:250ms ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2;color:var(--color-dark);margin-bottom:var(--spacing-md)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-secondary)}img{max-width:100%;height:auto;display:block}.site-container{max-width:1400px;margin:0 auto;padding:0 var(--spacing-md)}.site-header{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm)}.header-container{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) 0}.site-logo{display:flex;align-items:center;gap:var(--spacing-sm)}.site-logo img{height:40px;width:auto}.site-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:800;color:var(--color-primary);margin:0}.site-title a{color:var(--color-primary)}.main-navigation{display:flex;align-items:center;gap:var(--spacing-lg)}.nav-menu,.sub-nav-menu{display:flex;list-style:none;gap:var(--spacing-lg);margin:0;padding:0}.nav-menu a{font-weight:500;color:var(--color-text);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);transition:all var(--transition-base)}.nav-menu a:hover,.nav-menu .current-menu-item>a{color:var(--color-primary);background:rgba(227,30,82,.05)}.sub-navigation{background:var(--color-bg-light);border-bottom:1px solid var(--color-border);padding:var(--spacing-sm) 0}.sub-nav-menu{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sub-nav-menu::-webkit-scrollbar{display:none}.sub-nav-menu a{font-size:.875rem;font-weight:500;color:var(--color-text-light);white-space:nowrap;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base)}.sub-nav-menu a:hover,.sub-nav-menu .current-menu-item>a{color:var(--color-primary);background:var(--color-bg)}.header-actions{display:flex;align-items:center;gap:var(--spacing-md)}.search-toggle,.theme-toggle{background:none;border:none;padding:var(--spacing-xs);color:var(--color-text);font-size:1.25rem;transition:color var(--transition-fast)}.search-toggle:hover,.theme-toggle:hover{color:var(--color-primary)}.article-card{background:var(--color-bg);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm);height:100%;display:flex;flex-direction:column}.article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.article-card-image{position:relative;overflow:hidden;aspect-ratio:16/9}.article-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.article-card:hover .article-card-image img{transform:scale(1.05)}.category-badge{position:absolute;top:var(--spacing-sm);left:var(--spacing-sm);background:var(--color-primary);color:#fff;padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-md);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;z-index:2}.category-badge.actu{background:var(--cat-actu)}.category-badge.cyclotourisme{background:var(--cat-cyclotourisme)}.category-badge.entrainements{background:var(--cat-entrainements)}.category-badge.materiels{background:var(--cat-materiels)}.bookmark-icon{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);background:rgba(255,255,255,.9);border:none;padding:var(--spacing-xs);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-base);z-index:2}.bookmark-icon:hover{background:#fff;transform:scale(1.1)}.article-card-content{padding:var(--spacing-md);flex:1;display:flex;flex-direction:column}.article-card-title{font-size:1.25rem;font-weight:700;margin-bottom:var(--spacing-sm);line-height:1.3}.article-card-title a{color:var(--color-dark)}.article-card-title a:hover{color:var(--color-primary)}.article-card-excerpt{color:var(--color-text-light);font-size:.9375rem;line-height:1.5;margin-bottom:var(--spacing-md);flex:1}.article-card-meta{display:flex;align-items:center;justify-content:space-between;font-size:.875rem;color:var(--color-text-light);margin-top:auto}.author-info{display:flex;align-items:center;gap:var(--spacing-xs)}.author-avatar{width:28px;height:28px;border-radius:50%}.article-date{display:flex;align-items:center;gap:var(--spacing-xs)}.articles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.articles-grid-2{grid-template-columns:repeat(2,1fr)}.articles-grid-3{grid-template-columns:repeat(3,1fr)}.articles-grid-4{grid-template-columns:repeat(4,1fr)}.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.hero-article .article-card-title{font-size:2rem}.articles-list{display:flex;flex-direction:column;gap:var(--spacing-lg)}.article-list-item{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-lg);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.article-list-item:hover{box-shadow:var(--shadow-md);transform:translateX(4px)}.article-list-image{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:4/3}.article-list-image img{width:100%;height:100%;object-fit:cover}.section-header{display:flex;align-items:center;margin-bottom:var(--spacing-lg)}.section-title{display:inline-block;font-size:1.5rem;font-weight:700;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg);border:2px solid var(--color-primary);border-radius:var(--radius-sm);color:var(--color-dark);position:relative}.section-title::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:var(--color-primary)}.sidebar{display:flex;flex-direction:column;gap:var(--spacing-xl)}.widget{background:var(--color-bg);padding:var(--spacing-lg);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.widget-title{font-size:1.125rem;font-weight:700;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:2px solid var(--color-primary)}.widget-list{list-style:none;display:flex;flex-direction:column;gap:var(--spacing-md);margin:0;padding:0}.widget-list-item{display:grid;grid-template-columns:60px 1fr;gap:var(--spacing-sm);align-items:center}.widget-list-image{border-radius:var(--radius-sm);overflow:hidden;aspect-ratio:1}.widget-list-image img{width:100%;height:100%;object-fit:cover}.widget-list-content h4{font-size:.875rem;margin:0;line-height:1.3}.widget-list-content h4 a{color:var(--color-dark)}.widget-list-content h4 a:hover{color:var(--color-primary)}.widget-list-content .date{font-size:.75rem;color:var(--color-text-light)}.site-footer{background:var(--color-dark);color:rgba(255,255,255,.8);padding:var(--spacing-2xl) 0 var(--spacing-lg);margin-top:var(--spacing-2xl)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.footer-about h3{color:#fff;margin-bottom:var(--spacing-md)}.footer-about p{font-size:.875rem;line-height:1.6}.footer-links h4{color:#fff;font-size:.875rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:var(--spacing-md)}.footer-links ul{list-style:none;margin:0;padding:0}.footer-links li{margin-bottom:var(--spacing-sm)}.footer-links a{color:rgba(255,255,255,.7);font-size:.875rem}.footer-links a:hover{color:#fff}.footer-bottom{padding-top:var(--spacing-lg);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.footer-bottom p{margin:0}.social-links{display:flex;gap:var(--spacing-md)}.social-links a{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:#fff;transition:all var(--transition-base)}.social-links a:hover{background:var(--color-primary);transform:translateY(-2px)}.pagination{display:flex;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-xl) 0}.pagination ul{display:flex;list-style:none;gap:var(--spacing-sm);margin:0;padding:0}.pagination a,.pagination span{padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);transition:all var(--transition-fast)}.pagination a:hover,.pagination span.current{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}input[type="text"],input[type="email"],input[type="url"],input[type="search"],select,textarea{width:100%;padding:.875rem;border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:1rem;font-family:var(--font-body)}button[type="submit"],.submit-button{padding:.875rem 2rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600}.comments-area{margin:3rem 0}.comments-title{font-size:1.75rem;margin-bottom:2rem}.comment-list{list-style:none;padding:0;margin:0}.comment-item{padding:1.5rem;margin-bottom:1.5rem;background:var(--color-bg-light);border-radius:var(--radius-lg)}.comment-body{display:flex;gap:1rem}.comment-author{font-weight:600;color:var(--color-dark)}@media (max-width:1024px){.hero-grid{grid-template-columns:1fr}.articles-grid-3,.articles-grid-4{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr 1fr}}@media (max-width:768px){.articles-grid,.articles-grid-2,.articles-grid-3,.articles-grid-4{grid-template-columns:1fr}.article-list-item{grid-template-columns:120px 1fr}.footer-content{grid-template-columns:1fr}h1{font-size:2rem}h2{font-size:1.5rem}}.entry-content h2,.article-content h2{margin-top:3rem;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700;color:var(--color-dark)}.entry-content h3,.article-content h3{margin-top:2.5rem;margin-bottom:1.25rem;font-size:1.5rem;font-weight:600;color:var(--color-dark)}.entry-content h4,.article-content h4{margin-top:2rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;color:var(--color-dark)}.entry-content h5,.article-content h5{margin-top:1.5rem;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;color:var(--color-dark)}.entry-content>h2:first-child,.entry-content>h3:first-child,.entry-content>h4:first-child{margin-top:0}.entry-content ul,.article-content ul{list-style:none;padding-left:0;margin:1.5rem 0}.entry-content ul li,.article-content ul li{position:relative;padding-left:2rem;margin-bottom:1rem;line-height:1.6}.entry-content ul li::before,.article-content ul li::before{content:"";position:absolute;left:0;top:.5em;width:8px;height:8px;background:linear-gradient(135deg,#E31E52 0%,#FF6B35 100%);border-radius:50%;box-shadow:0 2px 4px rgba(227,30,82,.3)}.entry-content ul li strong,.article-content ul li strong{color:var(--color-dark);font-weight:700}.entry-content ul ul,.article-content ul ul{margin:.75rem 0 .75rem 1rem}.entry-content ul ul li::before,.article-content ul ul li::before{width:6px;height:6px;background:linear-gradient(135deg,#2B5BFF 0%,#00C896 100%)}.entry-content ol,.article-content ol{padding-left:0;margin:1.5rem 0;counter-reset:item;list-style:none}.entry-content ol li,.article-content ol li{position:relative;padding-left:2.5rem;margin-bottom:1rem;line-height:1.6;counter-increment:item}.entry-content ol li::before,.article-content ol li::before{content:counter(item);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;background:linear-gradient(135deg,#E31E52 0%,#FF6B35 100%);color:#fff;font-size:.875rem;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px rgba(227,30,82,.3)}.entry-content p,.article-content p{margin-bottom:1.5rem;line-height:1.8}.entry-content p:last-child,.article-content p:last-child{margin-bottom:0}.entry-content h2,.single-post .entry-content h2,article .entry-content h2{margin-top:4rem!important;margin-bottom:1.5rem!important;padding-top:1rem!important}.entry-content h3,.single-post .entry-content h3,article .entry-content h3{margin-top:3.5rem!important;margin-bottom:1.25rem!important;padding-top:0.75rem!important}.entry-content h4,.single-post .entry-content h4,article .entry-content h4{margin-top:3rem!important;margin-bottom:1rem!important;padding-top:0.5rem!important}.entry-content h5,.single-post .entry-content h5,article .entry-content h5{margin-top:2.5rem!important;margin-bottom:0.75rem!important}.entry-content h6,.single-post .entry-content h6,article .entry-content h6{margin-top:2rem!important;margin-bottom:0.75rem!important}.entry-content>h2:first-child,.entry-content>h3:first-child,.entry-content>h4:first-child{margin-top:0!important;padding-top:0!important}.entry-content ul,.single-post .entry-content ul,article .entry-content ul{list-style:none!important;padding-left:0!important;margin:2rem 0!important}.entry-content ul li,.single-post .entry-content ul li,article .entry-content ul li{position:relative!important;padding-left:2rem!important;margin-bottom:1rem!important;line-height:1.7!important;list-style:none!important}.entry-content ul li::before,.single-post .entry-content ul li::before,article .entry-content ul li::before{content:""!important;position:absolute!important;left:0!important;top:0.6em!important;width:10px!important;height:10px!important;background:linear-gradient(135deg,#E31E52 0%,#FF6B35 100%)!important;border-radius:50%!important;box-shadow:0 2px 6px rgba(227,30,82,.4)!important}.entry-content ul ul li::before,.single-post .entry-content ul ul li::before{width:8px!important;height:8px!important;background:linear-gradient(135deg,#2B5BFF 0%,#00C896 100%)!important;box-shadow:0 2px 4px rgba(43,91,255,.3)!important}.entry-content ol,.single-post .entry-content ol,article .entry-content ol{list-style:none!important;padding-left:0!important;margin:2rem 0!important;counter-reset:item!important}.entry-content ol li,.single-post .entry-content ol li,article .entry-content ol li{position:relative!important;padding-left:3rem!important;margin-bottom:1.25rem!important;line-height:1.7!important;counter-increment:item!important;list-style:none!important}.entry-content ol li::before,.single-post .entry-content ol li::before,article .entry-content ol li::before{content:counter(item)!important;position:absolute!important;left:0!important;top:0!important;width:2rem!important;height:2rem!important;background:linear-gradient(135deg,#E31E52 0%,#FF6B35 100%)!important;color:white!important;font-size:0.875rem!important;font-weight:700!important;border-radius:50%!important;display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:0 3px 8px rgba(227,30,82,.35)!important}.entry-content p,.single-post .entry-content p,article .entry-content p{margin-bottom:1.75rem!important;line-height:1.85!important}.entry-content .wp-block-heading,.entry-content h2.wp-block-heading,.entry-content h3.wp-block-heading,.entry-content h4.wp-block-heading,.single-post .wp-block-heading,h2.wp-block-heading,h3.wp-block-heading,h4.wp-block-heading{margin-top:4rem!important;margin-bottom:1.5rem!important;padding-top:1rem!important;clear:both!important}.entry-content h3.wp-block-heading,h3.wp-block-heading{margin-top:3.5rem!important}.entry-content h4.wp-block-heading,h4.wp-block-heading{margin-top:3rem!important}.entry-content>.wp-block-heading:first-child,.entry-content>h2:first-child,.entry-content>h3:first-child{margin-top:0!important;padding-top:0!important}.entry-content .wp-block-list,.wp-block-list{list-style:none!important;padding-left:0!important;margin:2rem 0!important}.entry-content .wp-block-list li,.wp-block-list li{position:relative!important;padding-left:2rem!important;margin-bottom:1rem!important;line-height:1.7!important;list-style:none!important}.entry-content .wp-block-list li::before,.wp-block-list li::before{content:""!important;position:absolute!important;left:0!important;top:0.55em!important;width:10px!important;height:10px!important;background:linear-gradient(135deg,#E31E52 0%,#FF6B35 100%)!important;border-radius:50%!important;box-shadow:0 2px 6px rgba(227,30,82,.4)!important}.entry-content ol.wp-block-list,ol.wp-block-list{counter-reset:item!important}.entry-content ol.wp-block-list li,ol.wp-block-list li{padding-left:3rem!important;counter-increment:item!important}.entry-content ol.wp-block-list li::before,ol.wp-block-list li::before{content:counter(item)!important;width:1.75rem!important;height:1.75rem!important;background:linear-gradient(135deg,#E31E52 0%,#FF6B35 100%)!important;color:white!important;font-size:0.8rem!important;font-weight:700!important;display:flex!important;align-items:center!important;justify-content:center!important;top:0.1em!important}