/* Appeler ici les fonts spécifiques au projet */
/* doc : https://css-tricks.com/snippets/css/using-font-face/ */


/* Things are shifting heavily toward WOFF and WOFF 2, so we can probably get away with: 
Permet le suppprt de tout les 
@font-face {
  font-family: 'MyWebFont';
  src:  url('fonts/myfont.woff2') format('woff2');
}
*/

/* https://www.atipofoundry.com/fonts/geomanist $/
@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-bold-italic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
}
*/

@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-bold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-bold-italic.woff2') format('woff2');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-medium.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-medium-italic.woff2') format('woff2');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-regular-italic.woff2') format('woff2');
    font-weight: 400;
    font-style: italic;
}


@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'geomanist';
    src: url('fonts/geomanist-light-italic.woff2') format('woff2');
    font-weight: 300;
    font-style: italic;
}

body {
  font-family: geomanist !important;
}

/*** Gestion des titres Hn ***/

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: geomanist;
}

.h1, h1 {
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

h2, .h2 {
    font-size: 24px;
    text-transform: uppercase;
    font-weight: 400;
}

h3, .h3 {
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 400;
}

.texte p,
.texte ul.spip,
.texte ol.spip {
  max-width:none; /* Accessibilité */
  font-size:19px;
}
@media (min-width: 576px) {
    .h1, h1 {
        font-size: 46px;
    } 

     .h2, h2 {
        font-size: 30px;
    }

      .h3, h3 {
        font-size: 23px;
    }   
}