/*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: "Brown";
  --navtop: 60px;
  --navtop-scroll: 40px;
  --footer: 50px;
  --color-primary: #4394d0;
  --color-primary-alt: #7DB6DF;
  --color-secondary: #28648c;
  --color-ternary: #8cc8e1;
  --color-green:var(--color-secondary);
  --color-black: #1A1A1A;
  --color-darkgray: #28282a;
  --color-lightgray: #F2F2F2;
  --color-gray: #e5e5e5;
  --color-body: #F7F7F7;
}
@media screen and (min-width: 375px) {
  :root {
    --vpd: 20px;
    --hpd: 20px;
  }
}
@media screen and (min-width: 992px) {
  :root {
    --vpd: 40px;
    --hpd: 40px;
  }
}
@media screen and (min-width: 1440px) {
  :root {
    --vpd: 90px;
    --hpd: 90px;
  }
}