/* Installation Polices de caractères */

/*@font-face {
    font-family: 'Quick Sand Light';
    src: url('Quicksand-VariableFont_wght.ttf') format('ttf'),
    	 url('fonts/quicksand-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/quicksand-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}*/

@font-face {
    font-family: 'Roboto';
    src: url('../fonts/Roboto/Roboto_Regular.ttf') format('ttf'),
         url('../fonts/Roboto/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/Roboto/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/Poppins/Poppins-Medium.ttf') format('ttf'),
        url('../poppins-medium-webfont.woff2') format('woff2'),
         url('../poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'CinzelDecorative';
    src: url('../fonts/Cinzel_Decorative/CinzelDecorativeRegular.ttf') format('ttf'),
         url('../fonts/Cinzel_Decorative/cinzeldecorative-regular-webfont.woff2') format('woff2'),
         url('../fonts/Cinzel_Decorative/cinzeldecorative-regular-webfont.woff') format('woff'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Quick Sand Light';
    src: url('../fonts/Quicksand-VariableFont_wght.ttf') format('ttf'),
    	 url('../fonts/quicksand-variablefont_wght-webfont.woff2') format('woff2'),
         url('../fonts/quicksand-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* Resets */

*, html, body, ::after, ::before{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-size: 16px;
}

/* En-Tête */

body{
  font-family: 'Quick Sans Light', Cambria, serif;
  color: #181818;
  width: 80%;
  margin: auto;
  /*background: radial-gradient(circle at 100%, #8D99AE, #8D99AE 50%, #2B2D42 75%, #EDF2F4 75%);*/
  /*background: linear-gradient(45deg, #FDF0D5, beige) no-repeat;*/
  background-attachment: fixed;
}

h1{
   font-family: Roboto, Cambria, serif;
   font-weight: bold;
}

p{
}

h1::selection, h2::selection, p::selection{
  background-color: salmon;
  color: white;
  text-shadow: 2px 2px 1px black;
}

/* Créer un footer fixe en bas de la page (A MODIFIER SI BESOIN) */

/*html, body{
    height: 100%;
}

body{
  display: flex;
  flex-direction: column;
}

section, #body_catalogue{
  padding: 30px;
  text-align: center;
  font-size: 1.6em;
  flex-grow: 1;
}*/