/* BANDEAU */ #bandeau {padding:0; position:fixed; left:0px; top:0px; width:100%; z-index:3000;} .lg {height:153px; } .sm {height:60px; } /* Bandeau réduit */ #bandeau.sm { } #bandeau.sm #bandeau-haut {height:0; overflow:hidden; } #bandeau.sm #bandeau-conteneur {height: 100%;} #bandeau.sm #bandeau-contact {} #bandeau.sm #logo {padding: 5px 0 0 1px;} #bandeau.sm #logo a img {height: 50px; width:auto; image-rendering: initial; } #bandeau-mobile {display:none;} /* Bandeau non réduit */ #bandeau-conteneur {position: relative; z-index: 400; height:calc(100% - 53px); width:100%; background: rgba(151,143,76,0.8); } #bandeau-haut {height:53px; position: relative; z-index: 15; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #global:not(.global-accueil).no-bandeau #bandeau-haut {background: rgba(151,143,76,0.6); } #bandeau-haut .global {height:100%; 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-contact {position:relative; z-index:40; height:100%;} #bandeau-contact > .global { position:relative; z-index:40; height:100%; 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 #logo {padding:0px 0 0 1px; position:relative; z-index:10; } #bandeau #logo a, #bandeau #logo a:visited {} #bandeau #logo a img {height:80px; width:auto; } #bandeau-lien { -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #bandeau-lien a, #bandeau-lien a:visited {font-weight:400; font-size:16px; color:#fff; text-decoration:none; } #bandeau-lien span {border-bottom:1px solid #fff; 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; } /* ELEMENTS BANDEAU */ #bandeau-elements {height:100%; 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:stretch; -ms-flex-align:stretch; align-items:stretch;} #bandeau-elements .bandeau-element {} #bandeau-elements .bandeau-element a, #bandeau-elements .bandeau-element a:visited {font-weight:400; font-size:18px; color:#fff; text-decoration:none; width:100%; height:100%; padding: 7px 20px; 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: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #bandeau-elements .bandeau-element img {width:20px; height:auto; margin-right: 10px; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} #bandeau-elements #bandeau-newsletter {} #bandeau-elements #bandeau-newsletter img {width: 26px; height: 26px;} #bandeau-coordonnees { height: 100%; 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: stretch; -ms-flex-align: stretch; align-items: stretch;} #bandeau-coordonnees .bandeau-coordonnee a, #bandeau-coordonnees .bandeau-coordonnee a:visited {font-weight:400; font-size:16px; color:#fff; text-decoration:none; height:100%; background:#978f4c; padding: 7px 20px; 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: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;} #bandeau-coordonnees .bandeau-coordonnee i {width:21px; height:21px; margin-right: 10px; 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-coordonnees .bandeau-coordonnee i::before { content:""; display:block; width:100%; height:100%; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} #bandeau-coordonnees .bandeau-coordonnee span {max-width: calc(100% - 31px);} #bandeau-coordonnees #bandeau-mail i {margin:0;} #bandeau-coordonnees #bandeau-mail i::before { background: url(../images/icone-mail-o.svg) no-repeat center center; background-size: 100% 100%;} #bandeau-coordonnees #bandeau-telephone { background:#978f4c; text-decoration: none; position: relative; z-index: 10; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-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-coordonnees #bandeau-telephone::before { content: ""; display: block; width: 1px; height: 45px; background: #7f6d46; margin:0;} #bandeau-coordonnees #bandeau-telephone i::before { background: url(../images/icone-telephone-o.svg) no-repeat center center; background-size: 100% 100%; } #bandeau #bandeau-reseaux {margin-right: 20px; text-align:center; 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 #bandeau-reseaux .bandeau-social { margin: 5px; } #bandeau #bandeau-reseaux .bandeau-social a, #bandeau #bandeau-reseaux .bandeau-social a:visited {text-align:center; text-decoration:none; width:32px; height:32px; display:block; 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; opacity: 0.6;} #bandeau #bandeau-reseaux .bandeau-social i { width:100%; height:100%; filter: invert(23%) sepia(22%) saturate(1270%) hue-rotate(14deg) brightness(91%) contrast(89%);} #bandeau #bandeau-reseaux .bandeau-social a:hover {opacity: 1;} .social-facebook i {background:url(../images/icone-facebook-rond.svg) no-repeat center center; background-size:100% auto;} .social-instagram i {background:url(../images/icone-instagram-rond.svg) no-repeat center center; background-size:100% auto;} .social-linkedin i {background:url(../images/icone-linkedin-rond.svg) no-repeat center center; background-size:100% auto;} .social-twitter-x i {background:url(../images/icone-x-twitter-rond.svg) no-repeat center center; background-size:100% auto;} .social-youtube i {background:url(../images/icone-youtube-rond.svg) no-repeat center center; background-size:100% auto;} .social-whatsapp i {background:url(../images/icone-whatsapp-rond-o.svg) no-repeat center center; background-size:100% auto;} /* MENU */ /* Menu niveau 1 */ #menu-conteneur { height:100% !important; clear:right; } #menu-wrapper {height:100%; } #menu {list-style:none; margin:0px auto; padding: 0; height:100%; } #menu > .global {text-align:right; position:relative; padding:0; z-index:30; font-size:0; height:100%; 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; } #menu .menu-element { display:inline-block; vertical-align:top; position:relative; z-index:30; height:100%; margin:0 30px; } #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: -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: #fff; font-weight: 400; text-align: center; 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> span, #menu .menu-element .menu-element-contenu > a:visited > span> span, #menu .menu-element .menu-element-contenu > span > span { font-size:14px; letter-spacing: 1.5px; text-transform: uppercase; position:relative; padding: 10px 0 7px; -webkit-box-sizing:border-box; box-sizing:border-box; } #menu .menu-element .menu-element-contenu em {font-style:normal; font-size:12px; display:block; text-transform:uppercase;} #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:#494218;} #menu .menu-element:hover .smenu-conteneur { animation : affichageSousMenu 300ms linear 350ms 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:265px; min-height:20px; background: #978f4c; } #menu .smenu-conteneur .global {padding: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; } #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:14px 0; } #menu .smenu-element > span { cursor:default; } #menu .smenu-element > a {text-decoration:none; } #menu .smenu-element > a > span, #menu .smenu-element > span {color:#fff; text-align:center; padding:8px 10px; width: 100%; font-size:18px; position: relative; z-index: 2; font-weight:400; 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; -webkit-transition: margin-right 300ms ease-in-out; -moz-transition: margin-right 300ms ease-in-out; -ms-transition: margin-right 300ms ease-in-out; -o-transition: margin-right 300ms ease-in-out; transition: margin-right 300ms ease-in-out;} #menu .smenu-element > span > span, #menu .smenu-element > a > span > span { display: block; max-width:calc(100% - 30px); height: 100%; } #menu .smenu-element > a > span::after, #menu .smenu-element > span::after {content:"\f105"; font-family:FontAwesome; font-size:21px; color:#494218; margin-left: 0; opacity:0; height: 100%; margin-top: 2px; -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:#494218; } #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:15px; } /* Sous menu niveau 2 */ #menu .ssmenu-conteneur {padding:0px; margin:0px; } #menu .ssmenu-element > span { cursor:default; } #menu .ssmenu-element > a {text-decoration:none; display: block;} #menu .ssmenu-element > a > span, #menu .ssmenu-element > span {color:#fff; display:block; padding:5px 5px 5px 15px; font-size:14px; font-weight:400; text-align:center; position:relative; display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} #menu .ssmenu-element > a > span > span, #menu .ssmenu-element > span > span { position: relative; padding-bottom: 1px; display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; -webkit-box-align:start; -ms-flex-align:start; align-items:flex-start;} #menu .ssmenu-element > a > span > span::after, #menu .ssmenu-element > span > span::after {content:"\f105"; font-family:FontAwesome; font-size:18px; line-height: 19px; color:#aca570; margin-left: 0; opacity: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 .ssmenu-element.selected > span > span::before, #menu .ssmenu-element.selected > a > span > span::before, #menu .ssmenu-element:hover > a > span > span::before {content:""; display: block;width: 100%; height:1px; background:#aca570; position: absolute; left: 0; bottom: 0; } #menu .ssmenu-element.selected > a > span, #menu .ssmenu-element.selected > span, #menu .ssmenu-element:hover > a > span, #menu .ssmenu-element:hover > span {color:#aca570;} #menu .ssmenu-element.selected > a > span > span::after, #menu .ssmenu-element.selected > span > span::after, #menu .ssmenu-element:hover > a > span > span::after, #menu .ssmenu-element:hover > span::after {opacity:1; margin-left:15px;} /* MENU SPECIAL */ #menu .menu-element.menu-special .smenu-conteneur {width:970px; } #menu .menu-element.menu-special .global {display: -webkit-box; display: -ms-flexbox; display: flex; padding: 15px 17px!important; } #menu .menu-element.menu-special .smenu-centre {padding:10px 0 0 !important; box-sizing: border-box; position:relative ; z-index:1210; -webkit-box-flex:1; -ms-flex:1; flex:1; width: auto; } #menu .menu-element.menu-special .smenu-centre-menus{padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } #menu .smenu-photo-container {width:170px; margin-right:30px; position: relative; } #menu .smenu-photo {display:none; top:0; left:0!important; z-index:1220; overflow: hidden; display: block; width: 100%; } #menu .smenu-centre .smenu-container-row{width: calc(100% - 200px); box-sizing: border-box; padding: 0 0 0 0; } #menu .menu-element.menu-special .smenu-row {text-align: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; justify-content: flex-start; } #menu .menu-element.menu-special .smenu-element { background:none; width:calc(33.333% - 10px); display:inline-block; vertical-align:top; box-sizing: border-box; position: relative; margin: 10px 15px 10px 0; } #menu .menu-element.menu-special .smenu-element:last-child{margin-right: 0;} #menu .menu-element.menu-special .smenu-element .icone-menu{width: 100%; height: 39px; } #menu .menu-element.menu-special .smenu-element .icone-menu img{width: auto; max-height: 100%; object-fit: contain; } #menu .menu-element.menu-special .smenu-element .smenu-titre{display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin-bottom: 10px; } #menu .menu-element.menu-special .smenu-element .smenu-titre .smenu-icone {margin-right: 10px; width: 30px; height: 30px; } #menu .menu-element.menu-special .smenu-element .smenu-titre .smenu-icone img {width: 100%; height: 100%; display: block; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);} #menu .menu-element.menu-special .smenu-element .smenu-titre > a, #menu .menu-element.menu-special .smenu-element .smenu-titre > span { flex: 1;} #menu .menu-element.menu-special .smenu-element .smenu-titre > a, #menu .menu-element.menu-special .smenu-element .smenu-titre > a:visited {text-decoration: none; display: block;} #menu .menu-element.menu-special .smenu-element .smenu-titre > a > span, #menu .menu-element.menu-special .smenu-element .smenu-titre > span{ line-height: 16px; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; height: 100%; font-weight: 500; color: #fff; 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-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #menu .menu-element.menu-special .smenu-row .smenu-element:first-child{margin: 0; } #menu .menu-element.menu-special .smenu-element > a > span, #menu .menu-element.menu-special .smenu-element > span { font-size: 14px; text-transform: uppercase; letter-spacing: 2.5px; text-transform: none; display:block; text-align: left; padding: 0; min-height: 0; margin-bottom: 5px; } #menu .menu-element.menu-special .smenu-element.selected, #menu .menu-element.menu-special .smenu-element:hover {background:none; } #menu .menu-element.menu-special .smenu-element.selected > a > span > span::after, #menu .menu-element.menu-special .smenu-element.selected > span > span::after, #menu .menu-element.menu-special .smenu-element:hover > a > span > span::after, #menu .menu-element.menu-special .smenu-element:hover > span > span::after{display: none; } #menu .menu-element.menu-special .smenu-element::after, #menu .menu-element.menu-special .smenu-element > a > span::before, #menu .menu-element.menu-special .smenu-element > span::before{display: none; } #menu .menu-element.menu-special .ssmenu-element > span, #menu .menu-element.menu-special .ssmenu-element > a > span {text-align: left; padding:3px 0; 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; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -khtml-box-sizing:border-box; -webkit-transition: margin-right 300ms ease-in-out; -moz-transition: margin-right 300ms ease-in-out; -ms-transition: margin-right 300ms ease-in-out; -o-transition: margin-right 300ms ease-in-out; transition: margin-right 300ms ease-in-out;} #menu .menu-element.menu-special .ssmenu-element > span > span, #menu .menu-element.menu-special .ssmenu-element > a > span > span { display: block; max-width:calc(100% - 30px); height: 100%; } #menu .menu-element.menu-special .ssmenu-element > a > span::after, #menu .menu-element.menu-special .ssmenu-element > span::after {content:"\f105"; font-family:FontAwesome; font-size:21px; color:#aca570; margin-left: 0; opacity:0; height: 100%; margin-top: 2px; -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 .menu-element.menu-special .ssmenu-element.selected > a > span::after, #menu .menu-element.menu-special .ssmenu-element.selected > span::after, #menu .menu-element.menu-special .ssmenu-element:hover > a > span::after, #menu .menu-element.menu-special .ssmenu-element:hover > span::after {opacity:1; margin-left:10px;} @media all and (max-width:1315px) { #menu .smenu-centre-menus { padding: 11px 0;} #menu .smenu-element > a > span, #menu .smenu-element > span { font-size: 16px; padding: 6px 10px;} } @media all and (max-width:1220px) { #menu .menu-element { margin: 0 16px;} #menu .menu-element.menu-special {position: initial;} #menu .menu-element.menu-special .smenu-conteneur { left: unset !important; right: 10px;} } @media all and (max-width:1193px) { #menu .menu-element { margin: 0 13px;} } @media all and (max-width:1170px) { #bandeau.sm #menu .menu-element {margin: 0 7px; } #menu .menu-element.menu-special .smenu-conteneur {right: 0; width: calc(100vw - 40px);} #menu .smenu-element > a > span, #menu .smenu-element > span {font-size:16px; padding: 5px 7px 4px; min-height: 40px;} } @media all and (max-width:1040px) { #bandeau #logo a img {height: 65px;} #menu .smenu-conteneur { width: 240px;} #menu .smenu-element > a > span, #menu .smenu-element > span {font-size:15px; min-height: 35px;} } @media all and (max-width:990px) { body {width:100%; } .w1260 {display:none; } /* Bandeau */ .noscroll #bandeau-haut, .noscroll #bandeau-contact #logo, .noscroll #bandeau-contact #bandeau-elements {display:none; } #bandeau.sm {background:#aca570;} #bandeau.sm #bandeau-haut {overflow: unset;} #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; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -ms-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out; } #bandeau-contact > .global {display:block;} /* 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 {display: none;} #bandeau.sm #bandeau-haut { z-index: 401; } #bandeau.sm #bandeau-lien {top: 7px; position: absolute; right: 20px; z-index: 401; } .sm { height: 35px; border:none; } #bandeau #logo {float:none; padding: 5px 0; margin:0 auto; width: 260px; } #bandeau #logo a img {height:auto; width:100%; margin: 0 auto; } #bandeau-coordonnees .bandeau-coordonnee a, #bandeau-coordonnees .bandeau-coordonnee a:visited {transition: unset;} /* 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: #000000; 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: #000000; bottom: 0; -webkit-transform: rotateZ(-45deg); -moz-transform: rotateZ(-45deg); -ms-transform: rotateZ(-45deg); -o-transform: rotateZ(-45deg); 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: #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 0px 0; display:block; width:100%; box-sizing: border-box;} #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 #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: #aca570; 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: #494218; border:none; font-size:15px; } #menu .menu-element br {display:none; } #menu .menu-element .menu-element-contenu > a > span > span::after, #menu .menu-element .menu-element-contenu > span > span::after, #menu .menu-element.selected .menu-element-contenu > a > span > span::after, #menu .menu-element.selected .menu-element-contenu > span > span::after, #menu .menu-element:hover .menu-element-contenu > a > span > span::after, #menu .menu-element:hover .menu-element-contenu > span > span::after {display:none !important; } #menu .menu-element.selected .menu-element-contenu > a > span, #menu .menu-element.selected .menu-element-contenu > span {font-weight:500; } #menu .menu-element.selected .menu-element-contenu > a > span > span, #menu .menu-element.selected .menu-element-contenu > span > span {color:#aca570; } #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-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 {color:#494218; 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:#aca570; color:#fff; } #menu .ssmenu-element > a > span, #menu .ssmenu-element > span {padding:5px 0 10px 20px; color:#000;} /* MENU SPECIAL */ #menu .menu-element.menu-special {text-align: left; } #menu .menu-element.menu-special .smenu-conteneur {padding: 0 0 0 10px; width: 100%; margin: 0; box-sizing: border-box;} #menu .menu-element.menu-special .smenu-centre{display: block; min-height: 0; padding: 0 !important; background: none; position: initial; } #menu .smenu-photo-container{display: none; } #menu .menu-element.menu-special .global {padding: 0 !important; display: block; background: none; } #menu .menu-element.menu-special .smenu-element{padding: 0; width:100% !important; border:none; margin: 7px 0 0 0; } #menu .menu-element.menu-special .smenu-element .icone-menu{display: none; } #menu .menu-element.menu-special .smenu-centre-menus { display: block; overflow: visible; border-radius: 0; width: 100%; border: none; } #menu .menu-element.menu-special .smenu-element .smenu-titre {padding: 0 10px 0 4px; background: #222; min-height: 40px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #menu .menu-element.menu-special .smenu-element .smenu-titre .smenu-icone{width: 25px; height: 25px; } #menu .menu-element.menu-special .smenu-element .smenu-image {display:none !important; } #menu .menu-element.menu-special .smenu-element .smenu-nom {height:auto; padding:7px 0 7px 15px; } #menu .menu-element.menu-special .smenu-element > a, #menu .menu-element.menu-special .smenu-element > span {background:none; display:block; background: #fff !important; color: #222!important; padding: 0; } #menu .menu-element.menu-special .smenu-element > a > span, #menu .menu-element.menu-special .smenu-element > span {color: #222; font-size: 16px; padding: 3px 0 3px 5px; margin-bottom: 0; } #menu .menu-element.menu-special .smenu-element.selected > a > span, #menu .menu-element.menu-special .smenu-element.selected > span, #menu .menu-element.menu-special .smenu-element:hover > a > span, #menu .menu-element.menu-special .smenu-element:hover > span {color: #fff; } #menu .menu-element.menu-special .smenu-element > a > span::before, #menu .menu-element.menu-special .smenu-element > span::before{display: none; } #menu .menu-element.menu-special .smenu-element > a > span > span::before, #menu .menu-element.menu-special .smenu-element > span > span::before {display: none; } #menu .menu-element.menu-special .ssmenu-conteneur {margin: 10px 0 0px; } #menu .menu-element.menu-special .ssmenu-element > a > span, #menu .menu-element.menu-special .ssmenu-element > span {color: #222; } #menu .menu-element.menu-special .ssmenu-element > a > span::after, #menu .menu-element.menu-special .ssmenu-element > span::after { transition: unset; margin-left: 10px;} #menu .menu-element.menu-special .ssmenu-element.selected > span, #menu .menu-element.menu-special .ssmenu-element:hover > span, #menu .menu-element.menu-special .ssmenu-element.selected > a > span, #menu .menu-element.menu-special .ssmenu-element:hover > a > span {color: #ba834a; } #menu .menu-element.menu-special .ssmenu-element.selected > span::before, #menu .menu-element.menu-special .ssmenu-element:hover > span::before, #menu .menu-element.menu-special .ssmenu-element.selected > a > span::before, #menu .menu-element.menu-special .ssmenu-element:hover > a > span::before {transform: translateX(0px); } #menu .menu-element.menu-special .smenu-element.selected .smenu-titre{background:#978f4c; } #menu .menu-element.menu-special .ssmenu-element > a > span > span::after, #menu .menu-element.menu-special .ssmenu-element > span > span::after{display: none!important; } } @media all and (max-width: 795px) { #bandeau-haut { z-index: 401; } } @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;} #bandeau-elements #bandeau-bandeauLien img {margin:0;} #bandeau-elements #bandeau-bandeauLien span {display:none;} } @media all and (max-width: 530px) { #bandeau-coordonnees .bandeau-coordonnee a, #bandeau-coordonnees .bandeau-coordonnee a:visited { padding: 7px 15px; } #bandeau-coordonnees .bandeau-coordonnee span {width: 100%; max-width: 100%;} #bandeau-coordonnees #bandeau-telephone i {display: none;} } @media all and (max-width:480px) { #bandeau #logo { width: 210px;} } @media all and (max-width:460px) { #bandeau #bandeau-reseaux {display: none;} } @media all and (max-width:415px) { #bandeau-elements #bandeau-page img {margin:0;} #bandeau-elements #bandeau-page span {display:none;} } @media all and (max-width:385px) { #bandeau-mobile {left: 5px; width: 80px; } #bandeau-mobile span {font-size: 15px; } #menu .menu-element.menu-special .smenu-element .smenu-titre > a > span, #menu .menu-element.menu-special .smenu-element .smenu-titre > span { letter-spacing: 0.5px; font-size: 13px;} } @media all and (max-width:360px) { #bandeau-lien {right: 10px;} #bandeau-elements #bandeau-newsletter img {display: none;} }