/* BANDEAU */ #bandeau {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000; } #global:not(.global-accueil).no-bandeau #bandeau { background:rgba(23, 62, 111, 0.8); } #bandeau::after {content:""; display: block; width: 100%; height: 395px; position: absolute; left: 0; top: 0; background: #1B1B1B; background: linear-gradient(0deg, rgba(27, 27, 27, 0) 0%, rgba(27, 27, 27, 1) 100%); opacity: 0.7;} #global.reduit #bandeau::after, #global:not(.global-accueil).no-bandeau #bandeau::after {display: none !important;} .lg {height:130px; } .sm {height:60px; } /* Bandeau réduit */ #bandeau.sm {background:rgba(23, 62, 111, 0.8); } #bandeau.sm #bandeau-haut {height:0; overflow:hidden; } #bandeau.sm #bandeau-conteneur {height: 100%; } #bandeau.sm #bandeau-contact {} #bandeau.sm #logo a img { image-rendering: initial; max-width: 93px; } #bandeau.sm #bandeau-reseaux {display: none;} #bandeau.sm #menu .smenu-conteneur { top: 46px;} #bandeau.sm #menu .menu-element.menu-special .smenu-conteneur {top: 60px;} #bandeau-mobile {display:none; } /* 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(24, [col-start] 1fr); flex-wrap: wrap; justify-content: space-between; align-items: stretch; } #bandeau-logo {grid-row:1; grid-column: col-start 1 / span 3; height: 100%; } #menu-conteneur {grid-row:1; grid-column: col-start 4 / span 15; } #bandeau-elements {grid-row:1; grid-column: col-start 19 / span 6; } #bandeau #logo {padding:0px 0 0 1px; width:100%; position:relative; z-index:10; max-width:190px; height: 100%; } #bandeau #logo a, #bandeau #logo a:visited {color:#ffffff; text-decoration:none; height: 100%; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start; flex-direction: column; } #bandeau #logo a img {height:auto; width:100%; max-width: 173px; } /* ELEMENTS BANDEAU */ #bandeau-elements { height: 100%; gap: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } #bandeau-coordonnees { gap: 20px; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; } #bandeau-elements .bandeau-coordonnee {height:100%; } #bandeau-elements .bandeau-coordonnee a, #bandeau-elements .bandeau-coordonnee a:visited {font-weight: 600; font-size:15px; height:100%; color:#fff; text-decoration:none; box-sizing: border-box; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; transition: all 400ms ease-in-out; } #bandeau-elements .bandeau-coordonnee i {width: 21px; height: 21px; margin-right: 10px; display:block; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(359deg) brightness(103%) contrast(103%); } #bandeau-elements .bandeau-coordonnee span {flex:1; } #bandeau-elements #bandeau-mail i { background: url(../images/icone-mail-o.svg) no-repeat center center; background-size: contain; } #bandeau-elements #bandeau-telephone { text-decoration: none; position: relative; z-index: 10; } #bandeau-elements #bandeau-telephone i { background: url(../images/icone-telephone-o.svg) no-repeat center center; background-size: contain; } #bandeau-elements .bandeau-coordonnee a:hover {color:#a5b9d2;} #bandeau-elements .bandeau-coordonnee a:hover i {filter: invert(76%) sepia(22%) saturate(297%) hue-rotate(173deg) brightness(93%) contrast(91%);} #bandeau #bandeau-reseaux {flex: 1; text-align:center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; } #bandeau #bandeau-reseaux .bandeau-social { margin: 5px; } #bandeau #bandeau-reseaux .bandeau-social a, #bandeau #bandeau-reseaux .bandeau-social a:visited {text-align:center; color:#212e48; text-decoration:none; line-height: 27px; width:20px; height:20px; background: #ffffff; border-radius: 28px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; transition: background ease-out 0.1s;} #bandeau #bandeau-reseaux .bandeau-social i {color:#18365d; font-size: 14px; display:block; } #bandeau #bandeau-reseaux .bandeau-social.social-twitter-x i {width: 12px; height: 12px; filter: invert(15%) sepia(70%) saturate(1183%) hue-rotate(188deg) brightness(92%) contrast(91%); } #bandeau #bandeau-reseaux .bandeau-social i.fa-facebook { padding: 4px 0 0 3px; box-sizing: border-box; font-size: 17px; } #bandeau #bandeau-reseaux .bandeau-social a:hover {background: #a5b9d2; } /* MENU */ /* Menu niveau 1 */ #menu-conteneur { height:100%; clear:right; } #menu-wrapper {height:100%; } #menu {list-style:none; margin:0px auto; padding: 0; height:100%; display:flex; flex-wrap: wrap; justify-content: flex-start; align-items: center; } #menu > .global {text-align:right; position:relative; z-index:30; display:flex; flex-wrap: wrap; justify-content: flex-start; } #menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%; margin:0 15px; } #menu #menu-1 {margin-left:0 !important; } #menu #menu-2 {margin-right:0 !important; } #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 {display:block; 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: #ede1d4; text-transform: uppercase; font-weight:600; 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:13px; letter-spacing: 1.5px; position:relative; padding: 10px 0 7px; 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 > 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 {color:#ffffff; } #menu > .global #barre-menu {position: absolute; left: 0; bottom: -3px; width: 100%; height: 7px; display: block; padding: 0; overflow: hidden; pointer-events: none; } #menu > .global #barre-menu span {height: 1px; background-color: #ede1d4; width: 150px; display: block; position: relative; top: 1px; transition: all 400ms ease-in-out; } #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; top: 81px; z-index:200; width:265px; min-height:20px; } #menu .smenu-conteneur .global {padding:0 !important; background: #eae0d6; } #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; } #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; } #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 {position:relative; z-index: 11; padding: 15px; } #menu .smenu-element > span { cursor:default; } #menu .smenu-element > a {text-decoration:none; } #menu .smenu-element > a > span, #menu .smenu-element > span, #menu .menu-element.menu-special .smenu-contenu > a > span, #menu .menu-element.menu-special .smenu-contenu > span {color:#000024; text-transform: uppercase; text-align:left; padding:8px 0px; width: 100%; font-size:14px; letter-spacing: 1px; position: relative; z-index: 2; font-weight:600; display:flex; justify-content:flex-start; align-items:center; box-sizing: border-box; transition: margin-right 300ms ease-in-out; } #menu .smenu-element.selected > span, #menu .smenu-element.selected > a > span, #menu .smenu-element:hover > a > span, #menu .smenu-element:hover > span, #menu .menu-element.menu-special .smenu-element:hover .smenu-contenu > a > span, #menu .menu-element.menu-special .smenu-element:hover .smenu-contenu > span , #menu .menu-element.menu-special .smenu-element.selected .smenu-contenu > a > span, #menu .menu-element.menu-special .smenu-element.selected .smenu-contenu > span {color:#264b79; } /* 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:#264b79; padding:5px 0px; font-size:17px; position:relative; font-weight: 400; display: inline-flex; justify-content: flex-start; align-items: flex-start;} #menu .ssmenu-element > a > span::before, #menu .ssmenu-element > span::before {content:""; display: block; background:#264b79; margin-left: 0; width: 0; height: 1px; transition: width 300ms ease 0ms; position: absolute; bottom: 1px; left: 0; } #menu .ssmenu-element > a > span::after, #menu .ssmenu-element > span::after {content:"\f105"; display: block; font-family:FontAwesome; font-size:21px; line-height: 16px; color:#264b79; margin-left: 0; opacity:0; height: 100%; margin-left: 2px; transition: margin 300ms ease 0ms; display: flex; align-items: center; } #menu .ssmenu-element.selected > a > span::before, #menu .ssmenu-element.selected > span::before, #menu .ssmenu-element:hover > a > span::before, #menu .ssmenu-element:hover > span::before {width: 100%;} #menu .ssmenu-element.selected > a > span::after, #menu .ssmenu-element.selected > span::after, #menu .ssmenu-element:hover > a > span::after, #menu .ssmenu-element:hover > span::after {opacity:1; margin-left:15px; } /* MENU SPECIAL */ #menu .menu-element.menu-special {position: initial; top: unset; } #menu .menu-element.menu-special .smenu-conteneur {width: 100%; top: 130px; left: initial !important; right: 0px; z-index: 10; position: fixed; } #menu .menu-element.menu-special .smenu-centre { padding: 15px !important; box-sizing: border-box; position:relative ; z-index:1210; background: #eae0d6; display: flex; flex-wrap: wrap; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start; } #menu .menu-element.menu-special .ssmenu-conteneur-images {width: 189px; height: 296px; margin-right: 60px; } #menu .menu-element.menu-special .ssmenu-conteneur-images img {width: 100%; height: 100%; object-fit: cover; display: block; } #menu .menu-element.menu-special .smenu-centre-menus {flex:1; padding: 25px 10px; gap: 30px; display: flex; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; } #menu .menu-element.menu-special .smenu-element { width: calc(20% - 24px); box-sizing: border-box; position: relative; float:left; } #menu .menu-element.menu-special .smenu-contenu {flex:1; } #menu .menu-element.menu-special .smenu-element::before {display: none; } #menu .menu-element.menu-special .smenu-contenu > a, #menu .menu-element.menu-special .smenu-contenu > a:visited {text-decoration: none; } #menu .menu-element.menu-special .smenu-contenu > a > span, #menu .menu-element.menu-special .smenu-contenu > span {} /* menu spécial niveau 2 */ #menu .menu-element.menu-special .ssmenu-conteneur {margin-top: 5px; } @media all and (max-width:1585px) { #menu > .global {padding: 0;} #menu .menu-element.menu-special .ssmenu-conteneur-images { margin-right: 30px; } } @media all and (max-width:1500px) { #bandeau.sm #bandeau-elements {justify-content: center;} #bandeau.sm #bandeau-coordonnees { margin-top: 0px;} #bandeau-elements {flex-direction: column-reverse; justify-content: flex-end; gap: 10px;} #bandeau #bandeau-reseaux { flex: unset; margin-top: 5px; } #bandeau-coordonnees { margin-top: 10px;} } @media all and (max-width:1490px) { #menu .menu-element.menu-special .smenu-element { width: calc(25% - 24px);} } @media all and (max-width:1300px) { #bandeau.sm #bandeau-logo { grid-column: col-start 1 / span 2; } #bandeau.sm #bandeau-elements { grid-column: col-start 20 / span 5;} #bandeau.sm #bandeau-elements .bandeau-coordonnee i {display: none;} #bandeau.sm #menu-conteneur { grid-column:col-start 3 / span 17;} #bandeau:not(.sm) #bandeau-logo { grid-row: 1/3; grid-column: col-start 1 / span 4; } #bandeau:not(.sm) #bandeau-elements { grid-row: 1; grid-column: col-start 5 / span 20; height: 50px; flex-direction: row;} #bandeau:not(.sm) #menu-conteneur { grid-row: 2; grid-column: col-start 6 / span 19;} #bandeau:not(.sm) #menu > .global { box-sizing: border-box; height: 100%; width: 100%; justify-content: space-around;} #menu .smenu-conteneur {top: 56px;} } @media all and (max-width:1145px) { #bandeau.sm #menu .menu-element { margin: 0 10px;} #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: 12px; } } @media all and (max-width:1120px) { #menu .menu-element.menu-special .ssmenu-conteneur-images {display: none; } #menu .menu-element.menu-special .smenu-centre-menus {flex: unset; padding: 0;} } @media all and (max-width:1100px) { #bandeau.sm #bandeau-elements { grid-column: col-start 21 / span 4;} #bandeau.sm #bandeau-elements .bandeau-coordonnee i {display: block;} #bandeau.sm #bandeau-elements #bandeau-telephone i {display: none;} #bandeau.sm #bandeau-elements #bandeau-mail span {display: none;} #bandeau.sm #menu-conteneur { grid-column: col-start 3 / span 18;} } @media all and (max-width:1030px) { #bandeau.sm #bandeau-logo { grid-row: 1/3; grid-column: col-start 1 / span 4; } #bandeau.sm #bandeau-elements { grid-row: 1; grid-column: col-start 5 / span 20; height: auto; flex-direction: row; justify-content: flex-end;} #bandeau.sm #menu-conteneur { grid-row: 2; grid-column: col-start 6 / span 19;} #bandeau.sm #menu > .global { width: 100%; justify-content: space-around;} #menu > .global { height: 100%;} #menu .smenu-conteneur {top: unset !important;} } @media all and (max-width:1050px) { #menu .menu-element.menu-special .smenu-element { width: calc(33.333% - 24px);} } @media all and (max-width:1020px) { #menu .menu-element {margin: 0 10px;} } @media all and (max-width:930px) { #menu > .global { padding: 0 20px;} #bandeau.sm #bandeau-logo { grid-column: col-start 1 / span 3; } #bandeau.sm #menu-conteneur { grid-column: col-start 4 / span 21;} #bandeau.sm #menu > .global {padding: 0 0 0 20px;} #bandeau.sm #menu .menu-element { margin: 0 4px;} #bandeau:not(.sm) #bandeau-logo { grid-row: 1; grid-column: col-start 1 / span 4; } #bandeau #logo a img { max-width: 120px;} #bandeau:not(.sm) #bandeau-elements { grid-row: 1; grid-column: col-start 5 / span 20; height: 50px; flex-direction: row;} #bandeau:not(.sm) #menu-conteneur { grid-row: 2; grid-column: col-start 1 / span 24;} #bandeau:not(.sm) #menu > .global { width: 100%; justify-content: space-around;} } @media all and (max-width:900px) { } @media all and (max-width:780px) { body {width:100%; } .w1260 {display:none; } /* Bandeau */ .noscroll #bandeau-haut, .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; } #bandeau-contact {opacity:1; transition: all 400ms ease-in-out; } #bandeau-contact > .global {display:block; padding: 0;} /* 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; } #bandeau.sm #bandeau-elements .bandeau-element {height: 100%; overflow: hidden; } #bandeau.sm #bandeau-elements #bandeau-telephone i, #bandeau.sm #bandeau-elements #bandeau-mail span {display: block;} #bandeau.sm #bandeau-elements #bandeau-telephone, #bandeau.sm #bandeau-elements #bandeau-email {height:auto; } .lg { height: 140px; } .sm { height: 35px; border:none; } #bandeau {background:rgba(23, 62, 111, 0.8); } #bandeau::after {display:none; } #bandeau-logo { height:auto; } #bandeau #logo {float:none; padding:3px 0 0; margin:0 auto; width: 145px; } #bandeau #logo a img {height:auto; width:100%; margin: 0 auto; } #bandeau #bandeau-reseaux { position: absolute; right: 15px; top: 0; width: 100px; } #bandeau:not(.sm) #bandeau-elements {height:auto; margin-top: 25px; margin-right: 20px;} /* 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; } #bandeau-mobile.open span, #bandeau.sm #bandeau-mobile span {display:none; } #bandeau-mobile span {color: #eae0d6; text-transform: uppercase; font-size: 17px; } #bandeau-mobile .hamburger {position: relative; display: inline-block; width: 24px; height: 1px; color: #eae0d6; font: bold 14px/.4 Helvetica; text-transform: uppercase; text-indent: -55px; background: #eae0d6; transition: all .2s ease-out; } #bandeau-mobile .hamburger::before, #bandeau-mobile .hamburger::after { content: ''; width: 24px; height: 1px; background: #eae0d6; 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: #eae0d6; left: 0px; } #bandeau-mobile .hamburger.active::before {background: #293373; top: 0; transform: rotateZ(45deg); } #bandeau-mobile .hamburger.active::after {background: #293373; bottom: 0; transform: rotateZ(-45deg); } #bandeau:not(.sm) #menu-conteneur, #bandeau #menu-conteneur { padding: 0; position: fixed; z-index: 9999; top: 0; left: 0; height: 100% !important; width: 80%; width: calc(100% - 45px); background: #eae0d6; 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 > .global > div {display:block; width:100%; } #menu > .global #barre-menu {display:none; } #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 #fff; } #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: #194070; 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 {font-weight: 400; padding:5px; text-align:left; color:#244065; border:none; font-size:16px; } #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 > span, #menu .menu-element.selected .menu-element-contenu > span > span {color:#194070;font-weight:600; } #menu .menu-element:hover .smenu-conteneur { animation-play-state:paused; } #menu .smenu-conteneur, #menu .menu-element.menu-special .smenu-conteneur {margin-top:6px; width:100%; padding:0; visibility: visible; opacity: 1; position:relative; left:0 !important; top:0 !important; min-height: 0; display:none; background: none; } #menu .smenu-conteneur .global {background:none; } #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, #menu .menu-element.menu-special .smenu-contenu > a > span, #menu .menu-element.menu-special .smenu-contenu > span {color:#293373; 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 > span, #menu .smenu-element.selected > a > span, #menu .smenu-element:hover > a > span, #menu .smenu-element:hover > span, #menu .menu-element.menu-special .smenu-element:hover .smenu-contenu > a > span, #menu .menu-element.menu-special .smenu-element:hover .smenu-contenu > span, #menu .menu-element.menu-special .smenu-element.selected .smenu-contenu > a > span, #menu .menu-element.menu-special .smenu-element.selected .smenu-contenu > span {background:#293373; color:#fff; } #menu .ssmenu-element > a > span, #menu .ssmenu-element > span {padding:5px 0px; font-size: 15px; margin-left: 20px; } #menu .ssmenu-element > a > span::before, #menu .ssmenu-element > span::before {bottom: 5px;} #menu .menu-element.menu-special .smenu-conteneur {padding:0; } #menu .menu-element.menu-special .smenu-conteneur > .global {padding:0 !important; border-radius: 0; box-shadow: none; } #menu .menu-element.menu-special .smenu-centre {display: block;padding: 0 !important; } #menu .menu-element.menu-special .smenu-centre-menus {display: block; padding: 0; } #menu .menu-element.menu-special .smenu-element {width: 100%; margin: 0px 0 10px; float: none; } #menu .menu-element.menu-special .smenu-contenu {flex: unset; width: 100%; } #menu .menu-element.menu-special .smenu-element .smenu-nom {height:auto; padding:7px 0 7px 15px; } #menu .ssmenu-conteneur-images {display:none !important; } } @media all and (max-width: 700px) { #bandeau-elements .bandeau-element a, #bandeau-elements .bandeau-element a:visited { font-size: 16px; padding: 7px 15px; } } @media all and (max-width: 625px) { #bandeau-haut .global {padding:0; } } @media all and (max-width:450px) { #bandeau-elements #bandeau-telephone i, #bandeau-elements #bandeau-mail span {display:none !important; } #bandeau-elements #bandeau-mail i {margin:0;} } @media all and (max-width:385px) { #bandeau-mobile {left: 5px; width: 80px; } #bandeau-mobile span {font-size: 15px; } #bandeau-reseaux {display:none !important;} }