h2{
	font-family: 'figtree';
    color: #222b60;
}

h4{
    color: #222b60;
	margin-top: 40px;
    margin-bottom: 40px;
}

.text-left p a{color:#187f66; text-decoration:underline;}
.text-left p a:hover{ text-decoration:none;}

.grid-articles-passport .articles-img-container{background-position: 34%;}



#banniere-contribution .padding-top-right-left{padding:7px 0 0;}
#banniere-contribution img{width:100%; max-width:1170px;}

#banniere-contribution img.desktop{}

#banniere-contribution img.mobile{display:none;}


@media (max-width: 500px) {
	
	#banniere-contribution img.desktop{display:none;}
	
	#banniere-contribution img.mobile{display:block;}
}



#en-bref p strong{
	color: #187f66;
    font-size: 1.4em;
    text-transform: uppercase;
}


.logo-container {
    max-width: 1170px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: nowrap;  /* une seule ligne en desktop */
    gap: 30px;          /* vrai gap entre les logos */
	padding-bottom: 20px;
}

/* Le fix important : */
.logo-item {
    display: inline-flex;     /* réduit automatiquement autour du contenu */
    width: auto;              /* laisse l'image déterminer la largeur */
}

/* Images */
.logo-item img {
    max-height: 115px;
    width: 100%;
    object-fit: contain;
    display: block;
}


@media (max-width: 992px) AND (min-width: 850px) {
	.container {
        width: 94%;
	}
}

@media (max-width: 910px) {
	.container {
        width: 94%;
	}
}

@media (max-width: 890px) AND (min-width: 770px) {
	.content-container .hero-title img {
        width: 74% !important;
	}
}

/* 📱 Mobile */
@media (max-width: 768px) {
	.jumbotron.jumbotron-bg-right{
		background-size: auto 70%;
		background-position-y: bottom;
	}

	.jumbotron .content-container{margin-left: 25px; width:80%;}
	
    .logo-container {
        width: 100%;
        padding: 0 0px 20px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px 15px;
    }

    .logo-item img {
		max-height:44px;
    }
}

@media (max-width: 400px) {
	    .logo-item img {
		max-height:38px;
    }
}