*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#333;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.container{margin:0 auto;max-width:1200px;padding:0 20px}header{background:linear-gradient(135deg,#2c3e50,#3498db);box-shadow:0 2px 10px rgba(0,0,0,.1);color:#fff;padding:1rem 0;position:fixed;top:0;width:100%;z-index:1000}nav{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.logo{color:#fff;font-size:1.8rem;font-weight:700;text-decoration:none}.nav-links{display:flex;gap:2rem;list-style:none;margin-bottom:0}.nav-links a{color:#fff;text-decoration:none;transition:color .3s;white-space:nowrap}.nav-links a.active,.nav-links a:hover{color:#f39c12}.mobile-menu{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:1.5rem}.urgence-banner{background:#e74c3c;color:#fff;font-weight:600;margin-top:70px;padding:15px 0;text-align:center}.urgence-banner a{color:#fff;font-weight:700;text-decoration:none}.blog-header{background:linear-gradient(135deg,rgba(44,62,80,.9),rgba(52,152,219,.9));color:#fff;padding:80px 0 60px;text-align:center}.blog-header h1{font-size:3rem;font-weight:700;margin-bottom:1rem}.blog-header p{font-size:1.2rem;margin:0 auto;max-width:600px;opacity:.9}.main-content{display:grid;gap:3rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px;padding:60px 0}.search-section{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-bottom:2rem;padding:2rem}.search-bar{display:flex;gap:1rem;margin-bottom:1.5rem}.search-input{border:1px solid #ddd;border-radius:5px;flex:1;font-size:16px;min-width:0;padding:12px}.search-btn{background:#3498db;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;white-space:nowrap}.search-btn:hover{background:#2980b9}.filter-tabs{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.filter-tab{background:#fff;border:2px solid #3498db;border-radius:25px;color:#3498db;cursor:pointer;font-size:14px;padding:8px 16px;transition:all .3s}.filter-tab.active,.filter-tab:hover{background:#3498db;color:#fff}.articles-container{display:grid;gap:2rem}.article-card{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-bottom:28px;overflow:hidden;padding:2rem;transition:transform .3s,box-shadow .3s}.article-card:hover{box-shadow:0 10px 25px rgba(0,0,0,.15);transform:translateY(-5px)}.article-header{align-items:center;background:linear-gradient(45deg,#3498db,#2ecc71);color:#fff;display:flex;font-size:2rem;height:200px;justify-content:center;margin:-2rem -2rem 0;position:relative}.article-category{background:rgba(0,0,0,.7);border-radius:15px;color:#fff;font-size:12px;font-weight:600;left:15px;padding:5px 12px;position:absolute;top:15px}.article-content{padding:1.5rem 0 0}.article-meta{color:#7f8c8d;display:flex;flex-wrap:wrap;font-size:14px;gap:10px;margin-bottom:1rem}.article-meta span{margin-right:10px}.article-title{color:#2c3e50;font-size:1.3rem;line-height:1.3;margin-bottom:1rem}.article-title a{color:inherit;text-decoration:none}.article-title a:hover{color:#3498db}.article-excerpt{color:#555;line-height:1.6;margin-bottom:1rem}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1rem}.tag{background:#ecf0f1;border-radius:12px;color:#34495e;font-size:12px;padding:4px 10px;text-decoration:none}.tag:hover{background:#3498db;color:#fff}.read-more{background:#f39c12;border-radius:5px;color:#fff;display:inline-block;font-weight:600;padding:10px 20px;text-decoration:none;transition:all .3s}.read-more:hover{background:#e67e22}.sidebar{display:grid;gap:2rem;height:fit-content}.sidebar-widget{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);padding:1.5rem}.sidebar-widget h3{border-bottom:3px solid #f39c12;color:#2c3e50;margin-bottom:1rem;padding-bottom:8px}.cta-widget{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;text-align:center}.cta-widget h3{border-bottom-color:hsla(0,0%,100%,.3);color:#fff}.cta-btn{background:#fff;border-radius:25px;color:#e74c3c;display:inline-block;font-weight:600;margin-top:1rem;padding:12px 20px;text-decoration:none;transition:all .3s}.cta-btn:hover{box-shadow:0 5px 15px rgba(0,0,0,.2);transform:translateY(-2px)}.newsletter-form{display:grid;gap:1rem}.newsletter-input{border:1px solid #ddd;border-radius:5px;padding:10px}.newsletter-btn{background:#27ae60;border:none;border-radius:5px;color:#fff;cursor:pointer;font-weight:600;padding:10px}.newsletter-btn:hover{background:#229954}.article-full{background:#fff;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin:0 auto;max-width:800px;padding:2rem}.back-btn{background:#3498db;border-radius:5px;color:#fff;display:inline-block;margin-bottom:2rem;padding:10px 20px;text-decoration:none}.back-btn:hover{background:#2980b9}.article-full h1{color:#2c3e50;font-size:2rem;margin-bottom:1rem}.article-full h2{border-left:4px solid #3498db;color:#2c3e50;font-size:1.5rem;margin:2rem 0 1rem;padding-left:15px}.article-full h3{color:#34495e;margin:1.5rem 0 1rem}.article-full p{margin-bottom:1rem}.article-full ol,.article-full ul{margin-bottom:1rem;padding-left:2rem}.highlight-box{background:#fff3cd;border:1px solid #ffc107;border-radius:5px}.highlight-box,.info-box{margin:1.5rem 0;padding:1.5rem}.info-box{background:#e8f5e8;border:1px solid #27ae60;border-radius:5px}ul#ulDashboard{flex-wrap:wrap;gap:1rem}.btn-menu{margin-bottom:1rem;padding:8px 16px;text-align:center;white-space:nowrap}.btn-menu:hover{background:#2980b9}footer{background:#1a252f;color:#fff;padding:2rem 0;text-align:center}footer h4{color:#f39c12;margin-bottom:1rem}footer a{color:#bdc3c7;text-decoration:none}footer a:hover{color:#fff}.hidden{display:none}@media (max-width:768px){.container{padding:0 15px}.nav-links{background:#2c3e50;display:none;flex-direction:column;gap:1rem;left:0;padding:1rem;position:absolute;right:0;top:100%}.nav-links.active{display:flex}.mobile-menu{display:block}.logo{font-size:1.4rem}.blog-header{padding:60px 0 40px}.blog-header h1{font-size:2rem}.blog-header p{font-size:1rem;padding:0 1rem}.main-content{display:flex;flex-direction:column;gap:2rem;padding:40px 0}.blog-main{order:1;width:100%}.search-section{padding:1.5rem}.search-bar{flex-direction:column;gap:1rem}.search-btn{padding:12px;width:100%}.article-card{margin-bottom:1.5rem;padding:1.5rem}.article-header{font-size:1.5rem;height:150px;margin:-1.5rem -1.5rem 0}.article-title{font-size:1.2rem}.read-more{text-align:center;width:100%}ul#ulDashboard{align-items:center;flex-direction:column;gap:.5rem;margin-top:15px}.btn-menu{max-width:300px;width:90%}.article-full{margin:0 15px;padding:1.5rem}.article-full h1{font-size:1.5rem}.article-full h2{font-size:1.3rem}.sidebar{display:grid;gap:2rem;grid-template-columns:1fr 1fr;order:2;width:100%}.sidebar-widget{padding:1.2rem}}@media (max-width:480px){.container{padding:0 10px}header{padding:.8rem 0}.logo{font-size:1.2rem}.blog-header{padding:50px 0 30px}.blog-header h1{font-size:1.8rem}.main-content{gap:1.5rem;padding:20px 0}.sidebar{gap:1.5rem;grid-template-columns:1fr}.article-card,.search-section{padding:1rem}.article-header{font-size:1.2rem;height:120px;margin:-1rem -1rem 0}.article-category{font-size:10px;padding:3px 8px}.article-content{padding:1rem 0 0}.article-title{font-size:1.1rem}.article-meta{font-size:12px}.tag{font-size:11px;padding:3px 8px}ul#ulDashboard{margin-top:10px}.btn-menu{font-size:14px;padding:10px 12px;width:95%}.article-full{margin:0 10px;padding:1rem}.article-full h1{font-size:1.4rem}.sidebar-widget{padding:1rem}.cta-btn{font-size:14px;padding:10px 15px}}@media (max-width:320px){.container{padding:0 8px}.blog-header h1{font-size:1.5rem}.article-card{padding:.8rem}.article-header{height:100px;margin:-.8rem -.8rem 0}.btn-menu{font-size:13px;padding:8px 10px}.article-full{margin:0 8px;padding:.8rem}}@media (max-width:1024px) and (min-width:769px){.main-content{gap:2.5rem;grid-template-columns:1.5fr 1fr}.article-header{height:180px}.blog-header h1{font-size:2.5rem}}@media (max-height:600px) and (orientation:landscape){.blog-header{padding:40px 0 20px}.blog-header h1{font-size:1.8rem;margin-bottom:.5rem}.article-header{height:120px}}ul#ulDashboard{display:flex;justify-content:space-around;list-style-type:none;margin-top:23px}.btn-menu{background:#3498db;border-radius:5px;color:#fff;display:inline-block;margin-bottom:2rem;padding:8px;text-decoration:none}ul.dropdown-menu.show{inset:0 auto auto 0;margin:0;padding:10px;position:absolute;transform:translateY(40px)}ul.dropdown-menu.show a{text-decoration:none}