/*TYPOGRAPHIE TEXTE - CHARTE GRAPHIQUE STORIA INTIMA - OCT 2020*/
@font-face {
    font-family: 'chopinScript';
    src: url('../fonts/chopinscript/chopinscript.woff2') format('woff2'),
         url('../fonts/chopinscript/chopinscript.woff') format('woff'),
        url('../fonts/chopinscript/chopinscript.otf') format('opentype');
    
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    padding: 0;
    font-family: cursive; /*font de secours si non chargé*/
    font-family: 'chopinScript'; /*la dernière font sera prise en compte si présente*/
    text-align: center;
}

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

a {
    margin: 0;
    padding: 0;
    
    font-family: sans-serif;
    font-weight: normal;
    font-family: "montserratAlternates-regular";
    text-transform: uppercase;
    text-decoration: none;
}

ul, li, quote {
    margin: 0;
    padding: 0;
    
    font-family: sans-serif;
    font-weight: normal;
    font-family: "montserratAlternates-regular";
}
.gras {
    font-family: sans-serif;
    font-weight: normal;
    font-family: "montserratAlternates-regular";
}

@font-face {
    font-family: 'montserratAlternates-light';
    src: url('../fonts/montserratAlternates/light/montserratAlternates-light-webfont.woff2') format('woff2'),
         url('../fonts/montserratAlternates/light/montserratAlternates-light-webfont.woff') format('woff'),
         url('../fonts/montserratAlternates/light/montserratAlternates-light-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

p {
    margin: 0;
    padding: 0;
    font-family: sans-serif;
    font-weight: lighter;
    font-family: "montserratAlternates-light";
}

/*TAILLE TEXTE - CHARTE GRAPHIQUE STORIA INTIMA - OCT 2020*/
/*Sur une base d'iPhone 6*/
/*TITRES*/
h1 {font-size: 3em; line-height: 1em;}
h2 {font-size: 2.5em; line-height: 1em;}
h3 {font-size: 2.2em; line-height: 1.5em;}
h4 {font-size: 1.75em;}
h5 {font-size: 1.6em;}
h6 {font-size: 1.5em;}

.Capitale {text-transform: capitalize;}
.MAJUSCULE {text-transform: uppercase;}
.minuscules {text-transform: lowercase;}

/*TEXTE-COURANT*/
.keywords-important {font-size: 1.25em; line-height: 1.3em;} 
p {font-size: .9em; line-height: 1.5em;}
ul li {font-size: .85em; line-height: 1.2em;}
.plus-petit {font-size: .8em;}

/*BOUTONS*/
a {font-size: 1em; line-height: 1em;}

/*COULEURS TEXTE - CHARTE GRAPHIQUE STORIA INTIMA - OCT 2020*/
/*TITRES*/
h1 {color: white;}
/*TEXTE-COURANT*/
p {color: white;}
ul, li {color: slategray;}

/*BOUTONS*/
a {color: white;}

/*COULEURS ELEMENTS - CHARTE GRAPHIQUE STORIA INTIMA - OCT 2020*/
.mauve { color: #BC98CA;}
.mauve-fonce {color: #80678A;}

.fond-mauve { background-color: rgba(188, 152, 202, 1);}
.fond-mauve-transp50 { background-color: rgba(188, 152, 202, .75);}
.fond-mauve-fonce { background-color: #80678A;}
.fond-mauve-fonce-transp50 { background-color: rgba(128, 103, 138, .5);}
.fond-tex-pois {
    background-image: url("../images/tex/bg-tex-tulle-noir-fullHD-opPoint12.png");
    background-size: contain;
    background-color: rgba(255,255,255,1);
} 

.contours-mauve-fonce {border: 3px solid #80678A;}
.contours-blanc {border: 3px solid white;}