@-webkit-keyframes slideLeft {
	0% 				{ opacity:0; -webkit-transform:translateX(100%); transform:translateX(100%); }
	100% 			{ opacity:1; -webkit-transform:translateX(0%); 	 transform:translateX(0%); }
}
@keyframes slideLeft {
	0% 				{ opacity:0; -webkit-transform:translateX(100%); transform:translateX(100%); }
	100% 			{ opacity:1; -webkit-transform:translateX(0%); 	 transform:translateX(0%); }
}
@-webkit-keyframes slideRight {
	0% 				{ opacity:1; -webkit-transform:translateX(0%); 	 transform:translateX(0%); }
	100% 			{ opacity:0; -webkit-transform:translateX(100%); transform:translateX(100%); }
}
@keyframes slideRight {
	0% 				{ opacity:1; -webkit-transform:translateX(0%); 	 transform:translateX(0%); }
	100% 			{ opacity:0; -webkit-transform:translateX(100%); transform:translateX(100%); }
}

header ul 																				{ margin:0; padding:0; } /*NEW du 16/06/2022*/
header ul li 																			{ list-style:none; } /*NEW du 16/06/2022*/
header ul li h4 																		{ margin:0; } /*NEW du 16/06/2022*/

header a, header button 																{ background:none; border:none; outline:none; cursor:pointer; }
header img, header video 																{ display:block; max-width:100%; height:auto; -o-object-fit:cover; object-fit:cover; }

header .container 																		{ height:auto; margin:0 auto; padding:0 2rem; } /*max-width:80rem; width:100%;*/
.brand 																					{ color:var(--couleur); font-size:1.35rem; font-weight:700; border:none; outline:none; text-transform:uppercase; text-rendering:optimizeLegibility; }
.logo 																					{ width:200px!important; height:auto; }
.logo:hover 																			{ background-color:none; border:none; }
.menu-section 																			{ }
.onglet 																				{ }

.header 																				{ position:fixed; display:block; top:0; left:0; width:100%; height:auto; border:none; outline:none; background:#fff;/*#fafafa*/ z-index:6;/*header*//*999*/
																						  -webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 
																						  box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
																						} /*margin:0 auto; padding:1.7rem 0;*//*padding:1rem 0;*/
.header .wrapper 																		{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
.header-item-left 																		{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:0; -ms-flex:0 0 15%; flex:0 0 15%; justify-content:flex-start; } /*flex:0 0 17%;*/
.header-item-left img 																	{ width:100%; height:auto; } /*width:50%;*/
.header-item-center 																	{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:0; -ms-flex:0 0 70%; flex:0 0 70%; justify-content:center; } /*flex:0 0 66%;*/
.header-item-right 																		{ display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-flex:0; -ms-flex:0 0 15%; flex:0 0 15%; 
																						  -webkit-box-align:center; -ms-flex-align:center; align-items:center; 
							 															  -webkit-box-pack:end; -ms-flex-pack:end; justify-content:flex-end; 
							 															} /*flex:0 0 17%;*/
.header-item-right .menu-icon 															{ color:var(--dark-gray); font-size:1.2rem; border:none; outline:none; 
																						  display:-webkit-box; display:-ms-flexbox; display:flex; 
																						  -webkit-box-align:center; -ms-flex-align:center; align-items:center; 
																						  -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; gap:1rem; margin-left:1rem; 
																						  -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; 
																						}
.menu-mobile-header,
.menu-mobile-trigger 																	{ display:none!important; }

.header-item-right a:hover,
.header .menu > ul > li:hover > a 														{ color:var(--couleur); }
.header .menu > ul > li 																{ display:inline-block; margin-left:1.5rem; line-height:3.125rem; }
.header .menu > ul > li > a 															{ position:relative; color:var(--dark-gray); line-height:1.25; border:none; outline:none; 
																						  text-rendering:optimizeLegibility; /*text-transform:capitalize;*/ 
																						  -webkit-transition:color 0.3s ease-in-out; -o-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out; 
																						}
.header .menu > ul > li .menu-subs 														{ position:absolute; width:100%; height:auto; margin-top:1.75rem; padding:1rem 2rem; background:#fafafa; border:none; outline:none; 
																						  border-radius:0.25rem; border-top:3px solid var(--couleur); opacity:0; visibility:hidden; z-index:4;/*menu-subs*//*500*/
																						  -webkit-box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 
																						  box-shadow:0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); 
																						  -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out;  
																						}
