body {
	--main-bg-color: #1F7B4A;
	--light-bg-color:#2F8B5A;
	font-family: "Roboto", sans-serif;
}

div.header {
	position:relative;
	background-color: var(--main-bg-color) !important;
}


div#logoshaut {
    position: absolute;
    top: 5%;
    right: 5%;
    height: 50px;
	aspect-ratio: 1/1;
	overflow:hidden;
	padding:10px;
	background:white;
	border-radius:50%;
}


img#logohaut {
	position:relative;
	display:inline-block;
	height:120%;
	top:-10%;
	left:-10%;
}



@media (max-width: 991px) {
    img#logohaut {
		position:absolute;
        height:40px;
        top: 5px; /* Ajustez la position si nécessaire pour les petits écrans */
        left: 3px;
        margin-right: 0px; /* Vous pouvez également ajuster le margin si nécessaire */
    }
}

.bg-light {
	background-color: var(--main-bg-color) !important;
}

 .content-section {
	 margin-top:60px;
}

nav.navbar.navbar-expand-lg.navbar-light.bg-light {
	background-color: var(--main-bg-color);
}

    .navbar-nav .nav-link {
      background-color: var(--main-bg-color); /* Couleur de fond par défaut */
      color: #FFFFFF; /* Couleur de texte par défaut */
      margin: 0 5px; /* Espacement entre les boutons */
      border-radius: 5px; /* Bords arrondis */
	  padding-left:10px;
    }

    .navbar-nav .nav-link:hover {
      background-color: var(--light-bg-color); /* Couleur de fond au survol */
      color: #fff; /* Couleur de texte au survol */
    }

    .navbar-nav .nav-link.active {
      background-color: var(--light-bg-color); /* Couleur de fond active */
      color: #fff; /* Couleur de texte active */
    }

.navbar-toggler,.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
	border:0;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba%28255, 255, 255, 1%29' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}


div.photobanner {
	padding:0;
	margin-top:140px;
}

@media (max-width: 991px) {
    div.photobanner {
        margin-top:60px;
    }
}

div.photobanner img {
	width:100%;
}

h4 {
	margin-top:30px;
}