/*VARIABLES SCSS*/
/*TAILLES DE BREAKPOINTS RESPONSIVE*/
/*TABLEAU DES TAILLES DE BREAKPOINTS RESPONSIVE*/
/*MARGINS DE BASE*/
/*PADDINGS DE BASE*/
/*TABLEAU DES TAILLES DE MARGES VERTICALES*/
/*TABLEAU DES TAILLES DE MARGES HORIZONTALES*/
/*TABLEAU DES TAILLES DE PADDINGS VERTICALES*/
/*TABLEAU DES TAILLES DE PADDINGS HORIZONTALES*/
:root {
  border-color: var(--color-primary);
  border: none;
  --font: 'Rubik', 'Arial' ,sans-serif;
  --h-font: 'niveau-grotesk', 'Arial' ,sans-serif;
  --vpd: 30px;
  --hpd: 15px;
  --navtop: 80px;
  --navtop-scroll: 40px;
  --footer: 50px;
  --color-primary: #10608E;
  --color-secondary: #EE770C;
  --color-ternary: #FFD23D;
  --color-extralight-blue: #deecf6;
  --color-extralight-orange: #FCEAD9;
  --color-extralight-yellow: #FEF6E8;
  --color-body: #10608E;
  --color-link: #EE770C;
  --radius: 20px;
  --radius-big: 50px;
}
@media screen and (min-width: 992px) {
  :root {
    --vpd: 50px;
    --hpd: 25px;
  }
}
@media screen and (min-width: 1200px) {
  :root {
    --hpd: 50px;
  }
}
@media screen and (min-width: 1980px) {
  :root {
    --hpd: 7.5vw;
  }
}