/* STYLE POUR ECRAN < 1200 PX */ .over-1200 { display: none!important; } .over-b-1200 { display: none!important; } .over-ib-1200 { display: none!important; } .over-tb-1200 { display: none!important; } .over-tbc-1200 { display: none!important; } .under-1200 { display: initial!important; } .under-b-1200 { display: block!important; } .under-ib-1200 { display: inline-block!important; } .under-tb-1200 { display: table!important; } .under-tbc-1200{ display: table-cell!important; } #masthead:before { margin-left: -10px; -webkit-transition: margin-left 1s cubic-bezier(.7,0,.3,1); -o-transition: margin-left 1s cubic-bezier(.7,0,.3,1); transition: margin-left 1s cubic-bezier(.7,0,.3,1); } body.primary-menu-open #site #masthead:before, body.page-template-homepage #masthead:before { margin-left: 64px; } #masthead #header-top { padding: 0 5px; } #masthead #header-top .header-top__lang { margin: 0 2px; } #masthead #header-top a#header-top__contact-link { margin-right: 20px; } #site-navigation #site-navigation-block-wrapper:after { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } #site-navigation #site-navigation-block #site-navigation-content { padding: 0; z-index: 1; } #site-navigation #site-navigation-block:before { min-width: 840px; background: #CCCACA; } #site #site-navigation:focus-within #site-navigation-block:before, body.primary-menu-open #site #site-navigation #site-navigation-block:before { clip-path: polygon(0 0, calc(100% - 554px) 0, calc(100% - 311px) 100%, 0 100%); } #site-navigation #site-navigation-block:after { z-index: 3; min-width: 840px; } #site #site-navigation:focus-within #site-navigation-block:after, body.primary-menu-open #site #site-navigation #site-navigation-block:after { clip-path: polygon(0 0, calc(100% - 565px) 0, calc(100% - 322px) 100%, 0 100%); } #site-navigation #site-navigation-block #site-navigation-content-inner { max-width: none; padding-left: 54px; display: flex; align-items: center; justify-content: flex-start; padding-top: 0; } #masthead #header-label-menu { display: block; } #site-navigation #site-navigation-block-outer { padding-left: 0; z-index: 4; width: 52%; min-width: 840px; margin-left: 0; margin-right: auto; background-color: #FAF8F8; background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22750%22%20height%3D%22280%22%20viewBox%3D%220%200%20750%20280%22%20xmlns%3D%22http://www.w3.org/2000/svg%22%20xmlns:xlink%3D%22http://www.w3.org/1999/xlink%22%20preserveAspectRatio%3D%22none%22%20xml-space%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23000000%22%20opacity%3D%220.03%22%20d%3D%22M9.107%2C243.453c-1.053-4.509-0.227-9.479%2C2.484-14.882c2.703-5.409%2C6.91-10.221%2C12.622-14.432c5.707-4.211%2C12.176-5.706%2C19.392-4.508c2.709%2C0.609%2C5.484%2C1.045%2C8.345%2C1.348c2.849%2C0.304%2C5.931%2C0.607%2C9.247%2C0.901c7.812-15.329%2C15.705-30.505%2C23.671-45.547c7.962-15.025%2C15.336-28.783%2C22.103-41.26c6.759-12.473%2C12.548-22.844%2C17.36-31.125c4.805-8.26%2C7.958-13.145%2C9.467-14.648c4.208-3.613%2C9.25-6.464%2C15.113-8.572c5.86-2.09%2C11.271-3.374%2C16.229-3.828c4.963-0.453%2C8.942%2C0%2C11.954%2C1.346c3.003%2C1.349%2C3.754%2C3.83%2C2.256%2C7.441c-1.505%2C3.009-4.892%2C9.016-10.15%2C18.045c-5.259%2C9.02-11.65%2C19.77-19.163%2C32.243c-7.515%2C12.479-15.86%2C26.156-25.03%2C41.032c-9.175%2C14.889-18.264%2C29.844-27.281%2C44.873c19.235-1.204%2C39.903-3.531%2C62.01-6.986c22.093-3.451%2C44.709-7.733%2C67.866-12.842c3.906-24.364%2C4.584-46.014%2C2.032-64.959c-2.555-18.93-7.742-34.413-15.561-46.448c-7.823-12.007-18.034-20.214-30.661-24.569c-12.629-4.349-26.916-3.834-42.847%2C1.582c-14.136%2C4.809-25.858%2C10.588-35.173%2C17.361c-9.323%2C6.77-16.464%2C14.354-21.422%2C22.758c-4.96%2C8.438-7.973%2C17.606-9.018%2C27.523c-1.06%2C9.902-0.38%2C20.291%2C2.029%2C31.112c0%2C2.416-0.608%2C4.211-1.801%2C5.41c-1.209%2C1.204-2.712%2C1.811-4.514%2C1.811c-1.808%2C0-3.54-0.751-5.187-2.253c-1.653-1.517-2.786-4.063-3.379-7.683c-3.313-12.017-4.059-24.71-2.263-38.094c1.805-13.374%2C5.936-26.23%2C12.407-38.56c6.462-12.33%2C15.254-23.592%2C26.382-33.828c11.117-10.208%2C24.352-18.033%2C39.684-23.445c23.148-8.412%2C44.268-11.345%2C63.362-8.789c19.09%2C2.553%2C34.344%2C10.675%2C45.775%2C24.353c11.413%2C13.681%2C18.258%2C32.991%2C20.518%2C57.94c2.251%2C24.959-1.733%2C55.471-11.952%2C91.557l-4.513%2C16.233c-5.411%2C17.136-12.329%2C35.323-20.744%2C54.564c-3.455%2C7.892-7.175%2C16.023-11.133%2C24.37h-19.346c3.36-7.819%2C6.465-15.501%2C9.284-23.028c6.315-16.819%2C11.276-32.918%2C14.88-48.247c-30.368%2C7.818-57.496%2C14.287-81.395%2C19.394c-23.907%2C5.114-45.031%2C9.322-63.366%2C12.623c-6.922%2C11.121-13.454%2C21.648-19.614%2C31.563c-1.645%2C2.647-3.231%2C5.209-4.769%2C7.695H28.22c4.752-10.15%2C10.18-21.424%2C16.292-33.832c-4.517%2C0.592-8.875%2C1.189-13.085%2C1.797c-4.209%2C0.604-7.971%2C1.063-11.271%2C1.349C13.842%2C249.923%2C10.154%2C247.965%2C9.107%2C243.453z%20M742.685%2C144.486c-0.503-1.11-1.411-1.907-2.721-2.415c-1.311-0.503-2.873-0.459-4.688%2C0.142c-5.841%2C2.221-12.485%2C4.59-19.939%2C7.107c-7.455%2C2.52-15.462%2C5.039-24.022%2C7.552c-8.564%2C2.527-17.473%2C5.046-26.738%2C7.558c-9.265%2C2.522-18.538%2C4.981-27.799%2C7.396c6.846-24.169%2C9.514-44.609%2C8.007-61.329c-1.503-16.729-6.098-29.66-13.747-38.833c-7.66-9.167-17.88-14.601-30.67-16.32c-12.797-1.702-26.94%2C0.256-42.457%2C5.886c-10.268%2C3.639-19.142%2C8.882-26.59%2C15.726c-7.448%2C6.838-13.343%2C14.398-17.675%2C22.66c-4.332%2C8.269-7.097%2C16.87-8.31%2C25.832c-1.205%2C8.966-0.705%2C17.485%2C1.511%2C25.533c0.402%2C2.423%2C1.157%2C4.127%2C2.266%2C5.138c1.107%2C1.009%2C2.269%2C1.514%2C3.48%2C1.514c1.206%2C0%2C2.206-0.407%2C3.019-1.21c0.807-0.805%2C1.21-2.015%2C1.21-3.631c-1.616-7.246-2.067-14.198-1.362-20.852c0.702-6.64%2C2.722-12.787%2C6.044-18.424c3.325-5.631%2C8.11-10.728%2C14.348-15.27c6.25-4.527%2C14.104-8.408%2C23.57-11.624c10.684-3.626%2C20.251-3.974%2C28.706-1.055c8.463%2C2.917%2C15.311%2C8.411%2C20.55%2C16.47c5.237%2C8.061%2C8.704%2C18.425%2C10.425%2C31.119c1.712%2C12.695%2C1.263%2C27.186-1.366%2C43.512c-15.511%2C3.425-30.66%2C6.294-45.466%2C8.601c-14.811%2C2.32-28.665%2C3.892-41.554%2C4.698c6.045-10.074%2C12.13-20.099%2C18.28-30.08c6.149-9.967%2C11.739-19.138%2C16.773-27.484c5.038-8.365%2C9.313-15.572%2C12.839-21.605c3.526-6.045%2C5.792-10.078%2C6.803-12.09c1.004-2.426%2C0.502-4.082-1.508-4.989c-2.02-0.907-4.687-1.212-8.011-0.907c-3.325%2C0.295-6.948%2C1.166-10.877%2C2.568c-3.93%2C1.41-7.307%2C3.327-10.123%2C5.737c-1.012%2C1.02-3.129%2C4.29-6.348%2C9.825c-3.22%2C5.542-7.1%2C12.494-11.634%2C20.847c-4.53%2C8.362-9.471%2C17.575-14.804%2C27.646c-5.339%2C10.079-10.627%2C20.254-15.865%2C30.531c-2.216-0.21-4.278-0.406-6.193-0.617c-1.914-0.189-3.776-0.5-5.591-0.902c-2.142-0.355-4.179-0.336-6.123%2C0.019c0.042-0.199%2C0.093-0.401%2C0.13-0.599c1.339-7.077%2C0.134-12.912-3.61-17.504c-3.743-4.581-9.563-8.18-17.444-10.795c-7.896-2.61-16.919-4.421-27.079-5.392c-10.17-0.984-20.932-1.367-32.298-1.161c-11.366%2C0.222-22.533%2C0.773-33.494%2C1.652c-17.385%2C1.293-30.359%2C0.653-38.914-1.964c-8.56-2.626-12.433-6.552-11.63-11.786c0.8-5.231%2C6.614-11.341%2C17.451-18.316c10.829-6.985%2C27.071-14.29%2C48.736-21.931c21.923-7.407%2C40.047-11.881%2C54.361-13.409c14.302-1.523%2C24.937-1.143%2C31.893%2C1.149c6.948%2C2.286%2C10.491%2C6.009%2C10.631%2C11.115c0.134%2C5.131-2.882%2C10.531-9.031%2C16.205c-2.94%2C2.608-4.349%2C4.9-4.211%2C6.872c0.134%2C1.958%2C1.137%2C3.321%2C3.006%2C4.085c1.874%2C0.763%2C4.28%2C0.811%2C7.222%2C0.167c2.942-0.653%2C5.885-2.398%2C8.827-5.235c5.081-5.017%2C8.765-10.961%2C11.032-17.836c2.27-6.879%2C2.741-13.521%2C1.399-19.96c-1.338-6.428-4.68-12.264-10.023-17.499c-5.351-5.235-13.036-8.729-23.066-10.475c-10.031-1.744-22.532-1.41-37.507%2C0.989c-14.983%2C2.397-32.764%2C8.072-53.356%2C17.01c-27.548%2C11.774-48.134%2C23.608-61.775%2C35.496c-13.64%2C11.892-20.66%2C22.419-21.065%2C31.575c-0.396%2C9.16%2C5.685%2C16.253%2C18.25%2C21.266c12.576%2C5.012%2C31.294%2C6.548%2C56.167%2C4.586c21.391-1.536%2C38.51-1.688%2C51.35-0.495c12.839%2C1.202%2C21.994%2C3.602%2C27.477%2C7.197c5.48%2C3.596%2C7.357%2C8.189%2C5.613%2C13.734c-1.736%2C5.568-6.617%2C11.727-14.637%2C18.493c-6.154%2C5.231-13.907%2C10.15-23.265%2C14.725c-9.37%2C4.583-19.529%2C8.62-30.491%2C12.111c-10.977%2C3.478-22.205%2C6.38-33.698%2C8.668c-11.499%2C2.281-22.334%2C3.768-32.496%2C4.404c-10.163%2C0.669-19.125%2C0.392-26.873-0.817c-7.762-1.197-13.44-3.587-17.051-7.198c-3.612-3.598-4.611-8.387-3.01-14.382c1.604-6.011%2C6.82-13.481%2C15.646-22.415c1.607-1.745%2C2.408-3.434%2C2.408-5.063c0-1.647-0.603-2.958-1.802-3.94c-1.205-0.979-2.813-1.475-4.819-1.475c-2.002%2C0-4.083%2C0.77-6.22%2C2.296c-1.602%2C0.879-4.073%2C2.945-7.422%2C6.219c-3.348%2C3.264-6.957%2C7.251-10.828%2C11.938c-3.881%2C4.692-7.559%2C9.872-11.031%2C15.546c-3.479%2C5.67-5.956%2C11.396-7.423%2C17.168c-1.475%2C5.786-1.602%2C11.449-0.399%2C17.022c1.202%2C5.558%2C4.476%2C10.397%2C9.829%2C14.554c2.416%2C1.969%2C5.385%2C3.613%2C8.895%2C4.938h74.308c6.729-1.259%2C13.623-2.785%2C20.698-4.608c15.242-3.93%2C30.088-8.883%2C44.523-14.884c14.443-5.997%2C27.944-12.94%2C40.521-20.783c12.364-7.722%2C22.513-16.295%2C30.479-25.703c1.267%2C0.898%2C3.098%2C1.249%2C5.529%2C1.012c2.213-0.193%2C4.731-0.494%2C7.556-0.894c2.817-0.408%2C5.739-0.807%2C8.762-1.222c-6.247%2C12.701-11.438%2C23.62-15.563%2C32.787c-4.126%2C9.178-6.295%2C14.654-6.497%2C16.466c-0.403%2C2.818-0.201%2C4.885%2C0.607%2C6.204c0.8%2C1.305%2C1.859%2C2.011%2C3.177%2C2.106c1.302%2C0.105%2C2.664-0.294%2C4.079-1.2c1.401-0.906%2C2.511-2.169%2C3.317-3.792c0-0.198%2C0.954-1.856%2C2.872-4.977c1.91-3.128%2C4.429-7.254%2C7.557-12.386c3.119-5.137%2C6.745-11.037%2C10.877-17.678c4.127-6.638%2C8.507-13.695%2C13.142-21.147c12.29-2.224%2C26.444-5.036%2C42.455-8.461c16.011-3.419%2C34.195-7.758%2C54.541-12.993c-2.421%2C10.271-5.738%2C21.057-9.969%2C32.324c-4.235%2C11.283-9.371%2C23.071-15.415%2C35.354c-1.209%2C2.208-1.616%2C4.131-1.209%2C5.748c0.398%2C1.615%2C1.209%2C2.768%2C2.419%2C3.476c1.207%2C0.693%2C2.619%2C0.799%2C4.23%2C0.296c1.612-0.501%2C3.021-1.954%2C4.231-4.376c7.652-14.706%2C14.299-28.509%2C19.94-41.4c5.634-12.892%2C10.271-25.084%2C13.903-36.56c15.108-4.034%2C31.522-8.715%2C49.244-14.053c17.729-5.34%2C36.163-11.233%2C55.301-17.677c2.011-0.603%2C3.373-1.555%2C4.074-2.864C743.083%2C146.803%2C743.181%2C145.587%2C742.685%2C144.486z%22%2F%3E%3C%2Fsvg%3E"); background-repeat: no-repeat; background-size: auto; background-position: bottom center; } #masthead #header-logo { padding: 0; } #masthead #header-logo-inner { max-width: none; padding-left: 54px; } #site-navigation #site-navigation-block { background-color: #fff; min-width: 840px; clip-path: polygon(0 0, calc(100% - 555px) 0, calc(100% - 312px) 100%, 0 100%); } #site #site-navigation:focus-within #site-navigation-block, body.primary-menu-open #site #site-navigation #site-navigation-block { clip-path: polygon(0 0, calc(100% - 555px) 0, calc(100% - 312px) 100%, 0 100%); } #site-navigation #site-navigation-block-outer { clip-path: polygon(0 0, calc(0% - 132px) 0, 0% 100%, 0 100%); -webkit-transition: clip-path 1s cubic-bezier(.7,0,.3,1); -o-transition: clip-path 1s cubic-bezier(.7,0,.3,1); transition: clip-path 1s cubic-bezier(.7,0,.3,1); } body.primary-menu-open #site #site-navigation #site-navigation-block-outer { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; clip-path: polygon(0 0, calc(100% - 575px) 0, calc(100% - 332px) 100%, 0 100%); -webkit-transition: clip-path 1s cubic-bezier(.7,0,.3,1); -o-transition: clip-path 1s cubic-bezier(.7,0,.3,1); transition: clip-path 1s cubic-bezier(.7,0,.3,1); padding-top: 100px; padding-bottom: 72px; } #masthead > picture #header-bg-decos { display: none; } #site-navigation #site-navigation-block > picture { min-width: 840px; } #site-navigation #site-navigation-block-wrapper:after { left: 0; right: auto; } #site-navigation li.back-item > .site-navigation__submenu-label, #site-navigation a, #site-navigation li > span, #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus { padding-left: 35px; padding-right: 35px; } #site-navigation li > .site-navigation__submenu-label > span.label-aria-focus { padding-right: 0; } #site-navigation li > a, #site-navigation li > span { flex-basis: auto; } #site-navigation li.menu-item-type-icons { padding-left: 25px; } #site-navigation li.current-product_cat-ancestor:after, #site-navigation li.current-menu-item:after, #site-navigation li.current-menu-parent:after, #site-navigation li.current-menu-ancestor:after, #site-navigation li.current-product_cat-ancestor:before, #site-navigation li.current-menu-item:before, #site-navigation li.current-menu-parent:before, #site-navigation li.current-menu-ancestor:before { display: none; } #site-navigation li > .site-navigation__submenu-label { width: 50px; flex-grow: 0; overflow: hidden; } #site-navigation #site-navigation-block-wrapper { height: 0; -webkit-transition: height 1s ease-in-out; -o-transition: height 1s ease-in-out; transition: height 1s ease-in-out; } body.primary-menu-open #site #site-navigation #site-navigation-block-wrapper { height: 100%; } #site-navigation li.back-item > .site-navigation__submenu-label { padding-left: 62px; -ms-background-position-x: 33px; background-position-x: 33px; } /** * CONTACT */ #contact-main > aside { width: 40%; flex-basis: 40%; } #contact-main > aside #contact-form { padding-left: 20px; padding-right: 150px; clip-path: polygon(0 0, calc(100% - 170px) 0, 100% 100%, 0 100%); margin-right: -250px; } #contact-main > article { width: 60%; flex-basis: 60%; padding-right: 20px; } /** * ACCES **/ body.page-template-acces #access-content #access-infos { min-width: 360px; } body.page-template-acces #access-content #access-infos #access-infos-general { padding-left: 170px; margin-left: -170px; clip-path: polygon(160px 0, 100% 0, 100% 100%, 0 100%); }