#bandeau {padding:0;  width:100%; background:rgba(247,243,241,0.9);  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; }
#global.global-accueil #bandeau {position:fixed; }
#bandeau .menu-wrapper {display:block !important; }
#bandeau-mobile {display:none; }

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

#bandeau-elements * {
	transition: width 280ms, height 280ms ease;
}

@media (prefers-reduced-motion: reduce) {
	#bandeau,
	#bandeau * {
		transition: none !important;
	}
}
#bandeau.sm #logo-menu a, #bandeau.sm #logo-menu a:visited {width: 50px;}
#bandeau.sm #logo a img { image-rendering: initial; }
#bandeau.sm #bandeau-elements {  gap: 5px;}
#bandeau.sm #bandeau-elements .bandeau-element i {width: 26px; height: 26px;}
#bandeau.sm #bandeau-elements .bandeau-element i::after { width: 13px; height: 13px;}

/* Bandeau non réduit */
#bandeau-conteneur {position: relative; z-index: 400; height:100%; width:100%; }

#bandeau-contact {position:relative; z-index:40;   height: 100%;}
#bandeau-contact > .global { position:relative; z-index:40;  height: 100%;  display: grid; grid-template-columns: repeat(30, [col-start] 1fr);flex-wrap: wrap;justify-content: space-between;align-items: stretch;}

#bandeau-logo {display:none; }

#bandeau #logo {position:relative; z-index:10;width: 100%; height:100%; max-width: 81px;}
#bandeau #logo a,
#bandeau #logo a:visited {display:block; width: 100%; height: 100%; }
#bandeau #logo a img {height:100%; object-fit: contain; width:100%; }

#bandeau-elements {grid-row:1;  grid-column: col-start 25 / span 6;   display: flex;  flex-direction: column;  justify-content: center;  align-items: flex-start;  gap: 10px;}
#bandeau-elements .bandeau-element {}
#bandeau-elements .bandeau-element a,
#bandeau-elements .bandeau-element a:visited {text-decoration: none; color: var(--secondary-color-soft); display: inline-flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; gap: 13px;}
#bandeau-elements .bandeau-element i {border: 1px solid var(--primary-color-soft); width: 33px; height: 33px; box-sizing: border-box; display:flex; flex-wrap: wrap; justify-content: center; align-items: center; }
#bandeau-elements .bandeau-element i::after {content:""; display:block; width: 16px; height: 16px; filter: invert(47%) sepia(25%) saturate(600%) hue-rotate(337deg) brightness(94%) contrast(85%);}
#bandeau-elements .bandeau-element span {flex: 1; color: var(--secondary-color-soft)}
#bandeau-telephone i::after {background: url(../images/icone-telephone.svg) no-repeat center center; background-size: contain;}
#bandeau-mail i::after {background: url(../images/icone-mail.svg) no-repeat center center; background-size: contain;}

/* MENU */
/* Menu niveau 1 */
#menu-conteneur { height:100%;   box-sizing: border-box; grid-row:1;    grid-column: col-start 1 / span 24; }
#menu-wrapper {height:100%; }
#menu {list-style:none; margin:0px auto; padding: 0; height:100%; }
#menu > .global {padding:0;  height: 100%; display: grid; grid-template-columns: repeat(30, [col-start] 1fr);flex-wrap: wrap;justify-content: space-between;align-items: stretch; }
#logo-menu {grid-row:1;    grid-column: col-start 17 / span 4; height: 100%;   overflow: hidden;}
#logo-menu a,
#logo-menu a:visited {display:block; width: 81px;  height:100%;  margin:0 auto;  box-sizing: border-box; padding: 10px 0px; }
#logo-menu img {width:100%; height:100%; object-fit:contain;}
#menu .menu-div.gauche {grid-row:1; grid-column: col-start 1 / span 16; text-align:right;  display: flex;  flex-wrap: wrap;  justify-content: flex-end;  gap: 10px; padding-right: 15px; height:100%;} 
#menu .menu-div.droite {grid-row:1; grid-column: col-start 21 / span 10; text-align:left;  display: flex;  flex-wrap: wrap;  justify-content: flex-start;  gap: 10px;  padding-left: 15px; height:100%;}
#menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%;}
#menu .menu-element .menu-element-contenu {height:100%; display: flex;  flex-wrap: wrap;  justify-content: center;  align-items: center;}
#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(--primary-color); text-align: center; height:100%;  display: flex;  flex-direction: column;  justify-content: center; -webkit-box-align:center;-ms-flex-align:center;align-items: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:12px; font-weight: 400; letter-spacing: 2.5px; text-transform:uppercase; position:relative; padding: 10px 12px;   transition: background-color 0.3s ease-out; -webkit-box-sizing:border-box; box-sizing:border-box; } 

