html,
body {
    margin: 0;
    height: 100%;
}

body {
    background-color: white !important;
}

body {
    /*  -webkit-transform: translate3d(0, 0, 0);*/
}

html {
    width: 100vw;
}

html {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.modules-id {}

#inscription {

    /*max-height: calc(100vh - 50px);*/
	max-height: calc(var(--vh, 1vh) * 100 - 50px);
    overflow-y: auto;
    will-change: display;
    box-sizing: border-box;

}


html .has-shadow {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

html .has-text-shadow {
    -webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
    -moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
    text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.75);
}


html .has-shadows {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1) !important;
}

html .has-top-radius {
    -webkit-border-top-left-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    -moz-border-radius-topleft: 4px !important;
    -moz-border-radius-topright: 4px !important;
    border-top-left-radius: 4px !important;
    border-top-right-radius: 4px !important;

}

html .has-radius {
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

html .has-top-radius {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;

}

html .has-bottom-radius {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;

}

html input,
html input.input,
html textarea,
html textarea.textarea {


    border: none;
    border-color: transparent;
    border-width: 0;
    font-size: 0.8rem;
    color: black;
    padding: 4px 2px;
}

html .select {
    vertical-align: middle;
}

html .select select {


    border: none;
    border-color: transparent;
    border-width: 0;
    /* font-size: 0.8rem; */
    color: black;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    vertical-align: middle;
    padding: 6px 2px 4px 4px;
}


/*.select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
    border: 3px solid transparent;
    border-radius: 2px;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    top: 11px;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 0.625em;
}*/

html input,
html textarea {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25), inset 0px 0px 8px 0px rgba(0, 0, 0, 0.1);


}

html input::placeholder,
textarea::placeholder {
    font-size: 0.8rem;
    color: #cecece;

}

html .inbl {
    display: inline-block !important;
}


html .down-1 {
    position: relative;
    top: 1px;
}

html .down-2 {
    position: relative;
    top: 2px;
}

html .down-3 {
    position: relative;
    top: 3px;
}

html .down-4 {
    position: relative;
    top: 4px;
}

html .down-5 {
    position: relative;
    top: 5px;
}

html .up-1 {
    position: relative;
    top: -1px;
}

html .up-2 {
    position: relative;
    top: -2px;
}

html .up-3 {
    position: relative;
    top: -3px;
}

html .up-4 {
    position: relative;
    top: -4px;
}

html .up-5 {
    position: relative;
    top: -5px;
}

html .button.is-primary:hover,
html.button.is-primary.is-hovered {
    background-color: #4fabc9;
}

html .button.is-primary:focus,
html.button.is-primary.is-hovered {
    background-color: #45748e;
}

html .button.is-success:hover,
html.button.is-success.is-hovered {
    background-color: #5b757d;
}

html .button.is-success:focus,
html.button.is-success.is-hovered {
    background-color: #1d363e;
}

html .button.is-danger:hover,
html.button.is-danger.is-hovered {
    background-color: #d14d45;
}

html .button.is-danger:focus,
html.button.is-danger.is-hovered {
    background-color: #934b46;
}


.has-border-warning {
    border-color: #F8A355;
}

.has-border-success {
    border-color: #40565E;
}

.has-border-info {
    border-color: #9ecdca;
}

.has-border-link {
    border-color: #40565E;
}


.has-border-primary {
    border-color: #4591A9;
}

.has-border-grey-light {
    border-color: #F5F5F5;
}

.has-border-grey-dark {
    border-color: #7B7B7B !important;
}


html .full-width {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
}

html .full-height {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
}

html .flex-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

.black-alpha {
    background-color: rgba(0, 0, 0, 0.7);
}

.black-alpha-2 {
    background-color: rgba(0, 0, 0, 0.9);
}


html .front {
    z-index: 9997;
}

html .front-2 {
    z-index: 9998;
}

html .front-3 {
    z-index: 99;
}

html .back {
    z-index: 1;
}


.w100 {
    width: 100%;
}

.h100 {
    height: 100%;
}

.w90 {
    width: 90%;
}

.h90 {
    height: 90%;
}

.w80 {
    width: 80%;
}

.h80 {
    height: 80%;
}

.w70 {
    width: 70%;
}

.h70 {
    height: 70%;
}

.w60 {
    width: 60%;
}

.h60 {
    height: 60%;
}

.w50 {
    width: 50%;
}

.h50 {
    height: 50%;
}


.hauto {
    height: auto;
}

.wauto {
    width: auto;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.clear {
    clear: both;
}

.tablerow {
    display: table-row;
}

.tablecell {
    display: table-cell;
}

.table {
    display: table;
}

.valigntop {
    vertical-align: top;
}

.valignmiddle {
    vertical-align: middle;
}


html .is-underlined {
    text-decoration: underline;
}


html .label:not(:last-child) {
    margin-bottom: 0.25em;
}

html .relative {
    position: relative;
}


html form .label {
    font-size: .8rem;
}

button.hamburger:focus {
    outline: none !important;
}

.hamburger:focus {
    outline: none !important;
}

button:focus {
    outline: 0;
}

*:focus {
    outline: 0 !important;
}

button {
    outline: 0
}

button:focus:not(.basket) {
    /* border-width: 0 !important;*/
}

*,
*:focus,
*:hover {
    outline: none;
}

.js-focus-visible :focus:not(.focus-visible) {
    outline: none;
}

button:focus:not(:focus-visible) {
    outline: none;
}


html .hamburger {
    z-index: 9999;
    -webkit-tap-highlight-color: transparent;
    padding-right: 10px;
}

html a {
    pointer-events: auto !important;
    cursor: pointer !important;
}


/*
MENUS MOBILES
*/

#startmenu,
#mobilemenu {
    display: flex;
    align-items: center;
    /* justify-content: center;*/
}

html #startmenu,
html #mobilemenu {
    margin: 0;
    padding: 0;
}

#mobilemenu i,
#startmenu i {
    font-size: 1.85em;
    /*position:relative;*/

}

#mobilemenu a *,
#startmenu a * {
    /* color: #40565e;*/
    /*position:relative;*/

}

html #mobilemenu a:focus *,
html #startmenu a:focus * {
    /*color: #1d363e;*/
    /*position:relative;*/

}

html .hamburger {
    margin-top: 10px;
	margin-left: 20px;
}

#mobile-logo {
    width: 100px;
    height: auto;
    /* margin-top: 33px;*/
}

html #mobilemenu .mobile-menu-right {
    position: fixed;
    right: 12px;
    /* margin-top: 10px; */
    font-size: 0.9em;
    top: 5px;
}

html #mobilemenu .mobile-menu-right a {
    margin: 0 8px 0 16px;
}

html #mobilemenu .mobile-menu-right a .is-primary :before {
    color: #4591a9;
}

html #mobilemenu .mobile-menu-right a .is-black :before {
    color: #000000;
}

html #mobilemenu .mobile-menu-right a .is-danger :before {
    color: #da6861;
}


#mobile-menu {
    position: fixed;
    height: 100%;
    width: 100%;

    z-index: 99999;
}

nav#mobile-menu {
    padding: 20px 20px 20px 20px;
	padding: 7px 20px 20px 20px;
    top: 50px;
    color: #ffffff;
    font-size: 1.25rem;
    /* text-transform: uppercase;*/
    /* background-color: #40565e;*/
    background-color: #f5f5f5;

}

nav#mobile-menu a {
    line-height: 2.25;
}


.footer img {
    max-width: 180px;
    min-width: 136px;
}


html .footer .is-left * {
    text-align: left;
    justify-content: left;
}

html .footer .is-right * {
    text-align: right;
    justify-content: right;
}

html .footer .is-centered * {
    text-align: center;
    justify-content: center;
}

.text-is-centered {
    text-align: center;
}


html .footer .lg-switch *,
html .footer .lg-switch a:not(.ic) {
    text-decoration: none;
    border-bottom: none;
    margin: 0;
}


html .footer .lg-switch {
    margin-top: 16px;
}


html .switch {
    margin-right: 0;
}


html .aflecherem {

    display: none;
    justify-content: center;
    position: fixed;
    bottom: 15px;
    right: 15px;
    z-index: 998;
    /* width: 40px; */
    /* height: 40px; */
    background-color: #ffffff;
    padding: 18px 18px;
    /* margin: 15px 15px; */
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-transition: all 0.5s 0s ease;
    -moz-transition: all 0.5s 0s ease;
    -o-transition: all 0.5s 0s ease;
    transition: all 0.5s 0s ease;

}

html .aflecherem.scrolled {
    display: flex;
}

html .aflecherem span {
    font-size: 32px;

    height: 15px;
    width: 15px;

}

.has-grey-border-bottom {
    border-bottom: 1px solid #cecece;
}

.has-grey-border-top {
    border-top: 1px solid #cecece;
}


html .footer-menu p.title {
    text-decoration: none;
}


.sl-nav {
    display: inline;
}

.sl-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}

.sl-nav li {
    cursor: pointer;
    /*padding-bottom:10px;*/
}

.sl-nav li ul {
    display: none;
}

.sl-nav li:hover ul {
    position: absolute;
    top: 30px;
    /*right:-15px;*/
    display: block;
    background: #fff;
    /* width: 120px;*/
    padding-top: 0px;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.footer .sl-nav li:hover ul {
    position: absolute;
    top: 24px;
    /*right:-15px;*/
    display: block;
    background: #fff;
    /* width: 120px;*/
    padding-top: 0px;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    padding: 3px 3px;
}

.sl-nav li:hover .triangle {
    position: absolute;
    /*top: 15px;*/
    /*right: -10px;*/
    z-index: 10;
    height: 14px;
    overflow: hidden;
    width: 30px;
    background: transparent;
}

.sl-nav li:hover .triangle:after {
    content: '';
    display: block;
    z-index: 20;
    width: 15px;
    transform: rotate(45deg) translateY(0px) translatex(10px);
    height: 15px;
    /*background: #fff;*/
    border-radius: 2px 0px 0px 0px;
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
}

.sl-nav li ul li {
    position: relative;
    text-align: left;
    background: transparent;
    padding: 3px 3px;
    padding-bottom: 0;
    z-index: 2;
    /*font-size: 15px;*/
    color: #000000;
}

.sl-nav li ul li:last-of-type {
    padding-bottom: 5px;
}

.sl-nav li ul li span {
    /*padding-left: 5px;*/
}

.sl-nav li ul li span:hover,
.sl-nav li ul li span.active {
    color: #4591a9;
}


.my-account {
    display: inline-block;
    cursor: pointer;
    font-size: 0.85rem;
    color: black;
    /*padding: 2px 0 2px 0;
    margin-top: 6px;
    margin-bottom: 6px;*/
}

.my-account-hover-container {
    position: relative;
}


/*.header .header-menu-right > *.my-account-hover {
    display: none;
}*/

.header .header-menu-right .my-account-hover,
.mobilemenu .my-account-hover {
    display: none;
}

html .header .header-menu-right .my-account:hover+.my-account-hover,
.header .header-menu-right .my-account-hover:hover,
html .mobilemenu .my-account+.my-account-hover.is-active {
    display: flex;
    position: absolute;
    top: 40px;


}


.my-account-hover-int {
    position: relative;
    left: -10px;
    background: #fff;
    /* width: 120px;*/
    padding: 8px 8px;
    z-index: 1;
    border-radius: 4px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
    line-height: normal;
    font-size: 0.85rem;
    margin: 5px 5px;
}

.my-account-hover-int:before,
.header .sl-nav li:hover ul:before,
.mobilemenu .sl-nav li:hover ul:before {

    content: '';
    position: absolute;
    top: -18px;

    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
}

.footer .sl-nav li:hover ul:before {

    content: '';
    position: absolute;
    top: -16px;
    left: 5.5px;
    width: 0;
    height: 0;
    overflow: hidden;
    border-width: 9px;
    border-style: dashed dashed solid dashed;
    border-color: transparent transparent #fff transparent;
}

.header .my-account-hover-int:before {

    left: 10px;
}

.mobilemenu .my-account-hover-int:before {

    left: 22px;
}


.mobilemenu .sl-nav li:hover ul:before {

    left: 8px;
}

.header .sl-nav li:hover ul:before {
    left: 4.5px;
}

.header a.disconnect:hover,
.mobilemenu a.disconnect.is-black:active * {
    color: #DA6861;
}


html #product-nav-mobile .subcat-btn *,
html #product-nav-mobil .subcat-btn .fs-13px {
    font-size: 12px;
    line-height: 21px;
    height: 21px;
    font-family: "Poppins", sans-serif !important;
}


#container-product-grid .product-tile a.thumb img {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}


#container-product-grid.tpanier .product-tile a.thumb  {
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;

	display:inline-block;
	height: 100%;
}

#container-product-grid.tpanier .product-tile a.thumb img {
        -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	
    -webkit-border-top-right-radius: 0px;
   
    -moz-border-radius-topright: 0px;
   
    border-top-right-radius: 0px;
}


#container-product-grid.tpanier .product-tile a.thumb {
    /*width:31.5%; /* choix esthétique arbitraire avec crop*/
    /* width: 75.1173%; /*proportion stantard*/
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;

}

#container-product-grid.tpanier .product-tile {

    /*height: 100%;*/
    /*position:relative;*/

}

#container-product-grid.tpanier .product-tile .outer {

    height: 100%;
    position: relative;
    padding-left: 75.1173%;

}


#container-product-grid .product-tile .producttag {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}

#container-product-grid.tpanier .product-tile .producttag {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;

}

html .colum.is-mobile.is-multiline {
    margin-right: 17px;
    position: relative;
    left: 8.5px;
}


html .subcat-btn {
    font-family: "Poppins", sans-serif !important;
}


html .footer .lg-switch {
    margin-right: 12px;
}

html .footer .gtc-footer a span {
    display: block;
    margin-right: 12px;
}

header.header {
    z-index: 9999;
}


html .custom-checkbox-input {
    position: absolute;

    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

html .custom-checkbox-fake {
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    border: 1px solid #40565e;
    position: absolute;

    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    box-shadow: none;
    /*top:-2px;*/
}

html .product-filters label {
    cursor: pointer;
    display: block;
    margin: 6px 0 6px 0;
}


html .product-filters input {
    box-shadow: unset;
}

html .custom-checkbox-input:checked+.custom-checkbox-fake {
    background: #40565e;

}

.custom-checkbox-desc {
    padding-left: 20px;
}


.link-mimic:hover {
    color: #4591a9;
}

.columns {
    flex-wrap: wrap;
    align-items: stretch;
    height: 100%;
}

.init-main {
    display: flex;
    justify-content: center;
    font-family: "Poppins", sans-serif !important;
}

.w100m1616 {
    padding: 16px 16px;
}

html .main-content {
    font-size: .85rem;
    color: black;
    display: flex;
    font-family: "Poppins", sans-serif !important;
}

.main-content p {
    margin: 0 0 .85rem 0;
}

.main-content .swiper-slide p:not(.title) {
    margin: 0 0 0 0;
}

.main-content .swiper-slide p:not(.title):not(.address) {
    margin-right: 12px;
}

.main-content .swiper-slide a.dec12 {
    position:relative;
	right: 12px;
}


html .societe,
html .societe .hero-body {
    padding: 0;
}

.main-content .columns {
    margin-left: 0;
    margin-right: 0;
}

.main-content .columns.m-normal {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
}


.hero.has-background {
    position: relative;
    overflow: hidden;
}

.hero-background {
    position: absolute;
    object-fit: cover;
    object-position: top center;
    width: 100%;
    height: 100%;
}


.p-3rem {
    padding: 3rem 3rem !important;
}

.pt-3rem {
    padding-top: 3rem !important;
}


.p-2rem {
    padding: 2rem 2rem !important;
}

.pt-2rem {
    padding-top: 2rem !important;
}


.mt-3rem {
    margin-top: 3rem !important;
}

.pb-3rem {
    padding-bottom: 3rem !important;
}

.mb-3rem {
    margin-bottom: 3rem !important;
}

.pb-2rem {
    padding-bottom: 2rem !important;
}

.mb-2rem {
    margin-bottom: 2rem;
}


.p-6rem {
    padding: 6rem 6rem;
}


.p-5rem {
    padding: 5rem 5rem !important;
}


.p-4rem {
    padding: 4rem 4rem !important;
}

.p-4rem-m2rem {
    padding: 4rem 4rem !important;
}

.m-2-m0 {
    margin: 0.5rem !important
}


.team-gallery {
    justify-content: space-between;
}

.team-gallery .column {
    margin: -1.5em -1.5em;
}

.meta_body {
    text-align: center;
    justify-content: center;
}

.meta_body h6 {
    font-weight: 700;
}

.p-large {
    padding: 6rem 6rem;
}

.m-large {
    margin: 6rem 6rem;
}

.p-medium {
    padding: 4rem 4rem;
}

.m-medium {
    margin: 4rem 4rem;
}

.p-small {
    padding: 2rem 2rem;
}

.m-small {
    margin: 2rem 2rem;
}

.simple-vertical-divider {
    border-left: 1px solid #cecece;
    /*height: 100%;*/
}

.has-dividers {
    display: flex;
    align-items: stretch;
}

.showrooms-gallery.columns,
.catalogues-gallery.columns {
    width: 100%;
    /* justify-content: center;*/
    text-align: center;
}

.column.showrooms,
.column.catalogues {}

.showrooms-gallery.columns .column {}

.column.showrooms .button {
    margin: 1rem 0;
}

.showrooms-gallery.columns div {
    position: relative
}

.showrooms-gallery.columns .showrooms-clicker {
    position: absolute;
    width: calc(100% - 3rem);
    height: calc(100% - 3rem);
    z-index: 4;
    /* margin: 1.5rem; */
    cursor: pointer;
    justify-content: center;
    text-align: center;
}

.iframe-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    /*padding-top: 56.25%;*/
    /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) / ici 4/3*/
    padding-top: 142.31%;
}

.iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.gen-tile {
    background-color: #f5f5f5;
    padding: 1em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: center;
    justify-content: center;
}

.gen-tile .button {
    z-index: 5;
    margin-bottom: -.25em !important;
}


.m-15rem {
    margin: 1.5rem;
}

.mt-15rem {
    margin-top: 1.5rem;
}

.mb-15rem {
    margin-bottom: 1.5rem;
}

.ml-15rem {
    margin-left: 1.5rem;
}

.mr-15rem {
    margin-right: 1.5rem;
}

.p-15rem {
    padding: 1.5rem;
}

.pt-15rem {
    padding-top: 1.5rem;
}

.pb-15rem {
    padding-bottom: 1.5rem;
}

.pl-15rem {
    padding-left: 1.5rem;
}

.pr-15rem {
    padding-right: 1.5rem;
}


.paper_catalogues img.to_select {
    border: 3px solid #cecece;
    padding: 1rem;
    cursor: pointer;

}

.paper_catalogues img.to_select.selected {
    border: 3px solid #40565E;
    background-color: #f5f5f5;
}


.small-rounded-image {
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    min-width: 50px;
    height: 50px;
}

.medium-rounded-image {
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 100px;
    height: 100px;
}

.marge-rounded-image {
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 200px;
    height: 200px;
}

.tuile.rep {
    vertical-align: middle;
    align-items: center;
    display: flex;
    margin-bottom: 1.5rem;
    margin-top: 0;
}

.rep h6 {
    margin: 0 0 .5rem 0;

}

.cursor {
    cursor: pointer;
}


.lastflexleft {
    justify-content: flex-start;
}

.contact.columns {
    padding: 0
}


.filtre-actif {

    position: absolute;
    display: flex;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    width: 15px;
    height: 15px;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    top: -3px;
    right: -3px;

}

.filtre-actif-decalage {
    top: -6px;
    right: -12px;
}

html body .catalogue-select * {
    font-size: 12px;
}

.h100px {
    height: 100px;
    position: relative;
}

.h120px {
    height: 120px;
    position: relative;
}

.h150px {
    height: 150px;
    position: relative;
}

.h50px {
    height: 50px;
    position: relative;
}

.h70px {
    height: 70px;
    position: relative;
}

.h80px {
    height: 80px;
    position: relative;
}

.h90px {
    height: 90px;
    position: relative;
}


html .is-size-4 {
    font-size: 22px !important;
}


body h2.title {
    font-family: "Poppins", sans-serif !important;
    margin-bottom: -.75em;
}


.cancel-subcat,
.apply-subcat,
.cancel-subcat,
.apply-subcat {
    cursor: pointer;
}


.thumb.openModal img {
    /*cursor: zoom-in;*/
}

.avail {
    display: table;
}

.avail div:nth-child(2) {
    display: table-cell;
}


p.product-ref {
    /*margin-top: 5px;*/
}

.mySlides img {
    /*max-height: 90vh;*/
	max-height: calc(var(--vh, 1vh) * 90);
    width: auto;
}

html #page .product-detail,
html #page .product-tile {
    font-family: 'Roboto', sans-serif !important;
}

html .product-cart input {
    padding: 2px 2px;
}

.notre-histoire {
    padding-top: 75px !important;
    padding-bottom: 75px !important;
}


html .subcat-select .full-height,
html .avail-select .full-height {

    /*height:auto;*/
    min-height: 100%;
    
}

html .subcat-select,
html .avail-select,
html #identification,
html #recuperation,
html #inscription {
    /*overflow-y:auto !important;*/
}

html .subcat-select .whiteonblack,
html .avail-select .whiteonblack {
    overflow-y: auto !important;
}


.gallery-part {
    overflow: auto;
}

.product-alert-toggle {
    width: 22px;
}

html body #container-product-grid .producttag {
    padding-top: 0;
}

html body #container-product-grid.tpanier .producttag {
    /* margin-left: 31.5%;*/
}


html body #container-product-grid .product-ref,
html body #container-product-grid .avail,
html body #container-product-grid .product-description,
html body #container-product-grid .product-price {
    height: 16px;
    line-height: 16px !important;
    margin-bottom: 5px;
}

html body #container-product-grid.tpanier .product-ref,
html body #container-product-grid.tpanier .avail,
html body #container-product-grid.tpanier .product-description,
html body #container-product-grid.tpanier .product-price {
    height: 14px;
    line-height: 14px !important;
    margin-bottom: 2px;
}

html body #container-product-grid.tpanier .product-ref {
    padding-top: 4px !important;
}

html body #container-product-grid.tpanier .product-description {
    overflow: hidden;
    /*height: 28px;*/
    line-height: 12px;
    font-size: 10px;

}


html body #container-product-grid.tpanier .pc-cont {
    width: auto;
}


html body .fwnormal {
    font-weight: normal;
}


#page {
    /*-webkit-overflow-scrolling: touch;*/
}

html .order-valid {

    font-family: 'Roboto', sans-serif !important;
    font-style: italic;
}

.tableordervalidation td {
    padding-bottom: 5px;
    padding-top: 5px;
    /*padding-left: 5px;*/
    vertical-align: middle;
}


html #container-product-grid div.actionCart input {
    color: black !important;
    opacity: 1;
}

/*
.generic-footer a {
		display:block;
	
}*/


html #page .communication-postlogin strong {
    font-weight: bold;
    color: white;
}


html #page .contact-int-t h1,
html #page .contact-int-t h1,
html #page .contact-int-t h2,
html #page .contact-int-t h3,
html #page .contact-int-t h4,
html #page .contact-int-t h5,
html #page .contact-int-t h6 {
    font-size: 1rem;
    margin-bottom: 1.5rem;
    font-style: italic !important;
    color: #171717;
    padding: 1em 0 0 0;
    font-weight: 600;
    line-height: 1.125;

}


body #page .etiquettepromo {
    display: block;
    position: absolute;
    top: 10px;
    left: 0;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;

    padding: 0.4em 0.8em 0.4em 0.8em;
    line-height: 1;

    font-size: 14px;
    font-weight: bold;


}

/*
html body #page .main-order table {
	border:none;
}

html body #page .main-order .noleftborder {
	border-left-width: 0 !important;
}



html body #page .main-order table tr, html body #page .main-order table  {
	border-bottom:none !important;
	border-top:none !important;
}


body #page .main-order th,  body #page .main-order td {
	border-left: 1px solid #cecece;
	padding:0px 5px;
}
*/


html body #page .paniers3 a {
    font-family: 'Roboto', sans-serif !important;
    color: black;
    font-size: 12px;
    margin: 0 15px;
    font-weight: 400;
}

html body #page .paniers3 a:hover {

    font-weight: 500;
    color: #4591A9;
    border-bottom: 1px solid #4591A9;
}


html #container-product-grid.tpanier .pan3 {



}

html #container-product-grid.tpanier .pan3:target {

    display: block;
}


html body #page .paniers3 a.pseudounderline,
html body #page .paniers3 a.pseudounderline:hover {
    border-bottom: 1px solid #40565E;
    color: #40565E;
    font-weight: 500;
}

html body #page .paniers3 a:hover {

    font-weight: 500;
    color: #4591A9;
}

html #page .products-section.panier {

	min-height: calc(var(--vh, 1vh) * 100 - 551px);

}


html #page .paniers3 a span {
    position: relative;

}

html #page .paniers3 a span sup {
    position: absolute;
    top: -4px;
    left: 2px;
}


html body button#filtrespanier-mobile {
    position: fixed;
    bottom: 0;
    width: 100vw;

    z-index: 9;

    width: 100vw;
    left: 0;
    right: 0;
    border-radius: unset;
    -moz-border-radius: 0;
    padding: 0 0;
    /*background-color: #4fabc9;*/
    color: white;
    height: auto;
    font-size: 12px;
}


html .tpanier main-content {
    margin-left: -0.5em;
    margin-right: -0.5em;
}


.main-content {
    white-space: normal;
}


html #pastorders .column .product-tile a,
html #pastorders .column .product-tile a:hover,
html #pastorders .column .product-tile a:active {
    cursor: default;
}


.close2, .close3 {

    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 32px;
    z-index: 9999;
    line-height: 1;
}




html .subcat-filters label {
    cursor: pointer;
    display: block;
    margin: 5px 0; 
}

html .subcat-filters label .custom-checkbox-desc {
    margin-right: 5px; 
}

html .subcat-filters label a.link-to-category {
    margin-left: 10px;
    vertical-align: middle; 
}


html body .equipes {
	margin-bottom:0 !important;
}





html body .block.p-3rem.main-content.equipes > h2.title.is-size-4{
	
		margin-left:0 !important;
}


html .pictodim {
    width: 10px;
    height: 10px;
    margin-right: 2px;
	vertical-align:middle;
	position:relative;
	top: -1.25px;

}


html a.button.btn3d {
	font-size: 12px !important;
    padding: 0px 6px; 
    position: absolute;
    top: 10px; 
    left: 10px;
	height:21.6px;
}

/*            <a href="javascript:void(0)" class="button is-success btn3d">Voir en 3D</a>
in <a class="thumb save-scroll-position">
*/


html .jump-container {
  position: fixed;
  left: calc(3.25em + 1.5rem); 
  top: 126px; 
  z-index: 1000; 
	cursor: pointer;
	/*padding-right:8px; background-color: #40565E;*/
	margin-bottom:0 !important;
	padding-bottom: 0 !important;
}


html .jump-container .select {
  height: 50px !important;
	margin-bottom:0 !important;
	padding-bottom: 0 !important;
}

html .select select.jump-select  {
	border-radius:0 !important;
}

html select.jump-select {
	cursor:pointer;
    height: 50px !important;
    line-height: 50px !important;
    background-color: #40565E;
    color: white;
    padding: 0 8px 0 16px;
	font-size: 1.25em;
	border:0 !important;
	margin-bottom:0 !important;
	padding-bottom: 0 !important;
}


html .jump-container.select:not(.is-multiple):not(.is-loading)::after {
    border-color: #ffffff;
    right: 1.125em;
    z-index: 4;
}
html .jump-container .select:not(.is-multiple):not(.is-loading)::after, .navbar-link:not(.is-arrowless)::after {
    border: 3px solid white;
    /*border-radius: 2px;*/
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.625em;
    margin-top: -0.4375em;
    pointer-events: none;
    position: absolute;
    /*top: 50%;*/
	top: 25px;
    transform: rotate(-45deg);
    transform-origin: center;
    width: 0.625em;
}



html select.jump-select option {
	
    height: 50px !important;
    line-height: 50px !important;
    cursor: pointer;
}
html select.jump-select option::after {
	
    height: 50px !important;
    line-height: 50px !important;
    
}

.p-3rem.n2.fcsmob .tile.is-ancestor {
    margin-left: -0.75rem;
    margin-right: -0.75rem;
    margin-top: -0.77rem;
}
.p-3rem.n2.fcsmob {
	padding-top:0.5rem !important; 
	margin-top:0;
}





.checkmark {
    position: relative;
    top: 0;
    left: 0;
    height: 20px;
    width: 40px;
    background-color: #ccc;
    border-radius: 20px;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 4px;
    top: 2px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: white; 
}

input:checked + .checkmark {
    background-color: #2196F3;
}

input:checked + .checkmark:after {
    display: block;
}

#inspmainimg img:not(.full-height-image) {
    display: block; 
    width: 100%; 
    object-fit: cover; 
}


html .zoom-switch-container {
	position: absolute;
	/*z-index: 999;*/
	left: calc(20px - 0.25em);
	top: 146px;
	/*visibility: visible;*/
}
html .zoom-switch-container .btn-container {
	background: #F5F5F5;
	    -webkit-appearance: none;
    align-items: center;
    border: 1px solid transparent;
    border-radius: 4px;
    box-shadow: none;
    display: inline-flex;
    font-size: 1rem;
    height: 2.5em;
    justify-content: flex-start;
    line-height: 1.5;
    padding: 3px 3px;
    
    vertical-align: top;
	
}

html .zoom-switch-container button.button, html .zoom-switch-container button.button:hover, html .zoom-switch-container button.button.is-hovered {
	width: 50%;
	margin:3px 3px;
	font-size: 0.7rem;
	border-width:0 !important;
	border-color: #F5F5F5 !important;
}

html .zoom-switch-container button.button:not(.is-success) {
	background: #F5F5F5;
}

html .zoom-switch-container p {
	font-size: 2rem !important;
	line-height:normal !important;
}

#page.pageinspirations .products {
	margin-top: 126px !important;

}



.full-height-image {
    /*height: calc(100vh - 126px); */
	height: calc(var(--vh, 1vh) * 100 - 126px);
    width: 100%; 
    max-width: none; 
    object-fit: contain; 
    margin-left: auto; 
    margin-right: auto; 
    display: block; 
	object-position: top; 
}



.info-bullets {
   /* display: none;*/

}


.product-detail-left {
	background-color:#f5f5f5;
}



.thumbnail-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 10px;
  }

  .thumbnail-container img {
   
    width: calc(50% - 24px - 10px);
    height: auto;
    margin: 5px; 
  }

  .thumbnail-container img:nth-child(odd) {
   
    margin-left: 2.5px; 
  }
/*
.thumbnail-container img:nth-child(even) {
   
    margin-right: 2.5px; 
  }
*/
 
  .thumbnail-container img.inspiration {
    width: calc(100% - 48px); 
    height: auto;
    margin: 5px 0; 
  }

.bullet-container {
    text-align: center;
    position: absolute; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    display: none; 
    bottom: 80px; 
}


.bullet-container.default-bottom {
    bottom: 80px;
}


.bullet-container.modal-bottom {
    bottom: 20px;
}


    


.no-desktop .bullet-container,
.no-tablet .bullet-container {
    display: none; 
}


.bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #FFFFFF;
    margin: 0 5px;
    cursor: pointer;
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
}

.bullet.active {
    background-color: #4591A9; 
}


#threemodel {
    position: absolute; 
    
    min-height: 300px;
	
}


.fullremainingheight {
    /*height: calc(100vh - 126px); */
	height: calc(var(--vh, 1vh) * 100 - 126px);

}



.back-arrow {
	position: absolute;
	left:20px;
	z-index:9996;
}

.backarrow {
	width:30px;
	padding:10px 0;
}

html .black-alpha, html .black-alpha-2 {
	z-index:99998;
}

