Projections Population Béni Mellal-Khénifra .container { font-family: 'Segoe UI', sans-serif; background: #ffffff; color: #000; width: 100%; width: 650px; margin: 0 auto; padding: 2rem; border-radius: 16px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.06); border: 1px solid #d9f0d9; } .styletitre { font-size: 1.5rem; text-align: center; color: #6d2e6a; background: linear-gradient(to right, #f7e7f4, #fef6e4); border-radius: 12px; padding: 0.5rem 1rem; margin-bottom: 2rem; font-weight: 700; box-shadow: 0 4px 8px rgba(0, 60, 0, 0.1); border: 2px solid #d9b1d9; text-shadow: 1px 1px 2px rgba(255, 255, 255, 0.6); } .parag{ font-size: 1.1rem; margin-bottom: 2rem; color: #1b1d1f; margin-bottom: 1.5rem; text-align: justify; background-color: #ffffff; border-radius: 8px; padding: 0.5rem 1rem; line-height: 1.6; box-shadow: 0 2px 8px rgba(0,0,0,0.05); } .rapport { text-align: center; margin-bottom: 2rem; } .rapport a { display: inline-flex; align-items: center; background-color: #fef2f2; color: #b91c1c; text-decoration: none; padding: 0.7rem 1rem; border-radius: 8px; font-weight: 600; font-size: 1rem; transition: background-color 0.3s ease; } .rapport a:hover { background-color: #fde8e8; } .rapport img { width: 22px; height: 26px; margin-right: 10px; } .region-block, .item { display: flex; align-items: center; padding: 1rem 1.2rem; border-radius: 10px; text-decoration: none; font-weight: 600; font-size: 1rem; color: #1f2937; box-shadow: 0 2px 6px rgba(0,0,0,0.04); transition: transform 0.2s ease; } .region-block { background-color: #ede9fe; color: #4c1d95; margin-bottom: 2rem; justify-content: center; } .region-block:hover { transform: scale(1.02); background-color: #e0d9fc; } .region-block img, .item img { width: 20px; height: 20px; margin-right: 10px; } .provinces { display: flex; flex-direction: column; gap: 15px; } .item { background-color: #f9fafb; } .item:hover { transform: scale(1.02); background-color: #f1f5f9; }