/* BANDEAU */
#bandeau {padding:0;  width:100%; background:#FFFFFF;  font-size: 13px; position:-webkit-sticky; position:sticky; left:0px; top:0px; z-index:999; overflow-anchor:none; transition: height 280ms ease, box-shadow 280ms ease; }

#bandeau-contact,
#bandeau #logo,
#bandeau #logo a img,
#bandeau-client,
#bandeau #menu-conteneur {
	transition: all 280ms ease;
}

#bandeau #bandeau-droite,
#bandeau #bandeau-recherche {
	max-height: 90px;
	opacity: 1;
	transform: translateY(0);
	transition: max-height 260ms ease, opacity 180ms ease, transform 260ms ease, margin 260ms ease;
}

#bandeau-mobile {display:none !important; }
	
/* Bandeau réduit */
#bandeau.sm #bandeau-contact {height:65px; display:block;}
#bandeau.sm #bandeau-elements{padding-top:0; }
#bandeau.sm #bandeau-droite {/*display:none;*/ height:0; max-height:0; overflow:hidden; opacity:0; transform: translateY(-6px); pointer-events:none; }
#bandeau.sm #bandeau-recherche {height:0; max-height:0; overflow:hidden; margin:0; opacity:0; transform: translateY(-6px); pointer-events:none; }
#bandeau.sm #logo {padding:0px 0 0 1px; position:absolute; left:0; top:5px; z-index:55; }
#bandeau.sm #logo a img {height: 65px; width:auto; image-rendering: initial; transition:none;}

#bandeau.sm #bandeau-client {bottom: 10px; }
#bandeau.sm #bandeau-client #compte {height: 19px; padding: 4px 40px; line-height: 16px; }
#bandeau.sm #bandeau-client #compte #compte-titre {font-size:10px; }
#bandeau.sm #menu > .global {text-align:center; }
#bandeau.sm #menu > .global > div {width:calc(100% - 90px); }
#bandeau.sm #menu > .global > div > div {width:100%; }
#bandeau.sm #menu > .global > div > div > div {-webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }
#bandeau.sm #menu-conteneur {padding-top:0; height:calc(100% - 65px); }
#bandeau.sm #menu {}
#bandeau.sm #menu .menu-element .menu-element-contenu > a > span, 
#bandeau.sm #menu .menu-element .menu-element-contenu > a:visited > span, 
#bandeau.sm #menu .menu-element .menu-element-contenu > span {font-size:15px; line-height: 18px;}
#bandeau.sm #menu .menu-element .menu-element-contenu > a > span > span,  
#bandeau.sm #menu .menu-element .menu-element-contenu > a:visited > span > span, 
#bandeau.sm #menu .menu-element .menu-element-contenu > span > span{padding:0 0 10px;}
#bandeau.sm #menu .smenu-conteneur {top:37px; }

@media (prefers-reduced-motion: reduce) {
	#bandeau,
	#bandeau * {
		transition: none !important;
	}
}

/* Bandeau non réduit */
#bandeau-conteneur {position: relative; z-index: 400; width:100%; height:100%;}
#bandeau-contact {position:relative; z-index:40;  display: grid;  grid-template-columns: repeat(12, [col-start] 1fr); -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#bandeau-contact .global { position:relative; z-index:40; }

#bandeau #logo {padding:20px 0 0 1px; position:relative; z-index:10; grid-column: col-start 5 / span 4;}
#bandeau #logo a,
#bandeau #logo a:visited {text-align:center; display: block;}
#bandeau #logo a img {height:155px; width:auto; }

