:root {
--couleur-principale: #424d57;
--couleur-principale-light: rgb(186,186,186);
--couleur-secondaire: rgb(42,177,177);
--couleur-secondaire-light: rgb(42,177,177);
--couleur-secondaire-dark: rgb(42,177,177);
--couleur-header: rgb(255,255,255);
--couleur-footer: rgb(42,177,177);
--couleur-background: rgb(248,248,248);
--couleur-background-light: rgb(255,255,255);
--couleur-texte: #424d57;
--couleur-cta: rgb(42,177,177);
--couleur-cta-texte: rgb(255,255,255);
--border-radius: 1.5rem;
}

.has-rgb-424d57-color { color: #424d57; }
.has-rgb-424d57-background-color { background-color: #424d57; }
.has-rgb-186186186-color { color: rgb(186,186,186); }
.has-rgb-186186186-background-color { background-color: rgb(186,186,186); }
.has-rgb-42177177-color { color: rgb(42,177,177); }
.has-rgb-42177177-background-color { background-color: rgb(42,177,177); }
.has-rgb-42177177-color { color: rgb(42,177,177); }
.has-rgb-42177177-background-color { background-color: rgb(42,177,177); }
.has-rgb-42177177-color { color: rgb(42,177,177); }
.has-rgb-42177177-background-color { background-color: rgb(42,177,177); }
.has-rgb-255255255-color { color: rgb(255,255,255); }
.has-rgb-255255255-background-color { background-color: rgb(255,255,255); }
.has-rgb-42177177-color { color: rgb(42,177,177); }
.has-rgb-42177177-background-color { background-color: rgb(42,177,177); }
.has-rgb-248248248-color { color: rgb(248,248,248); }
.has-rgb-248248248-background-color { background-color: rgb(248,248,248); }
.has-rgb-255255255-color { color: rgb(255,255,255); }
.has-rgb-255255255-background-color { background-color: rgb(255,255,255); }
.has-rgb-424d57-color { color: #424d57; }
.has-rgb-424d57-background-color { background-color: #424d57; }
.has-rgb-42177177-color { color: rgb(42,177,177); }
.has-rgb-42177177-background-color { background-color: rgb(42,177,177); }
.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: Lato, sans-serif; font-weight: 400; font-size: 1.6rem; color: #424d57; }
@media (min-width: 1000px) {
  body, p, a, ul, ol { font-size: 1.6rem; }
}
h1 { font-family: Lato, sans-serif; font-weight: 400; }
@media (min-width: 1000px) {
  h1 { font-size: 4.8rem; }
}
h2 { font-family: Lato, sans-serif; font-weight: 400; color: #2ab1b1; }
@media (min-width: 1000px) {
  h2 { font-size: 3.5rem; }
}
h3 { font-family: Lato, sans-serif; font-weight: 400; }
@media (min-width: 1000px) {
  h3 { font-size: 3rem; }
}
h4 { font-family: Lato, sans-serif; font-weight: 400; }
@media (min-width: 1000px) {
  h4 { font-size: 2.2rem; }
}
h5 { font-family: Lato, sans-serif; font-weight: 400; }
@media (min-width: 1000px) {
  h5 { font-size: 1.8rem; }
}
h6 { font-family: Lato, sans-serif; font-weight: 400; }
@media (min-width: 1000px) {
  h6 { font-size: 1.5rem; }
}