html .switch-fullscreen {
        top: 120px; 
    }


html .is-one-third-height {
    width: 100%;
    padding-bottom: 75%;
}

html .is-one-third-height {
    width: 100%;
    padding-bottom: 55%;
}

html .is-two-thirds-height {
    width: 100%;
    padding-bottom: 112.5%;
}

html .inspirations .tile.is-parent.is-vertical {
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}

html .inspirations .tile.is-parent.is-vertical .tile {
    margin-bottom: 0.5rem !important;
    position: relative;

}

html .inspirations {
    /*margin-left:1em;
	margin-right:1em;
	width: calc(100% - 2em);*/
}

html .inspirations .tile.is-parent.is-vertical .tile>.inspinside {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}


html .links-gallery a:hover {
    color: #78928e !important;
}

html .inspinside img {
    width: 100%
}

html .gallery-part img.demo:hover,
html .gallery-part img.demo:active,
html .gallery-part img.demo.active {
    opacity: 1 !important;
}


html .product-detail-right p {
	color:black;
}



html .desc-part .maomeno .button, html .desc-part .product-cart input {
	text-align: center !important
}


html .desc-part .product-cart input {
	font-size:18px !important;
}



html .desc-part .maomeno .button {
    font-size: 36px !important;
    font-weight: 300 !important;
}


.w40 {
	width: 40px !important;
}


html div.bottomcart {
	position: fixed;
	height: 50px;
	background: black;
	bottom: 0;
	display: flex;
	justify-content: space-between;
	left: 0;
	right: 0;
	color: white;
	z-index: 1001;
}

html div.bottomcart .desc-part {
   
    left: 20px;
    top: 50%; 
  
    
}

html div.bottomcart .desc-part p {
  margin:  9px 0 9px 20px; 
  text-align: left; 
}

html div.bottomcart .totalpanier {
    display: block;
  margin-top: 5px; 
}

html div.bottomcart * {
	color:white !important;
}

html div.bottomcart .bottomcartgr * {
	line-height: 15px;
}

html div.bottomcart .absdr {
	position: absolute;
  top: 8px;
  right: 20px;
 
	height: 32px;
}

html .bottomcartgr {
  display: flex;
  flex-direction: column;

  height: 100%; 
  margin-right: 140px;

}


html .emdash {
	position: absolute;
    margin-top: -20.5px;
    font-size: 60px;
    text-align: center;
    line-height: .6;
    left: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}


html hr.blackhr {
	border: none; 
    height: 1px; 
    background-color: black; 
    margin: 0; 

    -webkit-box-sizing: content-box; 
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
	margin: 1em 0;
}

html hr.greyhr {
	border: none;
    height: 1px;
    background-color: #e5e5e5;
    margin: 0;

    
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box; 
    box-sizing: content-box; 
	margin: .5em 0;
}


html a .wishnotiflegend, html .productdocs a {
	text-decoration: underline;
	color: #4591A9;
	text-decoration-color:#4591A9;
}

html .relatedt {
	margin-left:20px;
	margin-right:20px;

	font-weight: normal !important;
}

html .relatedt .title {
	font-weight: normal !important;
}



html .accountingdocs * {
	font-size:.85rem;
}

html .accountingdocs, html .accountingdocs td, html .accountingdocs tr, html .accountingdocs th {
  color:black;
  border-collapse: collapse; 
  border: 0; 
  padding:0.5em;
  vertical-align: middle;
}


html .accountingdocs th {
  border-bottom: 1px solid black; 
  vertical-align: middle;
	font-weight:normal;
	font-style: italic;
}

html .accountingdocs th, html .accountingdocs td {
  border-left: none;
  border-right: none; 
}

html .accountingdocs td:not(:last-child), html .accountingdocs th:not(:last-child) {
  border-right: 1px solid black; 
}

.accountingdocs tr:not(:first-child):hover {
    background-color: #f5f5f5; 
  }



html a.has-text-primary:hover {
	color: #4fabc9 !important;
}

html .is-borderless {
	border:0;
	border-width:0;
}

html .complaints button.button, html .complaints select {
	font-size: 12px;
}

.container-itemcomplaint {
	position:relative;
}


.close-complaint, .close-guide {
	padding-left:6px;
	padding-right:6px;
	height:25px; 
	-moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
	position: absolute;
	right:5px;
	top: 5px;
	display: flex;
    align-items: center;
    justify-content: center;
	cursor:pointer; 
}

html .complaints input[type=text], html .complaints select {
	-moz-border-radius : 4px;
  -webkit-border-radius : 4px;
  border-radius : 4px;
}


.artcomm {height:70px;}

input[type="radio"].mimic-checkbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 2px solid #ccc;
    border-radius: 0;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

input[type="radio"]:checked.mimic-checkbox {
    background-color: #007bff;
}

.checklistphoto ul {
    padding-left: 20px; 
    list-style-type: none; 
}

.checklistphoto ul li {
    padding-left: 15px;
    text-indent: -15px; 
}

.checklistphoto ul li:before {
    content: "-"; 
    display: inline-block;
    width: 10px; 
}

html .columns.article-pics .column {
	/*height: 80px;*/
}

html .columns.article-pics {
	margin-top:0;
	margin-bottom: 0;
}

html .complaints .article-pics .column {
	text-align:center;
	vertical-align: middle;
}


html .complaints button.button .icon {
	width: auto;
	height: auto;
}


html .complaints button.button .fa-plus {
	font-size:6px;
	margin-right:1em
}


html .complaints button.button .fa-picture-o {
	font-size:18px;
}
html section.container-modal-claimimageguide {
	background-color:#f5f5f5;
}
html .modal-claimimageguide.modal {
	position: fixed; 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	    width: 100%; 
    max-width: 100%; 
    /*height: 100vh; */
	height: calc(var(--vh, 1vh) * 100);
    overflow-x: hidden;
    overflow-y: auto; 
	padding: 1em 1em !important;
	background-color:#f5f5f5;
	box-sizing: border-box;
}


html .is-size-six {font-size: 1rem !important}


html .is-size-sept {font-size: 0.75rem !important}

html .is-size-cinq {font-size: 1.25rem !important;}


html .column[class^="article-pic-"] {
	position:relative;
}

html .column[class^="article-pic-"] label.button {
	position:absolute;
	top: 50%;
    left: 50%;
	transform: translate(-50%, -50%) translate(-20px, 0);
}



html .article-pics .column {
    position: relative;
    display: block;
    flex-basis: 0;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0 !important;
	min-height:100px;
}

html .article-pics .column .button, html .delete-photo.button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*background-color: whitesmoke;*/
    border-color: transparent;
    color: rgba(0, 0, 0, 0.7);
	height: 3em;
	width:3em;
}

html .article-pics .column .button .icon > i {
	font-size:1.5em;
}

html .article-pics .column .button .icon > i:first-child:not(.fa-trash) {
    
	font-size: 0.5em;
    margin-right: .75em;
}

.article-pics .column .photo-preview {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	overflow:hidden;
    
}



.swiper-container.homeswipe {
        width: 100%; 
        /*height: calc(100vh - 126px); */
		height: calc(var(--vh, 1vh) * 100 - 126px);
        position: relative;
       /* overflow: hidden;*/
    }

    

   .swiper-container.homeswipe .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
        color: white;
        font-size: 24px;
    }


	html .swiper-pagination-vertical.swiper-pagination-bullets, html.swiper-vertical>.swiper-pagination-bullets {
		right: 20px !important;
	}

	.swiper-slide {
		height: 100%;  
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
	}

	html .swiper-pagination-bullet-active {
		background-color: #4591A9
	}

	.swiper-container.swiper-h {
		height: 100%
	}

	.swiper-container.swiper-h .swiper-wrapper{
			width: 100%
		}

	
	.swiper-container.homeswipe .swiper-slide {
		display: flex;
		justify-content: center;
		align-items: center;
		color: white;
		font-size: 24px;
		height: 100%; 
	}


	.swiper-container.swiper-h .swiper-slide {
		width: 100%; 
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24px;
	}


	.swiper-container.swiper-h {
		height: 100%; 
		width: 100%; 
	}



html .swiper-button-next,
html .swiper-button-prev {
    cursor: pointer;
    position: absolute; 
    top: 50%;
    transform: translateY(-50%); 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    width: 44px; 
    height: 44px; 
    color: #4591A9;
    font-weight: bold;
    font-size: 50px;
    transition: 0.6s ease;
    user-select: none;
    -webkit-user-select: none;
    z-index: 999;
    padding: 0; 
    margin: 0; 
    box-sizing: border-box; 
}


html .swiper-button-next {
    right: calc(4% + 17px);
    border-radius: 3px 0 0 3px;
}


html .swiper-button-prev {
    left: calc(4% - 17px);
    border-radius: 0 3px 3px 0;
}


html .swiper-button-next:after, 
html .swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    display: block; 
    margin: 0 auto; 
}

	html .swiper-horizontal .swiper-pagination-h {
		z-index:9999;
		position:absolute;
		bottom:15px;
		left: 50%;
		transform: translateX(-50%);
		text-align: center;
	}


	html .swiper-button-next.swiper-button-disabled, html .swiper-button-prev.swiper-button-disabled {
			opacity:0;
		}


	.swiper-slide .media-container {
		position: relative;
		overflow: hidden;
		width: 100%; 
		height: 100%; 
	}

	.swiper-slide .media {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%) scale(1.05);
		/*transform: scale(1.1);*/
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: transform 2s;

		

		
		
	}

	html .swiper-slide.swiper-slide-fully-visible .media {

			transform: translate(-50%, -50%) scale(1.0) !important;

			transition: transform 2s;




	}



	.swiper-slide .overlay-content:not(.custom-overlay) {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
	}

	.swiper-slide .overlay-content .title, .overlay-content p, .overlay-content a {
		color: white;
		z-index: 2;
	}

	.swiper-slide .overlay-content:not(.custom-overlay) .title {
		max-width:75% !important;
	}

	
	html .swiper-slide .t1-header, html .swiper-slide .t2-header {
		font-weight: normal !important;
		font-size: 2em !important;
		margin-bottom:0.75rem !important;
	}

	html .swiper-slide .t1-text, html .swiper-slide .t2-text {
		font-weight: normal !important;
		font-size: 0.85em !important;
		margin-bottom:0.75rem !important;
	}

	html .swiper-slide a.button {
		margin-top:1.5em !important;
		padding:0.5em 0.5em;
		font-size: 0.85em !important;
		font-family: 'Roboto', sans-serif !important;
		border-radius: 4px;
		/*
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);*/
	}

	

	html .swiper-slide .thumb {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
	}

	html .swiper-slide .thumb img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all 0.5s ease;
	}

	

	html .swiper-slide .thumb .t1-text {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		text-align: center;
	}


	.featuredcolumns .custom-overlay {
		position: relative;
		text-align: center;
		padding: 1.5em;
	}

	.featuredcolumns .custom-column-left .background-image {
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		height: 100%;
		width: auto;
		max-width: 100%;
		z-index: -1;
	}

	.featuredcolumns .custom-column-left .overlay-content {
		position: relative;
		height: 100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	/* Styles pour les vignettes */
	.featuredcolumns .thumb-featured {
		position: relative;
		overflow: hidden;
		margin-bottom: 20px;
	}

	.featuredcolumns .thumb-featured img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		transition: all 0.5s ease;
	}

	

	html .featuredcolumns .column.thumb-featured {
		padding:0;
		margin:10px 10px !important;
	}

	html .imgcontainer {
			background-repeat:no-repeat;
	}

	.featuredcolumns .zoom-effect img {

		display: block;
	}


	

	
	html body .footer-active .swiper-pagination {
		display: none !important;
	}

.swiper-slide-last .block {
    display: flex;
    flex-direction: column;
    height: 100%;
}


.swiper-slide-last .columns {
    margin-left: -1.75rem;
    margin-right: -0.55rem;
    margin-top: -1rem;
    flex-wrap: nowrap;
    align-items: flex-start;
    height: auto;
    overflow: hidden;
}


.swiper-slide-last .column {
    display: flex;
    flex-direction: column; 

    flex-shrink: 1;
    padding: 1.5rem;
    min-width: 0;
    height: auto;
    overflow: hidden;
}


.swiper-slide-last .footer nav,
.swiper-slide-last .footer a,
.swiper-slide-last .footer p:not(.title) {
    margin: 0;
    padding: 0;
    line-height: normal; 
    height: auto;
    max-height: none;
    overflow: hidden;
}

body .swiper-slide-last .footer nav {
	line-height:1;
}


.swiper-slide-last .footer p:not(.title),
.swiper-slide-last .footer a {
     margin: 0.5rem 0; 
    padding: 0;
    line-height: 1.2; 
    
    white-space: normal; 
    word-break: normal;
    overflow: hidden; 
}


.swiper-slide-last .footer {
    margin-top: auto;
    padding: 3.5rem 1.5rem;
    bottom: -15px;
    background-color: #fafafa;
    width: 100vw;
    position: relative;
}


.swiper-slide-last .footer .columns {
    height: auto;
}

.swiper-slide-last .footer .column {
    height: auto;
}



html body.products-page .desaffichesigrille {
	display:none !important;
}

.promo-banner {
	cursor:pointer;
	font-size: 0.75rem;
}
.promo-banner .banner-part {
    transition: opacity 0.4s ease;
}

.promo-banner.closed .banner-intro,
.promo-banner.closed .banner-info {
    opacity: 0;
    height: 0;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    transition: all 0.4s ease;
}


/* Centrage horizontal global */
#promo-banner  {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* Zone des paliers affichés en ligne */
.banner-paliers {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
    /*margin-top: 1rem;*/
}

.banner-paliers span.icon {
    margin-right: 0.5em;
}

.promo-banner.closed .banner-paliers {
	margin-top:0.35rem !important;
	margin-bottom:0.35rem !important;
}










@media (orientation: landscape) and (hover: none) and (pointer: coarse) {
    html .gallery-part .mySlides img {

        width: auto !important;

    }

}


@media screen and (max-width: 320px) {
    html #product-nav-mobile {
        display: flex;
        justify-content: center;
        z-index: 75;
        position: relative;
    }

    html #product-nav-mobile .select select {
        /*font-size: 0.9rem;*/
        font-size: 10px;
        /*font-weight: bold;*/
    }

    html #product-nav-mobile .select select option {
        font-size: 0.7rem;

    }

    html #product-nav-mobile .select select.cat-dropdown {
        background-color: #171717;
        color: white;
        padding-left: 3px;
        line-height: 10px !important;
        padding-top: 3px;
        /* width: 112px;*/
        font-size: 10px;
    }

    html #product-nav-mobile .subcat-btn *,
    html #product-nav-mobil .subcat-btn .fs-13px {
        font-size: 10px;
        line-height: 15px;
        height: 16px;
        font-family: "Poppins", sans-serif !important;
    }

    html #product-nav-mobile .button.is-success.is-outlined {
        height: 25px !important;
        line-height: 15px;
        background-color: #40565E;
        color: white;
        padding: 8px 3px 8px 3px;
    }

    html #product-nav-mobile .select select.cat-dropdown option {
        height: 10px;
        line-height: 10px;
        min-height: 8px !important;
    }

    html #product-nav-mobile .select:not(.is-multiple):not(.is-loading)::after {
        top: 12px !important;
        line-height: normal;
    }


}