#menu .menu-element.menu-grand {}
#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; }

/** SINON **/
#menu .menu-element.selected .menu-element-contenu > span > span,
#menu .menu-element.selected .menu-element-contenu > a > span > span,
#menu .menu-element:hover .menu-element-contenu > a > span > span,
#menu .menu-element:hover .menu-element-contenu > span > span {background: var(--bg-main);}

#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; width: 250px; min-height:20px; background: var(--bg-main); }
#menu .smenu-conteneur .global {padding:0 !important; }
#menu .smenu-centre { margin:0 !important; padding:0 !important; list-style:none; width:100%; text-align: center; }
#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 {margin-bottom: 5px;}
#menu .smenu-element > span { cursor:default; }
#menu .smenu-element > a {text-decoration:none; }
#menu .smenu-element > a > span,
#menu .smenu-element > span {color:var(--primary-color); text-align:center;  padding:8px 10px 7px ; width: 100%; font-size:15px;  font-weight: 500; position: relative; z-index: 2;   display:flex;  justify-content:center;  align-items:center; box-sizing: border-box;  }
#menu .smenu-element > a > span,
#menu .smenu-element > span {text-align: center;}

#menu .smenu-element > a > span > span,
#menu .smenu-element > span > span {position: relative; display:inline-flex;  justify-content:center;  align-items:flex-start;text-decoration: none; text-decoration-color: var(--secondary-color-soft); text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-skip-ink: auto;}
/*
#menu .smenu-element > span > span::before,
#menu .smenu-element > a > span > span::before {content:""; display: block;width: 0; height:1px; background:var(--secondary-color-soft);  position: absolute;  left: 0;  bottom: 0; }*/
#menu .smenu-element > a > span::after,
#menu .smenu-element > span::after {content:"\f105"; font-family:FontAwesome; font-size:18px;  line-height: 19px; color:var(--secondary-color-soft); margin-left: 0; opacity: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(--secondary-color-soft);}

#menu .smenu-element.selected > a > span > span,
#menu .smenu-element:hover > a > span > span,  
#menu .smenu-element.selected > span > span,
#menu .smenu-element:hover > span > span {text-decoration-line: underline;}

#menu .smenu-element.selected > a > span::after,
#menu .smenu-element:hover > a > span::after,  
#menu .smenu-element.selected > 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 > span { cursor:default; }
#menu .ssmenu-element > a {text-decoration:none; }
#menu .ssmenu-element > a > span,
#menu .ssmenu-element > span {color:var(--secondary-color-soft); display:block; padding:5px; font-size:13px; font-weight:500; text-align:center; position:relative; }

#menu .ssmenu-element > a > span > span,
#menu .ssmenu-element > span > span {text-decoration: none; text-decoration-color: var(--secondary-color-soft); text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-skip-ink: auto;}


#menu .ssmenu-element.selected > a > span > span,
#menu .ssmenu-element.selected > span > span,
#menu .ssmenu-element:hover > a > span > span,
#menu .ssmenu-element:hover > span > span  {text-decoration-line: underline; }


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

@media all and (max-width:1310px) {
	#menu .menu-div.gauche,
	#menu .menu-div.droite {gap: 4px;}
}

@media all and (max-width:1260px) {
	#menu .menu-div.gauche {  grid-column: col-start 1 / span 16;}
	#logo-menu {  grid-column: col-start 17 / span 3;}
	#menu .menu-div.droite {  grid-column: col-start 20 / span 11; }
}

