
/* MENU NOUVEAU  --------------------- RESPONSIVE ? --------------------- 
#main-nav > .header__main{
	position: fixed;
	bottom: 0;
	width: 100%;
}

header .header__main .wrapper .header__transverse .header__corporate>ul.header__list-lang {
	background: none;
	position: fixed;
	top: 54px;
}

header .header__context {
	margin-top: 2em;
	background: none;
	border: none;
}

header .header__main .wrapper .header__transverse {
	background: none;
	box-shadow: 0px -10px 20px 10px #0000000d;
}

header .header__nav--lvl-1>li>.like-a, header .header__nav--lvl-1>li>a, header .header__nav--lvl-1>li>button {
	font-weight: 700;
    text-transform: uppercase;
    font-size: 1.4rem;
}

header .header__main .wrapper .header__transverse .header__tools .icon {
	display: none;
}

header .header__main .wrapper .header__transverse .header__corporate button[aria-controls=subnav-bonus] {
	border-bottom-color: #afabba;
}

header .header__main .wrapper .header__transverse .header__corporate>ul.header__list-lang {
	border: none;
}

header .header__main .wrapper .header__transverse .header__corporate button[aria-controls=subnav-bonus]>span,
header .header__main .wrapper .header__transverse .header__tools span {
	text-transform: none;
}

 */ 
/* MENU NOUVEAU 1 sousmenu à l'extérieur  --------------------- DESKTOP --------------------- 
@media screen and (min-width: 58.75em){
	header .header__nav--lvl-2 {
		min-width: calc(100% + 2rem);
    	width: 28rem;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns {
		column-count: inherit;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-big {
		min-width: 0;
		padding: 2rem;
		width: 33rem;
		width: 53rem;
	}
	header .header__nav--lvl-2 > li {
		position: relative;
		width: calc(50% + 2rem);
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > .like-a, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button {
		display: inline-block;
		font-size: inherit;
		font-weight: normal;
		padding: 0.25rem 0.5rem;
		position: relative;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > .like-a::before, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a::before, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button::before {
		background: none;
	}
	header .header__nav--lvl-2 > li .like-a span + b {
		font-size: 1rem;
		margin-right: 1rem;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover {
		background: #fbe216;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > ul {
		background: #fbe216;
		border-radius: 1rem;
		display: none;
		left: calc(100% - 3rem);
		margin: 0;
		padding: 1rem 2rem;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 2;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover ul {
		display: block;
	}
	header .header__nav--lvl-2 > li > ul > li {
		margin-top: 0.5rem;
	}
	header .header__nav--lvl-2 > li a > span:not(.icon), header .header__nav--lvl-2 > li button > span:not(.icon), header .header__nav--lvl-2 > li span > span:not(.icon) {
		display: inline-block;
		padding: 0.25rem 0.5rem;
	}
	.header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big {
		width: 22rem;
	}
}

@media screen and (max-width: 58.75em){
	header .header__nav--lvl-2 > li .like-a span + b {
		display: none;
	}
}*/