@media screen and (max-width: 769px) {
	
	.promo-banner {
		font-size: 0.75em;
	}

	html body .swiper-container {
        /*height: auto !important;  */
    }
	
	html p.surgalerie span:first-child.closeModalProduct {
		font-size: 55px !important;
	}
	
	html .swiper-slide .featuredcolumns .columns  {
		width:calc(100%);
	}
	html body .swiper-slide .featuredcolumns .columns .column {
		width:calc((100% - 40px) / 3);
		max-width: none;
	}
	
	html .featuredcolumns .column.is-two-thirds-desktop.is-full-mobile.custom-column-right.centered-columns {
		padding:0 !important;
	}
	/*html .swiper-slide .columns:not(.featuredcolumns):not(.thumbslide) .column:nth-child(3)*/
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column:nth-child(1),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column:nth-child(2),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column:nth-child(3),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column:nth-child(4),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column:nth-child(5),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column:nth-child(6){
		/*height: calc((100vw - 80px) / 2.25); /* facteur 0.75*/
		height: calc((100vw - 80px) * 4 / 9) !important;  /* pour images typiques 384x512 */
	}
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns {
		justify-content: center;
		align-content: center;
	}
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(1),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(4)
	{
		
		/*height: calc(50vh - 70px + 0.375em) !important;*/
		/*height: calc(var(--vh, 1vh) * 50 - 70px + 0.375em) !important;*/
		margin-left:0 !important;
		margin-right:10px !important;
	}
	
	
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(2),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(5)
	{
		margin-left:10px !important;
		margin-right:10px !important;
		/*height: calc(50vh - 70px + 0.375em) !important;*/
		/*height: calc(var(--vh, 1vh) * 50 - 70px + 0.375em) !important;*/

	}
	
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(3),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(6){
		
		margin-left:10px !important;
		margin-right:0 !important;

	}
	html .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column a {
	    /* width: calc((75vh - 150px - 1.5em) / 4); */
       /* width: calc((var(--vh, 1vh) * 75 - 150px - 1.5em) / 4);*/
		width: auto;
	}
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(7),
	html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column.thumb-featured:nth-child(8){
		
		display:none !important;

	}
	
	
	html .imgcontainer {
		
		position:absolute;
		width:100%;
		height:100%;
		background-size: contain;
		background-position:top center;
		left: 0;
	}
	
	
	html .swiper-slide .columns.thumbslide {
		    height: calc(100% - 100px);
    		/*margin-bottom: 20px !important;*/
	}
	
	html .swiper-wrapper .swiper-slide .columns.thumbslide .column {
		/*height: calc(50% - 30px) !important;*/
	}
	
	
	html .swiper-slide .thumb:nth-child(odd) .t1-text {
		left: calc(50% + 12.5px);
	}
	
	html .swiper-slide .thumb:nth-child(even) .t1-text {
		left: calc(50% - 12.5px);
	}
	
	 .centered-columns {
        display: flex;
        justify-content: center;
    }

    html .swiper-slide .featuredcolumns .custom-column-left {
        /*height: 25vh;*/
		height: calc(var(--vh, 1vh) * 25);
        padding: 0.5em;
    }

    html .swiper-slide .featuredcolumns .custom-column-right {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-content: flex-start;
        height: calc(75% - 50px); 
        overflow: hidden;
		margin-bottom: 20px !important;
		margin-top:0 !important;
		padding-top: 10px !important;
    }
	


    html body .swiper-slide .columns.featuredcolumns .custom-column-right .columns .column {
        /*flex: 1 1 50%;*/
        /*max-width: calc((100% - 100px) / 3);*/
        /*height: calc((75vh - 150px - 1.5em) / 3) !important;*/
		height: calc((((var(--vh, 1vh) * 100 - 100px ) - var(--vh, 1vh) * 25)  - 3em - 20px) / 2) !important;

        margin: 0;
        padding: 0;
    }
	
	
    html .swiper-slide .featuredcolumns .custom-column-right .column a {
        height: 100%;
  		/*width: calc((75vh - 150px - 1.5em) / 4);*/
		width: calc((var(--vh, 1vh) * 75 - 150px - 1.5em) / 4);
		display:block;
        margin: 0 auto;
    }
	
	html .featuredcolumns .column.thumb-featured:nth-child(1), 
	html .featuredcolumns .column.thumb-featured:nth-child(4) {
		margin-left:0 !important;
		margin-right:10px !important;
	}
	
	html .featuredcolumns .column.thumb-featured:nth-child(2), 
	html .featuredcolumns .column.thumb-featured:nth-child(5) {
		margin-left:10px !important;
		margin-right:10px !important;
	}
	
	html .featuredcolumns .column.thumb-featured:nth-child(3), 
	html .featuredcolumns .column.thumb-featured:nth-child(6) {
		margin-right:0 !important;
		margin-left:10px !important;
	}
	
/*
    html .swiper-slide .featuredcolumns .custom-column-right .column:nth-child(odd) {
        margin-right: 10px !important;
    }

    html .swiper-slide .featuredcolumns .custom-column-right .column:nth-child(even) {
        margin-left: 10px !important;
    }
*/
    .swiper-slide .custom-column-right .column.is-half-mobile {
        padding: 0;
    }

    html .swiper-slide .featuredcolumns {
        margin: 0 !important;
        max-width: calc(100% - 40px);
    }

    .featuredcolumns .custom-overlay {
        position: relative;
        text-align: center;
        padding: 1.5em;
    }

    .featuredcolumns .custom-column-left .background-image {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
        height: 100%;
        width: auto;
        max-width: 100%;
        z-index: -1;
    }

    .featuredcolumns .custom-column-left .overlay-content {
        position: relative;
        height: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    /* Styles pour les vignettes */
    .featuredcolumns .thumb-featured {
        position: relative;
        overflow: hidden;
        margin-bottom: 10px; /* Réduire la marge pour que tout rentre */
    }

    .featuredcolumns .thumb-featured img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        transition: all 0.5s ease;
    }

    

    html .featuredcolumns .column.thumb-featured {
        padding: 0;
        margin: 10px 10px !important;
    }
	    
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.swiper-slide img.media {
		/*position: static;*/
	}
	
	html .swiper-horizontal .swiper-pagination-h {
   
    bottom: 5px;
	}
	
	html .swiper-pagination-vertical.swiper-pagination-bullets, html.swiper-vertical>.swiper-pagination-bullets {
		right: 6.5px !important;
	}

	html .swiper-slide .columns {
        margin: 0 0 !important;
    }
	
	html .swiper-slide .columns.thumbslide .column:nth-child(odd) {
		width: calc(50% - 10px) !important;
		margin-right: 10px !important;
    	padding-right: 0 !important;
		flex: none;
		height: calc((100% - 20px) / 2);
	}
	
	html .swiper-slide .columns.thumbslide .column:nth-child(even) {
		width: calc(50% - 10px) !important;
		margin-left: 10px !important;
   		padding-left: 0 !important;
		flex: none;
		height: calc((100% - 20px) / 2);
	}
	
	html .swiper-slide .columns.thumbslide .column a {
		display : block;
		height: 100%;
	}
	
	
	html .swiper-slide .columns.thumbslide .column:nth-child(1),
	html .swiper-slide .columns.thumbslide .column:nth-child(2){
		padding-bottom:10px !important;
		margin-bottom:0 !important;
		padding-top:10px !important;
		margin-top:10px !important;
	}
	
	html .swiper-slide .columns.thumbslide .column:nth-child(3),
	html .swiper-slide .columns.thumbslide .column:nth-child(4){
		padding-top:10px !important;
		margin-top:0 !important;
		padding-bottom:10px !important;
		margin-bottom:10px !important;
	}
	
	html .swiper-slide .columns:not(.featuredcolumns) .columns .column:nth-child(1),
	html .swiper-slide .columns:not(.featuredcolumns) .columns .column:nth-child(2) {
		margin-bottom: 10px !important;
		padding-bottom:0 !important;
		
	}
	
	html .swiper-slide .columns:not(.featuredcolumns) .columns .column:nth-child(3),
	html .swiper-slide .columns:not(.featuredcolumns) .columns .column:nth-child(4) {
		margin-top: 10px !important;
		padding-top:0 !important;
		
	}
	
	html .swiper-slide .columns:not(.featuredcolumns):not(.thumbslide) .columns .column:nth-child(1),
	html .swiper-slide .columns:not(.featuredcolumns):not(.thumbslide) .columns .column:nth-child(2) {
		
		/*height: calc(50vh - 70px + 0.375em) !important;*/
		height: calc(var(--vh, 1vh) * 50 - 70px + 0.375em) !important;

	}
	
	html .swiper-slide .columns:not(.featuredcolumns):not(.thumbslide) .columns .column:nth-child(3),
	html .swiper-slide .columns:not(.featuredcolumns):not(.thumbslide) .columns .column:nth-child(4) {
		
		/*height: calc(50vh - 70px + 0.375em) !important;*/
		height: calc(var(--vh, 1vh) * 50 - 70px + 0.375em) !important;

	}
	
	html .swiper-slide .columns.featuredcolumns .column.is-one-quarter-desktop.is-one-quarter-tablet.is-half-mobile.thumb-featured.zoom-effect {
		height:auto !important;
	}
	
	html .swiper-slide .t1-header, html .swiper-slide .t2-header {
		font-size: 1em !important;
	}
	
	html .swiper-slide .t1-text, html .swiper-slide .t2-text, html .swiper-slide a.button {
		font-size: 0.65em !important;
	}
	
	html .swiper-slide a.button {
		margin-top:0.75em !important;
	}
	
	
	html .swiper-button-next,
    html .swiper-button-prev {
        display: none; 
    }
	
	.swiper-container.homeswipe {
        /*height: calc(100vh - 100px); */
		height: calc(var(--vh, 1vh) * 100 - 100px);

        }
	
	html .container-modal-claimimageguide.modal {
		padding-top:60px !important;
        align-items: flex-start;
		flex-direction: initial;
	}
	.artcomm {height:120px;}
	
	.complaints {
	    margin-left: -1.5rem;
    	margin-right: -1.5rem;
    	width: calc(100%);
	}

	html .introaccounting {
		margin-top:3em !important;
		text-align: center;
		max-width: none;
	}
	
	html .accountingdocs * {
		font-size:.85rem;
	}
	
	html .accountingdocs th, html .accountingdocs td {
		padding-top:0.75em;
		padding-bottom:0.75em;
	}

	
	html .relatedt {
	
		margin-top:-40px !important;

	}
	
	html .mgmobile {
		margin: 10px 20px;
	}
	
	
	html .product-detail-right + div {
		margin-left:20px !important;
	}
	
	.bullet-container {
        display: block; 
    }
	
	.back-arrow {
		top : 110px;
	}
	
	
	#threemodel {
		top: 100px;
        width: 100%; 
        /* height: calc(100vh - 180px); */
		height: calc(var(--vh, 1vh) * 100 - 180px);

    }
	
	
	.fullremainingheight {
        /* height: calc(100vh - 180px); */
		height: calc(var(--vh, 1vh) * 100 - 180px);
    }
	
	.info-bullets  {
	position: absolute; 
	bottom: 20px; 
	left: 20px;
		display: block;
}

.info-bullets ul {
    list-style-type: disc; 
    color: black;
    font-size: 12px;
    padding-left: 20px; 
    margin: 0; 
    
}

.info-bullets li {
    padding-bottom: 0px; 
}
	
	
	.mobile-gallery {
		position: relative;
		/*height: calc(100vh - 175px);*/
		height: calc(var(--vh, 1vh) * 100 - 175px);

		overflow: hidden;
	}

	.mobile-slide {
		width: 100%;
		height: 100%;
		background-size: cover;
		background-position: center;
	}

	
	.next, .prev {
		display:none;
	}


	
	
	.product-detail-left {
		padding:20px 20px;
	}
	
	
	html .zoom-switch-container.scrolled {
        
        opacity: 0;
        /*height: 0;*/
       /* overflow: hidden;
        transition: all 0.5s 0s ease;
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;

        position: absolute;*/
        
        visibility: hidden;
    }
	 .image-container {
		width: 100%; 
		text-align: center; 
		align-self: flex-start; 
	}
	
	.full-height-image {
        /*height: calc(100vh - 100px); */
		height: calc(var(--vh, 1vh) * 100 - 100px);
    }
	
	html .zoom-switch-container {
		top: 120px;
	}

	html .zoom-switch-container p {
		font-size: 1.25rem !important;
	}


	.p-3rem.n2.fcsmob {
		padding-top:0 !important; 

	}

	html .jump-container {
		position: fixed;
		left: 0;
		top: 100px;
		z-index: 1000;
		cursor: pointer;
		margin-bottom: 0 !important;
		padding-bottom: 0 !important;
		width: 100%;
		margin-bottom:-0.5rem;
	}

	#page.pageinspirations .products {
		margin-top: 100px !important;

	}

	
	
  html body .products-section > .columns > .column > .product-tile {
	width: calc((100% - 40px - 10px) / 2); /* Ajustement pour la largeur avec les marges spécifiques */
    box-sizing: border-box;
  }

  /* Nous appliquons les marges extérieures seulement à la première et dernière tuile */
  html body .products-section > .columns > .column > .product-tile:first-child {
    margin-left: 20px;
    margin-right: 5px; /* La moitié de la marge interne désirée */
  }

  html body .products-section > .columns > .column > .product-tile:last-child {
    margin-left: 5px; /* La moitié de la marge interne désirée */
    margin-right: 20px;
  }
	
	html body .equipes {
	margin-bottom:0 !important;
		
}
	html body .equipes h2 {
	margin-bottom:1.5rem !important;
		
}
	.p-3rem {padding: 3rem 20px !important;}

	

  
	html .main-content{
	padding-bottom: 0 !important;
}

	html .product-nav {

    height: 50px;
    line-height: 50px;



}
	
	
	
	html #product-nav-mobile #formsearch-mobile .inbl.down-5 {
    position: absolute;
    right: 2px;
}

html #product-nav-mobile #formsearch-mobile .avail-btn {
    /*width: 27px;*/
    position: relative;
    top: -2px;
    /*right: 2px;*/
    font-size: 1.0rem;
    cursor: pointer;
}

html #product-nav-mobile #formsearch-mobile .icon {
   width: auto;
	 /*font-size: 1.85em;*/
 
}


	html #product-nav-mobile #formsearch-mobile .icon .fa-calendar-alt 
	{
    font-size: 2.14em !important;
 
}

	html #product-nav-mobile #formsearch .has-text-white.has-background-warning.filtre-actif.filtre-actif-decalage {

	}
/*
	html body	#mobile-menu {
		position: fixed;
		top: 50px; 
		left: 0;
		width: 100%; 
		padding-left: 20px; 
		padding-right: 20px; 
		padding-top:10px;
		box-sizing: border-box;
	}
	
	html input.zoeken {
		-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
		-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
		box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
		height: 40px;
		font-size: 1.25rem;
		color:#40565E ;
		width: calc(100% + 40px); 
		margin: 0 -10px;
		padding: 0 10px; 
		box-sizing: border-box;
	}
*/
	
html #mobile-menu {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    padding: 60px 20px; 
    box-sizing: border-box;
}

