#bandeau {padding:0;  width:100%;  font-size: 13px;  position:fixed; left:0px; top: 50px; z-index:999; overflow-anchor:none; transition: height 280ms ease, top 280ms ease,  box-shadow 280ms ease;   display: flex; flex-wrap: wrap; justify-content: center;}
#global.no-bandeau:not(.global-accueil) #bandeau {top: 0; position: sticky;  background: #fff;}
#bandeau .menu-wrapper {display:block !important; }
#bandeau-mobile {display:none; }

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

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

#bandeau.sm {top: 10px;}
#bandeau.sm #logo a img {  width: 100px; image-rendering: initial; }

#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: 14px;}

#bandeau.sm #bandeau-elements .bandeau-coordonnee a, 
#bandeau.sm #bandeau-elements .bandeau-coordonnee a:visited {  font-size: 13px;}
#bandeau.sm #bandeau-reseaux .bandeau-social i { width: 20px; height: 20px; font-size: 20px;}
#bandeau.sm #bandeau-reseaux .bandeau-social.social-twitter-x i { width: 18px;  height: 18px;}

/* Bandeau non réduit */
#bandeau-conteneur {position: relative; z-index: 400; height:100%; max-width: 1720px; margin: 0 35px;  width: calc(100% - 70px); padding: 10px 20px; background:#FFFFFF;  border-radius: var(--border-radius); box-sizing: border-box; }


#bandeau-contact {position:relative; z-index:40;  height:100%;}
#bandeau-contact > .global {padding:0;  position:relative; z-index:40;  height: 100%; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;}
#bandeau-contact > .global > #bandeau-logo {flex: 0 0 auto;}
#bandeau-contact > .global > #menu-conteneur {flex: 1 1 auto; min-width: 0;}
#bandeau-contact > .global > #bandeau-elements {flex: 0 0 auto;}

#bandeau #logo {padding:0px 0 0 50px; width:100%; position:relative; z-index:10; height: 100%; box-sizing: border-box;  }
#bandeau #logo a,
#bandeau #logo a:visited {color:#ffffff; text-decoration:none;    height: 100%;  letter-spacing: 1.6px; font-weight:700; text-transform:uppercase; font-size:10px; display: flex;  flex-wrap: wrap; justify-content: center; align-items: flex-start;  flex-direction: column;}
#bandeau #logo a img {height:auto; width:100%; width: 130px;}

/* ELEMENTS BANDEAU */
#bandeau-elements {  display: flex; flex-wrap: wrap;  justify-content: flex-end; align-items: center;}
#bandeau-elements .bandeau-coordonnee a,
#bandeau-elements .bandeau-coordonnee a:visited {padding: 7px 15px; box-sizing: border-box; font-weight:600; font-size:15px; height:100%; color:#fff; text-decoration:none; text-transform: uppercase;   gap: 10px; display:flex;  flex-wrap:wrap;  justify-content:center;  align-items:center; transition: background 400ms ease-in-out;}
#bandeau-elements .bandeau-coordonnee i {width:23px; height:23px; margin-right: 10px; display:block; background: #fff; -webkit-mask-repeat: no-repeat;  mask-repeat: no-repeat;  -webkit-mask-position: center;  mask-position: center;  -webkit-mask-size: contain; mask-size: contain; }
#bandeau-elements .bandeau-coordonnee span {flex:1;}
 

#bandeau-elements #bandeau-mail {border-radius: 10px; background: #FFC578;
background: linear-gradient(90deg, rgba(255, 197, 120, 1) 0%, rgba(255, 134, 64, 1) 32%, rgba(255, 60, 38, 1) 66%, rgba(2, 14, 67, 1) 100%); transition: 0.3s ease-out; }
#bandeau-elements #bandeau-mail i {margin:0; -webkit-mask-image: url('../images/icone-contact.svg');  mask-image: url('../images/icone-contact.svg');  } 
#bandeau-elements #bandeau-mail:hover {background: #FFC578;
background: linear-gradient(270deg, rgba(255, 197, 120, 1) 0%, rgba(255, 134, 64, 1) 32%, rgba(255, 60, 38, 1) 66%, rgba(2, 14, 67, 1) 100%);}

