/*----------------GÉNÉRAL----------------*/

* {
    margin: 0; /*marge extérieur*/
    padding: 0; /*marge intérieur*/
}

html {
    height: 100%; /*hauteur*/

    /*VARIABLE COULEUR*/
    --couleur-noir: #191919; /*variable*/
    --couleur-blanc: #FFFFFF; /*variable*/
    --couleur-menu: #191919; /*variable*/
    --couleur-survol: #48d4ff; /*variable*/
    --couleur-bouton: #0062ff; /*variable*/
    --couleur-bordure: #D9D9D9; /*variable*/
    --couleur-gris-100: #646464; /*variable*/
    --couleur-gris-130: #828282; /*variable*/
    --couleur-gris-150: #999999; /*variable*/
    --couleur-gris-200: #C8C8C8; /*variable*/
    --couleur-gris-235: #ebebeb; /*variable*/

    /*VARIABLE COULEUR DEGRADÉ*/
    --couleur-photo: linear-gradient(to bottom, var(--couleur-gris-235) 70%, var(--couleur-gris-200));

    /*VARIABLE POLICE*/
    --police-titre: 'poppins-extra-bold'; /*variable*/
    --police-sous-titre: 'bebas-neue-regular'; /*variable*/
	--police-texte: 'poppins-regular'; /*variable*/
    --police-texte-medium: 'poppins-medium'; /*variable*/
    --police-texte-gras: 'poppins-semi-bold'; /*variable*/

    /*VARIABLE TAILLE*/
    --taille-police-8: 8pt; /*variable*/
    --taille-police-10: 10pt; /*variable*/
    --taille-police-12: 12pt; /*variable*/
    --taille-police-14: 14pt; /*variable*/
    --taille-police-16: 16pt; /*variable*/
    --taille-police-18: 18pt; /*variable*/
    --taille-police-titre: 28pt; /*variable*/
    --taille-police-bouton: 13pt; /*variable*/
}

body {
    width: 100%; /*largeur*/
    height: 100%; /*hauteur*/
    margin: 0; /*marge extérieur*/
    padding: 0; /*marge intérieur*/
    display: flex; /*apparition des balises*/
    flex-direction: column; /*direction des contenants*/
    color: var(--couleur-noir); /*police couleur*/
    background-color: var(--couleur-blanc); /*couleur du fond*/
}

main {
    flex: 1; /*rempli l'espace disponible*/
}

/*----------------TITRE CATEGORIE----------------*/

section {
    width: 50%; /*largeur*/
    margin: auto; /*marge extérieur*/
    margin-top: 10%; /*marge extérieur haut*/
    justify-content: center; /*centre horizontalement le contenu*/ 
    align-items: center; /*centre verticalement le contenu*/
}

h1 {
    
    margin: auto; /*marge extérieur*/
    /*margin-top: 135px; /*marge extérieur haut*/
    padding: 0px; /*marge intérieur*/
    font-family: var(--police-titre);
    font-size: 30pt; /*police taille*/
    text-transform: uppercase; /*texte transformer*/
    text-align: center; /*texte alignement*/
}

p {
    margin: auto; /*marge extérieur*/
    padding: 50px; /*marge intérieur*/
    font-family: var(--police-texte); /*police type*/
    font-size: 16pt; /*police taille*/
    line-height: 1.5; /*espace entre ligne*/
    text-align: justify; /*texte alignement*/
    text-justify: inter-word; /*type de justification*/
    text-align: center; /*texte alignement*/
    color: var(--couleur-noir); /*police couleur*/
}

@media all and (max-width: 1000px) {
    section {width: 100%; /*largeur*/}
}