html input.zoeken {
	-webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.25);
	height: 40px;
	font-size: 1.25rem;
	color:#40565E ;
    width: 100%; 
    padding: 0 10px; 
	z-index: 999999;
}
html .former-mobile-search p.control.recherche {
	
    position: fixed;
    top: 60px;
    left: 0px; 
    right: 0px; 
    height: 40px;
    padding: 0 10px; 
    box-sizing: border-box;
    z-index: 999998; 
  
}
	html body #mobile-menu a {
    /*padding-left: 5px;*/
	}
		
	html .former-mobile-search i.fas.fa-search {
		font-size: 1.5rem;
	}
	
	
	html .former-mobile-search .control.has-icons-right .icon.search-icon {
    /* height: 2.5em; */
    /*position: absolute;*/
	z-index: 9999999; 
	color: #40565E !important;
	top: 7px;
    right: 20px;
    cursor: pointer;
    pointer-events: initial !important;
    font-size: .65rem !important;
	
}
	
	
	    
    html .p-3rem.fcsmob {
        padding: 3rem 0 3rem 0 !important;
    }

    html .p-3rem.fcsmob .tile.is-ancestor.mx-5 {
        margin: 0 0 0 0 !important;
    }


    html .p-3rem.fcsmob .tile.is-child.notification.is-one-third-height {
        margin-bottom: 0 !important;
    }

    html .p-3rem.fcsmob .tile.is-parent {
        padding: 0 0 !important;
    }

    html .p-3rem.fcsmob .tile.is-parent.is-vertical .tile.is-child {
     
    }

    html .columns.is-centered.m-2.mb-5.links-gallery.no-print>a {
       
        text-align: center !important;
        font-size: 1.25em;
    }

    html .nomghere {
        margin-top: 2em !important;
    }

    .m-mobile {
        margin-left: 15px !important;
        margin-right: 15px !important;
        margin-bottom: 3em !important;
    }

    html .tpanier main-content {
        margin-left: 15px;
        margin-right: 15px;
    }

    html .text-is-centered-if-mobile {
        text-align: center !important;
    }


    .paniers3 {
        margin: 0 auto;
		margin-left:calc(1.5rem + 20px - 15px);
		margin-right:calc(1.5rem + 20px - 15px);
        /*max-width: calc(100% - 3rem - 30px);*/
        max-width: calc(100% - 3rem);
    }

    html .paniers3 a {
        padding-bottom: 8px;
    }
	html #container-product-grid {
		/*margin-top: -0.75em;*/
	}

    html #container-product-grid.tpanier .product-tile {
        height: 160px;
    }

    #orders {
        text-align: center;
    }

    #container-product-grid #basket2.column {
        padding: 0 0;
        /*margin: 0 0;*/
    }

    html body #container-product-grid #basket2.column h2 {
        width: 85vw;
        text-align: center;
        margin-left: auto !important;
        margin-right: auto !important;
    }


    html {
        overflow-x: hidden
    }

    #page {
        /*height:auto;	
	overflow-x: hidden;*/
    }

    .select select:not([multiple]) {
        padding-right: 18px;
    }


    #container-product-grid button.button.basket span.icon {
        display: none;
    }

    #container-product-grid button.button.basket {
        text-align: center !important;
    }


    html {
        overflow-x: hidden !important;
    }

    .d100m40 {
        width: 80%;
        margin-left: 0 !important;
    }

    .tableordervalidation thead,
    .tableordervalidation tbody,
    .tableordervalidation th,
    .tableordervalidation td,
    .tableordervalidation tr {
        display: block
    }

    .order-valid {
        width: calc(100% - 15px);
    }

    html body .basket.ml-3 {
        margin-left: 0 !important;
    }

    html .desc-part.desc-part-mobile .avail {
        /*background:red;*/
        top: 0px;
        right: 0px;
        display: table;
        vertical-align: middle;
        width: 100%;
        margin-bottom: 8px;
    }

    html .desc-part.desc-part-mobile .avail .avail-bullet {

        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }

    html .desc-part.desc-part-mobile .avail .wishnotif-dl {

        display: table-cell;
        vertical-align: middle;
        text-align: right;

    }

    html .desc-part.desc-part-mobile .avail .wishnotif-dl .product-alert-toggle {

        position: relative;
        text-align: right;

    }

    html body .desc-part.desc-part-mobile .product-tile {
        margin: 0 !important;
    }


    html .price-block {
        display: table;
        width: 100%;
        padding-bottom: 16px;
        border-bottom: 1px solid white;
        margin-bottom: 13px;
    }

    html .price-block .pc-cont,
    html .price-block .product-price {
        display: table-cell;
        /*display:inline-block;*/
        vertical-align: middle;
        margin: 0;
        line-height: normal;

    }

    html .price-block .pc-cont {
        text-align: right;
        width: auto;
        float: right;
        line-height: normal;
        height: auto;
    }

    html .price-block .product-price {
        text-align: left;
    }

    html .desc-part.desc-part-mobile .product-tile:not(.gallery-part) {
        width: 100%;
    }


    html p.surgalerie {
        display: table;
        width: 100%;
        height: 56px;
        /*line-height:50px;*/
        padding: 0;
        pargin: 0;
        z-index: 9999;
		position: fixed;
        top: 15px;
    }

    html p.surgalerie span {
        display: table-cell;
        vertical-align: middle;
    }

    html p.surgalerie span:first-child:not(.closeModal) {
        padding-right: 20px;
        font-size: .9rem;
    }
	
	html p.surgalerie span:first-child {
        padding-right: 20px;
        
    }

    .close {
        color: white;
        position: relative;
        float: right;
        /*top: 5px;*/
        /*right: 15px;*/
        font-size: 55px;

        line-height: 1;


    }

    .product-detail-canvas {
        /*position: absolute;
        top: 15px;*/
    }

    html body .wn-mobile {
        z-index: 999;
        position: absolute;
        top: 0;
        right: 0;
        font-size: 1.5em !important;
    }

    html body .product-detail {
        overflow-y: auto;
    }


    #basket2 {
        text-align: center;
    }

    .apply-filters.is-clearfix.p-1.ml-3.mt-2 {
        padding-top: 0 !important;
        margin-top: 1px !important;
    }

    html .custom-checkbox-input {
        position: absolute;

        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
    }

    html .custom-checkbox-fake {
        display: inline-block;
        width: 12px;
        height: 12px;
        background: #fff;
        border: 1px solid #40565e;
        position: absolute;

        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        cursor: pointer;
        box-shadow: none;
        /*top:-2px;*/
    }




    html .product-filters input {
        box-shadow: unset;
    }

    html .custom-checkbox-input:checked+.custom-checkbox-fake {
        background: #40565e;

    }

    .m-2-m0 {
        text-align: center;
    }


    .catalogue-select {
        /*min-height: calc(100vh);*/
		min-height: calc(var(--vh, 1vh) * 100);

        overflow-y: auto;
        overflow-x: hidden;
    }

    .catalogue-select .control input {
        height: 2.25em
    }

    .container-agents.p-3rem,
    .container-catalogues.p-3rem,
    .container-panier.p-3rem,
    .products-section.panier {
        padding-top: 1rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }


    .columns .column.panier,
    .container-agents.p-3rem .columns .column,
    .container-catalogues.p-3rem .columns .column,
    .container-panier.p-3rem .columns .column {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    html body .remonte-mobile {
        padding-top: 0 !important;
    }

    html .main-content {

        justify-content: center;
        /*margin-left: 3em;
        margin-right: 3em;*/
        width: 100%;
    }

    html .main-content>* {
        /*width: calc(100% - 50px);*/

    }

    .p-4rem-m2rem {
        padding: 4rem 2rem;
    }

    .m-2-m0 {
        margin: 0 !important
    }

    html #container-product-grid .product-tile .producttag {
        font-size: 12px;
        padding-bottom: 50px;
    }

    html #container-product-grid .product-tile .producttag .product-designation {
        font-size: 10px;

    }

    #container-product-grid p.product-price {
        font-size: 12px;
        /* position: absolute;
        bottom: 38px;
        left: 5px;*/
        z-index: 2;
        top: auto;
    }

    #container-product-grid .pc-cont {

        position: absolute;
        bottom: 0px;
        /*left:5px;*/
        z-index: 2;


    }

    #container-product-grid.tpanier .pc-cont {


        right: 10px;

    }


    html .footer a i {
        margin-right: 10px;
        margin-left: 10px;
    }

    .products.scrolled {
        /* margin-top:50px;*/
        /*padding-bottom:96px;*/
        background: white;
        z-index: 8;
    }

    .products.scrolled .damnsamsung {
        height: 144px !important;
    }

    .products .damnsamsung {
        height: 0;
        /*background:blue;*/
    }


    .footer.scrolled {
        /* margin-top:50px;*/
    }

    html .container-mobile-nav {
        /*transition: opacity 0.5s ease-in;*/
        opacity: 1;
        height: inherit;
        background-color: white !important;

    }


    html .container-mobile-nav.scrolled {
        /*transition: opacity 0.5s ease-out;*/
        background-color: white !important;
        opacity: 0;
        /*height: 0;*/
        overflow: hidden;
        transition: all 0.5s 0s ease;
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;

        position: absolute;
        /*top:-5000px; 
		left:-5000px; */
        visibility: hidden;
    }

    html .container-mobile-nav.scrolled * {
        touch-action: none !important;
        pointer-events: none !important;
    }


    html body .desc-part-desktop {
        display: none;
    }

    html body .desc-part-mobile {
        display: grid;

    }


    html .aflecherem {
        /* display:flex;*/
        opacity: 0.7;
    }

    html .no-mobile {
        display: none !important;
    }

    body {
        overflow-x: hidden !important;
    }

    html form .label {
        font-size: 1rem;
    }

    html .footer .is-right *,
    html .footer .is-left *,
    html .footer .is-centered * {
        text-align: center;
        justify-content: center;
    }

    .affichageprix {
        display: block;
    }


    #inscription form,
    #identification form,
    #recuperation form {
        padding: 0 5em 0 5em;
    }

    .footer .column {
        justify-content: center;
        text-align: center;
    }


    #slider-container {
        display: none;
    }

    #showroomunique-container img {
        width: 100%;
        height: auto;
    }

    .communication-postlogin {
        position: fixed;
        top: 100px;
    }

    .product-filters {
        font-size: 12px;
    }

    html .product-filters input {
        font-size: 1em;
    }


    .product-filters input[type=checkbox] {
        /*display:block;
        width: 100%;*/
    }

    

    .product-filters label * {

        /* display:inline-block;*/
    }

    .product-filters input[type=checkbox] {
        width: 14px;
        height: 14px;
        margin-right: 7px;
        /* vertical-align: baseline;*/
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        cursor: pointer;
        border-color: #40565e;
        top: -2px;
        box-shadow: none;
    }

    .product-filters input[type=checkbox]:after {
        content: "";
        border-bottom: 7px solid transparent;
        border-top: 7px solid transparent;
        display: block;
        opacity: 1;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .product-filters input[type=checkbox]:checked:after {
        border-bottom: 7px solid #40565e;
        border-top: 7px solid #40565e;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

    .product-filters h3 {
        margin: 10px 0 5px 0;
        font-size: .85rem;
        font-weight: 700 !important;

    }

    .product-tile .icon {
        font-size: 1.5rem;
        cursor: pointer;
    }

    .product-wish-toggle {
        position: absolute;

        top: 10px;
        right: 10px;
    }
	
	.product-detail-right .product-wish-toggle,
	.product-detail-right .product-wish-toggle .icon{
        position: relative;

        top: inherit;
        right: inherit;
		width: auto;
    }

    html .product-nav a:focus {

        border-bottom: none;
    }


    .product-alert-toggle,
    .product-trash-toggle {
        position: absolute;
        /*top:10px;*/
        top: 0px;
        right: 10px;
    }
	
	.product-detail-right .product-alert-toggle,
    .product-detail-right .product-trash-toggle,
	.product-detail-right .product-alert-toggle .icon,
    .product-detail-right .product-trash-toggle .icon {
        position: relative;
        /*top:10px;*/
        top: inherit;
        right: inherit;
		width: auto;
    }
	

    .desc-part.desc-part-mobile .product-alert-toggle {

        top: 0px;
        right: 0px;
    }


    .desc-part .product-wish-toggle {
        position: absolute;

        top: 15px;
        right: 0px;
    }

    html .desc-part {


        font-size: .9rem
    }


    .desc-part .product-alert-toggle {
        position: absolute;
        top: 15px;
        right: 45px;
    }


    html .product-cart a {
        color: white;
        width: 32px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        /* display:block;*/
        height: 32px;
        line-height: 150%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    html .product-cart input {
        width: 32px;
        font-size: .9rem;
    }

    .product-tile:not(.gallery-part) {
        /*margin: 0.3em 0.3em !important;*/
		/*margin:0.75em 0em !important*/
    }

    html #product-nav-mobile .select:not(.is-multiple):not(.is-loading)::after {
        top: 16px;
        line-height: normal;
    }

    html #product-nav-mobile .select:not(.is-multiple):not(.is-loading)::after {

        /*right: 1.125em;*/
        right: 0.8em;
        z-index: 4;
        line-height: normal;
    }

    html #product-nav-mobile .select.cat-dropdown::after {
        border-color: white;
        line-height: normal;
    }

    html .switch input[type=checkbox]+.check {


        /*height: 32px;
        padding: 0.2em;
        line-height: normal;
        font-size: 1.5rem;*/
        height: 16px;
        padding: 0.2em;
        line-height: normal;
        font-size: .75rem;
    }

    .switch .control-label {
        padding-left: 0 !important;
    }

    .switch .control-label {
        font-size: 0.9rem;
        padding-right: 0.5em;
        padding-left: 0;
        line-height: normal;
    }

    html #mobilemenu .mobile-menu-right a.disconnect {
        margin-top: 15px;
        display: block;
    }

    html #mobilemenu .mobile-menu-right a.disconnect .txtdeco {
        margin-left: 8px;
        display: flex;
    }

    #mobilemenu .my-account-hover-int a.disconnect .icon {
        font-size: .85em;
        float: left;
        margin-right: 8px !important;
    }

    #mobilemenu {
        display: flex;
        z-index: 100;
    }

    .products,
    .main-content.n1 {
        margin-top: 100px;
        /* background-color: lawngreen; */
    }

    #page.pageinspirations .products {
        /*margin-top:0 !important;*/
        /* background-color: lawngreen; */
    }

    #product-nav-desktop {
        display: none;
    }

    #product-nav-mobile {
        display: flex;
        justify-content: center;
        z-index: 75;
        position: relative;
    }

    #product-nav-mobile .select select {
        /*font-size: 0.9rem;*/
        font-size: 12px;
        /*font-weight: bold;*/
    }

    #product-nav-mobile .select select option {
        font-size: 0.9rem;

    }

    @supports (not (-moz-appearance: none)) {

        /*tout sauf ff*/
        #product-nav-mobile .select select.cat-dropdown {

            padding-left: 8px;

        }
    }

    #product-nav-mobile .select select.cat-dropdown {
        background-color: #171717;
        color: white;
        /*  padding-left: 8px;*/
        line-height: 1.25em;
        padding-top: 5px;
        /* width: 112px;*/
        font-size: 12px;
    }


    #product-nav-mobile .select select.cat-dropdown option {
        font-size: 12px !important;
        padding: 0 0 !important;
        margin: 0 0 !important;
    }


    html #container-product-grid {
        margin-right: 0;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #filtres {
        display: none;

    }

    #container-product-grid .columns {
        justify-content: center;
    }

    html .section.products-section {
        padding-right: 0rem;
        padding-bottom: 3rem;
        padding-left: 0rem;
        padding-top: 0;
    }

    .container-switch {
        top: -1px;
        position: relative;
    }

    header.header:not(#avantlogin) {
        display: none;
    }

    .footer p,
    .footer a,
    .sup-product-cat,
    .product-nav .product-cat a,
    .header .header-menu-right a,
    .header .header-menu-left a {
        /*margin-right:12px;*/
        font-size: 1.0rem;
    }

    #slider-container.pt-50,
    .societe.pt-50 {
      

        /*min-height: calc(100vh - 50px);
        min-height: calc(100vh);*/
		min-height: calc(var(--vh, 1vh) * 100);
        margin-top: 50px;
    }

    #slider-container.pt-176,
    .societe.pt-176 {


        max-height: calc(var(--vh, 1vh) * 100);

        margin-top: 206px;

    }

    #slider-container.pt-176 .slick-slide img {
        
        width: auto;
    }

    #slider-container.pt-50 .slick-slide img {
        
        width: auto;
    }

    .slider .slick-slide img {
       
       /* max-height: calc(100vh - 126px);*/
		max-height: calc(var(--vh, 1vh) * 100 - 126px);

        max-width: none;
    }

    .product-detail {
        /*position: fixed;
        top:300px;*/
    }

    .product-detail {
        /*height: calc(100% - 300px);*/
    }

    .gallery-part .mySlides img {
        /* width: 75%;*/
        /*height: 75%;*/
    }

    .thumb-control {
        display: none;
    }

    .gallery-part {
        width: 100%;

        display: block;
    }

    .gallery-part img {
        width: 100%;
        float: left;
        display: block;
    }

    html .desc-part {
        width: 100%;
        margin-left: 0;
        color: white;
        display: grid;
        padding-top: 5px;


    }

    .desc-part .product-tile {

        /* width: 75%;*/
    }

    .gallery-part {
        width: 100%;
        float: none;
        display: block;
        position: relative;
    }

    .product-detail-canvas {
        /*height: 80%;*/
       /* width: 80%;*/
        display: block;
        justify-content: center;
        align-items: center;
    }

    .prev,
    .next {

        /*display:none;*/
    }

    .prev:hover,
    .next:hover,
    .prev:focus,
    .next:focus {
        color: white;
        /*display:none;*/
    }

    input.custom-checkbox-input {
        display: none;
    }


}


