#menu {
}

#menu.homepage {
width:100%;
background:transparent;
}

.navbar {
	position: relative;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
	background:transparent;
	transition:background 0.5s;
	z-index: 1030;
	font-size:1.1em;
	
}




.navbar>.container-xl {
    justify-content: flex-end;
    align-items:end;
}


.navbar .logo {
	max-width:160px;
	margin-bottom:7px;
	transition:all 0.3s;
}


.navbar-nav {
	justify-content: space-between;
}

#navbarSupportedContent {
   	border-top:1px solid var(--blanc);
}

.navbar-light .navbar-toggler {
    color: var(--blanc);
    border: none;
}

.navbar-light .navbar-toggler:focus {
    box-shadow:none;
}

.navbar-light .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}


.navbar-expand-lg .navbar-nav .nav-link {
    transition: all 0.3s;
}


.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgba(0,0,0,.7);
}

.dropdown-menu {
	border-radius:0;
	padding:0;
	display:none;
}

.dropdown-toggle {
white-space: normal !important;
}



.nav-mega {
	position:relative;
  }
  
 
.nav-mega .dropdown {
  position: static;
}
.nav-mega .dropdown-menu.mega-menu {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: auto;
  width: 100%;
  margin-top: 0;
  padding: 0.5rem 0.75rem;
  left:0;
  border:none;
  border-top:1px solid var(--couleur11);
  border-bottom:1px solid var(--couleur11);
  box-shadow: 0 10px 10px var(--couleur11);
}



.dropdown-menu li {
position: relative;
padding:0;
}



.dropdown-menu li a {
padding:0.25rem 0; 
}



.dropdown-menu > .nav-item:hover,
.dropdown-item:focus, .dropdown-item:hover {
    color: var(--couleurTexteLien);
    background-color: var(--blanc);
}

.dropdown-toggle::after {
    display: none !important;
 }
 
 
 


.navbar-light .navbar-nav .nav-link {
  color: var(--blanc);
  transition:color 0.3s;
}




.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: var(--blanc);
  text-shadow: 0 0 5px var(--blanc);
}

.navbar-light .navbar-nav .dropdown-menu .nav-link.dropdown-toggle {
  text-transform: none;
}


.dropdown-menu[data-bs-popper] {
    margin-top: 0rem;
    top:auto;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--blanc);
}

.dropdown-item {
	color: var(--couleurTexteLienSurvol);
	white-space: normal;
	transition:color 0.3s;
}

.dropdown-item a {
	color: var(--couleurTexteLien);
	white-space: normal;
}

/************************
     réseaux sociaux
 ************************/

#socialNetworks {
transform: translateY(-5px);
font-size:18px;
}

#socialNetworks .list-inline {
	margin-bottom:0;
	white-space: nowrap;
}

#socialNetworks .picto-socialNetwork {
	font-size:1em;
	line-height:1em;
	color:#FFFFFF;
	width:50px;
	height:50px;
	display:block;
	text-align:center;
	border-radius:25px;
	transition:transform 0.3s;
	transition:all 0.3s;
}

#socialNetworks .picto-mail {
	padding-top:0.8em;
	width:50px;
 	height:50px;
	display:block;
	}
	
#socialNetworks .picto-mail i {
 content:url("images/picto_mail.svg");
 width:50px;
 height:50px;
 display:block;
}


#socialNetworks .picto-socialNetwork:hover {
transform:scale(1.1);
}

#socialNetworks .list-inline-item:not(:last-child) {
    margin-right: 0.2rem;
}

.sticky #socialNetworks {
font-size:16px;
}


/************************
     max-width:420px
 ************************/
@media screen AND (max-width:420px) {
 
#socialNetworks .picto-socialNetwork {
	font-size:14px;
	line-height:1em;
	color:#FFFFFF;
	width:50px;
	height:50px;
	display:block;
	text-align:center;
	border-radius:25px;
	transition:transform 0.3s;
	margin-top:10px;
}
}

/************************
     max-width:991px
 ************************/
 
@media screen AND (max-width:991px) {
.dropdown-menu .dropdown-submenu {
display: block;
padding:0;
}

.dropdown-menu .nav-item {
  padding:0.5rem 1rem 0.5rem 0;
}


.dropdown-menu .dropdown-submenu {
border:none;
}

.dropdown-submenu li a {
	margin-left:1.5rem;
	width:calc(100% - 1.5rem);
	border-left:1px solid var(--couleur2);
}

.d-flex.high-res {
	display:none !important;
}

.navbar-light .navbar-nav .nav-link.lienMenu2 span {
  color: var(--couleur4);
  background:#FFFFFF99;
  transition:background 0.3s;
  font-weight:500;
  padding:0.4rem !important;
}

.nav-link.lienMenu2 {
	padding:1rem 0 !important;
}

.navbar-light .navbar-nav .nav-link.lienMenu2:hover span, .navbar-light .navbar-nav .nav-link.lienMenu2:focus span {
  color: var(--couleur4);
	background:var(--blanc);
}

}


/************************
     min-width:992px
 ************************/


@media screen AND (min-width:992px) {
	
	.dropdown-menu .dropdown-submenu {
display: none;
position: absolute;
left: 100%;
top: -1px;
padding:0;
}

.dropdown-menu .dropdown-submenu-left {
right: 100%;
left: auto;
}

.d-flex.low-res {
	display:none !important;
}



	.navbar-collapse {
		display:flex !important;	
		align-self: flex-end!important;
	}
	.navbar-expand-lg .navbar-nav .nav-item {
    	padding:0 1rem 0 0;
}

	.navbar-expand-lg .navbar-nav .nav-link {
    	padding:0.5rem 0.5rem;
}

.dropdown-menu > li:hover > .dropdown-submenu,
.nav-item.dropdown:hover > .dropdown-menu {
display: block;
}

.navbar-light .navbar-nav .nav-link.lienMenu2 {
  color: var(--couleur4);
  background:#FFFFFF99;
  transition:background 0.3s;
  font-weight:500;
}

.navbar-light .navbar-nav .nav-link.lienMenu2:hover, .navbar-light .navbar-nav .nav-link.lienMenu2:focus {
  color: var(--couleur4);
	background:var(--blanc);
}

}


/************************
     min-width:1400px
 ************************/


@media screen AND (min-width:1400px) {
	.navbar-expand-lg .navbar-nav .nav-item {
    	padding-right: 2rem;
}
}