/*----------------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 0px 0px; /*marge intérieur*/
}

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

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

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

@media all and (max-width: 1000px) {
    .fond:nth-of-type(1) {
        padding: 150px 0px; /*marge intérieur*/
    }

    .fond:nth-of-type(n+2) {
        padding: 75px 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*/
}

/*----------------CONTACT----------------*/

.contact {
	top: 100px; /*position en partant du haut*/
}


/*----------------SIGNATURE----------------*/

.signature {
	padding: 0px 0px 50px 0px; /*marge intérieur*/
}