/* BANDEAU */
#bandeau {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000;-webkit-transition: all 150ms ease-out; -moz-transition: all 150ms ease-out; -ms-transition: all 150ms ease-out; -o-transition: all 150ms ease-out; transition: all 150ms ease-out;		  }
#global:not(.global-accueil).no-bandeau #bandeau {background:rgba(91, 58, 52, 0.8);}
#bandeau .menu-wrapper {display:block !important; }
#bandeau-mobile {display:none; }
.lg {height:180px; }
.sm {height:90px; }

/* Bandeau réduit */
#bandeau.sm { background:rgba(91, 58, 52, 0.8);}
#bandeau.sm #bandeau-haut {display: none; }
#bandeau.sm #bandeau-contact {}
#bandeau.sm #logo {}
#bandeau.sm #logo a, #bandeau.sm #logo a:visited {  box-sizing: border-box;  height: 100%;}
#bandeau.sm #logo a img { image-rendering: initial;   max-width: 180px;}
#bandeau.sm #bandeau-elements {  margin: 3px 0 0;}
#bandeau.sm #bandeau-elements .bandeau-contact a, 
#bandeau.sm #bandeau-elements .bandeau-contact a:visited {  font-size: 20px;  padding: 2px 12px;}
#bandeau.sm #bandeau-elements .bandeau-contact i {  width: 18px; height: 18px;}
#bandeau.sm #bandeau-reseaux .bandeau-social a, 
#bandeau.sm #bandeau-reseaux .bandeau-social a:visited {  width: 33px;  height: 33px;}
#bandeau.sm #menu-conteneur {  }
#bandeau.sm #menu {}
#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 {  font-size: 22px;}

/* Bandeau non réduit */
#bandeau-haut {background:#da9985; width: 100%; min-height: 38px; }
#bandeau-haut .global {min-height: 38px; padding:5px 20px; color:#5b3a34; font-size: 17px; line-height: 20px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; text-align: center;}
#bandeau-conteneur {position: relative; z-index: 400; 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; }

#bandeau-contact {position:relative; z-index:40; width: 100%;  flex:1;}
#bandeau-contact > .global { position:relative; z-index:40;  height: 100%; display: grid; grid-template-columns: repeat(24, [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: center; -ms-flex-align: center; align-items: center;}

#bandeau-logo {grid-row:1; grid-column: col-start 1 / span 4; height: 100%;}
#menu-conteneur {grid-row:1; grid-column: col-start 5 / span 11;  position: relative;  z-index: 10;}
#bandeau-elements {grid-row:1; grid-column: col-start 15 / span 5;  position: relative;  z-index: 10;  margin-right: 20px; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#bandeau-reseaux {grid-row:1; grid-column: col-start 19 / span 4;  position: relative;  z-index: 9;}
#bandeau-langues {grid-row:1; grid-column: col-start 23 / span 2; }

#bandeau #logo {position:relative; z-index:10;width: 100%; height:100%; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#bandeau #logo a,
#bandeau #logo a:visited { width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; }
#bandeau #logo a img {height:auto; max-height:100%; width:100%; max-width: 207px; display:block; }

/* Elements du bandeau */
#bandeau-elements .bandeau-contact a,
#bandeau-elements .bandeau-contact a:visited {color:#f7f3ea;  font-family: 'Bebas Neue Pro'; text-transform: uppercase; text-decoration:none; padding:5px 12px; font-size: 25px; 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-elements .bandeau-contact i {display:block; width:23px; height:20px; filter: invert(90%) sepia(16%) saturate(307%) hue-rotate(324deg) brightness(109%) contrast(94%);}
#bandeau-elements .bandeau-contact a:hover {color :#da9985;}
#bandeau-elements .bandeau-contact a:hover i {filter: invert(78%) sepia(39%) saturate(743%) hue-rotate(310deg) brightness(93%) contrast(82%);}

