/* STYLE POUR ECRAN < 900 PX */

.over-900     { display: none!important; }
.over-b-900   { display: none!important; }
.over-ib-900  { display: none!important; }
.over-tb-900  { display: none!important; }
.over-tbc-900 { display: none!important; }
.under-900    { display: initial!important; }
.under-b-900  { display: block!important; }
.under-ib-900 { display: inline-block!important; }
.under-tb-900 { display: table!important; }
.under-tbc-900{ display: table-cell!important; }









#site:before {
	background: #0E0E0E;
}

#masthead:before {
	margin-left: 0!important;
}

#masthead #header-top {
	display: none;
}

#masthead #header-logo {
	position: absolute;
	height: 100%;
	width: 70%;
	top: 0;
	left: 0;
	background-color: #fff;
	clip-path: polygon(0 0, calc(100% - 90px) 0%, 100% 100%, 0 100%);
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center;
}

#masthead #header-logo-inner {
	padding: 20px 0 0 20px;
}

#masthead,
body.primary-menu-open #site #masthead,
body.page-template-homepage #masthead {
	height: auto;
}

#masthead > #header__background {
	position: static;
	height: auto;
}

#masthead > #header__background .sps_slider_wrapper {
	width: 100%;
	padding-top: 58.8889%;
	/*min-width: 679.2451548px;*/
}







#site-navigation {
	height: 100%;
	position: fixed;
	z-index: 99999;
}

#site-navigation #site-navigation-close {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: #000000;
	opacity: 0;
	pointer-events: none;
}

body.primary-menu-open #site #site-navigation #site-navigation-close {
	opacity: 0.5;
	pointer-events: all;
}

#site-navigation #site-navigation-block {
	width: 100%;
	z-index: 2;
	position: relative;
	background: #CCCACA;
	clip-path: polygon(0 0, calc(0% - 100px) 0, 0% 100%, 0 100%);
}

body.primary-menu-open #site #site-navigation #site-navigation-block {
	clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100%, 0 100%);
	pointer-events: all;
}

#site-navigation #site-navigation-block:before {
	display: none;
}

#site-navigation #site-navigation-block:after {
	min-width: 0;
	width: 100%;
	clip-path: polygon(0 0, calc(0% - 110px) 0, calc(0% - 10px) 100%, 0 100%);
}

body.primary-menu-open #site #site-navigation #site-navigation-block:after {
	clip-path: polygon(0 0, calc(100% - 110px) 0, calc(100% - 10px) 100%, 0 100%);
}

#site-navigation #site-navigation-block-outer {
	padding: 70px 0 50px 0!important;
	width: 100%;
	min-width: 0;
	clip-path: polygon(0 0, calc(0% - 120px) 0, calc(0% - 20px) 100%, 0 100%);
}

body.primary-menu-open #site #site-navigation #site-navigation-block-outer {
	clip-path: polygon(0 0, calc(100% - 120px) 0, calc(100% - 20px) 100%, 0 100%);
	
}





#masthead #header-logo svg {
	width: 70%;
	height: auto;
}

#masthead > picture #header-bg-decos {
	display: block;
	padding-left: 0;
	padding-right: 0;
}

#masthead > picture #header-bg-decos-inner {
	max-width: none;
	padding-left: 54px;
}

#site-navigation #site-navigation-block #site-navigation-content {
	display: none;
}

#site-navigation #site-navigation-block {
	min-width: 0;
}

#site-navigation #site-navigation-block-wrapper {
	height: 100%;
}

#site-navigation #site-navigation-block-wrapper:after {
	display: none;
}

#site-navigation li.current-product_cat-ancestor > a:before,
#site-navigation li.current-menu-item > a:before,
#site-navigation li.current-menu-parent > a:before,
#site-navigation li.current-menu-ancestor > a:before,
#site-navigation li.current-product_cat-ancestor > span:before,
#site-navigation li.current-menu-item > span:before,
#site-navigation li.current-menu-parent > span:before,
#site-navigation li.current-menu-ancestor > span:before {
	left: 0;
}

#site-navigation li.current-product_cat-ancestor > a:after,
#site-navigation li.current-menu-item > a:after,
#site-navigation li.current-menu-parent > a:after,
#site-navigation li.current-menu-ancestor > a:after,
#site-navigation li.current-product_cat-ancestor > span:after,
#site-navigation li.current-menu-item > span:after,
#site-navigation li.current-menu-parent > span:after,
#site-navigation li.current-menu-ancestor > span:after {
	left: 22px;
}

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