.header .menu > ul > li .menu-subs 														{ line-height:1; }
.header .menu > ul > li .menu-subs.form.stand 											{ opacity:1; visibility:visible; }
.header .menu > ul > li .menu-subs > ul > li > a,
.header .menu > ul > li .menu-subs > .list-item > ul > li > a:not(.btn) 				{ display:inline-block; padding:0.75rem 0; color:var(--dark-gray); font-size:0.9rem; font-weight:500; line-height:1.1; outline:none; 
																						  text-rendering:optimizeLegibility; border:none; /*text-transform:capitalize;*/ 
																						  -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; 
																						}
.header .menu > ul > li .menu-subs.menu-mega 											{ left:50%; -webkit-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); }
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li 					{ display:block; line-height:1; }
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:not(.btn) 		{ padding:0.5rem 0; 
																						  /*display:inline-block; color:var(--dark-gray); font-family:inherit; font-size:0.9rem; font-weight:500; line-height:1.1; 
																						  text-transform:capitalize; text-rendering:optimizeLegibility; border:none; outline:none; 
																						  -webkit-transition:color 0.3s ease-in-out; -o-transition:color 0.3s ease-in-out; transition:color 0.3s ease-in-out;*/
																						}
.header .menu > ul > li .menu-subs > ul > li > a:hover, 
.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a:hover:not(.btn) { color:var(--couleur); }

.header .menu > ul > li .menu-column-1 			   										{ min-width:16rem; max-width:20rem; width:100%; }
.header .menu > ul > li .menu-subs.menu-column-2   										{ min-width:32rem; max-width:36rem; width:100%; }
.header .menu > ul > li .menu-subs.menu-column-3   										{ min-width:48rem; max-width:52rem; width:100%; }
.header .menu > ul > li .menu-subs.menu-column-4   										{ min-width:64rem; max-width:68rem; width:100%; }
.header .menu > ul > li .menu-subs.menu-column-5   										{ min-width:80rem; max-width:84rem; width:100%; }
.header .menu > ul > li .menu-subs.menu-column-6   										{ min-width:96rem; max-width:100rem; width:100%; }
.header .menu > ul > li .menu-subs.menu-column-max 										{ max-width:100%; min-width:100%; width:100%; }

.header .menu > ul > li .menu-subs.menu-column-2 > .list-item 							{ -webkit-box-flex:0; -ms-flex:0 0 calc(100%/2); flex:0 0 calc(100%/2); }
.header .menu > ul > li .menu-subs.menu-column-3 > .list-item 							{ -webkit-box-flex:0; -ms-flex:0 0 calc(100%/3); flex:0 0 calc(100%/3); }
.header .menu > ul > li .menu-subs.menu-column-4 > .list-item 							{ -webkit-box-flex:0; -ms-flex:0 0 calc(100%/4); flex:0 0 calc(100%/4); }
.header .menu > ul > li .menu-subs.menu-column-5 > .list-item 							{ -webkit-box-flex:0; -ms-flex:0 0 calc(100%/5); flex:0 0 calc(100%/5); }
.header .menu > ul > li .menu-subs.menu-column-6 > .list-item 							{ -webkit-box-flex:0; -ms-flex:0 0 calc(100%/6); flex:0 0 calc(100%/6); }