/* Telephone */
#bandeau-elements #bandeau-telephone {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; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
#bandeau-elements #bandeau-telephone::after {content: ""; display:block; height: 50px; width: 2px; background: #da9985; margin: 0 6px 0 5px;}
#bandeau-elements #bandeau-telephone i { background:url(../images/icone-telephone.svg) no-repeat center center; background-size:contain; }

/* Email */
#bandeau-elements #bandeau-email i { margin-right: 10px; background:url(../images/icone-mail.svg) no-repeat center center; background-size:contain; }

#bandeau #bandeau-reseaux { text-align:center; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
#bandeau-reseaux .bandeau-social {margin: 0 5px; }
#bandeau-reseaux .bandeau-social a,
#bandeau-reseaux .bandeau-social a:visited { width:36px; height:36px; text-decoration:none; display:block;  }
#bandeau-reseaux .bandeau-social i {width: 100%; height: 100%; display:block; filter: invert(78%) sepia(39%) saturate(743%) hue-rotate(310deg) brightness(93%) contrast(82%); }

#bandeau-reseaux .bandeau-social:hover i {filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);}

#bandeau-reseaux .bandeau-social.social-facebook i {background: url(../images/icone-facebook-rond.svg) no-repeat center center; background-size: contain;}
#bandeau-reseaux .bandeau-social.social-instagram i {background: url(../images/icone-instagram-rond.svg) no-repeat center center; background-size: contain;}
#bandeau-reseaux .bandeau-social.social-linkedin i {background: url(../images/icone-linkedin-rond.svg) no-repeat center center; background-size: contain;}
#bandeau-reseaux .bandeau-social.social-twitter-x i {background: url(../images/icone-x-twitter-rond.svg) no-repeat center center; background-size: contain;}
#bandeau-reseaux .bandeau-social.social-youtube i {background: url(../images/icone-youtube-rond.svg) no-repeat center center; background-size: contain;}
#bandeau-reseaux .bandeau-social.social-whatsapp i {background: url(../images/icone-whatsapp-rond.svg) no-repeat center center; background-size: contain;}

#bandeau-langues {margin:0 0 0 25px; height:100%; position:relative; z-index:550; 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-langues-centre {position: relative; z-index: 550;}
#bandeau-langues .bandeau-langue {width: 100px; height: 50px; box-sizing: border-box;font-weight:300; font-size:16px; color:#535d69; 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-langues .bandeau-langue > a,
#bandeau-langues .bandeau-langue > a:visited,
#bandeau-langues .bandeau-langue > span {background: #4a2d28; padding:10px;  text-decoration:none; width: 100%; height: 100%; box-sizing: border-box; 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; -webkit-transition: background 400ms ease-in-out; -moz-transition: background 400ms ease-in-out; -ms-transition: background 400ms ease-in-out; -o-transition: background 400ms ease-in-out; transition: background 400ms ease-in-out; }
#bandeau-langues .bandeau-langue i {margin: 0 0px 0 8px; width: 25px; height: 17px;background:url(../images/icone-fleche-droite.svg) no-repeat center center; background-size: contain; display:block; filter: invert(90%) sepia(16%) saturate(307%) hue-rotate(324deg) brightness(109%) contrast(94%);} 
#bandeau-langues .bandeau-langue img {width:31px; height:31px; object-fit:contain; display: block; filter: invert(90%) sepia(16%) saturate(307%) hue-rotate(324deg) brightness(109%) contrast(94%);}
#bandeau-langues .bandeau-langue:hover > a,
#bandeau-langues .bandeau-langue:hover > span {background: #5b3a34;}


