.age-pyramid{width:100%;font-family:var(--font-jakarta-sans);flex-direction:column;gap:.6rem;display:flex}.age-pyramid__legend{justify-content:center;gap:1.5rem;margin-bottom:.5rem;display:flex}.age-pyramid__legend-item{color:rgba(var(--main-font-color-rgb), .7);padding-left:1.1rem;font-size:.85rem;position:relative}.age-pyramid__legend-item:before{content:"";border-radius:50%;width:.7rem;height:.7rem;position:absolute;top:50%;left:0;transform:translateY(-50%)}.age-pyramid__legend-item--hommes:before{background-color:var(--secondary-color)}.age-pyramid__legend-item--femmes:before{background-color:var(--tertiary-color)}.age-pyramid__row{grid-template-columns:1fr auto 1fr;align-items:center;gap:.75rem;display:grid}.age-pyramid__label{color:rgba(var(--main-font-color-rgb), .75);white-space:nowrap;text-align:center;font-size:.8rem}.age-pyramid__side{align-items:center;gap:.5rem;min-width:0;display:flex}.age-pyramid__side--hommes{justify-content:flex-end}.age-pyramid__side--femmes{justify-content:flex-start}.age-pyramid__bar{min-width:2px;height:1rem}.age-pyramid__bar--hommes{background:linear-gradient(to left, var(--light-secondary-color), var(--secondary-color));border-radius:.25rem 0 0 .25rem}.age-pyramid__bar--femmes{background:linear-gradient(to right, var(--light-tertiary-color), var(--tertiary-color));border-radius:0 .25rem .25rem 0}.age-pyramid__value{color:rgba(var(--main-font-color-rgb), .6);flex-shrink:0;font-size:.75rem;font-weight:600}
.compare-stat{border:1px solid rgba(var(--main-font-color-rgb), .08);background-color:#fff;border-radius:.75rem;flex-direction:column;gap:.75rem;padding:1.25rem;display:flex}.compare-stat__label{font-family:var(--font-jakarta-sans);color:var(--main-font-color);font-size:.9rem;font-weight:600}.compare-stat__values{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.compare-stat__item{background-color:rgba(var(--main-font-color-rgb), .05);border-radius:.5rem;flex-direction:column;gap:.15rem;padding:.6rem .75rem;display:flex}.compare-stat__item--sauqueville{background-color:var(--light-primary-color)}.compare-stat__item--agglomeration{background-color:var(--light-secondary-color)}.compare-stat__value{font-family:var(--font-jakarta-sans);color:var(--main-font-color);font-size:1.4rem;font-weight:700}.compare-stat__item--sauqueville .compare-stat__value{color:var(--dark-primary-color)}.compare-stat__item--agglomeration .compare-stat__value{color:var(--dark-secondary-color)}.compare-stat__place{font-family:var(--font-jakarta-sans);color:rgba(var(--main-font-color-rgb), .6);font-size:.75rem}
.key-figure{flex-direction:column;align-items:flex-start;gap:.25rem;display:flex}.key-figure__value{font-family:var(--font-jakarta-sans);color:var(--primary-color);font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;line-height:1}.key-figure__label{font-family:var(--font-jakarta-sans);color:var(--main-font-color);font-size:1.1rem;font-weight:600}.key-figure__sublabel{font-family:var(--font-jakarta-sans);color:rgba(var(--main-font-color-rgb), .65);font-size:.9rem}
.population-chart{width:100%;max-width:60rem}.population-chart__svg{width:100%;height:auto;overflow:visible}.population-chart__axis{stroke:rgba(var(--main-font-color-rgb), .15);stroke-width:1px}.population-chart__line{fill:none;stroke:var(--primary-color);stroke-width:2.5px;stroke-linejoin:round;stroke-linecap:round}.population-chart__point{fill:var(--primary-color);transition:r .15s ease-in-out}.population-chart__hit-area{fill:#0000;cursor:pointer}.population-chart__tooltip{pointer-events:none}.population-chart__tooltip rect{fill:var(--dark-primary-color)}.population-chart__tooltip text{fill:#fff;font-family:var(--font-jakarta-sans);font-size:.6rem;font-weight:600}.population-chart__labels{font-family:var(--font-jakarta-sans);color:rgba(var(--main-font-color-rgb), .65);justify-content:space-between;margin-top:.5rem;font-size:.85rem;display:flex}
.proportion-bar{--bar-gradient:linear-gradient(90deg, var(--light-primary-color), var(--primary-color));--bar-value-color:var(--dark-primary-color);width:100%}.proportion-bar__header{font-family:var(--font-jakarta-sans);justify-content:space-between;align-items:baseline;margin-bottom:.35rem;display:flex}.proportion-bar__label{color:var(--main-font-color);font-size:.95rem}.proportion-bar__value{color:var(--bar-value-color);white-space:nowrap;font-size:.9rem;font-weight:600}.proportion-bar__track{background-color:rgba(var(--main-font-color-rgb), .08);border-radius:999px;width:100%;height:.6rem;overflow:hidden}.proportion-bar__fill{background:var(--bar-gradient);border-radius:999px;height:100%;transition:width .4s ease-in-out}.proportion-bar--blue{--bar-gradient:linear-gradient(90deg, var(--light-secondary-color), var(--secondary-color));--bar-value-color:var(--dark-secondary-color)}.proportion-bar--yellow{--bar-gradient:linear-gradient(90deg, var(--light-tertiary-color), var(--tertiary-color));--bar-value-color:var(--dark-tertiary-color)}
.chiffres-page{width:100%;max-width:90rem;margin:6rem auto 4rem;padding:0 1.5rem}.chiffres-page__header{text-align:center;margin-bottom:4rem}.chiffres-page__title{font-family:var(--font-jakarta-sans);font-size:var(--page-title-font-size);color:var(--main-font-color);margin-bottom:1rem}.chiffres-page__subtitle{font-family:var(--font-jakarta-sans);color:rgba(var(--main-font-color-rgb), .7);max-width:50rem;margin:0 auto;font-size:1.1rem}.chiffres-page__row{flex-direction:column;margin-bottom:4rem;display:flex}@media screen and (min-width:900px){.chiffres-page__row{grid-template-columns:1fr 1fr;gap:0 3rem;display:grid}.chiffres-page__row .chiffres-section{margin-bottom:0}}.chiffres-section{margin-bottom:4rem}.chiffres-section__title{font-family:var(--font-jakarta-sans);color:var(--primary-color);border-bottom:2px solid var(--light-primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;font-size:1.6rem;font-weight:700}.chiffres-section__intro{font-family:var(--font-jakarta-sans);color:rgba(var(--main-font-color-rgb), .7);margin-bottom:1.5rem;font-size:1.05rem}.chiffres-section__content--groups{flex-direction:column;gap:2rem;display:flex}.chiffres-section__content--compare{grid-template-columns:1fr;gap:1.25rem;display:grid}@media screen and (min-width:700px){.chiffres-section__content--compare{grid-template-columns:repeat(3,1fr)}}.chiffres-section__content--split{flex-direction:column;align-items:flex-start;gap:2rem;display:flex}@media screen and (min-width:900px){.chiffres-section__content--split{flex-direction:row;justify-content:space-between;align-items:center}.chiffres-section__content--split>*{flex:1}}.chiffres-section__content--pyramid{width:100%;margin-top:2.5rem}.chiffres-section__group{border-top:1px dashed rgba(var(--main-font-color-rgb), .12);flex-direction:column;gap:1rem;padding-top:1.5rem;display:flex}.chiffres-section__group:first-child{border-top:none;padding-top:0}