@media screen and (min-width: 770px) {
	
	html body .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet:last-child, .swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet:last-child {
   
		display: none;

	}
	
	html body .swiper-pagination-h.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:last-child, .swiper-pagination-h.swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet:last-child {
   
		display: block !important;

	}
	
	.cguidecolumns {left:0; top:0;}
	body .guidecolumns {max-width: calc(15rem + 906px); color:black;}
	
	.product-detail-left .spacer {
		width: calc(50% - 10px);
		height: auto;
		margin-bottom: 0px;
	}
	
	.product-detail-left .filler-spacer {
		width: 100%;
		height: 0; 
	}
	
	html .swiper-slide .media {
        
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
	
	html .columns.featuredcolumns { margin-top: -1.5em;}
	html .imgcontainer {
			background-position: right center;
		background-size: cover;
		}
	
	html .featuredcolumns .column.is-one-third-desktop.is-full-mobile.custom-column-left {
		position:relative;
		height:100%;
		padding:0;
		
	}
	
	html .featuredcolumns .column.is-one-third-desktop.is-full-mobile.custom-column-left .imgcontainer {
		position: absolute;
		top:0;
		right:0;
		display:block;
		height:100%;
		width:100%;
		
		overflow: hidden;
	}
	html .featuredcolumns .custom-overlay.background-image {
		position: absolute;
		right: 0;
        top: 50%; 
		transform: translateY(-50%);
		/*height:calc(100vh - 176px);*/
		height: calc(var(--vh, 1vh) * 100 - 176px);

		padding:0 !important;
		z-index: -1;
        width: auto;
        object-fit: cover;
		
	}
	html .featuredcolumns .column.is-one-third-desktop.is-full-mobile.custom-column-left .featuredcolumns .custom-column-left .custom-overlay:not(.background-image) {
		padding:2em;
	}
	
	
	
	
	.featuredcolumns .custom-overlay {
		position: relative;
		text-align: center;
		padding: 1em;
	}
	
	html .featuredcolumns  {
		margin-right: calc(4% + 17px - 10px) !important;
		margin-left: 0 !important;
	}

	
	html .featuredcolumns .column.thumb-featured {
		width: calc(25% - 20px) !important;
	}

	html .swiper-slide img.media   {
		/*position:static;*/
		position: absolute;
	}
	
	
	html .swiper-slide .columns.thumbslide .column {
		width: calc(20.5vw - 33px) !important;
		margin-right: 10px;
		margin-left: 10px;
    	padding-right: 0 !important;
		padding-left: 0 !important;
		flex: none;
		
		margin-top:6em;
		margin-bottom:6em;
		padding-top:0;
		padding-bottom:0;
		/*height: calc(100vh - 126px - 12em) !important;*/
		height: calc(var(--vh, 1vh) * 100 - 126px - 12em) !important;

	}
	
	html .swiper-slide .columns.thumbslide .column:nth-child(1) {
		margin-left:0;
		padding-left:0
	}
	
	html .swiper-slide .columns.thumbslide .column:nth-child(4) {
		margin-right:0;
		padding-right:0
	}
	
	
	
	html .swiper-slide img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	
	html .swiper-slide .footer img {
		max-width: 180px ;
    	min-width: 136px;
		object-fit:unset;
	}

	
	html .swiper-pagination-h {
        display: none !important; 
    }
	
	html .swiper-pagination-vertical.swiper-pagination-bullets, html.swiper-vertical>.swiper-pagination-bullets {
		right: 30px !important;
	}
	
	
	html .container-modal-claimimageguide.modal {
		overflow: hidden;
	}
	
	html .introaccounting {
		
		margin-top: 0.25em !important;
		
		max-width: calc(100% - 57px);
		max-width: none;
	
	}
	
	html .columns.relatedp {
		margin-top: 30px;

    }
	
	html a:hover .wishnotiflegend, html .productdocs a:hover {
		text-decoration: underline;
		color: #4fabc9;
		text-decoration-color:#4fabc9;
	}
	
	html .product-detail-right {
		padding: 1em 1em;
		margin-left:0;
		margin-right:calc(-1em + 40px);
	}

	html .product-detail-right + div {
		/*margin-left:2em !important;*/
	}

	
	
	.back-arrow {
		top : 136px;
		left:30px;
	}
	
	.back-arrow img.backarrow:hover {
		color: #45748e !important;
		/*background-color: #45748e !important;*/
	}
	
	#threemodel {
       /* height: calc(100vh - 126px); */
		height: calc(var(--vh, 1vh) * 100 - 126px);

        top: 126px;
		width:60%;
    }
	
	.mySlides img {
		/*max-height: 100vh;*/
		max-height: calc(var(--vh, 1vh) * 100);

		
	}
	

	html .section.products-section.detail-section {
		margin-left: 0;
   	    margin-right: 0;
		padding:0 0;
		width: 100vw;
	}
	html .thumbnail-container {
		margin-top: -5px;
		margin-left: 12px;
	}
	html .columns.products.detail {
		padding-left: 17px;
   	    /*margin-right: 33px;*/
		/*width: 100vw;*/
	}
	html .product-detail-left {
    	display: flex;
	    flex-wrap: wrap;
	    align-items: flex-start;
	    overflow-y: auto; 
	    /*max-height: calc(100vh - 126px);*/
		max-height: calc(var(--vh, 1vh) * 100 - 126px);

	    min-width: 60%;

		padding: 0px 16px 0 9px !important;
		
  }
html .product-detail-left img.portrait:nth-of-type(2n) {
        margin-right: 0; 
		margin-left:2.49px;
    }
	
  .product-detail-left img.portrait {
	    width: calc(50% - 10px); 
	    height: auto; 

	    margin-bottom: 0px; 
  	}


	.product-detail-left img.portrait:last-child {
	    margin-right: 0;
	}

	.product-detail-left img.inspiration {
	   width: calc(100% - 5px); 
	    height: auto;
	    margin-bottom: 0; 
	    margin-left: 5px;
	}

	
	.product-detail-left::-webkit-scrollbar {
	    display: none;
	}
	
	.product-detail-left {
	    -ms-overflow-style: none;
	    scrollbar-width: none;
	}
	
	.product-detail-left img {
	   cursor:pointer;
	}
	
	
	.info-bullets  {
	position: absolute; 
	bottom: 20px; 
	left: 20px;
		display: block;
}

.info-bullets ul {
    list-style-type: disc; 
    color: black;
    font-size: 10.4px;
    padding-left: 20px; 
    margin: 0; 
    
}

.info-bullets li {
    padding-bottom: 0px; 
}


	

    .inspirations.tile.is-ancestor .tile.is-parent.is-vertical {
        padding-top: 0.25rem;
        padding-bottom: 0.25rem;
    }


    html .compensationpanier {
        margin-left: -0.75em;
    }


    html .compensationpanier2 {
        margin-left: 1em;
    }


    html body #filtrespanier-mobile, html body #promo-banner-mobile {
        display: flex;
    }


    html #container-product-grid.tpanier .product-tile {
        height: 145px;
    }

    .placeholder-product-detail .gallery-part.product-tile {
        overflow: hidden;
    }

    .d100m40 {
        width: 40%
    }

    .order-valid {
        width: calc(100% - 15px);

    }

    .columns {
        margin-left: -1.75rem;
        margin-right: -0.55rem;
        margin-top: -1rem;
    }

    .panier .columns {
        margin-left: -1.5rem;

    }


    html body #container-product-grid .column,
    .team-gallery .column {
       
        padding: .25rem .35rem .75rem .35rem;
        margin: 0rem;
    }

    .close {
        color: white;
        position: absolute;
        top: 50px;
        right: 15px;
        font-size: 55px;
        z-index: 9999;
        line-height: 1;
    }

    .product-detail .pc-cont {

        text-align: left;


    }

    .product-detail .product-alert-toggle {
        position: relative;
        top: 5px;
    }

    html body #filtres {
        position: fixed;
        top: 126px;
        left: 0;
       
        height: 100%;
    }

    html body #filtrespanier {
        position: fixed;
        top: 126px;
        right: 0;
        /* z-index: 999; */
        height: 100%;
    }


    html body .products-section:not(.panier) #container-product-grid {

        margin-left: calc(16.66667% + 1rem);
        margin-top: 0;
        padding-right: .75rem;
    }

    html body .products-section.panier #container-product-grid {
        /*margin-left: calc(16.66667% + 1.5rem);
		margin-left: calc(16.66667% + 2rem);*/
        margin-right: calc(16.66667% + 1rem);
        margin-top: 0;
        /*padding-left:.75rem;*/
    }


    html body #page.pageinspirations .products-section.panier #container-product-grid {
        margin-right: 1rem;
    }


    html body .products-section.panier #container-product-grid.tpanier {

        /*margin-right: calc(25% + 1rem);*/
        margin-right: calc(20% + 1.5rem - 16px);
        margin-top: 0;
        /*padding-left:.75rem;*/
    }

    html .prev {

       /* left: 60px !important;*/
        /*over thumbs*/
    }

    .container-agents.p-3rem,
    .container-catalogues.p-3rem,
    .container-panier.p-3rem {
        padding-top: 0 !important;
    }

    .meta_body {
        height: 40px;
        /*display: flex;*/
        align-items: center;
        padding-top: 8px;
        margin-bottom: 16px;
    }

    html .main-content {

        /*justify-content: center;*/
        /* margin-left: 3em;
        margin-right: 3em;*/
        width: 100%;
    }

    html .main-content>* {
        /*width: calc(100% - 32px);*/

    }


    .lg-switch-inline-dd {
        display: inline-block;
        padding: 2px 0;
        line-height: 50px;
        z-index: 999;
        position: relative;
        /*top: 1px;*/
    }

    .lg-switch-inline-dd * {
        line-height: normal;

    }


    html #container-product-grid {
        margin-right: 8px;
        margin-top: 1em;
    }


    html #container-product-grid .product-tile .producttag {
        font-size: 12px;
        padding-bottom: 24px;
    }

    html #container-product-grid.tpanier .product-tile .producttag {
        font-size: 11px;
        padding-bottom: 5px;
    }

    #container-product-grid p.product-price {
        font-size: 10px;
        /* position: absolute;*/
        /*bottom: 30px;*/
        /*  left: 5px;*/
        z-index: 2;
        top: auto;
        line-height: 12px;
    }

    #container-product-grid .pc-cont {

        position: absolute;
        bottom: 0px;
        /*left:5px;*/
        z-index: 2;
        right: 5px;

    }


    html .desc-part-desktop .producttag {
        padding: 0;

    }

    html .desc-part-desktop .product-designation {
        margin-bottom: 16px;

    }


    html .desc-part-desktop .producttag table td {

        padding: 6px 6px;

    }

    html .desc-part-desktop .producttag table td:first-child {
        font-style: italic;
        /*font-weight: 700;*/
        padding-left: 0;

    }

    html body .desc-part-desktop {
        display: grid;
    }


    html body .desc-part-mobile {
        display: none;
    }


    html .no-desktop {
        display: none !important;
    }


    html .aflecherem {
        display: none;
    }

    .thumb-control {
        float: left;
    }

    .thumb-control img {
        margin-bottom: 10px;
    }


    .grandesphotos {
       /* padding-left: 60px;*/
    }

    .desc-part-mobile {
        display: none;
    }

    .desc-part {
        display: block;
    }

    html body .affichageprix {
        display: none !important;
    }


    #showroomunique-container {
        display: none;
    }

    .communication-postlogin {
        position: fixed;
        top: 126px;
        font-size: 0.85rem;
    }


    .product-filters {
        font-size: 0.75em;
    }


    .product-filters h3 {
        margin: 10px 0 5px 0;
        font-size: .85rem;
        font-weight: 700 !important;

    }


    html .container-mobile-nav {
        display: none !important;
    }


    .product-tile .icon {
        font-size: 1.1rem;
        cursor: pointer;
    }

    .product-wish-toggle {
        position: absolute;
        top: 5px;
        right: 5px;
    }
	
	.product-detail-right .product-wish-toggle {
        position: relative;
        top: inherit;
        right: inherit;
    }

    .product-alert-toggle,
    .product-trash-toggle {
        position: absolute;
        top: 0px;
        right: 5px;
    }
	
	.product-detail-right .product-alert-toggle {
        position: relative;
        top: inherit;
        right: inherit;
    }

    .desc-part-desktop .product-wish-toggle {
        position: relative;


    }

    .desc-part-desktop .product-alert-toggle {
        position: relative;
    }

    .desc-part-desktop .pc-cont {
        display: inline-block;
        margin-top: 24px;
        padding-bottom: 10px;
        border-bottom: 1px solid white;

    }

    .desc-part-desktop .ajouteraupanier {
        display: inline-block;
        position: relative;
        top: -15px;
        font-size: 1.15em;
        margin-right: 15px
    }

    .desc-part-desktop .totalpanier {
        /*display: inline-block; 
        position:relative; 
        top:-14px; */
        font-size: 1.15em;
        margin-right: 15px;
        margin-top: 15px;
        font-style: italic;
        font-weight: normal;
    }


    .desc-part .product-tile .icon {
        font-size: 1.6rem;
        cursor: pointer;
        font-weight: 500;
    }

    /*
    .desc-part .product-alert-toggle {
        position: absolute;
        top:25px;
        right:75px;
    }

    .desc-part .product-wish-toggle {
        position: absolute;
        top:25px;
        right:25px;
    }
*/
    html .product-cart a {
        color: white;
        width: 20px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        /* display:block;*/
        height: 20px;
        line-height: 150%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    html .tpanier .product-cart a {

        width: 16px;
        height: 16px;
        font-size: 10px;

    }

    html .desc-part .product-cart a {
        color: white;
        width: 40px;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        /* display:block;*/
        height: 40px;
        line-height: 150%;
        display: flex;
        justify-content: center;
        align-items: center;
    }


    html .product-cart input {
        width: 24px;
    }

    html .tpanier .product-cart input {
        max-width: 22px;
        min-width: 12px;
    }


    html .desc-part-desktop .product-cart input {
        width: 36px;
    }

    html .desc-part-desktop .product-cart input {
        width: 40px;
        font-size: 1.15em;
    }


    #container-product-grid.column .columns {
        /*  padding: 25px;*/
    }

    html .select select {


        line-height: normal;
        height: 2.2em;

    }

    html .select:not(.is-multiple):not(.is-loading)::after {

        top: 12px;
    }

    .select:not(.is-multiple):not(.is-loading)::after {
        border-color: #40565E;
        right: 1.125em;
        z-index: 4;
    }

    #mobilemenu {
        display: none;
    }

    header.header {
        display: block;
    }

    /*.footer p,  
    .footer a, 
    .sup-product-cat, 
    
     {
       
        font-size: 0.85rem;
    }*/
    .footer p,
    .footer a,
    .sup-product-cat,
    .product-nav .product-cat a,
    .header .header-menu-right a,
    .header .header-menu-left a,
    .header .header-menu-left .sl-nav ul li,
    .footer .sl-nav ul li {
        margin-right: 12px;
        font-size: 0.85rem;
    }
	
	.swiper-slide-last .footer p,
    .swiper-slide-last .footer a,
    .swiper-slide-last .sup-product-cat,
    .swiper-slide-last .product-nav .product-cat a,
    .header .header-menu-right a,
    .header .header-menu-left a,
    .header .header-menu-left .sl-nav ul li,
    .swiper-slide-last .footer .sl-nav ul li {
        margin-right: 12px;
        font-size: 0.85rem;
    }
	
    
	

    html .footer .sl-nav ul li {
        margin-right: 0;
    }

    .header .header-menu-left .sl-nav ul li ul li a {
        margin-right: 0;
    }

    html .header .header-menu-left .sl-nav ul li ul li {
        margin: 0 3px;
    }


    #slider-container.pt-50 {
      

        width: 100%;
        margin-top: 50px;

    }

    #slider-container.pt-176,
    .societe.pt-176 {



        width: 100%;
        margin-top: 126px;
    }

    .products:not(.relatedp),
    .main-content.n1 {
        margin-top: 126px;
        
    }
	
 
    #product-nav-desktop {
        display: block;
    }

    #product-nav-mobile {
        display: none;
    }

    html .section.products-section {
        padding-right: 1.5rem;
        padding-bottom: 3rem;
        padding-left: 1.5rem;
        padding-top: 0;
    }

    .product-designation {
        /*font-size: .85rem;*/
        font-size: 11px;
    }

    .product-tile {
        font-size: .75rem;
    }

    .desc-part .product-designation {
        font-size: 1.25rem;
    }

    .desc-part .product-tile {
        font-size: .9rem;
        padding: 2em;
    }


    .product-tile {
        margin: .25em .25em !important;
    }

    .product-detail {
        
    }

    .product-detail {
        
    }

    .gallery-part {
        
        float: left;
        display: block;
        position: relative;
    }

    .gallery-part .prev:hover,
    .gallery-part .next:hover {
        background-color: transparent;
    }

    .gallery-part a:hover {
        color: white;
		
    }

    .gallery-part img {
        /*width: 100%;*/
        float: left;
        display: block;
    }

    html .desc-part {
       /* width: 50%;*/
        /* margin-left:52%;*/
       /* margin-left: 15px;*/
        color: white;
    }

    .modal-inside {
        position: relative;
        /* background-color: #f7f7f7;*/
        margin: 0;
        padding: 0;
        /* width: 90%;*/
        /* max-width: 1200px;*/
        /*min-height:490px;*/
    }

    .responsive {
        width: 100%;
        height: auto;
    }

    .product-detail-canvas {
        height: 80%;
        width: 80%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

}