/* MENU */
/* Menu niveau 1 */
#menu-conteneur {  box-sizing: border-box; }
#menu-wrapper {height:100%; }
#menu {list-style:none; margin:0px auto; padding: 0; height:100%; }
#menu > .global{position:relative; z-index:30; height:100%; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center;  }
#menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%; margin:0 25px; }
#menu #menu-1 {margin-left:0; }
#menu #menu-2 {margin-right:0; }
#menu .menu-element .menu-element-contenu > 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 {height: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: center; -ms-flex-pack: center; justify-content: center; }
#menu .menu-element .menu-element-contenu > a > span,
#menu .menu-element .menu-element-contenu > a:visited > span,
#menu .menu-element .menu-element-contenu > span {color: #e8c6b5; text-align: center; height:100%; text-transform: uppercase; 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: center; -ms-flex-pack: center; justify-content: center; }
#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 { font-size:25px; position:relative; font-weight: 400; font-family: 'Bebas Neue Pro'; padding: 10px 0 12px; -webkit-box-sizing:border-box; box-sizing:border-box;-webkit-transition: background 150ms ease-out; -moz-transition: background 150ms ease-out; -ms-transition: background 150ms ease-out; -o-transition: background 150ms ease-out; transition: background 150ms ease-out; } 
#menu .menu-element.menu-grand .menu-element-contenu > a > span,
#menu .menu-element.menu-grand .menu-element-contenu > span {padding:0px 0 1px; }
#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; }

#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 {color:#da9985;}

#menu .menu-element:hover .smenu-conteneur { animation : affichageSousMenu 150ms linear 250ms 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; z-index:200; width:350px; min-height:20px; background: #e8c6b5; }
#menu .smenu-conteneur .global {padding:5px 0 !important; }
#menu .smenu-conteneur .smenu-scroll-up,
#menu .smenu-conteneur .smenu-scroll-down {display: none;position:relative; z-index: 10;}
#menu .smenu-conteneur .smenu-scroll-up::before {content:"\f106"; font-family: FontAwesome; font-size: 15px;  line-height: 9px; width:100%; height: 10px; display: block;  text-align: center;color:#5b3a34; }
#menu .smenu-conteneur .smenu-scroll-down::after {content:"\f107"; font-family: FontAwesome; font-size: 15px;  line-height: 9px; width:100%; height: 10px; display: block;  text-align: center;color:#5b3a34;}
#menu .smenu-centre { margin:0 !important; padding:0 !important; list-style:none; width:100%; text-align: left; }
#menu .smenu-conteneur.scrollable .smenu-centre {position:relative; z-index: 10; overflow-y: auto; }
#menu .smenu-conteneur.scrollable .smenu-scroll-up,
#menu .smenu-conteneur.scrollable .smenu-scroll-down { display: block; }
#menu .smenu-centre-menus {padding: 0 10px; position:relative; z-index: 11;}
#menu .smenu-element > span { cursor:default; }
#menu .smenu-element > a {text-decoration:none; }
#menu .smenu-element > a > span,
#menu .smenu-element > span {color:#5b3a34; text-align:center;  padding:8px 10px 7px ; width: 100%; font-size:15px; position: relative; z-index: 2; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; align-items:center; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box; }
#menu .smenu-element > a > span::after,
#menu .smenu-element > span::after {content:"\f105"; font-family:FontAwesome; font-size:21px; color:#4a2d28; margin-left: 0; opacity:0; right:25px; top: 0; height: 100%; -webkit-transition: margin 300ms ease 0ms; -moz-transition: margin 300ms ease 0ms; -ms-transition: margin 300ms ease 0ms; -o-transition: margin 300ms ease 0ms; transition: margin 300ms ease 0ms; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

#menu .smenu-element.selected > span,
#menu .smenu-element.selected > a > span,
#menu .smenu-element:hover > a > span,
#menu .smenu-element:hover > span {color:#4a2d28; }
#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 {opacity:1; margin-left:10px;}

