/* === /////////////////////////////////   FOOTER   ///////////////////////////////// === */
* {
    border: none !important;
    outline: none !important; /* supprime également les contours au focus */
}

footer, 
footer * {
    border: none !important;
    outline: none !important;
}

footer {
	overflow-x: hidden; /* Empêche le débordement horizontal */
    width: 100%;
    background-color: #B7BBBA;
    color: #832525;
    display: flex;
	flex-direction: column;   /* empile les éléments de haut en bas */
    justify-content: flex-end; /* pousse le contenu vers le bas */
    align-items: center;     /* centre le conteneur verticalement */
    height: 700px;           /* hauteur totale du footer */
	padding: 0;
	margin: 0;
}

footer a {
    text-decoration: none !important; /* supprime le soulignement */
}

footer a:hover {
    text-decoration: none !important; /* supprime le soulignement */
	font-weight: 500 !important;
}

.footer-container {
    width: 100%;        /* largeur encadrée */
	background-color:#B7BBBA;
    display: flex;
	flex-direction: row;       /* disposition horizontale : gauche → droite */
    justify-content: center;   /* centre le contenu horizontalement */
    align-items: center;
    text-align: center;
	padding-top: 5px;
	padding-right:5px;
	padding-bottom:30px;
	padding-left:5px;
	margin: 0;
	white-space: nowrap;       /* empêche les retours à la ligne */
}

.footer-container-bloc1 {
	display: flex;
	width: 50%; 
	flex-direction: column;   /* empile les éléments de haut en bas */
	background-color:#B7BBBA;
	padding: 0;
	margin: 0;
}

.footer-bloc-logo {
	display: flex;
	width: 100%; 
	min-height: 250px;	
	align-items: center;
	padding: 0;
	margin: 0;
}

.logo-footer {
	width: 80%;
	padding-left: 50px;
	padding-right: 15px;
}

.mentions-legales {
	display: flex;
	flex-direction: column;   /* empile les éléments de haut en bas */
	justify-content: flex-start !important; /* aligne les éléments à gauche */
	gap: 5px;                 /* écart horizontal de 5px entre les éléments */
	width: 100%; 
	min-height: 100px;
	padding-top: 1rem;
	padding-right: 0;
	padding-bottom: 1rem;
	padding-left: 10rem;
}

.text-footer {
	font-family: 'Poppins', sans-serif;
	font-size: 15px;
	font-weight: 400;
	color: #832525;
}
.text-footer a {
	text-decoration: none !important; /* supprime le soulignement */
	color: #832525;
}
.text-footer a:hover {
	text-decoration: none !important; /* supprime le soulignement */
	color: #832525;
	font-weight: 500 !important;
}

.alignement-gauche {
	text-align: left;      /* Aligne le texte à gauche */
	height: 22px;
	padding: 0;
}

.alignement-centre {
	text-align: center;      /* Aligne le texte au centre */
	height: 22px;
	padding: 0;
}

.copyright {
	display: flex;
	flex-direction: column;   /* empile les éléments de haut en bas */
	justify-content: flex-end;  /* pousse les éléments vers le bas */
	align-items: center;
	width: 100%; 
	min-height: 30px;
	padding: 0;
	margin: 0;
}


.footer-container-bloc2 {
	display: flex;
	width: 50%; 
	flex-direction: column-reverse; /* empile les éléments verticalement, du bas vers le haut */
	align-items: flex-end;        /* vertical : bas */
	background-color:;
	padding: 0;
	margin: 0;
}

.blocsocial {
	display: flex;
	width: 100%; 
	align-items: center;
	gap: 0;
}

.social-footer-boutons {
	display: flex;
	width: 100%; 
	flex-direction: row;       /* disposition horizontale : gauche → droite */
	justify-content: center;
	align-items: center;
	min-height: 70px;
	gap: 15px;                 /* écart horizontal de 5px entre les éléments */
	white-space: nowrap;       /* empêche les retours à la ligne */
	padding-top: 10px;
	padding-right:50px;
	padding-bottom:0;
	padding-left:50px;
}

.social-footer-boutons-bloc {
	display: flex;
	width: 50%; 
	flex-direction: row;       /* disposition horizontale : gauche → droite */
	justify-content: space-around; /* espace autour */
}

.icon i {
	font-size: 22px;               /* ajuste la taille de l’icône */
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;                /* supprime l’espace vertical supplémentaire */
}

.fab {
    font-family: "Font Awesome 5 Brands";
    font-weight: 300;
	font-size: 25px;                /* taille de l’icône */
	color: #832525;
	z-index:5;
}