@media screen and (max-width: 1023px) and (min-width: 770px) {

	html .jump-container {
    
    left: calc(1.75em);
	}
    html body #filtrespanier-mobile, html body #promo-banner-mobilee {
        display: flex;
    }


    html body .products-section.panier #container-product-grid.tpanier {

        /*margin-right: calc(25% + 1rem);*/
        margin-right: 0;
        margin-top: 0;
        /*padding-left:.75rem;*/
    }


    html #container-product-grid.tpanier .product-tile {
        height: 125px;
    }

    .container-agents.p-3rem,
    .container-catalogues.p-3rem,
    .container-panier.p-3rem,
    .t2.p-3rem,
    .n2 {
        padding-top: 1rem !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
		padding-bottom: 2rem !important;
    }

    .notre-histoire {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .header .header-menu-left a {
        margin-right: 8px !important;
        /* font-size: .85rem; */
    }


    .notre-histoire .columns .column,
    .container-agents.p-3rem .columns .column,
    .container-catalogues.p-3rem .columns .column,
    .container-panier.p-3rem .columns .column,
    .main-content.p-3rem.n1,
    .block.p-3rem.pb-0.main-content.t2,
    .n2.p-3rem .columns .column {
        /*padding-left:0 !important;
        padding-right:0 !important;*/
        padding-left: 20px !important;
        padding-right: 40px !important;
		margin-bottom: 0 !important;
    }

    .notre-histoire {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .notre-histoire div {
        margin: 25px 0 25px 0 !important;
    }

    .main-content h2.title,
    .t2 h2.title {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    #container-product-grid h2.title {
        padding-left: 15px;
    }

    .notre-histoire h2 {
        /*text-align:center;
		align-content: center;
		align-items: center;*/
    }

    html .main-content.container-agents {
        font-size: .65rem;

    }

    .product-tile {


        margin: .5em .5em !important;
    }

    .product-nav .product-cat a {
        font-size: .65em;
    }

    .header .header-menu-right a,
    .header .header-menu-left a,
    .header .link-mimic,
    html .header .header-menu-left .sl-nav ul li {

        font-size: 0.65rem;
    }

    html .footer a,
    html .footer p,
    html .footer ul {
        font-size: 0.65rem;
    }

    html .no-tablet {
        display: none !important;
    }


}


@media screen and (max-width: 1023px) {


    #inscription {
        padding-bottom: 2em;
    }

    /* .product-designation {
    
        font-size: 1.05rem;
    }
    
     .product-tile {
    
        font-size: 0.9rem;
    }*/


}

@media screen and (min-width: 1024px) {

	html .swiper-slide .thumb:hover img {
		transform: scale(1.1);
	}
	
    .block.p-3rem.main-content>h2.title.is-size-4 {
        margin-left: 1.5rem !important;
        margin-right: 1.5rem !important;
    }
	
	.featuredcolumns .zoom-effect img {
		-webkit-transition: all 0.5s 0s ease;
		-moz-transition: all 0.5s 0s ease;
		-o-transition: all 0.5s 0s ease;
		transition: all 0.5s 0s ease;
		display: block;
	}

	.featuredcolumns .zoom-effect:hover img {
		transform: scale(1.1);
	}
	
    html .zoom-effect img {
        -webkit-transition: all 0.5s 0s ease;
        -moz-transition: all 0.5s 0s ease;
        -o-transition: all 0.5s 0s ease;
        transition: all 0.5s 0s ease;
        display: block;
    }

    html .zoom-effect:hover img {
        -ms-transform: scale(1.1);
        /* IE 9 */
        -webkit-transform: scale(1.1);
        /* Safari 3-8 */
        transform: scale(1.1);
        overflow: clip;
    }

    html .zoom-effect {

        overflow: hidden;
    }

    html body #filtrespanier-mobile, html body #promo-banner-mobile {
        display: none;
    }

    .notre-histoire {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }


    html #container-product-grid {
        /*margin-right: 20px;*/
    }


}


@media screen and (max-width: 1280px) {

    #inscription .button,
    #identification .button,
    #recuperation .button {
        width: 100%;
        margin-bottom: .5em;
    }

    .product-cart {
        float: none;
        display: inline-block;
    }

    .product-price {
        display: block;
    }


}

@media screen and (min-width: 1281px) {

	
	html .swiper-slide .columns.thumbslide .column {
		width: calc(20.5vw - 33px) !important;
		margin-right: 10px;
		margin-left: 10px;
    	padding-right: 0 !important;
		padding-left: 0 !important;
		flex: none;
		
		margin-top:4.5em;
		margin-bottom:4.5em;
		padding-top:0;
		padding-bottom:0;
		/*height: calc(100vh - 126px - 9em) !important;*/
		height: calc(var(--vh, 1vh) * 100 - 126px - 9em) !important;*/


	}
	
	
    #inscription .button,
    #identification .button,
    #recuperation .button {
        width: 100%;
        margin-bottom: 0.65rem;
    }

    .product-cart {
        /*float: right;*/
        display: inline-block;
    }

    .product-price {
        display: inline-block;
    }


}

@media screen and (min-width: 1920px) {
	html .featuredcolumns .column.thumb-featured {
		/*height: calc((100vh - 126px - 3em) / 2);*/
		height: calc((var(--vh, 1vh) * 100 - 126px - 3em) / 2);

	}
}
		
/*
HEADER
*/

html .preheaders.columns {
    margin: 0 !important;
}

.header,
#mobilemenu,
#startmenu {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 50px;
    line-height: 50px;
    background-color: #F5F5F5;
    position: fixed;
    top: 0;
    z-index: 9999;
    /*position:relative;*/

}


.header .lg-switch {
    position: absolute;
    right: 30px;
    top: 0;
    line-height: 50px;
    z-index: 9999;
}

.header .lg-switch a {

    margin-right: 4px;
}

.header .header-logo {


    position: absolute;
    left: 50%;
    top: 0;
}

.header .header-logo img {


    width: 100px;
    height: auto;


}

.header .header-menu-right {
    float: right;
    margin-right: 4px;
    /* = 16-12 cause margin-right interliens*/
    /*padding-top:20px;*/
    line-height: 50px;
    display: flex;
    height: 50px;
    align-items: center;
}

.header .header-menu-left {
    float: left;
    margin-left: 16px;
    /*padding-top:20px;*/
    line-height: 50px;
    display: flex;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    max-width: calc(50% - 75px);
    /*moitié layout - moitié logo 50 - marge gauche 25)*/
}

.header .header-menu-left>*,
.header .header-menu-right>* {
    /*height:50px;*/
    display: flex;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
}

.my-account,
.lg-switch-inline-dd,
.header-menu-right a {
    align-items: center;
}

.header .header-menu-right a {
    margin-left: 8px;
    /*font-size: .85rem;*/
}

.header .header-menu-left a {
    margin-right: 12px;
    /* font-size: .85rem;*/
}

.header .header-menu a:hover {
    /*color: inherit;*/
}


.header a:hover {
    color: #4591a9;
}

.basket {
    vertical-align: middle;
    box-shadow: 0 0 0 0.125em rgba(69, 145, 169, 0.25);
}

.basket * {
    line-height: 1.2;
}


/*
NAVIGATION PRODUITS
*/
.product-nav {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    height: 76px;
    line-height: 76px;
    background-color: #ffffff;
    position: fixed;
    top: 50px;
    z-index: 9998;
    display: flex;
    justify-content: center;


}

html .product-nav {
    display: flex;
    justify-content: space-between;
}

.product-nav .product-cat {
    /*margin-top: 40px;*/
    /*padding: 0 20px;*/
    line-height: 12px;
    height: 30px;

}

html .product-cat.space-between {
    display: flex;
    flex-flow: row no-wrap;
    align-items: center;
    justify-content: space-between;
}

.product-nav .product-cat a {
    /*margin-right:12px;*/
    /* font-size: .85rem;*/
    margin-bottom: 3px;
    padding-bottom: 3px;
    border-bottom: 1px solid transparent;
}

.product-nav .product-cat a:hover {
    /*color: inherit;*/
}

.product-nav a {
    color: black;
}

/*.header a, .product-nav a  {
    color:black;
    padding:2px 0 2px 0;
    margin-top:6px;
    margin-bottom:6px;
}*/

.header-menu-left>*,
.header-menu-right>* {
    color: black;
    line-height: normal;
    margin-right: 12px;
    /* padding:2px 0 2px 0;
    margin-top:6px;
    margin-bottom:6px;*/
}


.header .header-logo a {
    color: black;
    padding: 0;
    margin: 0;
}

.header-logo {

    height: 50px;
    width: auto;
    line-height: 50px;
    position: absolute;
    top: 0;
    z-index: 99999;

    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.product-nav a:hover,
.footer a:hover,
.footer a.ic:hover,
.footer a.ic:hover *,
html nav#mobile-menu a:hover {
    color: #4591a9;
    border-color: #4591a9 !important;
}

.product-nav a.active {
    /* color:#4591a9;*/
    border-color: #000000 !important;
}


html .hamburger-inner,
html .hamburger-inner::before,
html .hamburger-inner::after {
    background-color: #40565e;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #5b757d;
}

.product-nav a:focus,
.header .header-menu-left a:focus,
.footer a:not(.ic):focus,
html nav#mobile-menu a:focus {
    color: #1d363e;
    border-bottom: 1px solid #1d363e;
}

.footer a:not(.ic) {

    /*border-bottom: 1px solid black;*/
}

.footer .bline a:not(.ic) {

    border-bottom: 1px solid black;
}

.header .lg-switch a:focus,
.header .header-menu-right a:focus {
    color: #1d363e;

}

.w100m16 {
    width: 100%;
    padding: 0 16px 0 16px;
}

.sup-product-cat {
    height: 30px;
    line-height: 30px;
    /*font-size: .85rem;*/
    font-weight: 400;
    color: black;
    justify-content: center;
    align-items: center;
    margin: 8px 0 8px 0;
}

#product-nav-mobile .sup-product-cat {
    height: 40px;
    line-height: 40px;
    /*font-size: .85rem;*/
    font-weight: 400;
    color: black;
    justify-content: center;
    align-items: center;
    margin: 8px 0 8px 0;
    /*width: 100%;*/
    font-size: 1.25em;
}

#product-nav-mobile .sup-product-cat input.input {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

    width: 100%;
    height: 40px;
    margin-bottom: 8px;

    font-size: 1.0em;
}

#product-nav-mobile .sup-product-cat input::placeholder {
    font-size: 0.85em;
}

html .input.desktop-search {
    font-size: 0.75em;
    min-height: 2.2em;
    line-height: normal;
}

html .input.desktop-search::placeholder {
    font-size: 1em;
    position: relative;
    top: 1px;
}

html .dispo-select {

    height: auto;
}


html .dispo-select select {
    padding-top: 5px;
    height: 2.15em;
}


#product-nav-mobile .sup-product-cat .icon * {

    font-size: 34.5px;
}

#product-nav-mobile .sup-product-cat .icon.search-icon .fa-search {
    font-size: 2rem;

}

#product-nav-mobile .control.has-icons-right .icon.search-icon {
    /* height: 2.5em; */
    position: absolute;
    top: 5px;
    /* width: 2.5em; */
    z-index: 4;
    right: 5px;
    cursor: pointer;
    pointer-events: initial !important;
    font-size: .9rem !important;
}

#product-nav-mobile .switch * {
    font-size: 1.5rem;
}

html #product-nav-mobile select * {
    font-size: 1.25rem;
}

html #product-nav-mobile .select select {
    /*height: 40px;
    line-height:40px;*/
}


.sup-product-cat input.input,
.sup-product-cat textarea {
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25);

    min-width: 200px;

    /*border: none;
    font-size: 0.8rem;
    color: black;
    padding: 4px 2px;*/
}

.sup-product-cat .control.has-icons-left .icon,
.sup-product-cat .control.has-icons-right .icon,
#identification .control.has-icons-right .icon {
    color: black;
}


.sup-product-cat p {
    line-height: normal;
    display: inline-block;
}


html .sup-product-cat input.input {
    height: 2.2em;
    padding-left: 4px;
}

.control.has-icons-right .icon.search-icon {
    /* height: 2.5em; */

    position: absolute;
    top: -6px;
    /* width: 2.5em; */
    z-index: 4;
    right: -4px;
    cursor: pointer;
    pointer-events: initial !important;
}

.control.has-icons-right .icon.eye-icon {
    /* height: 2.5em; */
    position: absolute;
    top: -3px;
    /* width: 2.5em; */
    z-index: 4;
    right: -4px;
    cursor: pointer;
    pointer-events: initial !important;
}


.switch:hover input[type=checkbox]:checked+.check.is-intsuccess {
    background: #40565E;
}


/*
SLIDER
*/


/*
BANNER
*/

/*
.banner {
    background-image: url(../img/bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    min-height:350px;
    
    position:relative;
    top:-70px;
}
*/
.banner {
    margin-top: -70px;
}

.banner .banner-image {
    position: relative;
}

.banner .banner-content {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 25%;
}

.banner .banner-content h1,
.banner .banner-content h2 {
    color: white;
}

/*
SLIDER
*/
.slider img {
    width: 100%;
    height: auto;
}

/*
MAIN
*/

.header-shift {
    margin-top: 50px;
}

/*
ABOUT
*/

.about .about-single-element i {
    font-size: 30px;
    text-align: center;
}

.about .about-single-element p {
    margin-top: 20px;
}

.heading-site {
    text-align: center;
    font-family: 'Montserrat', sans-serif;
}


html .columns.products {
    margin-bottom: 0;
    /* height: 100vh;*/
    margin-bottom: 40px;
}

.avail {
    width: calc(100% - 10px);
    word-wrap: break-word;
    overflow: hidden;
}

.tpanier .avail {
    width: auto;
}

.avail div {
    word-wrap: break-word;
    overflow: hidden;
    max-height: 16px;
}

.product-detail .avail {
    width: auto;
    overflow: auto;
}

.product-detail .avail {
    overflow: auto;
    max-height: none;
}


html .container-mobile-nav {

    background-color: white !important;
    position: fixed;
    top: 50px;
    height: 50px;
    width: 100%;
    margin: 0;
    padding: 0;
    /*z-index: 90;*/
    display: flex;
    justify-content: center;
    /* transition: top 0.3s;*/
    z-index: 9998;
    opacity: 1;
    visibility: visible;
    left: auto;
}

/*
IDENTIFICATION
*/
#identification,
#recuperation {
    position: fixed;
    top: 50px;
    /*max-height: calc(100vh - 50px);*/
	max-height: calc(var(--vh, 1vh) * 100 - 50px);

    /* overflow-y: auto;*/
    left: 0;
    right: 0;
    /*bottom:0;*/
}