@media all and (max-width:1195px) {
	#menu-conteneur {  grid-column: col-start 1 / span 23;}
	#menu > .global { max-width: 100%; width: 100%; padding: 0;  display: flex;  flex-wrap: wrap;  justify-content: flex-start;  align-items: center;}
	#logo-menu { padding-right: 25px;}
	#menu .menu-div.gauche,
	#menu .menu-div.droite {padding: 0;}
	#bandeau-elements {  grid-column: col-start 24 / span 7;}
}

@media all and (max-width:1140px) {	
	#bandeau:not(.sm) #bandeau-logo {display:block; grid-row: 1;grid-column: col-start 1 / span 30;}
	#bandeau:not(.sm) #logo {float:none; margin: 0 auto;}
	#bandeau #logo a, #bandeau #logo a:visited {  padding: 5px 0;  box-sizing: border-box;}
	#bandeau:not(.sm) #bandeau-elements {    grid-column: unset; position: absolute;   right: 15px;   top: 10px; }
	#bandeau:not(.sm) #menu-conteneur {grid-row: 2;  grid-column: col-start 1 / span 30; }
	#bandeau:not(.sm) #logo-menu {display:none;}
	#bandeau:not(.sm) #menu > .global {  height: 60px;   gap: 30px; justify-content: center;}
	#bandeau:not(.sm) #menu .menu-div.gauche, #bandeau:not(.sm) #menu .menu-div.droite {gap: 30px;}
  	
}

@media all and (max-width:1090px) {	
	#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:7px 8px;}
}

@media all and (max-width:1010px) {	
	#bandeau.sm #bandeau-contact > .global {  display: flex;  flex-wrap: wrap;  justify-content: space-between;  align-items: center;}
	#bandeau.sm #logo-menu {display:none;}
	#bandeau.sm #bandeau-elements { padding: 5px 0;}
}

@media all and (max-width:960px) {
	#bandeau:not(.sm) #menu > .global,
	#bandeau:not(.sm) #menu .menu-div.gauche, #bandeau:not(.sm) #menu .menu-div.droite {gap: 20px;}

	#bandeau.sm #bandeau-elements .bandeau-element a, 
	#bandeau.sm #bandeau-elements .bandeau-element a:visited {  gap: 6px;}
	
	#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 {  letter-spacing: 1.5px;}
}

@media all and (max-width:870px) {
	#bandeau:not(.sm) #menu > .global,
	#bandeau:not(.sm) #menu .menu-div.gauche, #bandeau:not(.sm) #menu .menu-div.droite {gap: 13px;}

	#bandeau.sm #menu > .global,
	#bandeau.sm #menu .menu-div.gauche, 
	#bandeau.sm #menu .menu-div.droite {gap: 2px;}
	#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 {  letter-spacing: 1px;}
}

@media all and (max-width:840px) {
	#bandeau.sm #bandeau-elements .bandeau-element i {display:none;}
	#bandeau.sm #menu > .global,
	#bandeau.sm #menu .menu-div.gauche, 
	#bandeau.sm #menu .menu-div.droite {gap: 5px;}
	#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 {  letter-spacing: 1.5px;}
}