#bandeau-recherche { margin:0 0 20px 13px; grid-column: col-start 1 / span 4;}
#bandeau-recherche * {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box; } 
#bandeau-recherche form {width:100%; max-width:215px; }
#bandeau-recherche form::after {background:#e9e5e0; height:1px; width:100%; content:""; display:block; }
#bandeau-recherche label { display:block; padding:5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;  align-items: center; }
#bandeau-recherche button {border:none; background:none; cursor:pointer; width:12px; height:12px; background:url(../images/icone-loupe.svg) no-repeat center left; margin-right:8px; background-size: 100% auto;}
#bandeau-recherche input {width:calc(100% - 25px); border:none; background:none; outline:none; font-size:16px; color: #ad9f8c; font-style:italic; font-weight:400; font-family:'Raleway', sans-serif; -webkit-box-sizing: border-box; box-sizing: border-box; }
#bandeau-recherche ::-webkit-input-placeholder {opacity:1; font-size:16px; color: #ad9f8c; font-style:italic; font-weight:400; font-family:'Raleway', sans-serif; }
#bandeau-recherche ::-moz-placeholder {opacity:1; font-size:16px; color: #ad9f8c; font-style:italic; font-weight:400; font-family:'Raleway', sans-serif; }
#bandeau-recherche :-ms-input-placeholder {opacity:1; font-size:16px; color: #ad9f8c; font-style:italic; font-weight:400; font-family:'Raleway', sans-serif; }
#bandeau-recherche :-moz-placeholder {opacity:1; font-size:16px; color: #ad9f8c; font-style:italic; font-weight:400; font-family:'Raleway', sans-serif; }

#bandeau-droite {margin: 0 0 20px; grid-column: col-start 9 / span 4;  display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;  align-items: center;  -webkit-transition: all 450ms ease-in-out; -moz-transition: all 450ms ease-in-out; -ms-transition: all 450ms ease-in-out; -o-transition: all 450ms ease-in-out; transition: all 450ms ease-in-out; }
/* Elements du bandeau */
#bandeau #bandeau-elements {padding:0; }
#bandeau #bandeau-elements .global {position:relative; z-index:50; }
#bandeau .bandeau-element { margin: 2px 0 2px 30px; }
#bandeau .bandeau-element a,
#bandeau .bandeau-element a:visited {text-decoration:none; color:#b3a695; font-size:16px; font-weight:700; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  align-items: center;  }
#bandeau .bandeau-element:not(#bandeau-reseaux) img {width:18px; height:auto; margin-right: 8px; filter: invert(75%) sepia(13%) saturate(374%) hue-rotate(354deg) brightness(89%) contrast(86%);}
#bandeau .bandeau-element a span,
#bandeau .bandeau-element span {}
#bandeau .bandeau-element:not(#bandeau-reseaux):hover img  {filter: invert(8%) sepia(6%) saturate(729%) hue-rotate(314deg) brightness(96%) contrast(87%);}

#bandeau-reseaux {display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;  align-items: center; }
#bandeau-reseaux .social {margin:0 4px; width:22px; height:22px;  }
#bandeau-reseaux .social a,
#bandeau-reseaux .social a:visited { line-height: 25px;width:100%; height:100%; display:block; }
#bandeau-reseaux .social i {font-size:20px; color:#b3a695;}
#bandeau-reseaux .social img {width:100%; height:100%; margin:0; filter: invert(84%) sepia(17%) saturate(289%) hue-rotate(354deg) brightness(79%) contrast(86%); image-rendering: initial; }
#bandeau-reseaux .social:hover i {color:#242121;}
#bandeau-reseaux .social:hover img  {filter: invert(8%) sepia(6%) saturate(729%) hue-rotate(314deg) brightness(96%) contrast(87%);}
#bandeau #bandeau-newsletter i {margin-right: 3px; }

#bandeau #bandeau-faq {margin-right:0; }


/* ELEMENTS BANDEAU */
#bandeau-client {position:absolute; right:0; bottom: -85px; margin:10px 0; }
#bandeau .bandeau-centre {cursor:pointer; display:inline-block; vertical-align:top; position:relative; z-index:100; margin:0 22px 0 0px; }
#bandeau .bandeau-centre a,
#bandeau .bandeau-centre a:visited {text-decoration:none; display:block; width:22px; height:25px;}
#bandeau .bandeau-centre a img {width:auto; height:23px; display:block; filter: invert(10%) sepia(5%) saturate(643%) hue-rotate(289deg) brightness(96%) contrast(94%);}
#bandeau #panier-bandeau a,
#bandeau #panier-bandeau a:visited {position:relative; z-index:10;  }
#bandeau #panier-bandeau a span { text-align:center; font-weight:700; font-size:11px; line-height: 11px; color:#221f20; position:absolute; left:-12px; bottom: -2px; z-index:15; width:18px; height:18px; background:#f0ede9; border-radius: 11px; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  align-items: center; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}