#bandeau #bandeau-reseaux {  max-width: 60px; height: 100%; text-align:center;  display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center; gap: 5px;  margin-left: 25px;}
#bandeau #bandeau-reseaux .bandeau-social { }
#bandeau #bandeau-reseaux .bandeau-social:not(.social-facebook):not(.social-linkedin):not(.social-twitter-x) a,
#bandeau #bandeau-reseaux .bandeau-social:not(.social-facebook):not(.social-linkedin):not(.social-twitter-x) a:visited { color:var(--tertiary-color); text-decoration:none; display:block; }
#bandeau #bandeau-reseaux .bandeau-social i {color:var(--tertiary-color); font-size: 23px; width:25px; height:25px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; transition: 0.3s ease-out; }

#bandeau #bandeau-reseaux .bandeau-social.social-facebook i { -webkit-mask-image: url('../images/icone-facebook-rond.svg'); mask-image: url('../images/icone-facebook-rond.svg'); }
#bandeau #bandeau-reseaux .bandeau-social.social-linkedin i { -webkit-mask-image: url('../images/icone-linkedin-carre.svg'); mask-image: url('../images/icone-linkedin-carre.svg'); }
#bandeau #bandeau-reseaux .bandeau-social.social-twitter-x i { width: 23px; height: 23px; -webkit-mask-image: url('../images/X_logo.svg'); mask-image: url('../images/X_logo.svg'); }
#bandeau #bandeau-reseaux .bandeau-social.social-facebook i,
#bandeau #bandeau-reseaux .bandeau-social.social-linkedin i,
#bandeau #bandeau-reseaux .bandeau-social.social-twitter-x i {background: var(--tertiary-color); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; }

#bandeau #bandeau-reseaux .bandeau-social:not(.social-facebook):not(.social-linkedin):not(.social-twitter-x) a:hover i { color: var(--primary-color-soft); }
#bandeau #bandeau-reseaux .bandeau-social.social-facebook a:hover i,
#bandeau #bandeau-reseaux .bandeau-social.social-linkedin a:hover i,
#bandeau #bandeau-reseaux .bandeau-social.social-twitter-x a:hover i { background: var(--primary-color-soft); }


/* MENU */
#menu-conteneur {}
#menu-wrapper {height:100%; }
#menu {list-style:none; margin:0px auto; padding: 0; height:100%; }
#menu > .global {position:relative; z-index:30; height:100%; gap: 0 50px; display:flex; flex-wrap:wrap; justify-content: center;  align-items: center;  }
#menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%; }
#menu .menu-element .menu-element-contenu {height: 100%;}
#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: flex;  flex-direction: column;  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: var(--tertiary-color); text-align: center; height:100%;  display: flex;  flex-direction: column;  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:16px; text-transform: uppercase; font-weight: 600; position:relative; padding: 10px 0;  box-sizing:border-box; } 
#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 .menu-element-contenu > a > span > span::after,
#menu .menu-element .menu-element-contenu > span > span::after {  content: '';  position: absolute;  width: 0;  height: 4px;  display: block;  margin-top: 5px;  right: 0; border-radius: 3px; transition: width .2s ease;  -webkit-transition: width .2s ease; background: #74409C;
background: linear-gradient(90deg, rgba(116, 64, 156, 1) 0%, rgba(244, 123, 32, 1) 100%);}

#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 { width: 100%; left: 0; }

/** 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 {color:var(--primary-color-soft);}

#menu .menu-element.open .smenu-conteneur {   opacity: 1;  visibility: visible; transition-delay: 250ms; /* délai avant ouverture */}

/* Sous menu niveau 1 */
#menu .smenu-conteneur {visibility: hidden; opacity: 0;   transition:    opacity 150ms linear,    transform 150ms linear,    visibility 0s linear 150ms; position:absolute; left:0px; z-index:200; min-height:20px; background: #fff; width: 280px;  margin-top: 10px; box-shadow: 0 8px 4px rgba(0,0,0,0.3); border-radius: 0 0 var(--border-radius) var(--border-radius);}
#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:var(--secondary-color-soft); }
#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:var(--secondary-color-soft);}
#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:var(--tertiary-color); text-align:center; font-weight: 500; padding:8px 10px 7px ; width: 100%; font-size:15px; position: relative; z-index: 2;  display:flex;  justify-content:center;  align-items:center; box-sizing: border-box;  }
#menu .smenu-element > a > span::after,
#menu .smenu-element > span::after {content:"\f105"; font-family:FontAwesome; font-size:21px; color:var(--primary-color-soft); margin-left: 0; opacity:0; right:25px; top: 0; height: 100%;   transition: margin 300ms ease 0ms;  display: flex;  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:var(--primary-color-soft); }
#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 {  font-weight: 500; color:var(--tertiary-color); display:block; padding:5px 0; font-size:13px; position:relative; text-align: center; }
#menu .ssmenu-element:hover > span ,
#menu .ssmenu-element.selected > a > span,
#menu .ssmenu-element:hover > a > span {color:var(--primary-color-soft); }


