:root{--primary-blue:#4A90E2;--primary-blue-dark:#357ABD;--primary-blue-light:#6BA4E8;--secondary-blue:#E3F2FD;--accent-blue:#2196F3;--white:#ffffff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10B981;--warning:#F59E0B;--error:#EF4444;--info:var(--primary-blue);--badge-montessori:#FF6B6B;--badge-bilingue:#4ECDC4;--badge-bio:#95E1D3;--badge-ah:#A8E6CF;--badge-sselouz:#6C5CE7;--badge-blingueti:#FD79A8;--badge-blomesar:#FDCB6E;--badge-alt:#74B9FF;--badge-nature:#8BC34A;--badge-sport:#2196F3;--badge-art:#E91E63;--badge-musique:#9C27B0;--badge-nutriment:#4CAF50;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:2.5rem;--spacing-3xl:3rem;--spacing-4xl:4rem;--spacing-5xl:5rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04);--transition-fast:150ms ease-in-out;--transition-normal:300ms ease-in-out;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75}.breadcrumb-nav{background:var(--bg-secondary);padding:var(--spacing-md) 0;border-bottom:1px solid var(--gray-200)}.breadcrumb-list{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm)}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-sm)}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;font-size:var(--text-sm);transition:color var(--transition-fast)}.breadcrumb-link:hover{color:var(--primary-blue)}.breadcrumb-current{color:var(--text-primary);font-size:var(--text-sm);font-weight:var(--font-medium)}.breadcrumb-separator{color:var(--text-tertiary);font-size:var(--text-xs)}.departements-hero-section{padding:var(--spacing-4xl) 0 var(--spacing-3xl);background:linear-gradient(135deg,var(--primary-blue) 0%,var(--primary-blue-dark) 100%);color:var(--white);position:relative;overflow:hidden}.departements-hero-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="dots" width="20" height="20" patternUnits="userSpaceOnUse"><circle cx="10" cy="10" r="1.5" fill="rgba(255,255,255,0.1)"/></pattern></defs><rect width="100" height="100" fill="url(%23dots)"/></svg>') repeat;opacity:0.3}.departements-hero-section .container{position:relative;z-index:1}.hero-content{text-align:center;max-width:800px;margin:0 auto}.hero-title{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--spacing-lg);line-height:var(--leading-tight)}.hero-subtitle{font-size:var(--text-lg);opacity:0.9;margin-bottom:var(--spacing-2xl);line-height:var(--leading-relaxed)}.departements-hero-section .breadcrumb{margin-top:var(--spacing-xl);justify-content:center}.departements-hero-section .breadcrumb-list{display:flex;align-items:center;gap:var(--spacing-sm);list-style:none;margin:0;padding:0}.departements-hero-section .breadcrumb-list li{display:flex;align-items:center;color:rgba(255,255,255,0.8);font-size:var(--text-sm)}.departements-hero-section .breadcrumb-list li:not(:last-child)::after{content:'/';margin-left:var(--spacing-sm);color:rgba(255,255,255,0.5)}.departements-hero-section .breadcrumb-list a{color:rgba(255,255,255,0.8);text-decoration:none;transition:color var(--transition-fast)}.departements-hero-section .breadcrumb-list a:hover{color:var(--white);text-decoration:underline}.departements-hero-section .breadcrumb-list .active{color:var(--white);font-weight:600}.hero-icon{width:80px;height:80px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--spacing-lg);font-size:2rem;backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,0.2)}@media (min-width:640px){.departements-hero-section{padding:var(--spacing-5xl) 0 var(--spacing-4xl)}.hero-title{font-size:var(--text-4xl)}.hero-subtitle{font-size:var(--text-xl)}.hero-icon{width:100px;height:100px;font-size:2.5rem}}@media (min-width:1024px){.hero-title{font-size:var(--text-5xl)}.hero-icon{width:120px;height:120px;font-size:3rem}}@media (max-width:479px){.departements-hero-section{padding:var(--spacing-3xl) 0 var(--spacing-2xl)}.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}.hero-icon{width:60px;height:60px;font-size:1.5rem}}.all-departements-section{padding:var(--spacing-4xl) 0 var(--spacing-5xl);background:var(--gray-50)}.all-departements-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.departements-cta{text-align:center}.back-home-btn,.view-all-departements-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);background:var(--white);color:var(--primary-blue);padding:var(--spacing-md) var(--spacing-2xl);border:2px solid var(--primary-blue);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.back-home-btn:hover,.view-all-departements-btn:hover{background:var(--primary-blue);color:var(--white);transform:translateY(-2px);text-decoration:none;box-shadow:var(--shadow-md)}.departement-navigation{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap}.nav-btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-xl);border-radius:var(--radius-full);font-weight:600;text-decoration:none;transition:all var(--transition-fast)}.nav-btn.primary{background:var(--primary-blue);color:var(--white);border:2px solid var(--primary-blue)}.nav-btn.primary:hover{background:var(--primary-blue-dark);transform:translateY(-2px);text-decoration:none;color:var(--white)}.nav-btn.secondary{background:var(--white);color:var(--primary-blue);border:2px solid var(--primary-blue)}.nav-btn.secondary:hover{background:var(--primary-blue);color:var(--white);text-decoration:none}.departements-by-region{margin-bottom:var(--spacing-4xl)}.region-departements-group{margin-bottom:var(--spacing-3xl)}.region-departements-title{font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-lg);text-align:center;position:relative}.region-departements-title::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--primary-blue);border-radius:var(--radius-full)}.departement-detail-card{background:var(--white);border:2px solid transparent;border-radius:var(--radius-2xl);padding:var(--spacing-xl);text-decoration:none;color:var(--gray-900);display:flex;flex-direction:column;align-items:center;text-align:center;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-md);min-height:200px;justify-content:center}.departement-detail-card:hover::before{opacity:1}.departement-detail-card:hover{transform:translateY(-5px);border-color:var(--primary-blue);box-shadow:var(--shadow-xl);text-decoration:none;color:var(--gray-900)}.departement-detail-card.popular{border-color:var(--primary-blue);background:linear-gradient(135deg,var(--white) 0%,var(--secondary-blue) 100%)}.departement-detail-card.popular::after{content:'⭐';position:absolute;top:12px;right:12px;font-size:1rem}.departement-icon{width:60px;height:60px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md);transition:all var(--transition-normal);font-size:1.5rem;font-weight:700;color:var(--white)}.departement-detail-card:hover .departement-icon{background:var(--primary-blue-dark);transform:scale(1.1)}.departement-name{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-xs);line-height:var(--leading-tight)}.departement-info{font-size:var(--text-sm);color:var(--gray-600);margin-bottom:var(--spacing-xs)}.departement-stats{display:flex;justify-content:space-between;width:100%;margin-top:var(--spacing-sm);font-size:var(--text-xs);color:var(--gray-500)}.departement-etablissements{color:var(--primary-blue);font-weight:600}.departements-stats{display:flex;justify-content:center;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:var(--spacing-4xl);padding:var(--spacing-2xl);background:var(--white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md)}.stat-card{text-align:center;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--gray-50);min-width:120px}.stat-number{display:block;font-size:var(--text-3xl);font-weight:800;color:var(--primary-blue);line-height:1;margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--text-sm);color:var(--gray-600);font-weight:600}@media (min-width:640px){.all-departements-grid{grid-template-columns:repeat(2,1fr)}.departement-icon{width:70px;height:70px}.departement-name{font-size:var(--text-xl)}.departements-stats{gap:var(--spacing-2xl)}.stat-card{min-width:140px}}@media (min-width:1024px){.all-departements-grid{grid-template-columns:repeat(3,1fr)}.departement-detail-card{min-height:220px}.departement-icon{width:80px;height:80px;font-size:1.75rem}.departement-name{font-size:var(--text-2xl)}.departement-info{font-size:var(--text-base)}.departement-stats{font-size:var(--text-sm)}}@media (min-width:1280px){.all-departements-grid{grid-template-columns:repeat(4,1fr)}.departements-by-region{gap:var(--spacing-2xl)}.region-departements-group{gap:var(--spacing-2xl)}}@media (max-width:479px){.all-departements-section{padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.departement-detail-card{padding:var(--spacing-lg);min-height:160px}.departement-icon{width:50px;height:50px;font-size:1.25rem}.departement-name{font-size:var(--text-lg)}.departement-info{font-size:var(--text-xs)}.departements-stats{gap:var(--spacing-sm);padding:var(--spacing-lg)}.stat-card{min-width:100px;padding:var(--spacing-md)}.stat-number{font-size:var(--text-2xl)}}.departments-section{padding:var(--spacing-4xl) 0 var(--spacing-5xl);background:var(--gray-50)}.departments-section .section-title{text-align:center;font-size:var(--text-3xl);font-weight:800;color:var(--gray-900);margin-bottom:var(--spacing-md)}.departments-section .section-subtitle{text-align:center;font-size:var(--text-lg);color:var(--gray-600);margin-bottom:var(--spacing-4xl);max-width:600px;margin-left:auto;margin-right:auto}.departments-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-xl);margin-bottom:var(--spacing-4xl)}.department-card{background:var(--white);border:2px solid transparent;border-radius:var(--radius-2xl);overflow:hidden;transition:all var(--transition-normal);box-shadow:var(--shadow-md);position:relative}.department-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(74,144,226,0.05) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.department-card:hover::before{opacity:1}.department-card:hover{transform:translateY(-5px);border-color:var(--primary-blue);box-shadow:var(--shadow-xl)}.department-link{display:block;padding:var(--spacing-xl);text-decoration:none;color:inherit;position:relative;z-index:1}.department-link:hover{text-decoration:none;color:inherit}.department-header{display:flex;align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.department-code{background:var(--primary-blue);color:var(--white);font-size:var(--text-lg);font-weight:700;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-full);min-width:60px;text-align:center;flex-shrink:0}.department-name{font-size:var(--text-xl);font-weight:700;color:var(--gray-900);margin:0;line-height:var(--leading-tight)}.department-stats{display:flex;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.dept-stat{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--text-sm);color:var(--gray-600)}.dept-stat i{color:var(--primary-blue);font-size:1rem}.department-action{display:flex;align-items:center;justify-content:space-between;padding-top:var(--spacing-md);border-top:1px solid var(--gray-200)}.action-text{font-weight:600;color:var(--primary-blue);font-size:var(--text-sm)}.department-action i{color:var(--primary-blue);opacity:0;transform:translateX(-10px);transition:all var(--transition-fast)}.department-card:hover .department-action i{opacity:1;transform:translateX(0)}.similar-regions-section{padding:var(--spacing-4xl) 0;background:var(--white)}.similar-regions-section .section-title{text-align:center;font-size:var(--text-2xl);font-weight:700;color:var(--gray-900);margin-bottom:var(--spacing-3xl)}.similar-regions-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-lg)}.similar-region-card{background:var(--gray-50);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);border:2px solid transparent}.similar-region-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--primary-blue)}.similar-region-link{display:block;padding:var(--spacing-xl);text-decoration:none;color:inherit}.similar-region-link:hover{text-decoration:none;color:inherit}.similar-region-content{display:flex;align-items:center;justify-content:space-between}.similar-region-name{font-size:var(--text-lg);font-weight:600;color:var(--gray-900);margin:0}.discover-text{color:var(--primary-blue);font-weight:500;transition:transform var(--transition-fast)}.similar-region-card:hover .discover-text{transform:translateX(5px)}@media (min-width:640px){.departments-grid{grid-template-columns:repeat(2,1fr)}.similar-regions-grid{grid-template-columns:repeat(2,1fr)}.department-header{gap:var(--spacing-xl)}.department-code{font-size:var(--text-xl);min-width:70px}.department-name{font-size:var(--text-xl)}.dept-stat{font-size:var(--text-base)}}@media (min-width:1024px){.departments-grid{grid-template-columns:repeat(3,1fr)}.similar-regions-grid{grid-template-columns:repeat(3,1fr)}.departments-section .section-title{font-size:var(--text-4xl)}.department-card{min-height:200px}.department-name{font-size:var(--text-2xl)}.department-code{font-size:var(--text-xl);min-width:80px}}@media (min-width:1280px){.departments-grid{grid-template-columns:repeat(4,1fr)}.similar-regions-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:479px){.departments-section{padding:var(--spacing-3xl) 0 var(--spacing-4xl)}.departments-section .section-title{font-size:var(--text-2xl)}.departments-section .section-subtitle{font-size:var(--text-base)}.department-link{padding:var(--spacing-lg)}.department-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-md)}.department-code{font-size:var(--text-base);min-width:50px;padding:var(--spacing-sm) var(--spacing-md)}.department-name{font-size:var(--text-lg)}.department-stats{flex-direction:column;gap:var(--spacing-sm)}.dept-stat{font-size:var(--text-sm)}}.departement-card{background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);padding:var(--spacing-lg);text-decoration:none;color:var(--gray-900);display:block;transition:all var(--transition-normal);position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.departement-card:hover{transform:translateY(-3px);border-color:var(--primary-blue);box-shadow:var(--shadow-lg);text-decoration:none;color:var(--gray-900)}.departement-link{display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;color:inherit;height:100%;padding:var(--spacing-md)}.departement-link:hover{text-decoration:none;color:inherit}.departement-content{flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%}.departement-arrow{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;background:var(--primary-blue);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transform:translateX(10px);transition:all var(--transition-fast)}.departement-arrow i{color:var(--white);font-size:0.875rem}.departement-card:hover .departement-arrow{opacity:1;transform:translateX(0)}.departement-card.compact{padding:var(--spacing-md)}.departement-card.compact .departement-link{padding:var(--spacing-sm)}.departement-card.large{padding:var(--spacing-xl);min-height:240px}.departement-card.featured{border-color:var(--primary-blue);background:linear-gradient(135deg,var(--white) 0%,var(--secondary-blue) 100%)}.departement-card.popular{border-color:var(--primary-blue);position:relative}.departement-card.popular::after{content:'⭐';position:absolute;top:8px;left:8px;font-size:1rem;z-index:1}.departement-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(74,144,226,0.05) 50%,transparent 100%);opacity:0;transition:opacity var(--transition-normal)}.departement-card:hover::before{opacity:1}@media (min-width:640px){.departement-card{padding:var(--spacing-xl)}.departement-arrow{width:36px;height:36px}.departement-arrow i{font-size:1rem}}@media (min-width:1024px){.departement-card.large{min-height:260px}}@media (max-width:479px){.departement-card{padding:var(--spacing-md)}.departement-link{padding:var(--spacing-sm)}.departement-arrow{width:28px;height:28px;top:var(--spacing-sm);right:var(--spacing-sm)}.departement-arrow i{font-size:0.75rem}}