/* MENU */
/* Menu niveau 1 */
#menu-conteneur { clear:both; padding-top: 30px; position:relative; height:calc(100% - 181px); box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box; }
#menu-conteneur * {-webkit-transition:none;-o-transition:none;transition:none;} 
#menu-titre, #menu-close {display:none; }
#menu-wrapper {height:100%; }
#menu {list-style:none; margin:0px auto; padding: 0; height:100%; }
#menu > .global {text-align:left; height:100%; }
#menu > .global > div {width: calc(100% - 85px); max-width:1470px; height:100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
#menu > .global > div > div {height:100%; width:100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
#menu > .global > div > div > div {height:100%; display: -webkit-box; display: -ms-flexbox; display: flex;  align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
#menu .menu-element { display:inline-block; vertical-align:top;  margin:0 8px; }
#menu #menu-2 {display:none; }
#menu .menu-element:last-child {margin-left:0; }
#menu .menu-element-contenu {height:100%;}
#menu .menu-element i {display:none;}
#menu .menu-element .menu-element-contenu > span { cursor:default; }
#menu .menu-element .menu-element-contenu > a,
#menu .menu-element .menu-element-contenu > a:visited {display:block; height:100%; }
#menu .menu-element .menu-element-contenu > a > span,
#menu .menu-element .menu-element-contenu > a:visited > span,
#menu .menu-element .menu-element-contenu > span { font-weight: 400; color: #221f20; text-align: center; line-height: 22px;  -webkit-box-sizing:border-box; box-sizing:border-box; display: block; font-size:18px; position:relative; height:100%; display: -webkit-box;display: -ms-flexbox;display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; }
#menu .menu-element .menu-element-contenu > a > span > span,
#menu .menu-element .menu-element-contenu > a:visited > span > span,
#menu .menu-element .menu-element-contenu > span > span {padding: 5px 0 15px;}

#menu .menu-element.menu-grand {}
#menu .menu-element.menu-grand .menu-element-contenu > a > span,
#menu .menu-element.menu-grand .menu-element-contenu > span {}
#menu .menu-element .menu-element-contenu > a,
#menu .menu-element .menu-element-contenu > a:visited {text-decoration:none; }
#menu .menu-element .menu-element-contenu > a:hover {text-decoration:none; }


/** SI EFFET VERTICAL LIGNE SOUS MENU **/
@supports (-webkit-overflow-scrolling: touch) {
 /* CSS specific to iOS devices */ 
	#menu .menu-element.selected .menu-element-contenu > a > span,
	#menu .menu-element.selected .menu-element-contenu > span,
	#menu .menu-element:hover .menu-element-contenu > a > span,
	#menu .menu-element:hover .menu-element-contenu > span {border-bottom:1px solid #000; }
}

@supports not (-webkit-overflow-scrolling: touch) {
	 /* Effect 4: bottom border enlarge */ 
	#menu .menu-element .menu-element-contenu > a > span::after,
	#menu .menu-element .menu-element-contenu > span::after { position: absolute; bottom:1px; left: 0; width: 100%; height: 1px; background: #f0ede9; content: ''; opacity: 0; -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s; -moz-transition: height 0.3s, opacity 0.3s, -moz-transform 0.3s; transition: height 0.3s, opacity 0.3s, transform 0.3s; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); transform: translateY(-10px); }
	
	#menu .menu-element.selected .menu-element-contenu > a > span::after,
	#menu .menu-element.selected .menu-element-contenu > span::after,
	#menu .menu-element:hover .menu-element-contenu > a > span::after,
	#menu .menu-element:hover .menu-element-contenu > span::after { height: 6px; opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); transform: translateY(0px); }
}

