#header 					{ position: sticky; top: 0; z-index: 100; background-color:var(--color-1)!important; box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1); transition: all 0.5s; height:80px; }
#main-nav 					{ width: 100%; font-size: 1rem; font-weight: 400; position: sticky; top: -15px; z-index: 99; padding: 5px 0; }
#main-nav ul 				{ list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content:end; align-items: center; background-color: var(--color-1); }
#main-nav ul li 			{ display: block; }
#main-nav ul li a 			{ display:block; padding:1.5rem 15px; color:#fff!important; text-transform:uppercase; letter-spacing:0.3px; font-size:0.98rem!important; font-weight:600; }
#main-nav ul li a:hover 	{ color: #ffc836 !important; }
#main-nav ul li a:not(:only-child)::after, #main-nav ul li a:visited:not(:only-child)::after { content: ' ▾'; }
#main-nav ul li a ul li 	{ min-width: 190px; }
#main-nav ul li a ul li a 	{ padding: 15px; line-height: 20px; }
#main-nav .sub-menu 		{ position: absolute; color: #fff !important; background-color: #000!important; display: none; min-width: 160px; margin-top: 13px; }
.dropdown-toggle-split 		{ padding: 0 0.5625rem; }
.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropright .dropdown-toggle-split::after { margin-left: 0; }
.dropleft .dropdown-toggle-split::before { margin-right: 0; }
.menu-msw-primary-menu-photography-container, .menu-menu-container { text-align: left; }
.btn-group .dropdown-toggle::after { display: none; }
.btn-group .dropdown-menu { border: none; background: #fff; box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41); padding: 0; min-width: 20rem; margin-top: 20px; }
.btn-group .dropdown-menu::after, .ftco-navbar-light .btn-group .dropdown-menu::before { content: ' '; display: block; border-style: solid; border-width: 0 0.5em 0.6em 0.5em; border-color: transparent; position: absolute; right: 12px; z-index: -1; }
.btn-group .dropdown-menu::before 							{ top: -0.6em; border-bottom-color: rgba(0, 0, 0, 0.02); }
.btn-group .dropdown-menu::after 							{ top: -0.5em; border-bottom-color: #fff; color: transparent; display: none !important; }
.btn-group .dropdown-menu .dropdown-item 					{ font-size:16px; color:rgba(0, 0, 0, 0.7); padding:20px; border-bottom:1px solid rgba(0, 0, 0, 0.05); white-space:normal; }
.btn-group .dropdown-menu .dropdown-item:hover 				{ background-color: rgba(0, 0, 0, 0.05) !important; }
.btn-group .dropdown-menu .dropdown-item:last-child 		{ border: none; }
.btn-group .dropdown-menu .dropdown-item .img 				{ width: 60px; height: 60px; position: relative; }
.btn-group .dropdown-menu .dropdown-item .text 				{ width: calc(100% - 60px); }
.btn-group .dropdown-menu .dropdown-item .text h4 			{ margin-bottom: 0; font-size: 18px; font-weight: 500; color: rgba(0, 0, 0, 0.8); }
.btn-group .dropdown-menu .dropdown-item .text .quantity 	{ color: rgba(0, 0, 0, 0.4); }
.btn-group .dropdown-menu .dropdown-item.btn-link 			{ color: #b7472a; text-transform: uppercase; font-size: 16px; font-weight: 500; }
.nav-mobile { display: none; height: 70px; }
#nav-toggle { position: absolute; cursor: pointer; top: 40px; right: 30%; height: 40px; }
#nav-toggle span { right: 50%; }
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after { cursor:pointer; border-radius:1px; height:5px; width:35px; background:#fff; position:absolute; display:block; content: ''; }
#nav-toggle span::before { top: -10px; }
#nav-toggle span::after { bottom: -10px; }
#nav-toggle.active span, #header.bis #nav-toggle.active span { background-color: transparent; }
#nav-toggle.active span::before, #nav-toggle.active span::after { top: 0; }
#nav-toggle.active span::before { transform: rotate(45deg); }
#nav-toggle.active span::after { transform: rotate(-45deg); }

@media (max-width: 767px) {
    .nav-mobile {
        display: block; /* Affichez la navigation mobile sur les petits écrans */
    }
    #nav-toggle {
        right: 10px; /* Ajustement pour les petits écrans */
    }
	#main-nav ul { display: none; justify-content:center;}

}