@media all and (max-width:1800px) {	
	#menu > .global {  gap: 0 40px;}
}

@media all and (max-width:1650px) {	
	#bandeau #logo {  padding: 0px 0 0 30px;}
	#menu > .global {  gap: 0 30px;}
}

@media all and (max-width:1585px) {	
	#bandeau-conteneur {  padding: 10px;}
	#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: 15px;}
	#bandeau #bandeau-reseaux {  margin-left: 15px;}
}


@media all and (max-width:1490px) {	
	#bandeau #logo {  padding: 0px 0 0 20px;}
	#menu > .global {  gap: 0 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 {  font-size: 14px;}
	#bandeau-elements .bandeau-coordonnee a, #bandeau-elements .bandeau-coordonnee a:visited {  font-size: 14px;}
	
}
@media all and (max-width:1350px) {	
	#bandeau-conteneur {margin: 0 15px;  width: calc(100% - 30px);}
	#bandeau #logo {  padding: 0px 0 0 10px;}
	#bandeau #logo a img {  width: 115px;}
	#bandeau-elements .bandeau-coordonnee a, #bandeau-elements .bandeau-coordonnee a:visited {font-size: 13px;  padding: 7px 10px;}

	#bandeau.sm #bandeau-elements .bandeau-coordonnee a, #bandeau.sm #bandeau-elements .bandeau-coordonnee a:visited {font-size: 12px;}
	#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: 13px;}
}

@media all and (max-width:1260px) {	
	#menu > .global {padding: 0 10px; gap: 0 15px;}
	#bandeau #bandeau-reseaux { margin-left: 10px;}
}

@media all and (max-width:1190px) {	
	#bandeau.sm #logo a img {  width: 85px;}
	#bandeau.sm #menu > .global {  gap: 0 20px; }
	#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: 12.5px;}

	#bandeau #logo { padding: 0;}
	#bandeau #logo a img {width: 100px;}
}

@media all and (max-width:1170px) {	
	#bandeau {  top: 30px;}
	#bandeau:not(.sm) #bandeau-contact > .global { position:relative; z-index:40;  height: 100%; display: grid; grid-template-rows: auto 1fr; grid-template-columns: repeat(24, [col-start] 1fr); flex-wrap: wrap; justify-content: space-between; align-items: flex-start;}

	#bandeau:not(.sm) #bandeau-logo {grid-row: 1; grid-column: col-start 1 / span 5;}
	#bandeau:not(.sm) #bandeau-elements { grid-row: 1; grid-column: col-start 6 / span 19;}
	#bandeau:not(.sm) #bandeau-reseaux { max-width: unset;}
	#bandeau:not(.sm) #menu-conteneur { grid-row: 2; grid-column: col-start 1 / span 24;}
	#bandeau:not(.sm) #menu > .global {     justify-content: space-evenly;}
	
	#bandeau.sm #bandeau-reseaux {display: none;}
}

@media all and (max-width:1035px) {
	#bandeau.sm #menu > .global {  padding: 0 5px;   gap: 0 13px;}
}