/** SINON **/
#menu .menu-element.selected .menu-element-contenu > span,
#menu .menu-element.selected .menu-element-contenu > a > span,
#menu .menu-element:hover .menu-element-contenu > a > span,
#menu .menu-element:hover .menu-element-contenu > span {}
#menu .menu-element:hover .smenu-conteneur { animation : affichageSousMenu 300ms linear 500ms 1 forwards; } 
 
@keyframes affichageSousMenu {
 from {
	 visibility: hidden; 
	 opacity: 0; 
 }
 to {
	 visibility: visible; 
	 opacity: 1; 
 }
}

/* Sous menu niveau 1 */
#menu .smenu-conteneur {visibility: hidden; opacity: 0; position:absolute; left:0px; top: /*168*/85px; z-index:200; width:100%; min-height:20px; padding:30px 0; background: #ffffff; -webkit-box-shadow: 0 3px 7px #cdcdcd; box-shadow: 0 3px 7px #cdcdcd; border-top: 1px solid #cdcdcd; }
#menu .smenu-conteneur .global {padding:0 !important; }
#menu .smenu-bas {}
#menu .smenu-centre { margin:0 !important; padding:0 !important; list-style:none; width:100%; text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#menu .smenu-centre-menus {width:calc(100% - 400px); margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
#menu .smenu-colonne {width: calc(33.333% - 30px); margin: 0px 15px; }
#menu .smenu-element {margin:0 0 10px; }
#menu .smenu-element::after {content: ""; height: 1px; display:block; width:100%; margin:5px 0 0 5px; background:#ccc; }
#menu .smenu-element > span { cursor:default; }
#menu .smenu-element > a {text-decoration:none; }
#menu .smenu-element > a > span,
#menu .smenu-element > span {color:#2f2e2e; display:block; padding:30px 7px 7px; width: calc(100% - 14px); font-size:17px; position: relative; z-index: 2; min-height:25px; font-family:"Playfair Display"; }
#menu .smenu-element:first-child > a > span,
#menu .smenu-element:first-child > span {padding:20px 7px 7px; }
/** SINON **/
#menu .smenu-element.selected > span,
#menu .smenu-element.selected > a > span,
#menu .smenu-element:hover > a > span,
#menu .smenu-element:hover > span {color:#f0ede9; }

#menu .ssmenu-conteneur-images { width: 380px; height:229px; border: 1px solid #cdcdcd; }
#menu .ssmenu-images {display:none; width:100%; height:auto; }

/* Sous menu niveau 2 */
#menu .ssmenu-conteneur {padding:0px; margin:0px; }
#menu .ssmenu-element {}
#menu .ssmenu-element > span { cursor:default; }
#menu .ssmenu-element > a {text-decoration:none; }
#menu .ssmenu-element > a > span,
#menu .ssmenu-element > span {color:#012366; display:block; padding:5px 5px 5px 15px; font-size:13px; position:relative; }
#menu .ssmenu-element > a > span i,
#menu .ssmenu-element > span i {display: inline-block; vertical-align: top; line-height: 15px; }
#menu .ssmenu-element > a > span > span,
#menu .ssmenu-element > span > span {display: inline-block; vertical-align: top; width: calc(100% - 20px); margin-left: 5px; line-height: 15px; }
#menu .ssmenu-element.selected > span,
#menu .ssmenu-element:hover > span ,
#menu .ssmenu-element.selected > a > span,
#menu .ssmenu-element:hover > a > span {color:#da456b; }

@media all and (max-width:1410px) {
	#menu .menu-element .menu-element-contenu > a > span, 
	#menu .menu-element .menu-element-contenu > a:visited > span, 
	#menu .menu-element .menu-element-contenu > span {font-size: 16px; line-height: 20px;}
	
}