[class*="menu-column-"] 																{ display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; width:100%; padding:1.25rem 1rem; } /*max-width:68rem;*/
[class*="menu-column-"] > .list-item 													{ width:100%; /*MAJ 16/05/2023*/ /*padding:0 1rem;*/ } /*-webkit-box-flex:0; -ms-flex:0 0 25%; flex:0 0 25%;*/ 
[class*="menu-column-"] > .list-item .title 											{ font-size:1rem; font-weight:500; line-height:1; padding:0.75rem 0; border:none; outline:none; 
																						  color:var(--couleur); text-transform:uppercase; text-rendering:optimizeLegibility; 
																						  -webkit-transition:all 0.3s ease-in-out; -o-transition:all 0.3s ease-in-out; transition:all 0.3s ease-in-out; 
																						}
[class*="menu-column-"] > .list-item.text-center .title 								{ text-align:center; }
[class*="menu-column-"] > .list-item img.responsive 									{ max-width:100%; width:100%; height:auto; margin-top:0.75rem; -o-object-fit:cover; object-fit:cover; vertical-align:middle; }

.header .menu > ul > li .connexion * 													{ line-height: 1.4rem; }

@media only screen and (min-width: 993px) { /*1475px*/
	.header .menu > ul > li.menu-item-has-children:hover .menu-subs 					{ margin-top:0.5rem; opacity:1; visibility:visible; }
}