@media all and (max-width:995px) { 
	#bandeau.sm #menu > .global {gap: 0 10px;  justify-content: space-evenly;}
	#bandeau.sm #bandeau-elements {display: none;}
	     
	#bandeau {top: 20px;}
}
@media all and (max-width:860px) {
	#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: 13px;}
}

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

	/* Bandeau */	
	.noscroll #bandeau{position: fixed !important;  height: 100dvh; }
	.noscroll #bandeau-conteneur {background: none;}
	.noscroll #bandeau-contact #bandeau-logo,
	.noscroll #bandeau-contact #bandeau-elements  {display:none; }
	
	#bandeau.sm {top: 5px;}
	#bandeau.sm #bandeau-contact #logo {display:none; }
	#bandeau.sm #bandeau-conteneur {height:auto; display: flex; flex-wrap: wrap; justify-content: space-between; flex-direction: row-reverse; }
			
	#bandeau.sm #bandeau-mobile {height: 28px; width: 25px; left: unset; top: 0px; padding: 3px 5px; position: relative; }
		
	/* Si telephone et mail restent dans le bandeau en sm */
	#bandeau.sm #bandeau-contact {width: calc(100% - 50px); height: 35px; z-index: 400; }
	#bandeau.sm #bandeau-contact #logo {display:none; }
	#bandeau.sm #bandeau-elements {height: 35px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;    margin-top: 0px; }
	#bandeau.sm #bandeau-elements .bandeau-coordonnee {height: 100%; overflow: hidden; }
	#bandeau.sm #bandeau-elements .bandeau-coordonnee a, 
	#bandeau.sm #bandeau-elements .bandeau-coordonnee a:visited {    padding: 4px 10px; }
	#bandeau-conteneur { padding: 5px;  border-radius: 10px;}
	#bandeau-contact {opacity:1;  }
	#bandeau-contact > .global {display:block; }
		
	.sm { border:none; height: 35px;}
	#bandeau { top: 15px;}
	#bandeau-logo {height: auto !important; grid-column: col-start 1 / span 24 !important; }
	#bandeau #logo {float:none; padding:3px 0 0; margin:0 auto; width: 100%; max-width: 130px;   align-items: flex-start;}
	#bandeau #logo a img {height:auto; width:100%; margin: 0 auto; }

	#bandeau-elements { grid-row: 2 !important;    margin-top: 10px;}

	#bandeau #bandeau-reseaux {display: none;}

 	/* bas */
	/* Menu mobile */
	#bandeau-mobile {min-width: inherit; width: 80px; height: 30px; padding: 5px; margin: 0px; position: absolute; left: 5px; bottom: 2px; z-index: 99999; cursor: pointer;  display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center; }
	#bandeau-mobile.open {left: 10px; top: 0; bottom:unset;  position: fixed;}
	#bandeau-mobile.open span,
	#bandeau.sm #bandeau-mobile span {display:none; }
	#bandeau-mobile span {color: var(--primary-color); text-transform: uppercase; font-size: 15px; font-weight: 500;}
	#bandeau-mobile .hamburger {position: relative; display: inline-block; width: 24px; height: 1px; color: var(--primary-color); font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: var(--primary-color);  transition: all .2s ease-out; }
	#bandeau-mobile .hamburger::before, 
	#bandeau-mobile .hamburger::after { content: ''; width: 24px; height: 1px; background: var(--primary-color); position: absolute; left: 0;  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: var(--primary-color); top: 0;  transform: rotateZ(45deg); }
	#bandeau-mobile .hamburger.active::after {background: var(--primary-color); bottom: 0;  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;  transition: transform 0.5s;  transform: translateX(-100%); overflow: hidden; }
	#bandeau #menu-conteneur.open {display: block;  transform: translateX(0%); }
	
	#bandeau #menu-wrapper {padding: 0 10px 10px; overflow-y: auto; margin-top: 40px; height:calc(100% - 50px); scrollbar-color: #293373 #fff;  scrollbar-width: thin; }	
	#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:flex;  justify-content:flex-start;  align-items:center;}
	#menu .menu-element .menu-element-contenu > i { cursor:pointer; display: block; color: var(--primary-color-soft); 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; 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 > .global #barre-menu {display:none;}
	
	#menu .menu-element:hover .smenu-conteneur { 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; box-shadow: 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; 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 {color:#fff;  background: #74409C;
background: linear-gradient(90deg, rgba(116, 64, 156, 1) 0%, rgba(244, 123, 32, 1) 100%);}
	
	#menu .ssmenu-element > a > span,
	#menu .ssmenu-element > span {padding:5px 0 10px 20px; text-align: left; }	
}

@media all and (max-width:435px) {		
	#bandeau #menu-conteneur {width: calc(100% - 25px); }
	#bandeau-elements #bandeau-mail i {display:none;}
}

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

@media all and (max-width:385px) {
	#bandeau-mobile span {display: none;} 
}