@media all and (max-width:1350px) {  
	#bandeau-contact {grid-template-columns: repeat(24, [col-start] 1fr);}
	#bandeau-recherche {grid-column: col-start 1 / span 9;}
	#bandeau-droite {grid-column: col-start 16 / span 9;}
	
	#bandeau #logo {grid-column: col-start 10 / span 6;}
	#bandeau #logo a img { height: 125px;}
	
	#bandeau-client {bottom: -63px;}
	
	#menu-conteneur {padding-top: 10px; height: calc(100% - 151px);}
}

@media all and (max-width:1240px) {
    #menu .menu-element .menu-element-contenu > a > span, 
	#menu .menu-element .menu-element-contenu > a:visited > span, 
	#menu .menu-element .menu-element-contenu > span {font-size: 15px; line-height: 19px;}

}

@media all and (max-width:1210px) {  
	#bandeau-recherche {grid-column: col-start 1 / span 10;}
	#bandeau-droite {grid-column: col-start 15 / span 10;}
	
	#bandeau #logo {grid-column: col-start 11 / span 4;}
	#bandeau #logo a img { height: 95px;}
	
	#menu-conteneur {height: calc(100% - 121px);}
	#menu > .global > div {width:100%;}
	#bandeau-client {bottom: unset; top: 5px; right: 5px; }
}

@media all and (max-width:1160px) {
 	#bandeau.sm #menu > .global > div { width: 100%;}
    #bandeau.sm #menu .menu-element .menu-element-contenu > a > span,
	#bandeau.sm #menu .menu-element .menu-element-contenu > a:visited > span, 
	#bandeau.sm #menu .menu-element .menu-element-contenu > span {font-size: 13px;}

}


