/*Variable css*/
:root {
  /*Couleurs BG*/
  --header-top-bg-color: #122C39; /*#dbe2e7;*/
  --header-center-bg-color: #eceff1;
  --newsletter-bg-color: #122C39;

  --header-nav-bg-color: #12354f;
  --main-gray-bg-color: #f8f9fb;

  --main-dark-color: #0e2633;

  /*COULEURS FONTS*/
  --font-gray: #5e5e5e;
  --font-black: #373b3d;
  --font-black-blue: #1e1e20;
  --primary-color: #002131;

  /*Couleurs particulières du site (typo, bg, etc.)*/

  --light-main-color: #50ac76;
  --beer-light-main-color: #d67710;
  /*--light-main-color       : #BF5E48;*/
  /*--light-blue-color       : #039edf;*/
  /*--light-blue-hover-color : #0395a6;*/

  /*Couleurs des réductions*/
  --yellow: #D0C500; /*10/20 %*/
  --yellorange: #E9B400; /*20/30 %*/
  --orange: #E87C1B; /*30/40 %*/
  --red: #DD321A; /*40/50 %*/
  --purple: #862755; /*50/60 %*/
  --blue: #4D4B9A; /*60/70 %*/

  --dark-blue: #0a354e;
  --flashy-red: #cc4015;

  /*Marges section*/
  --section-normal-margin: 0 4%;
  --section-sticky-margin: 0 5%;


  /*Fonts*/
  --main-typo: 'Roboto', sans-serif;
  --second-typo: 'Raleway', sans-serif;
  --third-typo: 'Josefin Sans', sans-serif;

  /*Colors*/
  --main-color: #0E2533;
  --secondary-color: #566A77;

}

@media screen and (min-width: 1200px) {
  :root {
    --container-primary-margin: 15%;
  }
}

@media screen and (min-width: 1500px) {
  :root {
    /*Marges section*/
    --section-normal-margin: 0 11%;
  }
}