/*----------------VARIABLE----------------*/

html {
	--longueur: 60%; /*variable*/
}

@media all and (max-width: 1500px) {
    html {
        --longueur: 70%; /*variable*/
    }
}

@media all and (max-width: 1000px) {
    html {
        --longueur: 85%; /*variable*/
    }
}


/*----------------FOND----------------*/

/*permière partie*/
.fond:nth-of-type(1) {
    padding: 150px 0px 100px 0px; /*marge intérieur*/
}

/*second partie*/
.fond:nth-of-type(3) {
    padding: 200px 0px; /*marge intérieur*/
}

/*troisième partie*/
.fond:nth-of-type(5) {
    padding: 50px 0px; /*marge intérieur*/
}

/*----------------FOND RESPONSIVE----------------*/

@media all and (max-width: 800px) {
    /*permière partie*/
    .fond:nth-of-type(1) {
        padding: 125px 0px 75px 0px; /*marge intérieur*/
    }
    /*second partie*/
    .fond:nth-of-type(3) {
        padding: 100px 0px 100px 0px; /*marge intérieur*/
    }
    /*troisième partie*/
    .fond:nth-of-type(5) {
        padding: 75px 0px 100px 0px; /*marge intérieur*/
    }
}



/*----------------MENTIONS LÉGALES----------------*/

.titre {
    margin-bottom: 50px; /*marge extérieur bas*/
}

p {
    width: var(--longueur); /*largeur*/
    margin: auto; /*marge extérieur*/
}

/*----------------MENTIONS LÉGALES RESPONSIVE----------------*/

@media all and (max-width: 1000px) {
    .principal {
        font-size: 38pt; /*police taille*/
    }
}

@media all and (max-width: 800px) {
    .principal {
        width: 100%; /*largeur*/
        font-size: 26pt; /*police taille*/
    }
}