@media all and (max-width:825px) {
	#bandeau:not(.sm) #menu > .global,
	#bandeau:not(.sm) #menu .menu-div.gauche, #bandeau:not(.sm) #menu .menu-div.droite {gap: 8px;}

	#bandeau.sm #bandeau-contact > .global {  padding: 5px 10px;   justify-content: center;}
	#bandeau.sm #bandeau-elements  {display:none;}
}
@media all and (max-width:790px) {
	#bandeau:not(.sm) #menu > .global,
	#bandeau:not(.sm) #menu .menu-div.gauche, #bandeau:not(.sm) #menu .menu-div.droite {gap: 5px;}
}

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

	/* Bandeau */	
	.noscroll #bandeau{position: fixed !important;  height: 100dvh; }
	.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 {position: absolute; top: 0px; right: 10px; z-index: 200; height: 35px; padding: 0; display:flex; flex-direction: row; flex-wrap: wrap;  align-items: center; gap: 15px;}
	#bandeau.sm #bandeau-elements .bandeau-element { overflow: hidden; }
	#bandeau.sm #bandeau-elements .bandeau-element i {display: flex;}
	#bandeau.sm #bandeau-elements #bandeau-telephone,
	#bandeau.sm #bandeau-elements #bandeau-email {height:auto; }
		
	#bandeau-contact {opacity:1;   transition: all 400ms ease-in-out; }
	#bandeau-contact > .global { display: flex;  flex-wrap: wrap;  justify-content: flex-end;  align-items: center;    box-sizing: border-box;}
		
	.sm { border:none; height: 35px;}
		
	#bandeau-logo {height: auto !important;    width: 100%; }
	#bandeau #logo {float:none; padding:3px 0 0; margin:0 auto; width: 100%; max-width: 100px;   align-items: flex-start;}
	#bandeau #logo a img {height:auto; width:100%; margin: 0 auto; }

	#bandeau:not(.sm) #bandeau-elements { width: auto; height: 40px; padding: 0px 3px 0 0;    position: relative;    right: unset;    top: unset; display: flex; flex-wrap:wrap;  justify-content: center;  align-items: center;    flex-direction: row;}
	#bandeau:not(.sm)  .bandeau-element{margin: 0px 5px;}

 	/* 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: 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 { font-weight: 500; color: var(--primary-color); text-transform: uppercase; font-size: 17px; }
	#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 > .global, 
	#bandeau #menu .menu-div.gauche, 
	#bandeau #menu .menu-div.droite {display:block;    height: auto;}
	#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: var(--primary-color) #fff;  scrollbar-width: thin; }	
	#bandeau:not(.sm) #menu > .global,
	#menu > .global {padding: 30px 10px 0; display:block; width:100%; box-sizing: border-box; height:100%; }
	#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; color:var(--primary-color); border:none; font-size:15px; font-weight: 500;}
	#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:hover .menu-element-contenu > a > span,
	#menu .menu-element:hover .menu-element-contenu > span,
	#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 > span > span, #menu .menu-element.selected .menu-element-contenu > a > span > span, #menu .menu-element:hover .menu-element-contenu > a > span > span, #menu .menu-element:hover .menu-element-contenu > span > span { background:none; color:var(--secondary-color-soft); }

		
	#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;}
	#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; margin:0; border-bottom:1px solid #f0efef; }
	#menu .smenu-conteneur .smenu-element:last-child {border-bottom:none; }
	#menu .smenu-element > a > span, 
	#menu .smenu-element > span {font-size: 15px; padding: 8px 12px; min-height: 0; color:var(--primary-color); font-weight:500; text-align: left; justify-content: flex-start; border-radius:4px; }
	#menu .smenu-element > a, #menu .smenu-element > a:hover {text-decoration:none; }

	#menu .smenu-element > a > span::after, #menu .smenu-element > span::after {display:none !important; }

	#menu .smenu-element > a > span > span,
	#menu .smenu-element > span > span {text-decoration:none !important; }
	
	#menu .smenu-element.selected > a > span,
	#menu .smenu-element:hover > a > span,
	#menu .smenu-element.selected > span,
	#menu .smenu-element:hover > span {background:var(--primary-color-soft); color:#fff; }

	#menu .ssmenu-conteneur {margin:2px 0 4px; padding-left:12px; border-left:2px solid #f0efef; }
	#menu .ssmenu-element {display:block; }
	#menu .ssmenu-element > a > span,
	#menu .ssmenu-element > span {display:block; padding:6px 10px; font-size:13px; text-align:left; border-radius:4px; }

	#menu .ssmenu-element > a, #menu .ssmenu-element > a:hover {text-decoration:none; }
	#menu .ssmenu-element > a > span > span,
	#menu .ssmenu-element > span > span {text-decoration:none !important; }
	
	#menu .ssmenu-element.selected > span,
	#menu .ssmenu-element:hover > span ,
	#menu .ssmenu-element.selected > a > span,
	#menu .ssmenu-element:hover > a > span {color:var(--secondary-color); }
	
}

@media all and (max-width:530px) {	
	#bandeau-elements #bandeau-mail span {display:none;}
}

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

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