.about {
	background-image: url(/images/Global/fond.png);
	background-size: cover;
	background-repeat: repeat;
	background-position: center;
    padding: 7%;
    text-align: justify;
    flex: 40%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.aboutfatima {
    padding: 7%;
    text-align: justify;
    flex: 40%;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.about-box {
    display: flex;
    flex-direction: column;
    align-items: center;
	align-content: center;
    width: auto;
}

.about-box h1 {
    text-align: left;
}

.img {
    align-content: center;
    width: auto;
    max-width: 60%;
}

.specialites {
    background-color: #bdc1d2;
    display: flex;
	text-align: center;
    padding: 5%;
    flex-direction: row;
	justify-content: space-evenly;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.specialites h1 {
    margin-bottom: 20px; /* Ajoute un espace entre le titre et les boîtes */
    width: 100%; /* S'assure que le titre occupe toute la largeur */
    text-align: center; /* Centre le texte du titre */
}

.specialites-box {
    background-color:#e4e6ed;
	box-shadow: 0 0 1px 0 rgba(0,12,32,0.04), 0 10px 16px 0 rgba(10,31,68,0.06);
	border-radius: 20px;
	padding: 20px 30px;
	height:100%;
	display: flex;
	flex-direction: column;
    margin-top: 5px;
    align-items: center;
	align-content: center;
}

.specialites-img {
    max-width: 25%;
    align-content: center;
}

.engagements {
    background-color: #f6f6f9;
	border-top: 1px solid #d7dae4;
	border-bottom: 1px solid #d7dae4;
	text-align: left;
    padding: 7%;

}

.cogitoz {
    background-color: #bdc1d2;
	text-align: center;
    padding: 5%;
    display: flex;
    flex-direction: column;
	justify-content: space-around;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
}

.cogitoz-box {
    background-color: #bdc1d2;
	text-align: center;
    flex: 1; /* Chaque div prend une part égale de l'espace disponible */
	
}

.cogitoz-img{
    align-content: center;
    max-width: 60%;
    margin: 20px;
}


/* ==============================================
   Media Queries 
===============================================*/

/* Media query pour les tablettes et plus larges */
@media (min-width: 768px) {
    .about {
        background-size: cover; /* Ajuste la taille de l'image de fond */
        flex-wrap: nowrap;
        align-items: flex-start;
    }

    .img {
        width: fit-content;
        max-width: 70%;
    }

    .specialites {
        flex-direction: row; /* Affichage en ligne pour desktop */
        justify-content: space-evenly; /* Espace entre les éléments */
        padding: 5% 5%; /* Plus de padding pour l'espacement */
        align-items: stretch;
    }

    .specialites-img {
        width: 50%; /* Largeur ajustée pour desktop */
    }

    .specialites-box {
        flex: 1; /* Laisse chaque flex utiliser l'espace également */
        padding: 15px; /* Plus de padding pour un espacement accru */
        height: auto;
        margin : 5px;
    }

    .cogitoz {
        flex-direction: row;
        flex-wrap: nowrap;
        padding: 2%;
        padding-left: 50px;
        padding-right: 10px;
        
    }

    .cogitoz-box {
        margin: 0px;
    }
}

/* Media query pour les ordinateurs et plus larges */
@media (min-width: 1024px) {
    .engagements {
        padding: 5%;
    }

    .cogitoz-img {
        padding: 0px;
    }

    .cogitoz-box {
        margin-left: 0px;
    }
}