@media all and (max-width:1090px) {
    /* Bandeau */	
	.noscroll #bandeau-haut,
	.noscroll #bandeau-contact{display:none; }
	
	#bandeau #logo {grid-column: col-start 1 / span 3;  padding: 1px 0 0 1px;}
	#bandeau #logo a, #bandeau #logo a:visited {text-align:left;}
	#bandeau #logo a img {height:65px; margin: 0 auto;}
	
	#bandeau-recherche { position: absolute;  right: 0px;  bottom: -32px;  margin:0; transition: none;}
	#bandeau-recherche label {height: 30px; line-height: 18px} 
	#bandeau-recherche input { color: #fff; }
	#bandeau-recherche ::-webkit-input-placeholder {color:#fff; }
	#bandeau-recherche ::-moz-placeholder {color:#fff; }
	#bandeau-recherche :-ms-input-placeholder {color:#fff; }
	#bandeau-recherche :-moz-placeholder {color:#fff; }

	
	#bandeau-droite {width:auto; grid-column: col-start 4 / span 9;}
	
	#bandeau #bandeau-elements {padding:5px 3px 0 0;}
	#bandeau #bandeau-elements .global {padding: 0 10px;}
	#bandeau-client {height:35px; margin:0; top: 75px; display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;}	
	#bandeau-contact {opacity:1; height:75px; grid-template-columns: repeat(12, [col-start] 1fr); s-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
	#bandeau.sm #bandeau-contact { height:0; }
	
	#bandeau.sm #bandeau-contact #logo {display:none; }
	#bandeau-conteneur,
	#bandeau.sm #bandeau-conteneur {height:auto;}
	#bandeau.sm #bandeau-recherche {height:auto; right: 135px;}
	#bandeau.sm #bandeau-client { top: 0;  bottom: unset;}
			
		
	#bandeau.sm { border:none; }
		
 	/* bas */
	/* Menu mobile */
    #bandeau-mobile {height:35px; min-width:inherit; width:100%; display:block !important;  background:#b3a695;}	
	
 	/* bas */
	#bandeau-mobile-bas {min-width: inherit; width: 95px; height: 30px; padding: 5px; margin: 0px; position: absolute; left: 5px; bottom: 2px; box-sizing: border-box; z-index: 99999; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;  align-items: center; }
	#bandeau-mobile.open {position:fixed; z-index: 99999; left: 10px; top: 0;background:none; }
	#bandeau-mobile.open span,
	#bandeau.sm #bandeau-mobile span {display:none; }
	#bandeau-mobile.open #bandeau-mobile-bas {}
	#bandeau-mobile span {color: #000; text-transform: uppercase; font-size: 17px; }
	#bandeau-mobile .hamburger {position: relative; display: inline-block; width: 24px; height: 1px; color: #000; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #000; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
	#bandeau-mobile .hamburger::before, 
	#bandeau-mobile .hamburger::after { content: ''; width: 24px; height: 1px; background: #000; position: absolute; left: 0; -webkit-transition: all .2s ease-out; -moz-transition: all .2s ease-out; -o-transition: all .2s ease-out; transition: all .2s ease-out; }
	#bandeau-mobile .hamburger::before { top: -9px; }
	#bandeau-mobile .hamburger::after { bottom: -9px; }
	#bandeau-mobile .hamburger.active { background: #fff; left: 0px; }
	#bandeau-mobile .hamburger.active::before {background: #37342a; top: 0; -webkit-transform: rotateZ(45deg); -moz-transform: rotateZ(45deg); -ms-transform: rotateZ(45deg); -o-transform: rotateZ(45deg); transform: rotateZ(45deg); }
	#bandeau-mobile .hamburger.active::after {background: #37342a; bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); transform: rotateZ(-45deg); }	

	#bandeau #menu-conteneur { padding: 0; position: fixed; z-index: 9999; top: 0; left: 0; height: 100% !important; width: 80%; width: calc(100% - 45px); background: #fff; -webkit-transition: transform 0.5s; -khtml-transition: transform 0.5s; -moz-transition: transform 0.5s; -ms-transition: transform 0.5s; -o-transition: transform 0.5s; transition: transform 0.5s; -webkit-transform: translateX(-100%); -khtml-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); overflow: hidden; }
	#bandeau #menu-conteneur.open {display: block; -webkit-transform: translateX(0%); -khtml-transform: translateX(0%); -moz-transform: translateX(0%); -ms-transform: translateX(0%); -o-transform: translateX(0%); transform: translateX(0%); }
	
	#bandeau #menu-wrapper {padding: 0 10px 10px; overflow-y: scroll; margin-top: 40px; height:calc(100% - 50px); }	
	#menu > .global { padding-top: 30px; }
	#menu > .global > div,
	#menu > .global > div > div,
	#menu > .global > div > div > div {display:block; width:100%; }
	#menu #menu-2 {display:block; }
	#menu .menu-element,
	#menu .menu-element.menu-grand {height:auto !important; margin:10px 0px 0 !important; display:block; padding:0 0 10px 5px; border-bottom:1px solid #edecec; }
	
	#menu .menu-element .menu-element-contenu {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-pack:start; -ms-flex-pack:start; justify-content:flex-start; -webkit-box-align:center; -ms-flex-align:center; align-items:center;}
	#menu .menu-element .menu-element-contenu > i { cursor:pointer; display: block; color: #f0ede9; font-size: 22px;  margin-left: 20px; }
	
	#menu .menu-element .menu-element-contenu > a > span > span,
	#menu .menu-element .menu-element-contenu > a:visited > span > span,
	#menu .menu-element .menu-element-contenu > span > span,
	#menu .menu-element.menu-grand .menu-element-contenu > a > span > span, 
	#menu .menu-element.menu-grand .menu-element-contenu > span > span { text-align:left; border:none; font-size:15px; }
	#menu .menu-element br {display:none; }
	
	#menu .menu-element .menu-element-contenu > a > span > span::after,
	#menu .menu-element .menu-element-contenu > span > span::after,
	#menu .menu-element.selected .menu-element-contenu > a > span > span::after,
	#menu .menu-element.selected .menu-element-contenu > span > span::after,
	#menu .menu-element:hover .menu-element-contenu > a > span > span::after,
	#menu .menu-element:hover .menu-element-contenu > span > span::after {display:none !important; }	
	
	#menu .menu-element.selected .menu-element-contenu > a > span,
	#menu .menu-element.selected .menu-element-contenu > span {font-weight:700; }
	#menu .menu-element.selected .menu-element-contenu > a > span > span,
 	#menu .menu-element.selected .menu-element-contenu > span > span {}
		
	#menu .menu-element:hover .smenu-conteneur { -webkit-animation-play-state:paused; -moz-animation-play-state:paused; animation-play-state:paused; }
	
	#menu .smenu-conteneur {margin-top:6px; width:100%; padding:0; visibility: visible; opacity: 1; position:relative; left:0 !important; top:0 !important; background:none; min-height: 0; }
	#menu .smenu-centre {border:none; margin:0; width:auto; }
	#menu .ssmenu-conteneur-images {display:none !important; }
	#menu .smenu-centre-menus {float:none; width:auto; border-radius: 0; padding:0 ; }
	#menu .smenu-conteneur .smenu-element{display:block; width:auto; }
	#menu .smenu-element > a > span, 
	#menu .smenu-element > span {text-align: left; padding:7px 0 7px 15px; display:block !important; border:none; width:auto; text-decoration:none; color:#000000; font-size:14px; text-transform: none; min-height:0; display:block; }
	#menu .smenu-element > a, #menu .smenu-element > a:hover {text-decoration:none; }
	#menu .smenu-element > span > span, 
	#menu .smenu-element > a > span > span {margin-right:0 !important; width:calc(100% - 20px) !important; }
	#menu .smenu-element > a > span > span::after, 
	#menu .smenu-element > span > span::after { margin-left:0; right:5px !important; }

	#menu .menu-element.menu-special .smenu-centre-menus { display: block; overflow: visible; border-radius: 0; width: 100%; border: none; }
	#menu .menu-element.menu-special .smenu-element {width:100% !important; border:none; }	
	#menu .menu-element.menu-special .smenu-element > a, #menu .menu-element.menu-special .smenu-element > span {background:none; display:block; }
	#menu .menu-element.menu-special .smenu-element .smenu-image {display:none !important; }
	#menu .menu-element.menu-special .smenu-element .smenu-nom {height:auto; padding:7px 0 7px 15px; }
	
	#menu .smenu-element.selected > a > span,
	#menu .smenu-element:hover > a > span,
	#menu .smenu-element.selected > span,
	#menu .smenu-element:hover > span {background:#2e60a6; }

	#menu .smenu-element > a > span::after,
	#menu .smenu-element > span::after,
	#menu .smenu-element.selected > a > span::after,
	#menu .smenu-element.selected > span::after,
	#menu .smenu-element:hover > a > span::after,
	#menu .smenu-element:hover > span::after {display:none !important; }
		
	
	#menu .ssmenu-element > a > span,
	#menu .ssmenu-element > span {padding:5px 0 10px 20px; }
}

@media only screen and (max-width: 767px) {
	
	#bandeau-recherche {right:20px;}
	#bandeau.sm #bandeau-recherche {right: 120px;}
}

@media all and (max-width: 625px) {
	
	#bandeau-reseaux {display:none;}
	#bandeau .bandeau-element { margin: 2px 0 2px 10px;}
}
@media all and (max-width:500px) {
	#bandeau-recherche {width: 150px; right: 40px;}
		
}
@media all and (max-width:435px) {	
	#bandeau .bandeau-element { margin: 2px 0 2px 30px;}

	#bandeau #bandeau-newsletter a img,
	#bandeau #bandeau-email a span {display:none;}
}

@media all and (max-width:395px) {
	#bandeau.sm #bandeau-recherche {right: 110px;}
	
	#bandeau-recherche { width: 35px; right: 60px;}
	#bandeau-recherche label {padding:0; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	#bandeau-recherche button {margin:0; width: 20px; height: 100%;}
	#bandeau-recherche input { display: none;}
	
}

@media all and (max-width:385px) {
    
	#bandeau-mobile-bas {left: 5px; width: 90px; }
	#bandeau-mobile span {font-size: 15px; }
}