body {
    background-color: #f8f9fa;
}

        .navbar-brand img {
            max-width: 50px;
            margin-right: 10px;
        }


h1 { color: #343a40; }


h2 { margin-top:80px; }
h3 { margin-top:60px; }
h4 { margin-top:50px; }

.bg-intro { background-color: #0f17f63d; }
.conclusion { background-color: #f49945e6; margin-top:50px; }
.conclusion p { font-size: 1.20rem; font-weight: 500; }
 
.conclusion h2 { margin-top:0px!important; }
 
.actualites-container { display: flex; flex-wrap: wrap; margin-top: 20px; justify-content:center; }
.actualite 		{ width: 100%; background-color: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); border-radius: 5px; overflow: hidden; text-align: center; }
.actualite img 	{ width: 100%; height: auto; display: block; aspect-ratio: 16 / 9; object-fit: cover; }
.actualite a 	{ text-decoration: none;color:#000!important; font-weight: bold;display: block;padding: 10px; }
.actualite a:hover {text-decoration: underline;}
.voir-plus 		{text-align: center;margin-top: 20px;}
.voir-plus a 	{text-decoration: none; color: white; background-color: #f49945e6; padding: 10px 20px; border-radius: 5px; font-weight: bold; display: inline-block; }
.voir-plus a:hover { background-color: #c9302c; }



.article 		{ max-width:700px; margin:auto; }
.article img 	{ max-width:500px; margin:auto; display:block; }



.service { background-color: #e9e9e9; padding:15px; margin-bottom:30px; }
.service h2 { margin-top:0px!important; font-size:24px; }