#site-navigation li.menu-item-type-icons {
	padding-left: 35px;
}

#site-navigation li.back-item > .site-navigation__submenu-label > span.back-item-label,
#site-navigation a > span,
#site-navigation li > span > span,
#site-navigation li > .site-navigation__submenu-label > span.label-aria-focus span {
	line-height: .95;
}

#site-navigation li.back-item > .site-navigation__submenu-label {
	-ms-background-position-x: 40px;
	background-position-x: 40px;
	padding-left: 65px;
}

#site-navigation li > .sub-menu-block > .sub-menu-block-inner, #site-navigation #site-navigation-menu {
	justify-content: center;
}

#masthead #header-label-menu {
	width: 65px;
	height: 50px;
}

#masthead #header-label-menu:after {
	top: 18px;
	left: 40%;
	width: 24px;
	height: 17px;
}








/**
* HOME
*/
#content #home-links #home-links-sections br.over-900 {
	display: none!important;
}

#home-presentation > aside {
	width: 50%;
}

#home-presentation > article {
	width: 50%;
	padding-right: 20px;
}

#home-presentation > aside picture {
	margin-right: -30px;
	clip-path: polygon(0 0, calc(100% - 160px) 0, 100% 100%, 0 100%);
}










/**
* SECTION
*/
#section-horaires__table .section-horaires__table__jour > div {
	max-width: 500px;
}

#section-horaires__table .section-horaires__table__jour button { order: 1; }
#section-horaires__table .section-horaires__table__jour .section-horaires__table__info { order: 2; }

#section-horaires__table .section-horaires__table__jour button:nth-child(n+11) { order: 3; }
#section-horaires__table .section-horaires__table__jour .section-horaires__table__info:nth-child(n+11) { order: 4; }

#section-horaires__table .section-horaires__table__jour button:nth-child(n+21) { order: 5; }
#section-horaires__table .section-horaires__table__jour .section-horaires__table__info:nth-child(n+21) { order: 6; }

#section-horaires__table .section-horaires__table__jour button:nth-child(n+31) { order: 7; }
#section-horaires__table .section-horaires__table__jour .section-horaires__table__info:nth-child(n+31) { order: 8; }








/**
* CONTENT
**/
#content .entry-header {
	padding-bottom: 80px;
}

#content .entry-header picture {
	margin-top: 20px;
	margin-bottom: 20px;
}







/**
* CONTACT
**/

#contact-main {
	flex-direction: column-reverse;
}

#contact-main > .form-legal {
	-webkit-order: -2;
	-moz-order: -2;
	-ms-order: -2;
	-o-order: -2;
	order: -2;
	position: relative;
	z-index: 10;
	margin: 0;
	margin-top: -4px;
	padding-bottom: 40px;
	background-color: #F7F7F7;
}

#contact-main > aside {
	display: block;
	width: 100%;
	flex-basis: 100%;
}

#contact-main > aside #contact-form {
	margin: 0;
	padding: 100px 20px 20px 20px;
	clip-path: polygon(0 50px, 100% 0, 100% 100%, 0 100%);
}

#contact-main > article {
	display: block;
	width: 100%;
	flex-basis: 100%;
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

#contact-main > article .entry-content {
	margin-right: auto;
	text-align: center;
}

#contact-main > article .entry-content p {
	text-align: center;
}










/**
* ACCES
*/

body.page-template-acces #access-content {
	-webkit-flex-direction: column-reverse;
	-moz-flex-direction: column-reverse;
	-ms-flex-direction: column-reverse;
	-o-flex-direction: column-reverse;
	flex-direction: column-reverse;
}

body.page-template-acces #access-content #map,
body.page-template-acces #access-content #access-infos {
	width: 100%;
	flex-basis: auto;
	min-width: 0;
}

body.page-template-acces #access-content .entry-header {
	padding-top: 59px;
}

body.page-template-acces #access-content #access-infos #access-infos-general {
	padding-left: 0;
	padding-right: 0;
}

body.page-template-acces #access-content #access-infos #access-infos-general {
	margin-bottom: -70px;
	padding-bottom: 100px;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 70px));
	margin-left: 0;
}

body.page-template-acces #access-content #access-infos #access-infos-inner {
	padding: 0 20px;
}










/**
* TROMBI
*/

#trombi > article {
	flex-basis: 25%;
}