:root {
--couleur-principale: rgb(21,43,66);
--couleur-cta: rgb(221,28,30);
--couleur-cta-texte: rgb(255,255,255);
--couleur-secondaire: rgb(79,175,151);
--couleur-secondaire-light: rgb(185,237,224);
--couleur-texte: rgb(21,43,66);
--couleur-background: rgb(244,244,244);
--couleur-fond-light: rgb(255,255,255);
--couleur-header: rgb(255,255,255);
--couleur-footer: rgb(244,244,244);
--couleur-footer: rgb(255,255,255);
--border-radius: 1.5rem;
}

.has-rgb-214366-color { color: rgb(21,43,66); }
.has-rgb-214366-background-color { background-color: rgb(21,43,66); }
.has-rgb-2212830-color { color: rgb(221,28,30); }
.has-rgb-2212830-background-color { background-color: rgb(221,28,30); }
.has-rgb-255255255-color { color: rgb(255,255,255); }
.has-rgb-255255255-background-color { background-color: rgb(255,255,255); }
.has-rgb-79175151-color { color: rgb(79,175,151); }
.has-rgb-79175151-background-color { background-color: rgb(79,175,151); }
.has-rgb-185237224-color { color: rgb(185,237,224); }
.has-rgb-185237224-background-color { background-color: rgb(185,237,224); }
.has-rgb-214366-color { color: rgb(21,43,66); }
.has-rgb-214366-background-color { background-color: rgb(21,43,66); }
.has-rgb-244244244-color { color: rgb(244,244,244); }
.has-rgb-244244244-background-color { background-color: rgb(244,244,244); }
.has-rgb-255255255-color { color: rgb(255,255,255); }
.has-rgb-255255255-background-color { background-color: rgb(255,255,255); }
.has-rgb-255255255-color { color: rgb(255,255,255); }
.has-rgb-255255255-background-color { background-color: rgb(255,255,255); }
.has-rgb-244244244-color { color: rgb(244,244,244); }
.has-rgb-244244244-background-color { background-color: rgb(244,244,244); }
.has-rgb-255255255-color { color: rgb(255,255,255); }
.has-rgb-255255255-background-color { background-color: rgb(255,255,255); }
body, p, a, ul, ol { font-family: Roboto, sans-serif; font-weight: 400; color: #152b42; }
@media (min-width: 1000px) {
  body, p, a, ul, ol { font-size: 1.5rem; }
}
h1 { font-family: Roboto, sans-serif; font-weight: 400; }
@media (min-width: 1000px) {
  h1 { font-size: 4rem; }
}
h2 { font-family: Roboto, sans-serif; font-weight: 300; }
@media (min-width: 1000px) {
  h2 { font-size: 3.5rem; }
}
h3 { font-family: Roboto, sans-serif; font-weight: 400; }
@media (min-width: 1000px) {
  h3 { font-size: 1.8rem; }
}
h4 { font-family: Roboto, sans-serif; font-weight: 400; }
h5 { font-family: Roboto, sans-serif; font-weight: 400; }
h6 { font-family: Roboto, sans-serif; font-weight: 700; }