/* 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:#796e53; 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:#fff; }


@media all and (max-width:1490px) {	
	#bandeau-contact > .global{  padding: 0 10px;}

	#bandeau-langues {}
	#menu .menu-element {margin:0 15px; }
}

@media all and (max-width:1380px) {	
	#bandeau-contact > .global { grid-template-columns: repeat(35, [col-start] 1fr);}
	#bandeau-logo {grid-row:1; grid-column: col-start 1 / span 5; }
	#menu-conteneur {grid-row:1; grid-column: col-start 6 / span 16; }
	#bandeau-elements {grid-row:1; grid-column: col-start 21 / span 7;  margin-right: 10px;}
	#bandeau-reseaux {grid-row:1; grid-column: col-start 28 / span 6; }
	#bandeau-langues {grid-row:1; grid-column: col-start 33 / span 3;  margin: 0 0 0 10px;}
	
	#bandeau #bandeau-reseaux { -webkit-box-pack: start;  -ms-flex-pack: start; justify-content: flex-start; }
	#menu .menu-element {margin:0 10px; }
}

@media all and (max-width:1310px) {	
	#bandeau.sm #bandeau-langues .bandeau-langue {height: 40px;}
	#bandeau.sm #bandeau-langues .bandeau-langue > a, 
	#bandeau.sm #bandeau-langues .bandeau-langue > a:visited, 
	#bandeau.sm #bandeau-langues .bandeau-langue > span { padding: 5px 10px;}
	#bandeau.sm #bandeau-langues .bandeau-langue img { width: 26px; height: 26px;}
	#bandeau.sm #bandeau-elements #bandeau-telephone::after {height: 35px;}

	#bandeau-logo {grid-row:1/3; grid-column: col-start 1 / span 6; }
	#menu-conteneur {grid-row:2; grid-column: col-start 7 / span 29; }
	#bandeau-elements {grid-column: col-start 13 / span 10;}
	#bandeau-reseaux { grid-column: col-start 25 / span 7; }
	#bandeau-langues { grid-column: col-start 31 / span 5; }
}

@media all and (max-width:1030px) {	

	#bandeau-logo {grid-row:1/3; grid-column: col-start 1 / span 7; }
	#menu-conteneur {grid-row:2; grid-column: col-start 8 / span 28; }
	#bandeau-elements {grid-column: col-start 10 / span 10;}
	#bandeau-reseaux { grid-column: col-start 21 / span 9; }
	#bandeau-langues { grid-column:  col-start 30 / span 6; }
	#bandeau #bandeau-reseaux {-webkit-box-pack: center;  -ms-flex-pack: center;  justify-content: center;}
}

@media all and (max-width:890px) {	

	#bandeau-logo {grid-row:1/3; grid-column: col-start 1 / span 8; }
	#menu-conteneur {grid-row:2; grid-column: col-start 9 / span 27; }
	#bandeau-elements {margin:0;}
}

@media all and (max-width:780px) {

	/* Bandeau */	
	.noscroll #bandeau-contact #logo,
	.noscroll #bandeau-contact #bandeau-elements  {display:none; }
		
	#bandeau.sm #bandeau-contact #logo {display:none; }
	#bandeau.sm #bandeau-conteneur {height:auto; }
			
	#bandeau.sm #bandeau-mobile {height: 28px; width: 25px; left: 5px; top: 0px; padding: 3px 5px; }
		
	/* Si telephone et mail restent dans le bandeau en sm */
	#bandeau.sm #bandeau-contact {	position: absolute; right: 0; top: 0; width: calc(100% - 50px); height: 35px; z-index: 400; }
	#bandeau.sm #bandeau-contact #logo {display:none; }
	#bandeau.sm #bandeau-elements,
	#bandeau.sm #bandeau-langues {bottom: 0; height: 35px; margin:0;}
	#bandeau.sm #bandeau-elements .bandeau-element {height: 100%; overflow: hidden; }
	#bandeau.sm #bandeau-elements #bandeau-telephone,
	#bandeau.sm #bandeau-elements #bandeau-email {height:auto; }
	#bandeau.sm #bandeau-langues .bandeau-langue {height: 100%;}
		
	#bandeau {background:#5b3a34;}

	#bandeau-contact {opacity:1;  -webkit-transition: height 400ms ease-in-out; -moz-transition: height 400ms ease-in-out; -ms-transition: height 400ms ease-in-out; -o-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out; }
	#bandeau-contact > .global {display:block;}
		
	.lg { height: 180px; }
	.sm { height: 35px; border:none; }
		
	#bandeau-logo {height: auto !important; }
	#bandeau #logo {float:none; padding:3px 0 0; margin:0 auto; width: 100%; max-width: 180px; -webkit-box-align: start; -ms-flex-align: start;  align-items: flex-start;}
	#bandeau #logo a img {height:auto; width:100%; margin: 0 auto; }

	#bandeau-reseaux {display:none !important; }
	#bandeau-elements,
	#bandeau-langues {position: absolute; bottom: 5px; z-index: 200; height: 40px; margin:0;}
	#bandeau-elements {right: 140px;}
	#bandeau-elements #bandeau-telephone::after {height: 40px;}
	#bandeau-langues {right: 10px;}
	#bandeau-langues .bandeau-langue {height: 100%;}
	#bandeau-langues .bandeau-langue > a, #bandeau-langues .bandeau-langue > a:visited, #bandeau-langues .bandeau-langue > span {padding: 5px 10px;}

 	/* bas */
	/* Menu mobile */
	#bandeau-mobile {min-width: inherit; width: 85px; height: 30px; padding: 5px; margin: 0px; position: absolute; left: 5px; bottom: 2px; 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; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	#bandeau-mobile.open {left: 10px; top: 0; bottom:unset; }
	#bandeau-mobile.open span,
	#bandeau.sm #bandeau-mobile span {display:none; }
	#bandeau-mobile span {color: #fff; text-transform: uppercase; font-size: 17px; }
	#bandeau-mobile .hamburger {position: relative; display: inline-block; width: 24px; height: 1px; color: #fff; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #fff; -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: #fff; 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: #4a2d28; 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: #4a2d28; 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: 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: 30px 10px 0; display:block; width:100%; box-sizing: border-box; }
	#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: #de8e6b; 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 {padding:5px; text-align:left; color:#4a2d28; border:none; font-size:24px; }
	#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:600; }
	#menu .menu-element.selected .menu-element-contenu > a > span > span,
 	#menu .menu-element.selected .menu-element-contenu > span > span {color:#de8e6b }
		
	#menu > .global #barre-menu {display:none;}
	
	#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; display:none;}
	#menu .smenu-conteneur .global {padding: 0 !important;}
	#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 {font-size: 15px;padding: 5px 10px; min-height: 0; text-align: left;  -webkit-box-pack: start;  -ms-flex-pack: start;  justify-content: flex-start;}
	#menu .smenu-element > a, #menu .smenu-element > a:hover {text-decoration:none; }

	#menu .smenu-element > a > span::after, #menu .smenu-element > span::after {transition:none; color:#fff; }
	
	#menu .smenu-element.selected > a > span,
	#menu .smenu-element:hover > a > span,
	#menu .smenu-element.selected > span,
	#menu .smenu-element:hover > span {background:#5b3a34; color:#fff; }
	
	#menu .ssmenu-element > a > span,
	#menu .ssmenu-element > span {padding:5px 0 10px 20px; }
	
	#menu .ssmenu-element.selected > span,
	#menu .ssmenu-element:hover > span ,
	#menu .ssmenu-element.selected > a > span,
	#menu .ssmenu-element:hover > a > span {color:#5b3a34;}
	
	
}
@media all and (max-width:580px) {	
	#bandeau-haut .global {  font-size: 15px; line-height: 17px;}
}

@media all and (max-width:480px) {
	#bandeau-elements {  right: 80px;}
	#bandeau-langues .bandeau-langue { width: 60px;}
	#bandeau-langues .bandeau-langue i {display: none;}
}

@media all and (max-width:435px) {	
	#bandeau-elements .bandeau-contact a, 
	#bandeau-elements .bandeau-contact a:visited {font-size: 23px;}
	#bandeau-elements .bandeau-contact i {  width: 17px; height: 17px;}

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

	#bandeau-elements #bandeau-email i {display: none;}
	
}

@media all and (max-width:350px) {
	
    #bandeau-elements { right: 60px;}
	#bandeau-elements #bandeau-telephone::after {margin:0 2px 0 1px;}
	
    #bandeau-langues .bandeau-langue {  width: 50px;}
}