@media only screen and (max-width: 992px) { /*1474px*/
	header .container 																	{ margin:0 auto; } /*padding:0 1rem;*/
	.header-item-center 																{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; -webkit-box-ordinal-group:4; -ms-flex-order:3; order:3; }
	.header-item-left, .header-item-right 												{ -webkit-box-flex:0; -ms-flex:0 0 auto; flex:0 0 auto; }
	.wrapper 																			{ -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; }
	.header .menu-mobile-trigger 														{ position:relative; display:block!important; width:1.75rem; /*height:1rem;*/ margin-left:1.25rem; background:none; border:none; outline:none; cursor:pointer; 
																						  -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); 
																						  -webkit-transition:0.35s ease-in-out; -o-transition:0.35s ease-in-out; transition:0.35s ease-in-out; 
																						}
	.header .menu-mobile-trigger span 													{ display:block; position:absolute; left:0;width:100%; height:2px; border:none; outline:none; border-radius:0.25rem; background:var(--dark-gray); 
																						  opacity:1; 
																						  -webkit-transform:rotate(0deg); -ms-transform:rotate(0deg); transform:rotate(0deg); 
																						  -webkit-transition:0.25s ease-in-out; -o-transition:0.25s ease-in-out; transition:0.25s ease-in-out; 
																						}
	.header .menu-mobile-trigger span:nth-child(1) 										{ top:0; }
	.header .menu-mobile-trigger span:nth-child(2), 
	.header .menu-mobile-trigger span:nth-child(3) 										{ top:0.5rem; }
	.header .menu-mobile-trigger span:nth-child(4) 										{ top:1rem; }
	.header-item-right 																	{ -webkit-box-align:center; -ms-flex-align:center; align-items:center; }
	.header .menu 																		{ position:fixed; top:0; left:0; width:20rem; height:100vh; background:#fafafa; overflow:hidden; z-index:8;/*menu*//*1099*/
																						  -webkit-transform:translate(-100%); -ms-transform:translate(-100%); transform:translate(-100%); 
																						  -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; 
																						}
	.header .menu.active 																{ -webkit-transform: translate(0%); -ms-transform: translate(0%); transform: translate(0%); }
	.header .menu > ul > li 															{ display:block; margin:0; line-height:1; }
	.header .menu > ul > li > a 														{ display:block; height:3.125rem; padding:0 3.125rem 0 1rem; line-height:3.125rem; border-bottom:1px solid rgba(0, 0, 0, 0.1); }
	.header .menu > ul > li > a i.fa 													{ position:absolute; font-size:1rem; top:0; right:0; width:3.125rem; height:3.125rem; line-height:3.125rem; text-align:center; 
																						  -webkit-transform:rotate(-90deg); -ms-transform:rotate(-90deg); transform:rotate(-90deg); 
																						}
	.header .menu .menu-mobile-header 													{ position:relative; position:-webkit-sticky; position:sticky; z-index:5;/*menu-mobile-header*//*501*/  
																						  top:0; height:3.125rem; background:#fafafa; border-bottom:1px solid rgba(0, 0, 0, 0.1);
																						  display:-webkit-box!important; display:-ms-flexbox!important; display:flex!important; 
																						  -webkit-box-align:center; -ms-flex-align:center; align-items:center; 
																						  /*-webkit-box-pack:justify; -ms-flex-pack:justify;*/
																						  justify-content:space-between; 
																						}
	.header .menu .menu-mobile-header .menu-mobile-arrow 								{ display:none; width:3.125rem; height:3.125rem; color:var(--dark-gray); font-size:1.25rem; /*line-height:3.125rem; text-align:center;*/ 
																						  border-right:1px solid rgba(0, 0, 0, 0.1); cursor:pointer; 
																						}
	.header .menu .menu-mobile-header.active .menu-mobile-arrow 						{ display:block; }
	.header .menu .menu-mobile-header .menu-mobile-title 								{ color:var(--dark-gray); font-size:1rem; font-weight:500; text-rendering:optimizeLegibility; /*text-transform:capitalize;*/ }
	.header .menu .menu-mobile-header .menu-mobile-close 								{ width:3.125rem; height:3.125rem; color:var(--dark-gray); font-size:1.5rem; /*line-height:3.125rem; text-align:center;*/ 
																						  border-left:1px solid rgba(0, 0, 0, 0.1); cursor:pointer; 
																						}
	.header .menu .menu-section 														{ height:100%; overflow-y:auto; overflow-x:hidden; }
	.header .menu > ul > li .menu-subs 													{ position:absolute; display:none; top:0; left:0; max-width:none; min-width:auto; width:100%; height:100%; 
																						  margin:0; padding:1rem; padding-top:4rem; overflow-y:auto; visibility:visible; opacity:1; 
																						  -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); 
																						  -webkit-box-shadow:none; box-shadow:none; 
																						}
	.header .menu > ul > li .menu-subs.menu-mega 										{ position:absolute; display:none; top:0; left:0; max-width:none; min-width:auto; width:100%; height:100%; 
																						  margin:0; padding:1rem; padding-top:4rem; overflow-y:auto; visibility:visible; opacity:1; 
																						  -webkit-transform:translateX(0%); -ms-transform:translateX(0%); transform:translateX(0%); 
																						  -webkit-box-shadow:none; box-shadow:none; 
																						}
	.header .menu > ul > li .menu-subs.active 											{ display:block; }
	[class*="menu-column-"] > .list-item 												{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding:0rem; }
	[class*="menu-column-"] > .list-item:not(:last-child) 								{ } /*border-bottom:1px solid var(--couleur);*/
	[class*="menu-column-"] > .list-item img.responsive 								{ margin-top:0; }
	[class*="menu-column-"] > .list-item.text-center .title 							{ margin-bottom:1.25rem; }
	[class*="menu-column-"] > .list-item.text-center:last-child .title 					{ margin-bottom:0rem; }
	.header .menu > ul > li .menu-subs > ul > li > a 									{ display:block; }
	.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul 						{ } /*margin-bottom:1rem;*/
	.header .menu > ul > li .menu-subs.menu-mega > .list-item > ul > li > a 			{ display:block; }
	.overlay 																			{ position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0, 0, 0, 0.55); opacity:0; visibility:hidden; z-index:7;/*1098*/ 
																						  -webkit-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; transition:all 0.5s ease-in-out; 
																						}
	.overlay.active 																	{ opacity:1; visibility:visible; }
}
@media only screen and (max-width: 768px) {
	header a, header button 															{ border:none; outline:none; cursor:default!important; }
}
@media only screen and (max-width: 600px) {
	.header-item-right 																	{ -webkit-box-flex:0; -ms-flex:0 0 100%; flex:0 0 100%; padding-top:20px; } /*padding-right:10px;*/
}