.fa-ico {
	display: inline-flex;           /* conteneur flexible */
	justify-content: center;        /* centre horizontalement */
	align-items: center;            /* centre verticalement */
	width: 50px;                    /* largeur du cercle */
	height: 50px;                   /* hauteur du cercle */
	background: linear-gradient(to bottom, #a8aead, #B7BBBA);
	border-radius: 50%;             /* rend le cercle */
	text-align: center;
	margin: 5px;
	transition: all 0.3s ease;
	box-sizing: border-box;         /* important pour les bordures */
	cursor: pointer;
	box-shadow: 0 2px 4px rgba(152, 156, 155, 0.7), 0 10px 20px rgba(152, 156, 155, 0.1);
    transition: transform 0.3s ease; /* Transition fluide pour l'effet scale */
}

/* Effet au survol */
.fa-ico:hover {
  transform: scale(1.1);          /* agrandit le bouton */
}

.fa-ico:hover .icon i {
	color: #F1F1F1;
}

.design-inter-text {
	display: flex;
	justify-content: flex-end; /* aligne tous les enfants à droite */
	align-items: flex-end;        /* vertical : bas */
	width: 100%; 
	min-height: 100px;
	margin: 0;
	padding: 0;
}
.text-designint {
	text-align: right;
	padding-right: 5rem;
	font-family: 'Poppins', sans-serif;
	font-size: clamp(36px, 5vw, 70px); /* min 24px, max 70px, taille relative à la largeur de l’écran */
	font-weight: 600;
	color: #832525;
	letter-spacing: -0.5px;
}


.p1 {
    display: block;
    margin-block-start: 3px;
    margin-block-end: 3px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    unicode-bidi: isolate;
}

.bloc-service-footer {
	display: flex;
	flex-direction: column;    
	width: 100%; 
	min-height: 250px;
	align-items: flex-end;     
	padding-right: 5rem;
	margin: 0;                 /* supprime la marge du bloc */
}

.text-services-footer-h3 {
	font-family: 'Poppins', sans-serif;
	font-size: 16px;      
	font-weight: 600;     
	color: #832525;
	margin: 0 0 0.1rem 0;   /* réduit l'espace sous le titre */
	text-align: right;
}

.text-services-footer {
    display: block;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #832525;	
    margin: 0;              /* supprime les marges externes */
    padding: 0;             /* supprime les paddings internes */
    line-height: 1.2;       /* réduit la hauteur des lignes */
    text-align: right;
}





/* === ////////////////////////////////////////////////////////////////////////// === */


/* === FOOTER Spécial mobile (smartphones) === */
@media (max-width: 767px) {
	
	.titre-h1 {
	font-size: 10px;
	padding: 10px 30px 60px 30px;
	}
	
	footer {
	height: 800px;           /* hauteur totale du footer */
}

	.footer-container {
    width: 100%;        /* largeur encadrée */
	flex-direction: column-reverse !important; /* empile les éléments verticalement, du bas vers le haut */
    justify-content: center;   /* centre le contenu horizontalement */
    align-items: center;
    text-align: center;
	padding-top: 0;
	padding-right:5px;
	padding-bottom:30px;
	padding-left:5px;
	}

	.footer-container-bloc1 {
	width: 100%; 
	}

	.footer-bloc-logo {
	min-height: 200px;
	align-items: center !important;	
	}

	.logo-footer {
	width: 90%;
	padding-left: 20px;
	padding-right: 20px;
	}

	.mentions-legales {
	display: flex;
	flex-direction: column;   /* empile les éléments de haut en bas */
	justify-content: center !important; /* centre les éléments */
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 1rem;
	padding-left: 0;
	}
	.alignement-gauche {
	text-align: center;      /* Aligne le texte au centre */
	}
	
	
	.footer-container-bloc2 {
	width: 100%; 
	flex-direction: column-reverse; /* empile les éléments verticalement, du bas vers le haut */
	}
	.social-footer-boutons {
	flex-direction: column;   /* empile les éléments de haut en bas */
	justify-content: center;
	align-items: center;
	gap: 15px 8px;   /* 1er = lignes, 2e = colonnes */
	white-space: nowrap;       /* empêche les retours à la ligne */
	padding-top: 10px;
	padding-right:0;
	padding-bottom:0;
	padding-left:0;
	}
	.social-footer-boutons-bloc {
	width: 100%; 
	justify-content: center;
	gap: 25px 25px;   /* 1er = lignes, 2e = colonnes */
	}
	
	.design-inter-text {
	min-height: 50px;
	justify-content: center;
	align-items: center;
	}
	.text-designint {
	text-align: center;
	padding: 0;
	font-size: 36px;
	}
	
	.bloc-service-footer {
	min-height: 100px;
	align-items: center;
	padding-right: 0;
	padding-top: 2rem;
	}
	
	.text-services-footer {
	text-align: center;
	}

	.text-services-footer-h3 {
    margin-bottom: 1rem; /* espace en dessous du titre */
	text-align: center;
	}