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

.contact {
	width: 60%; /*largeur*/
	margin: 0px auto; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	display: flex; /*apparition des balises*/
	flex-direction: row; /*direction des contenants*/
	position: relative; /*type de positionnement*/
	top: 200px; /*position en partant du haut*/
	transform: translateY(50%); /*transforme*/
}

.contact h6 {
	width: 100%; /*largeur*/
	margin: auto; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	font-family: var(--police-base); /*police type*/
	font-size: 18pt; /*police taille*/
	text-align: center; /*texte alignement*/
	text-transform: lowercase; /*texte transformer*/
	letter-spacing: 1.5pt; /*espace entre lettre*/
	color: var(--couleur-blanc); /*police couleur*/
}

.contact .mail {
	font-size: 16pt; /*police taille*/
}

.contact .telephone {
	font-size: 20pt; /*police taille*/
}


.contact .vide-logo {
	width: 300px; /*largeur*/
	margin: 0; /*marge extérieur*/
	padding: 0px 40px; /*marge intérieur*/
	flex-shrink: 0; /*reduction du contenant*/
}

.reseaux-sociaux {
	width: 100%; /*largeur*/
	margin: auto; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	display: flex; /*apparition des balises*/
	flex-direction: row; /*direction des contenants*/
	justify-content: center; /*centre horizontalement le contenu*/
}

.reseaux-sociaux a {
	margin: 0px 8px; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	display: flex; /*apparition des balises*/
	align-items: center; /*centre verticalement le contenu*/
}

.reseaux-sociaux svg {
	width: 56px; /*largeur*/
	height: 56px; /*hauteur*/
	margin: 0; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	transition: filter 0.5s ease-in-out, color 0.5s ease-in-out; /*transiton*/ 
	color: var(--couleur-blanc); /*couleur image*/
}

.reseaux-sociaux svg:hover {
	filter: drop-shadow(0 0 15px var(--couleur-blanc-creme)); /*couleur de l'ombre*/
	color: var(--couleur-blanc-creme); /*couleur image*/
}


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

@media all and (max-width: 1800px) {
	.contact .mail {
		font-size: 12pt; /*police taille*/
	}
	.contact .telephone {
		font-size: 16pt; /*police taille*/
	}
}


@media all and (max-width: 1600px) {
	.contact .vide-logo {
		width: 250px; /*largeur*/
	}
	.contact {
		width: 80%; /*largeur*/
	}
}

@media all and (max-width: 1100px) {
	.contact {
		margin-top: 15%; /*marge extérieur haut*/
		padding-top: 10px; /*marge intérieur*/
		display: block; /*apparition des balises*/
		position: static; /*type de positionnement*/
		flex-direction: column; /*direction des contenants*/
		transform: translateY(0%); /*transforme*/
	}
	.contact h6 {
		margin: 50px auto 25px auto; /*marge extérieur*/
	}
	.contact .mail {
		font-size: 12pt; /*police taille*/
	}
	.contact .telephone {
		font-size: 20pt; /*police taille*/
	}
}


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

.signature {
	width: 60%; /*largeur*/
	margin: auto; /*marge extérieur*/
	padding: 100px 0px 50px 0px; /*marge intérieur*/
	display: flex; /*apparition des balises*/
	flex-direction: row; /*direction des contenants*/
}

.signature hr {
	width: 100%; /*largeur*/
	height: 3px; /*hauteur*/
	margin: auto; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	border-width: 0; /*bordure épaisseur*/
	background-color: var(--couleur-blanc); /*couleur du fond*/
}

.signature svg {
	width: 300px; /*largeur*/
	height: 300px; /*hauteur*/
	margin: 0px 40px; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	flex-shrink: 0; /*reduction du contenant*/
	cursor: pointer; /*type de curseur*/
	transition: filter 0.5s ease-in-out; /*transiton*/ 
	color: var(--couleur-blanc); /*couleur image*/
}

.signature svg:hover {
	filter: drop-shadow(0px 0px 15px var(--couleur-blanc-creme, 1)); /*couleur de l'ombre*/
}


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

@media all and (max-width: 1600px) {
	.signature {
		width: 80%; /*largeur*/
	}
	.signature hr {
		height: 2px; /*hauteur*/
	}
	.signature svg {
		width: 250px; /*largeur*/
		height: 250px; /*hauteur*/
		/*margin: 0px 10px; /*marge extérieur*/
	}
}

@media all and (max-width: 1100px) {
	.signature {
		padding: 0px; /*marge intérieur*/
	}
}

@media all and (max-width: 800px) {
	.signature svg {
		width: 150px; /*largeur*/
		height: 150px; /*hauteur*/
	}
}

/*----------------FOOTER----------------*/

.vide {flex-grow: 1;} /*espace vide*/

footer {
    width: 100%; /*largeur*/
    height: 55px; /*hauteur*/
    margin: auto; /*marge extérieur*/
    padding: 0; /*marge intérieur*/
    display: flex; /*apparition des balises*/
	flex-direction: row; /*direction des contenants*/
	flex-shrink: 0; /*reduction du contenant*/
	background-color: var(--couleur-noir); /*couleur de fond*/
}

footer p {
	margin: auto; /*marge extérieur*/
	padding: 0; /*marge intérieur*/
	font-family: var(--police-base); /*police type*/
	font-size: 10pt; /*police taille*/
	font-style: normal; /*police style*/
	font-weight: normal; /*police poid*/
	text-align: center; /*texte alignement*/
    letter-spacing: 0.2pt; /*espace entre lettre*/
	transition: color 0.5s ease-in-out, text-shadow 0.5s ease-in-out; /*transiton*/
	color: var(--couleur-blanc); /*police couleur*/
}

footer a {
    text-decoration: none; /*texte decoration*/
    color: var(--couleur-blanc); /*police couleur*/
}

footer a:hover {
    text-decoration: underline; /*texte decoration*/
}


/*----------------FOOTER RESPONSIVE----------------*/

@media all and (max-width: 800px) {
	footer p {
		width: 85%; /*largeur*/
		font-size: 8pt; /*police taille*/
	}
}