/* MENU NOUVEAU 2 sousmenu à l'intérieur  --------------------- DESKTOP --------------------- 
@media screen and (min-width: 58.75em){
	header .header__nav--lvl-2 {
		min-width: calc(100% + 2rem);
    	width: 28rem;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns {
		column-count: inherit;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-big {
		min-width: 33rem;
		padding: 2rem;
		width: auto;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li {
		align-items: flex-start;		
		display: flex;
		white-space: nowrap;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > .like-a, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button {
		display: inline-block;
		font-size: inherit;
		font-weight: normal;
		padding: 0.25rem 0.5rem;
		position: relative;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > .like-a::before, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a::before, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button::before {
		background: none;
	}
	header .header__nav--lvl-2 > li .like-a span + b {
		font-size: 1rem;
		margin-right: 1rem;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover > span {
		background: #fbe216;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > ul {
		background: #fbe216;
		border-radius: 0 1rem 1rem;
		display: none;
		left: calc(100% - 3rem);
		margin: 0;
		padding: 1rem 2rem;
		z-index: 2;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover ul {
		display: block;
	}
	header .header__nav--lvl-2 > li > ul > li {
		margin-top: 0.5rem;
	}
	header .header__nav--lvl-2 > li a > span:not(.icon), header .header__nav--lvl-2 > li button > span:not(.icon), header .header__nav--lvl-2 > li span > span:not(.icon) {
		display: inline-block;
		padding: 0.25rem 0.5rem;
	}
	.header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big {
		min-width: 22rem;
	}
}

@media screen and (max-width: 58.75em){
	header .header__nav--lvl-2 > li .like-a span + b {
		display: none;
	}
}*/
/* MENU NOUVEAU 3 sousmenu à l'intérieur mais ferré à droite  --------------------- DESKTOP --------------------- 
@media screen and (min-width: 58.75em){
	header .header__nav--lvl-2 {
		min-width: calc(100% + 2rem);
    	width: 28rem;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns {
		column-count: inherit;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-big {
		min-width: 0;
		padding: 1rem 1.5rem 1.5rem;
		width: 33rem;
	}
	html[lang="en-US"]  header .header__nav--lvl-2.header__nav--lvl-2-big {
		width: 20rem;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-big:has(> li:hover .like-a,  > li.is-current .like-a) {
		width: 56rem;
	}
	html[lang="en-US"]  header .header__nav--lvl-2.header__nav--lvl-2-big:has(> li:hover .like-a,  > li.is-current .like-a) {
		width: 36rem;
	}

	header .header__nav--lvl-2 > li:hover .like-a,  
	header .header__nav--lvl-2 > li.is-current .like-a {
		width: calc(50% + 2rem);
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > .like-a, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a, header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button {
		display: inline-block;
		font-size: inherit;
		font-weight: normal;
		padding: 0.25rem 0.5rem;
		position: relative;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > .like-a::before, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a::before, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button::before,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > .like-a::before, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > a::before, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > button::before {
		background: none;
	}
	header .header__nav--lvl-2 > li .like-a span + b {
		font-size: 1rem;
		margin-right: 1rem;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover > .like-a, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover > a,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > .like-a {
		background: #f5f5f5;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover > .like-a,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > .like-a {
		width: 100%;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover:has(>a) > a {
		border-radius: 1rem;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > a::before{
		left: -10px;		
		height: .5rem;
		bottom: 10px;
		width: .5rem;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > ul {
		background: #f5f5f5;
		border-radius: 1rem;
		display: none;
		height: calc(100% - 2rem);
		left: 50%;
		margin: 0;
		padding: 0.25rem 1.5rem;
		position: absolute;
		top: 1rem;
		width: calc(50% - 1rem);
		z-index: 2;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover ul,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current ul {
		display: block;
	}
	header .header__nav--lvl-2 > li > ul > li {
		margin-top: 0.5rem;
	}
	header .header__nav--lvl-2 > li a > span:not(.icon), 
	header .header__nav--lvl-2 > li button > span:not(.icon),
	header .header__nav--lvl-2 > li span > span:not(.icon), 
	header .header__nav--lvl-2 > li.is-current > .like-a span, 
	header .header__nav--lvl-2 > li.is-current > a span, 
	header .header__nav--lvl-2 > li.is-current > button span,
	header .header__nav--lvl-2 > li > ul > li.is-current > .like-a span, 
	header .header__nav--lvl-2 > li > ul > li.is-current > a span, 
	header .header__nav--lvl-2 > li > ul > li.is-current > button span {
		display: inline-block;
		padding: 0.25rem 0.5rem;
	}
	.header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big {
		width: 23rem;
	}
	html[lang="en-US"]  .header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big {
		width: 27rem;
	}
	.header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big:has(> li:hover .like-a,  > li.is-current .like-a) {
		width: 38rem;
	}
	html[lang="en-US"]  .header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big:has(> li:hover .like-a,  > li.is-current .like-a) {
		width: 48rem;
	}
}

@media screen and (max-width: 58.75em){
	header .header__nav--lvl-2 > li .like-a span + b {
		display: none;
	}
}
*/
/* MENU NOUVEAU 4 sousmenu à l'intérieur au click  --------------------- DESKTOP --------------------- */
@media screen and (min-width: 58.75em){
	header .header__nav--lvl-2 {
		min-width: calc(100% + 2rem);
    	width: 28rem;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns {
		column-count: inherit;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-big {
		min-width: 0;
		padding: 1rem 1.5rem 1.5rem;
		width: 33rem;
	}
	html[lang="en-US"]  header .header__nav--lvl-2.header__nav--lvl-2-big {
		width: 20rem;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-big:has(.header__nav--lvl-3.is-active) {
		width: 56rem;
	}
	html[lang="en-US"]  header .header__nav--lvl-2.header__nav--lvl-2-big:has(.header__nav--lvl-3.is-active) {
		width: 36rem;
	}
	header .header__nav--lvl-2 > li a > span span:not(.icon), 
	header .header__nav--lvl-2 > li button > span span:not(.icon) {
		text-decoration: underline;
		text-decoration-color: currentcolor;
		text-decoration-thickness: auto;
		-webkit-text-decoration-color: transparent;
		text-decoration-color: transparent;
		-webkit-transition: -webkit-text-decoration-color .4s ease-out;
		transition: -webkit-text-decoration-color .4s ease-out;
		transition: text-decoration-color .4s ease-out;
		transition: text-decoration-color .4s ease-out,-webkit-text-decoration-color .4s ease-out;
		transition-duration: 0.4s, 0.4s;
	}
	header .header__nav--lvl-2 > li a:focus > span:not(.icon), 
	header .header__nav--lvl-2 > li a:hover > span:not(.icon), 
	header .header__nav--lvl-2 > li button:focus > span span:not(.icon), 
	header .header__nav--lvl-2 > li button:hover > span span:not(.icon) {
		-webkit-text-decoration-color: #94919c;
		text-decoration-color: #94919c;
		-webkit-transition-duration: 50ms;
		transition-duration: 50ms;
	}

	header .header__nav--lvl-2 > li a > span:not(.icon), 
	header .header__nav--lvl-2 > li button > span:not(.icon) {
		text-decoration: none;
		transition: none;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button.is-active span.toggle__on {
		transform: rotate(90deg);
	}
	.header__nav--lvl-2-columns > li > button span.toggle__off {
		transform: rotate(-90deg);
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button .icon {
		font-size: 0.75em;
	}
	.header__nav--lvl-2-columns > li > button span.toggle__off,
	.header__nav--lvl-2.header__nav--lvl-2-columns > li > button.is-active span.toggle__on {
		display: inline-block;
	}
	.header__nav--lvl-2-columns > li > button.is-active span.toggle__off {
		display: none;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button {
		display: inline-block;
		font-size: inherit;
		font-weight: normal;
		padding: 0.25rem 0.5rem;
		position: relative;
		text-align: left;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > a::before, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > button::before,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > a::before, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > button::before {
		background: none;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover .toggle, 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li .toggle.is-active , 
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover > a,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > .toggle {
		background: #f5f5f5;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > .toggle-collection--lvl-2,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > .toggle-collection--lvl-2 {
		width: 100%;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover >.toggle,
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li:hover:has(>a) > a {
		border-radius: 1rem;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li.is-current > a::before{
		left: -10px;		
		height: .5rem;
		bottom: 10px;
		width: .5rem;
	}

	header .header__nav--lvl-2.header__nav--lvl-2-columns > li > ul {
		background: #f5f5f5;
		border-radius: 1rem;
		display: none;
		height: calc(100% - 2rem);
		left: 50%;
		margin: 0;
		padding: 0.25rem 1.5rem;
		position: absolute;
		top: 1rem;
		width: calc(50% - 1rem);
		z-index: 1;
	}
	header .header__nav--lvl-2.header__nav--lvl-2-columns > li ul.is-active {
		display: block;
	}
	header .header__nav--lvl-2 > li > ul > li {
		margin-top: 0.5rem;
	}
	header .header__nav--lvl-2 > li a > span:not(.icon), 
	header .header__nav--lvl-2 > li button > span:not(.icon),
	header .header__nav--lvl-2 > li > ul > li.is-current > a span, 
	header .header__nav--lvl-2 > li > ul > li.is-current > button span {
		display: inline-block;
		padding: 0.25rem 0.5rem;
	}
	.header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big {
		width: 23rem;
	}
	html[lang="en-US"]  .header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big {
		width: 27rem;
	}
	.header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big:has(> li .toggle.is-active) {
		width: 38rem;
	}
	html[lang="en-US"]  .header__nav--lvl-1 li:last-child .header__nav--lvl-2.header__nav--lvl-2-big:has(> li .toggle.is-active) {
		width: 48rem;
	}
}

@media screen and (max-width: 58.75em){
	header .header__nav--lvl-2 > li .toggle span .icon {
		display: none;
	}
}