#inscription {
    position: absolute;
    top: 50px;
    overflow-y: auto;
    overflow-x: hidden;
}

#identification .columns,
#recuperation .columns,
#inscription .columns {
    margin-top: 0;
}

#identification form,
#identification form,
#inscription form {
    margin: 10px;
}

#identification .is-6,
#inscription .is-6,
#recuperation .is-6 {
    margin-block-end: 10px;
}

#identification .button,
#recuperation .button,
#inscription .button,
.apply-filters .button {
    font-size: 12px;
}

#identification .column,
#recuperation .column,
#inscription .column {
    padding: .9em;
}

#identification .textarea,
#recuperation .textarea,
#inscription .textarea {
    max-height: 40em;
    min-height: 6em;
}

#identification .field,
#recuperation .field,
#inscription .field {
    line-height: 1.25;
    margin-bottom: 0.65rem;
}


/*
PRODUCTS
*/


html .products-section {
    /* padding: 1em 1em; */
}


html #product-nav-mobile * {
    font-size: 1.0rem;

}

html #product-nav-mobile {
    margin: 0;
    padding: 0;


}

html #product-nav-mobile .product-nav {
    margin: 0;
    padding: 0;
    width: calc(100% - 40px);

}

html #product-nav-mobile .recherche {
    width: 100%
}


#filtres {
    /* display: flex;
    flex-direction: row; 
    align-items: stretch; */
    /* height:100%;*/
    margin-bottom: -100px;
    padding-left: 0.25rem;
    padding-top: 1em;
}

#filtrespanier {
    /* height: 100%; */
    margin-bottom: -100px;
    padding-right: 16px;
    padding-top: 1em;
    padding-left: 16px;


}

html body #filtrespanier {
    width: 20% !important;
}

#breadcrumb {
    border-bottom: 1px solid #7b7b7b;
}

html #container-product-grid .column,
.team-gallery .column {
    /*max-width: 200px;*/
    /*padding:0.25rem;
    margin:0.25rem;*/
    padding: .25rem .35rem .25rem .35rem;
    margin: 0rem;
}

html #container-product-grid {
    /* margin-right:20px;*/
}

.product-tile a.thumb {
    display: block;

    /* height: 256px;
    width: 192px;*/
    /*background-size: cover;
    background-repeat: no-repeat;*/
}

html .tpanier .product-tile a.thumb {
    display: block;
    position: relative;

    float: left;
    z-index: 2;

    /* height: 256px;
    width: 192px;*/
    /*background-size: cover;
    background-repeat: no-repeat;*/
}


.product-tile a.thumb img {
    width: 100%;
    height: auto;
}

.product-tile a.addwish,
.product-tile a.addalert {
    position: absolute;
    right: 5px;
    top: 5px;
}


.product-tile:not(.gallery-part):not(.detail) {


    -webkit-border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;


    -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    -moz-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;
    box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.25) !important;


}


.product-tile:not(.gallery-part) {

    height: 100%;
    /*comblage hauteur de colonne .column*/


    /*background-color: #7b7b7b;*/

    background-size: 100% auto;
    background-repeat: no-repeat;

    color: black;


    font-family: "Poppins", sans-serif !important;

    position: relative;

    /*min-width: 192px;*/

}

.desc-part .product-tile {


    /* -webkit-box-shadow: 0px 0px 4px 0px rgba(255,255,255,0.25) !important; 
    -moz-box-shadow: 0px 0px 4px 0px rgba(255,255,255,0.25) !important; 
    box-shadow: 0px 0px 4px 0px rgba(255,255,255,0.25) !important;*/


    color: white;


    font-family: "Poppins", sans-serif !important;

    position: relative;

    /*min-width: 192px;*/

}


.producttag {
    padding: 5px;

    background-color: white;

    position: relative;
}

html .desc-part .producttag {


    background-color: transparent;


}

html .desc-part .producttag * {


    color: white;


}

html .desc-part .producttag .wishnotif-dl *,
html .desc-part .producttag .wishnotif-dl * {


    color: unset;


}


.avail-btn {
    position: relative;
    top: -1px;
   /* left: 4px;*/
    cursor: pointer;
}

.avail-bullet {
    /*width: 14px;
   height: 14px;*/
    /* vertical-align: baseline; */

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /* cursor: pointer;*/


    box-shadow: none;

    /* border-bottom-width: 7px;
    border-bottom-style: solid;
    border-top-width: 7px;
    border-top-style: solid;*/


    display: inline-block;
    position: relative;
    /* top: 2px;

    margin-right:8px;*/

}

.product-ref {}

.remonte3 {
    position: relative;
    top: -3px;
}

.remonte15 {
    position: relative;
    top: -15.5px;
}

span.normal10 {
    font-size: 10px;
    font-weight: normal;
}

.product-designation {
    /*font-weight: 700;*/

    /*margin: 6px 0 0 0;*/
    margin: -4px 0 0 0;
}

#container-product-grid .product-designation {
    /* white-space: nowrap;*/
    /*text-overflow: ellipsis; //ne fonctionne que pour 1 ligne*/
    overflow: hidden;
    height: 24px;
    font-size: 10px;
    line-height: 12px;
}


.product-description {
    margin: 0 0 1.25em 0;
}

.product-price {
    font-weight: 700;
    /*font-size: .75rem;*/
    /*display:inline-block;*/
    margin: 0 0 6px 0;
    position: relative;
    top: 4px;
}


.product-cart {
    /* float:right;*/
    /*width:48px;*/
    border: 1px solid #f5f5f5;

    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    /* margin-bottom:4px;*/


}

.actionCart-cart {

    display: table;
    text-align: right;

}

.product-cart input {
    background: none;

    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

html .product-cart * {}


.pc-cont {
    text-align: center;
    width: 100%;

}


html .product-cart div {
    display: table-cell;
    /*display: block;*/

    height: 16px;
    font-size: 0.75rem;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 16px;
}

html .product-cart input {
   /* font-weight: 700;*/
    text-align: center !important;
    /*padding-top:1px;*/
   /* display: flex;*/
    justify-content: center;
    align-items: center;
}

html #container-product-grid .product-cart,
html #container-product-grid .product-cart input {
    font-size: 12px;
}

html #container-product-grid.tpanier .product-cart,
html #container-product-grid.tpanier .product-cart input {
    font-size: 10px;
}


html .product-cart a.removeqty {
    /*  background-color: #da6861;*/
    padding: 0;
}


html .product-cart a.addqty {
    /* background-color: #4591a9;*/
    padding: 0;
}


.product-ref {}

/*.product-tile .icon {
    font-size: 1.1rem;
    cursor:pointer;
}*/


/*FOOTER*/

html .footer {
    background-color: #fafafa;
    padding: 3.5rem 1.5rem 3.5rem;
    bottom: -15px;
    position: relative;
    width: 100%
}

html .footer.mb-0 {
    margin-bottom: -2em;
}


.footer .contact-footer-information {
    text-align: center;
}

.footer .contact-footer-information ul {
    padding: 0;
}

.footer .contact-footer-information ul li {
    display: inline-block !important;
    list-style-type: none;

}

.footer a {
    color: black;
    /*font-size: 0.85rem;*/
    /*display: block;*/
    font-weight: 500;
}

.footer a i {
    color: black;
    font-size: 2rem;
    margin-right: 20px;
    /*display: block;*/

}

.footer a i {
    color: black;
    font-size: 2rem;
    /*padding-right:20px;
    padding-left:20px;*/
    /*display: block;*/
    margin-bottom: 12px;
}


.footer p {
    color: black;
    /*font-size: 0.85rem;*/
}

.own-modal {
    padding-top: 120px;
}


.product-detail {


    display: flex;
    align-items: center;
    justify-content: center;
}


/* 
MODAL PRODUITS
*/


/*


.row > .column {
    padding: 0 8px;
  }
  */
.row:after {
    content: "";
    display: table;
    clear: both;
}


/*.column {
    float: left;
    width: 25%;
  }*/

/* The Modal (background) */
/*
  .modal-product {
    display: none;
    position: fixed;
    z-index: 9999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: black;
  }*/

/* Modal Content */


/* The Close Button */


.close_2 {
    color: white;
    position: absolute;
    top: 5px;
    right: 15px;
    font-size: 30px;
    z-index: 9999;
    line-height: 1;
}


.close:hover,
.close:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer;
}


.mySlides {
    display: none;
}


.prev,
.next {
    cursor: pointer;
   /* position: absolute;*/
	position: fixed;
    /*top: 50%;*/
    /*top: calc(50% - 30px);*/
	top: calc((100% - 107px) / 2);
    width: auto;
    padding: 16px;
   /* padding: 16px 8px 16px 8px;*/
    /*margin-top: -50px;*/
    color: #4591A9;
    font-weight: bold;
    font-size: 50px;
    transition: 0.6s ease;
    /*border-radius: 0 3px 3px 0;*/
    user-select: none;
    -webkit-user-select: none;
    z-index: 999;
  /*  -webkit-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75) !important;
    -moz-text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75) !important;
    text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.75) !important;*/

}

.next {
    right: 10%;
    border-radius: 3px 0 0 3px;
}

.prev {
    left: 10%;
    border-radius: 0 3px 3px 0;
}


.prev:hover,
.next:hover {
    background-color: rgba(255, 255, 255, 0.2);
}

a.next:hover, a.prev:hover {
        
		color:#45748e !important;
    }


.numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}


.caption-container {
    text-align: center;
    background-color: black;
    padding: 2px 16px;
    color: white;
    display: none;
}


.gallery-part img.demo {
    opacity: 0.6;
    width: 50px;
    height: auto;
    float: left;
    cursor: pointer;
}

.active,
.demo:hover {
    opacity: 1;
}

img.hover-shadow {
    transition: 0.3s;
}

.hover-shadow:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.mySlides {
    
    width: auto;
    position: relative;
}


.product-detail {
    display: flex;
    align-items: center;
    justify-content: center;
}


.select-wrapper {
    margin: 150px auto;
    max-width: 600px;
    width: calc(100% - 40px);
}

.select-pure__select {
    align-items: center;
    background: #f9f9f8;
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    cursor: pointer;
    display: flex;
    font-size: 16px;
    font-weight: 500;
    justify-content: left;
    min-height: 44px;
    padding: 5px 10px;
    position: relative;
    transition: 0.2s;
    width: 100%;
}

.select-pure__options {
    border-radius: 4px;
    border: 1px solid rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04);
    box-sizing: border-box;
    color: #363b3e;
    display: none;
    left: 0;
    max-height: 221px;
    overflow-y: scroll;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 5;
}

.select-pure__select--opened .select-pure__options {
    display: block;
}

.select-pure__option {
    background: #fff;
    border-bottom: 1px solid #e4e4e4;
    box-sizing: border-box;
    height: 44px;
    line-height: 25px;
    padding: 10px;
}

.select-pure__option--selected {
    color: #e4e4e4;
    cursor: initial;
    pointer-events: none;
}

.select-pure__option--hidden {
    display: none;
}

.select-pure__selected-label {
    background: #5e6264;
    border-radius: 4px;
    color: #fff;
    cursor: initial;
    display: inline-block;
    margin: 5px 10px 5px 0;
    padding: 3px 7px;
}

.select-pure__selected-label:last-of-type {
    margin-right: 0;
}

.select-pure__selected-label i {
    cursor: pointer;
    display: inline-block;
    margin-left: 7px;
}

.select-pure__selected-label i:hover {
    color: #e4e4e4;
}

.select-pure__autocomplete {
    background: #f9f9f8;
    border-bottom: 1px solid #e4e4e4;
    border-left: none;
    border-right: none;
    border-top: none;
    box-sizing: border-box;
    font-size: 16px;
    outline: none;
    padding: 10px;
    width: 100%;
}


.whiteonblack {
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

html #product-nav-mobile .button.is-success.is-outlined {
    /*font-size: 0.9rem;*/
    height: 30px;
    line-height: 30px;
    /*height: 2.5em;
      line-height: 2.5em;*/
    background-color: #40565E;
    color: white;
    padding: 0 8px 0 8px;
}

html .communication-postlogin a {
    text-decoration: underline;
    color: white;
}


.modal-disconnect,
.modal-disconnect div {
    justify-content: center;

    text-align: center;

    align-items: center;
    align-content: center;
}


/*! @creativebulma/bulma-divider v1.1.0 | (c) 2020 Gaetan | MIT License | https://github.com/CreativeBulma/bulma-divider */
@-webkit-keyframes spinAround {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

@keyframes spinAround {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(359deg);
    }
}

/* line 17, src/sass/app.sass */
.divider {
    position: relative;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    color: #7a7a7a;
    font-size: 0.75rem;
    font-weight: 600;
    letter-spacing: .5px;
    margin: 25px 0;
}

/* line 28, src/sass/app.sass */
.divider::after,
.divider::before {
    content: '';
    display: block;
    flex: 1;
    height: 1px;
    background-color: #dbdbdb;
}

/* line 37, src/sass/app.sass */
.divider:not(.is-right)::after {
    margin-left: 10px;
}

/* line 41, src/sass/app.sass */
.divider:not(.is-left)::before {
    margin-right: 10px;
}

/* line 45, src/sass/app.sass */
.divider.is-left::before {
    display: none;
}

/* line 49, src/sass/app.sass */
.divider.is-right::after {
    display: none;
}

/* line 52, src/sass/app.sass */
.divider.is-vertical {
    flex-direction: column;
    margin: 0 25px;
}

/* line 56, src/sass/app.sass */
.divider.is-vertical::after,
.divider.is-vertical::before {
    height: auto;
    width: 1px;
}

/* line 61, src/sass/app.sass */
.divider.is-vertical::after {
    margin-left: 0;
    margin-top: 10px;
}

/* line 65, src/sass/app.sass */
.divider.is-vertical::before {
    margin-right: 0;
    margin-bottom: 10px;
}

/* line 72, src/sass/app.sass */
.divider.is-white::after,
.divider.is-white::before {
    background-color: white;
}

/* line 72, src/sass/app.sass */
.divider.is-black::after,
.divider.is-black::before {
    background-color: #0a0a0a;
}

/* line 72, src/sass/app.sass */
.divider.is-light::after,
.divider.is-light::before {
    background-color: whitesmoke;
}

/* line 72, src/sass/app.sass */
.divider.is-dark::after,
.divider.is-dark::before {
    background-color: #363636;
}

/* line 72, src/sass/app.sass */
.divider.is-primary::after,
.divider.is-primary::before {
    background-color: #00d1b2;
}

/* line 80, src/sass/app.sass */
.divider.is-primary.is-light::after,
.divider.is-primary.is-light::before {
    background-color: #ebfffc;
}

/* line 72, src/sass/app.sass */
.divider.is-link::after,
.divider.is-link::before {
    background-color: #3273dc;
}

/* line 80, src/sass/app.sass */
.divider.is-link.is-light::after,
.divider.is-link.is-light::before {
    background-color: #eef3fc;
}

/* line 72, src/sass/app.sass */
.divider.is-info::after,
.divider.is-info::before {
    background-color: #3298dc;
}

/* line 80, src/sass/app.sass */
.divider.is-info.is-light::after,
.divider.is-info.is-light::before {
    background-color: #eef6fc;
}

/* line 72, src/sass/app.sass */
.divider.is-success::after,
.divider.is-success::before {
    background-color: #48c774;
}

/* line 80, src/sass/app.sass */
.divider.is-success.is-light::after,
.divider.is-success.is-light::before {
    background-color: #effaf3;
}

/* line 72, src/sass/app.sass */
.divider.is-warning::after,
.divider.is-warning::before {
    background-color: #ffdd57;
}

/* line 80, src/sass/app.sass */
.divider.is-warning.is-light::after,
.divider.is-warning.is-light::before {
    background-color: #fffbeb;
}

/* line 72, src/sass/app.sass */
.divider.is-danger::after,
.divider.is-danger::before {
    background-color: #f14668;
}

/* line 80, src/sass/app.sass */
.divider.is-danger.is-light::after,
.divider.is-danger.is-light::before {
    background-color: #feecf0;
}