@font-face {
  font-family: 'Courier Prime';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/courierprime/v9/u-4n0q2lgwslOqpF_6gQ8kELawRpXw.ttf) format('truetype');
}
@font-face {
  font-family: 'Courier Prime';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/courierprime/v9/u-4i0q2lgwslOqpF_6gQ8kELawRR4-Lfrg.ttf) format('truetype');
}
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/courierprime/v9/u-450q2lgwslOqpF_6gQ8kELWwY.ttf) format('truetype');
}
@font-face {
  font-family: 'Courier Prime';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/courierprime/v9/u-4k0q2lgwslOqpF_6gQ8kELY7pMf-c.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHtv4kjgoGqM7E_CfNYwHo.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfP04Vop.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOQ4lop.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E_Ccs8.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPI41op.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfPk5Fop.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOA5Vop.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfOc5lop.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHsv4kjgoGqM7E_CfO451op.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHrv4kjgoGqM7E3b8s8.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3w-oc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3p-kc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHpv4kjgoGqM7EPCw.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3_-gc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E30-8c4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3t-4c4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3q-0c4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlow/v12/7cHqv4kjgoGqM7E3j-wc4A.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxzL3I-JCGChYJ8VI-L6OO_au7B6xTru1H2.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrF3DWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrc3PWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxxL3I-JCGChYJ8VI-L6OO_au7B6xTT3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrK3LWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrB3XWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrY3TWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrf3fWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: italic;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxyL3I-JCGChYJ8VI-L6OO_au7B6xTrW3bWvA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxxL3I-JCGChYJ8VI-L6OO_au7B43LT3w.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B497y_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B47rx_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTx3L3I-JCGChYJ8VI-L6OO_au7B2xY.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B4-Lw_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B4873_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B46r2_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B47b1_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowcondensed/v12/HTxwL3I-JCGChYJ8VI-L6OO_au7B45L0_3E.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6mPAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlphgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfG4qv.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRft6uPAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf06iPAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpvgxjLBV1hqnzfr-F8sEYMB0Yybp0mudRnfw.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfi6mPAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfp66PAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRfw6-PAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf36yPAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Semi Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/barlowsemicondensed/v15/wlpigxjLBV1hqnzfr-F8sEYMB0Yybp0mudRf-62PAA.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNZ.ttf) format('truetype');
}
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v206/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1i-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 300;
  src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v206/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1n-q_4MrImHCIJIZrDDxHOem.ttf) format('truetype');
}
.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
}
.bg--fff {
  background-color: #fff;
}
.bg--ccc {
  background-color: #ccc;
}
.bg--444 {
  background-color: #444;
}
.bg--000 {
  background-color: #000;
}
.bo--000 {
  border-color: #000;
}
.bo--ccc {
  border-color: #ccc;
}
.bo--fff {
  border-color: #fff;
}
.bod {
  border-style: dashed;
}
.bos {
  border-style: solid;
}
.bw-2 {
  border-width: 2px;
}
@media only screen and (min-width: 768px) {
  .bw-2 {
    border-width: 3px;
  }
}
@media only screen and (min-width: 1280px) {
  .bw-2 {
    border-width: 3px;
  }
}
.bw-3 {
  border-width: 3px;
}
@media only screen and (min-width: 768px) {
  .bw-3 {
    border-width: 5px;
  }
}
@media only screen and (min-width: 1280px) {
  .bw-3 {
    border-width: 5px;
  }
}
.collapsed .collapsible {
  display: none!important;
}
.flex-row {
  display: flex;
  flex-direction: row;
}
@media only screen and (min-width: 768px) {
  .ns--flex-row {
    display: flex;
    flex-direction: row;
  }
}
.flex-col {
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .ns--flex-col {
    display: flex;
    flex-direction: column;
  }
}
.hidden {
  opacity: 0;
  pointer-events: none;
}
.content-start {
  justify-content: flex-start;
}
.content-center {
  justify-content: center;
}
.content-end {
  justify-content: flex-end;
}
.mr-1 {
  margin-right: 0.5rem !important;
}
.muted {
  opacity: 0.1;
}
.max700 {
  max-width: 700px;
  margin: 25px auto 55px;
  -webkit-font-smoothing: antialiased;
}
@media all and (max-width: 700px) {
  .max700 {
    margin: 25px 15px 55px;
  }
}
@font-face {
  font-family: 'Heading Now Variable';
  src: url('https://s1.quebecormedia.com/infojdem/fonts/heading-now/woff2/HeadingNowVarVF.woff2') format('woff2-variations'), url('https://s1.quebecormedia.com/infojdem/fonts/heading-now/ttf/Heading-Now-Variable.ttf') format('truetype-variations');
  font-weight: 110 1000;
  font-stretch: 100% 1000%;
}
@font-face {
  font-family: "Heading Now Medium";
  src: url("https://infojdemstorage.blob.core.windows.net/infojdem/fonts/heading-now/woff2/Heading-Now-55-Medium.woff2") format("woff2"), url("https://infojdemstorage.blob.core.windows.net/infojdem/fonts/heading-now/ttf/Heading-Now-55-Medium.ttf") format("ttf");
}
@font-face {
  font-family: "Heading Now Extrabold";
  src: url("https://infojdemstorage.blob.core.windows.net/infojdem/fonts/heading-now/woff2/Heading-Now-57-Extrabold.woff2") format("woff2"), url("https://infojdemstorage.blob.core.windows.net/infojdem/fonts/heading-now/ttf/Heading-Now-55-Medium.ttf") format("ttf");
}
#mapheader {
  border-top: 10px solid #333;
  background-color: #FFF;
  color: #000;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0 0;
  text-align: left;
}
@media only screen and (min-width: 480px) {
}
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1280px) {
}
#mapheader h1 {
  font-family: "Heading Now Variable", sans-serif !important;
  font-style: normal;
  font-weight: 800;
  font-size: 48px;
  line-height: 42px;
  font-stretch: 550%;
  color: #333;
  position: relative;
  z-index: 2;
  margin: 16px 0;
}
@media only screen and (min-width: 768px) {
  #mapheader h1 {
    font-size: 42px;
  }
}
#mapheader p {
  font-family: "Heading Now Variable", sans-serif !important;
  font-size: 1em;
  font-weight: 600;
  font-stretch: 450%;
  line-height: 1.3;
  margin: 0 0 16px;
}
@media only screen and (min-width: 480px) {
  #mapheader p {
    line-height: 1.4;
  }
}
@media only screen and (min-width: 768px) {
  #mapheader p {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width: 1280px) {
  #mapheader p {
    font-size: 1.4rem;
  }
}
.viz-ecoles {
  overflow: hidden;
  text-align: left;
  background-color: #FFF;
  margin: 2rem 0;
  max-width: 768px;
}
@media (min-width: 768px) {
  .viz-ecoles {
    margin: 2rem auto;
  }
}
@media (min-width: 968px) {
  .viz-ecoles {
    max-width: calc(100vw - 200px);
  }
}
@media (min-width: 1800px) {
  .viz-ecoles {
    max-width: 1600px;
  }
}
.viz-ecoles #main {
  background-color: #FFF;
  z-index: 1;
  position: relative;
}
@media only screen and (min-width: 768px) {
}
.viz-ecoles .map-container {
  position: relative;
}
.viz-ecoles .map-container #map {
  height: 100%;
  min-height: 65vh;
  overflow: hidden;
  width: 100%;
  background-color: #FFF;
}
@media only screen and (min-width: 768px) {
  .viz-ecoles .map-container #map {
    min-height: 65vh;
  }
}
@media only screen and (min-width: 1280px) {
  .viz-ecoles .map-container #map {
    min-height: 65vh;
  }
}
.viz-ecoles .map-container .mapboxgl-ctrl-group:not(:empty) {
  border: none;
}
.viz-ecoles .map-container .mapboxgl-ctrl-logo {
  display: none;
}
.legend {
  background-color: #fff;
  color: #5D5D5D;
  border-radius: 3px;
  bottom: 10px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  font-family: "Heading Now Variable", sans-serif !important;
  font-style: normal;
  font-weight: 400;
  font-stretch: 400%;
  font-size: 14px;
  line-height: 120%;
  padding: 7px 10px 2px;
  position: absolute;
  left: 10px;
  z-index: 1;
}
@media only screen and (max-width: 767px) {
  .legend {
    position: relative;
    margin-top: 10px;
    margin-left: -10px;
    width: 100%;
    flex-direction: row;
    display: flex;
    flex-wrap: wrap;
    column-gap: 14px;
    padding-bottom: 8px;
    padding-left: 0;
    padding-right: 0;
  }
}
.legend div:not(.rond) {
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .legend div:not(.rond) {
    flex-basis: 164px;
    font-size: 11px;
    line-height: 13px;
  }
}
.legend div:not(.rond) .rond {
  border-radius: 50%;
  min-height: 8px;
  min-width: 8px;
  margin-top: 3px;
}
.legend div:not(.rond) .rond.bleu {
  background-color: #093EDC;
}
.legend div:not(.rond) .rond.vert {
  background-color: #64C100;
}
.legend div:not(.rond) .rond.jaune {
  background-color: #FF9D00;
}
.legend div:not(.rond) .rond.rouge {
  background-color: #DC0909;
}
.legend img {
  width: 15px;
  margin: 0 5px 0 2px;
}
.methodo h3 {
  font-size: 18px !important;
  border-top: none !important;
  margin: 18px 0 !important;
  text-transform: none !important;
  padding-top: 0 !important;
  line-height: 100% !important;
}
.methodo ul {
  margin: 0 !important;
}
.methodo h3,
.methodo p,
.methodo ul li {
  font-family: "Heading Now Variable", sans-serif !important;
  color: black !important;
  font-stretch: 400%;
  line-height: 138%;
}
.methodo p,
.methodo ul li {
  font-size: 16px;
  margin: 0 !important;
  list-style-type: disc !important;
  font-weight: 300 !important;
}
.methodo p.pb-10 {
  padding-bottom: 8px;
}
.methodo .sources {
  margin-top: 7px !important;
  padding-bottom: 0 !important;
}
.methodo strong {
  font-weight: 600;
}
.methodo .credits p {
  margin-top: 0;
  margin-bottom: 8px;
  font-size: 15px;
}
.mapboxgl-ctrl-geocoder {
  margin-top: 10px;
  margin-left: 10px;
  max-width: calc(100% - 20px);
}
.mapboxgl-popup-anchor-top {
  margin-top: 10px;
}
.mapboxgl-popup-anchor-bottom {
  margin-top: -10px;
}
.mapboxgl-popup {
  box-sizing: border-box;
  overflow: hidden;
  width: 100%;
  height: auto;
  max-width: 255px;
  border-radius: 4px;
  font-family: "Heading Now Variable", sans-serif !important;
  font-stretch: 400%;
  -webkit-font-smoothing: antialiased;
}
@media (max-height: 700px) {
}
.mapboxgl-popup .mapboxgl-popup-close-button {
  right: 5px;
  top: 6px;
  font-size: 16px;
  font-family: 'Arial', sans-serif;
  color: gray;
}
.mapboxgl-popup * {
  line-height: 1;
  margin: 0;
}
.mapboxgl-popup .infobox-title {
  font-family: "Heading Now Variable", sans-serif !important;
  background-color: #DBD8D6;
  color: #5D5D5D;
  text-transform: uppercase;
  display: inline-block;
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 110%;
  letter-spacing: 0.25px;
  font-stretch: 401%;
  padding: 2px 4px;
}
.mapboxgl-popup .mapboxgl-popup-content {
  color: #000;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-hr {
  border-top: 1px solid #6B6B6B;
  margin-top: 12px;
  margin-bottom: 8px;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 4px 3px 9px;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .infobox-subtitle {
  font-weight: 700;
  font-size: 14px;
  line-height: 120%;
  color: #979797;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .infobox-subtitle.nom-ecole {
  color: #5D5D5D;
  font-style: normal;
  font-weight: 850;
  font-size: 20px;
  line-height: 110%;
  margin-top: 9px;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .infobox-subtitle.nom-ecole.Jaune {
  color: #FF9D00;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .infobox-subtitle.nom-ecole.Rouge {
  color: #DC0909;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .infobox-subtitle.nom-ecole.Vert {
  color: #64C100;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .infobox-subtitle.nom-ecole.Bleu {
  color: #093EDC;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .texte-clim {
  margin-top: 8px;
  font-size: 13px;
  font-weight: 420;
  font-stretch: 400%;
  line-height: 110%;
  display: flex;
  flex-direction: row;
  column-gap: 3px;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .texte-clim .etat-clim {
  border-radius: 50%;
  display: block;
  width: 10px;
  min-width: 10px;
  height: 10px;
  margin-right: 3px;
  margin-bottom: 1px;
  margin-top: 2px;
  flex-basis: 10px;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .texte-clim .etat-clim.Jaune {
  background-color: #FF9D00;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .texte-clim .etat-clim.Rouge {
  background-color: #DC0909;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .texte-clim .etat-clim.Vert {
  background-color: #64C100;
}
.mapboxgl-popup .mapboxgl-popup-content .infobox-values .texte-clim .etat-clim.Bleu {
  background-color: #093EDC;
}
@media screen and (min-width: 768px) {
  .mobile-only {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .desktop-only {
    display: none;
  }
}
.sources {
  margin-bottom: 0;
  font-weight: 300;
}
.collapsibleToggle {
  color: black !important;
  text-decoration: underline;
  font-weight: 600 !important;
  position: relative;
  text-transform: none;
}
.collapsibleToggle::after {
  height: 100%;
  color: #A8A8A8;
  font-size: 7px;
  padding: 0 3px 0 3px;
  text-decoration: none;
  position: absolute;
  top: 6px;
  content: " \25BC";
}
.collapsibleToggle.active:after {
  content: " \25B2";
}
.inline-content .collapsibleToggle::after {
  top: 2px;
}
.collapsible {
  max-height: 50px;
  overflow: hidden;
  transition: max-height 0.7s ease-in-out;
}
@media only screen and (min-width: 768px) {
  .collapsible {
    max-height: 50px;
  }
}
.collapsible.collapsed {
  max-height: 1200px;
}
@media only screen and (min-width: 768px) {
  .collapsible.collapsed {
    max-height: 800px;
  }
}
/*# sourceMappingURL=style.css.map */