@media(min-width:768px){
	.flex-service1{
	display: grid;
    grid-template-columns: 5fr 3fr;
    gap:40%;
}
.service-ligne2{
	margin: 5% 0px 0px 20%;
}

.service-ligne3{
	margin-top: 5%;
	text-align: right;
}
.br-hidden{
	display: none;
}
.bouton-service-page{
	width: 100%!important;
	text-align: center;
	vertical-align: bottom!important;

}
.flex-align-bas{
	margin-top: 15%;
}

.bouton-service-page2{
  font-size: 1vw;
  width: 100%;


}

@media screen and (max-width:768px){
	.visible-service-small{
		display: none!important;
	}
}

.br-visible-small{
	display: none!important;
}
}

@media(max-width:768px){
.flex-service1{
	display: flex;
	flex-direction: column;
	line-height: 1!important;
}

.br-visible{
	display: none;
}
.box-services-page{
	margin-top: 50%!important;
}
.bouton-service-page2{
	font-size: 3vw;
		width: 95%;
}

}


.blanc-services-page{
    background-color: #ffffff; /* Utiliser 'background-color' pour définir une couleur de fond */
    display: flex; /* Utilisation de flexbox */
    flex-direction: column; /* Les éléments sont disposés en colonne */
    width: 100vw;  /* Prend toute la largeur de l'écran */
    height: auto; /* Permet d'ajuster la hauteur en fonction du contenu */
    align-items: center; /* Centre les éléments horizontalement */
    padding-top: 30px;
    padding-bottom: 20px;
}

.aligner-gauche {
    align-self: flex-start; /* Alignement à gauche dans un conteneur flex */
    text-align: left; /* S'assurer que le texte est aussi aligné à gauche */
    padding-left: 2.5%; /* Ajoute un petit padding si besoin */
}


.bouton-service-page2{
	text-align: center;
	align-items: center;
    font-family: "Satoshi-Italic",sans-serif;
    border: 1px solid white;
    padding: 0px 10px;
    text-transform: uppercase;
    color: #ffff!important;