#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;
font-weight:600;

}


.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 {
}

.navbar-light .navbar-toggler {
background: var(--rouge);
border: none;
padding:2px;
}

.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;
}


.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(--couleur3);
border-bottom:1px solid var(--couleur3);
}


.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(--couleurTexteLienSurvol);
background-color: var(--bleuClair10pourcents);
}

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


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


.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: var(--bleu);
}

.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(--couleurTexteLien);
white-space: normal;
transition:color 0.3s;
font-weight:600;
}

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

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

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

#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.9em;
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;
}
}