
/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

html {
  scroll-behavior: smooth;
}
img.img-left {
    float: left;
    margin: 0 25px  25px 0;
    overflow: hidden;
}

img.img-right {
    float: right;
    margin: 0 0 25px  25px;
    overflow: hidden;
}
.img-center {
    display: table;
    margin: 25px auto;
    overflow: hidden;
}

.txt-rg {
    color: #d33343;
    font-weight: bold;
    font-family: 'gestaw01-boldregular';
}


p.txt-b {
    font-family: 'gestaw01-mediumregular';
}

.page-cms-2 .col-md-6.t-2 {
    padding: 145px 15px 0;
}


.logoimg {
    position: relative;
    margin: -85px 0 10px;
	float: right;
    /*text-align: center;
    display: table;*/
}

.banner.banin {
    position: relative;
    overflow: hidden;
}

.banner.banin p{ margin:0; }

.banner.banin img{width:100%; height:auto}



.banncateg {
    background: url(../../images/bg-categ.jpg)  top center no-repeat;
	  background-size: cover;
    min-height: 378px;
}

body#contact.recrutpage .banner.banin {
    background: url(../../images/banniere-interne-min.jpg) top center no-repeat;
    background-size: cover;
    min-height: 378px;
}

body#contact.recrutpage .banner.banin p, 
body#contact.recrutpage .banner.banin iframe {
    display: none;
}

body#contact.recrutpage .banner.banin .slogan {
    position: absolute;
    text-align: left;
    background: url(../../images/icone-s.png) top left no-repeat;
    padding: 10px 0 0 43px;
    top: 82px;
    right: 17%;
    width: 350px;
    line-height: 1.2em;
    padding-right: 0;
    text-transform: uppercase;
    color: #252122;
    font-size: 40px;
    font-family: 'gestaw01-mediumregular';
}

nav#MobileNavigation, nav.mobile-nav {
    display: none;
}

.menutop {
    position: relative;
    display: flex;
    padding: 0 0 5px;
	justify-content: center;
}

div#_desktop_logo{padding:0;}

li#cms-page-4 a[data-depth="0"], li#category-3 a[data-depth="0"]{
    background: url(../../images/ic-menu.png) top 4px left no-repeat;
}

#bonslick{clear:both;}

#bonslick li:after {
    background:none;
}

.slick-prev,
.slick-next
{
    line-height: 0;
    top: 80%;
    display: block;
    width: 90px;
    height: 30px;
    padding: 0;
    background: #d33343;
    border-radius: 3px;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: #fff;
}
#bonslick .slick-prev:before, #bonslick .slick-next:before {
    color: #000;
}
#bonslick .slick-prev:hover:before, #bonslick .slick-next:hover:before {
    color: #d33343;
}
.slick-prev:before,
.slick-next:before
{
    font-size: 41px;
    line-height: 0.75;
    color: white;

}

.slick-prev
{
    left: 47%;
    z-index: 999;
}

.slick-next
{
    right: 40%;
    z-index: 999;
}

.slick-dots li button:before
{

    font-size: 12px;
    line-height: 20px;
    color: #209ca0;
}

/*.slick-prev, .slick-next{display:none!important}*/
.slick-dots {width: auto;right: 128px; bottom: 50%; display:none!important}
#bonslick li {margin-bottom: 0;}
.slick-dots li {display: table;width: 13px;height: 13px; margin: 0 5px 10px !important;}
.slick-dots li button:before
{
    line-height: 20px;
    position: absolute;
    top: 3px;
    left: 7px;
    width: 13px;
    height: 13px;
    content: '';
    text-align: center;
    opacity: 1;
    background: #ea002b;
    border-radius: 50%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li button:after
{
position:absolute;
	content:"";
	top:0;
	left:0;
	bottom:0;
	right:0;
	opacity:0;
	width:27px;
	height:27px;
	display:block;
	margin:auto;
}

.slick-dots li.slick-active button:before
{
    opacity: 1;
    background: #fff;
    width:11px;
    height:11px;
     top: 4px;
    left: 8px;
}

.slick-dots li.slick-active button:after
{
    opacity: 1;
    border-radius: 50%;
	border:3px solid #fff;
}

.box-bonslick p, .box-bonslick h2{color:#252122 !important; font-size:40px; text-transform:uppercase; margin:0;}
.box-bonslick p { line-height: 42px; font-family: 'bsi_gestalight'; font-weight:normal;}
#bonslick .box-bonslick {
    left: 40%;
    width: auto;
}
.box-bonslick p.t-blc, .box-bonslick h2.t-blc{color:#fff !important;}
.bonslick-caption {
    text-align: left;
	 background: url(../../images/icone-s.png) top left no-repeat;
    padding: 10px 0 0 43px;
}
.slick-dotted.slick-slider {
    margin-bottom: 0;
}
.banner .scroll {
    display: none;
}

.banner .block-social  h4 {
    color: #d33343;
    font-size: 23px;
    text-transform: initial;
    margin-bottom: 10px;
}

.banner .block-social {
    position: absolute;
    top: 35%;
    left: 100px;
    padding: 0;
    width: 220px;
    background: rgb(255 255 255 / 75%);
    padding: 10px 15px 12px;
    border-top-right-radius: 35px;
    border-bottom-left-radius: 35px;
    text-align: center;
}
.banner .block-social ul {
    display:unset;
    display: unset;
    display: flex;
    padding-top: 25px;
    justify-content: center;
    gap: 12px;
    padding: 0;
    margin: 0;
}
.banner .block-social ul li {
    height: 22px;
    width: 20px;
    background-color: #f1f1f100;
    background-repeat: no-repeat;
    display: block;
    margin: 0px;
    cursor: pointer;
    transition:.3s all;
}

.banner .block-social ul li:hover {
  background-color: #f1f1f100;
}

.banner .block-social .facebook {
	background-image: none;
	background: url(../../images/fb.png) top center no-repeat;
	transition:.3s all;
}
.banner .block-social .facebook:hover {
    background: url(../../images/fb.png) bottom center no-repeat;
}
.banner .block-social .facebook:before {
    content: none;
}
.banner .block-social ul li.youtube {
    background-image: none !important;
    background: url(../../images/youtube.png) top 8px center no-repeat !important;
    height: 22px;
}
.banner .block-social ul li.youtube:hover {background: url(../../images/youtube.png) bottom 4px center no-repeat !important;}
.banner .block-social .instagram {
    background-image: none;
    background: url(../../images/insta.png) top 4px center no-repeat;
}
.banner .block-social .instagram:hover {
   
    background: url(../../images/insta.png) bottom center no-repeat;
}

section.professionnel-form {
    position: absolute;
    width: 20%;
    bottom: 40px;
    background: #fff;
    padding: 20px;
    border-radius: 25px;
    left: 25px;
    z-index: 10;
}

section.professionnel-form h4{
    text-transform: uppercase;
    font-size:20px;
    
}

.header-top {
    position: relative;
     z-index: 1000;
}


li#cms-page-5 a[data-depth="0"], li#cms-page-6 a[data-depth="0"], 
#header .menu > ul > li#cms-page-5, li#cms-page-6{display:none}


span.group-span-filestyle label.btn.btn-default {
    background: #d22741;
}

.visit {
    position: absolute;
    top: 0;
    right: 280px;
}

.visit .virtuel {
    background: url(../../images/icon-360.png) top center no-repeat;
    font-size: 0;
    height: 64px;
    width: 64px;
}


.visit button:hover {
    background: url(../../images/icon-360.png) top center no-repeat;
	border:none;
	background-color:unset;
}


.visit .modal-dialog {
    max-width: 82%;
    margin: 30px auto;
	min-height:700vh;
}

.visit iframe {
	min-height:900px;
}


.visit .modal-header {
    padding: 2px 5px 1px; border-bottom:none;
}

.visit .modal-body { padding:0 }

.blocf  {
    position: relative;
    display:flex;
    justify-content: space-evenly;
    gap:30px;
    align-items:center;
    margin-top:170px
}

.blocf .visit {
    position: relative;
    top: unset;
    right: unset;
}


/***************************************************/


#custom-text .bloc-categ.row .bloc .cat a{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    font-size:0;
	z-index:10;
}


.bottom-wrap {
    position: relative;
}
.bottom-wrap:before {
    position: absolute;
    content: "";
    right: 0;
    top: 0;
    width: 60%;
    height:1000px;
    background: #f3f4f7;
}
#index #wrapper .bloc-bottom.row {
    position: relative;
    margin: 0;
}
.bloc-bottom.row .col-lg-8.col-md-12, .bloc-bottom.row .col-lg-4.col-md-12 {
    padding:0
}
#index #wrapper .bloc-b {
    position:relative;
    margin:auto;
    display:table;
}
#index #wrapper .bloc-b a {
    position:absolute;
    left:0;right:0;
    font-size:0;
    top:0; bottom:0;    
    z-index:10;
}
#index #wrapper .bloc-b h2{
    position:absolute;
    top:153px;
    left:90px;
    background: url(../../images/icone-s.png) top left no-repeat;
    padding: 10px 0 0 43px;
    font-size:40px;
    z-index:2;
    text-transform: uppercase;
    transition: .3s all;
}

#index #wrapper .bloc-b.b1:before {
    position:absolute;
    content:"";
    background:#000;
    left:0;
    right:0;
    top:0;
    bottom:0;
    opacity:0;
    transition:.3s all;
}
#index #wrapper .bloc-b.b1:hover:before {
 
    opacity:.5;
}

#index #wrapper .bloc-b.b1 h2{
    left:158px
}
#index #wrapper .bloc-b.b1:hover h2{
   color:#fff;
   letter-spacing: 0.5px;
}
#index #wrapper .bloc-b.b2 h2{
    left:80px;
    color:#fff;
}
#index #wrapper .bloc-b.b2:hover h2{
    color:#252122;
    letter-spacing: 0.5px;
}
#index #wrapper .bloc-b.b2 img{
    border-top-right-radius:130px;
}
#index #wrapper .bloc-b.b2:after{
	position:absolute;
	content:"";
    border-top-right-radius:130px;
    background:rgb(12 14 18 / 0.70);
    top:0;
    bottom:0;
    left:0;right:0;
	transition:.5s all;
}
#index #wrapper .bloc-b.b2:hover:after{
    background:rgb(12 14 18 / 0.2);
}

.showroom-title {
    position: absolute;
    left: 0;
    top: 400px;
    background: #fff;
    width: 294px;
    height: 142px;
    line-height: 142px;
    text-align: center;
}

.showroom {
    position: relative;
    overflow: hidden;
}
.showroom img{
	border-bottom-left-radius: 130px;
}
.showroom h2{
	/* position: absolute; */
	/* top: 157px; */
	/* right: 85px; */
	background: url(../../images/icone-s.png) top left no-repeat;
	padding: 10px 0 0 43px;
	font-size: 40px;
	z-index: 2;
	text-transform:uppercase;
	color: #252122;
	font-family: 'gestaw01-boldregular';
	font-weight: normal;
}
.showroom h2 .subtitle{display:table;font-family: 'bsi_gestalight';font-weight: normal;}

.showroom h2 a{
	text-decoration:none;
	transition:.3s all;
	letter-spacing:2;
	letter-spacing: 0px;
}
.showroom h2 a:hover{
	text-decoration:none;
	transition:.3s all;
	transform:scale(1.15);
	letter-spacing: 1.2px;
}
.bgnews .bg-newsletter {
    background: url(../../images/ph-newsletter-min.jpg) top center no-repeat;
    max-width: 470px;
    height: 421px;
    padding: 0;
    border-top-right-radius: 130px;
}

.bloc_news .modal-dialog {
    max-width: 800px;
    margin: 30px auto;
}
.bloc_news .modal-header h2 {
    font-size: 22px;
    max-width: unset;
    margin: 0;
    text-align:center
}
.bloc_news .modal-header  {
    padding: 35px 15px;
}
.bloc_news .modal-body {
    position: relative;
    padding: 40px 100px 40px;
}
.bloc_news .modal-header .close{margin-top: -54px;font-size: 46px;color: #d33343;opacity: 1;}

.bloc_news .modal{top:unset; bottom:400px}

.bloc_news .modal input.btn.btn-primary.float-xs-right.hidden-xs-down {background:#d33343}
.col-md-6.links, .col-md-6.wrapper {
    float: none;
    width: auto;
    display: table;
    margin: auto;
}

p.h3.hidden-sm-down {
    display: none;
}

.links .collapse{display:flex}
.links .collapse li{padding:0 10px}
.links .collapse li a, .copyright_link a{color:#2b3c45;font-size:18px;text-transform:uppercase;text-align: center;/* font-family: 'gestaw01-mediumregular'; */}


.links .collapse li a {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: 'gestaw01-mediumregular';
}

.links .collapse li a:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 51%;
    right: 51%;
    bottom: 0;
    background: #d33343;
    height: 1px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.links .collapse li a:hover:before, 
.links .collapse li a:focus:before, 
.links .collapse li a:active:before { left: 0;right: 0;}

.links .collapse li a:hover{color:#d33343;}

.footer-bottom {
    padding: 50px 0 20px;
}

.copyright_link a {
    display: table;
    margin: auto;
    font-size: 15px;
}
.products-selection{
    display: none;
}

#category #wrapper .breadcrumb {
    margin: 56px 0 20px 375px;
}

#category #wrapper .breadcrumb ol li:nth-child(1), 
#product #wrapper .breadcrumb ol li:nth-child(1){
    display: none;
}

div#subcategories a.img{

    position: relative;
    margin: 0 auto 30px;
    transition: .5s all;
    z-index: 3;
 
    border: 2px solid #f3f4f7;
    display:table;
}

div#subcategories a.img:after{
position: absolute;
  /*  content: "";*/
    width: 45px;
    height: 10px;
    background: url(../../images/icone-s2.png) bottom left no-repeat;
    bottom: -10px;
    left: 0;
}

div#subcategories a.img .photo{
	position:relative;
	overflow:hidden;
    transform: scale(1);
    transition: .3s all;
	    margin: 0 auto 80px;
}
div#subcategories a.img:hover .photo{

    transform: scale(1.007);
 
}
div#subcategories a.img .photo:before{
position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
div#subcategories a.img .photo:hover:before{
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/*div#subcategories h5 a.subcategory-name {
    color: #252122;
    font-size: 22px;
    text-decoration: none;
    text-align: center;
    font-family: 'gestaw01-mediumregular';
    font-weight: normal;
    padding: 0 50px;
    display: table;
    margin: 25px auto;
    letter-spacing:0;
    transition:.3s all;
}
*/
div#subcategories h5 a.subcategory-name {
    color: #252122;
    font-size: 22px;
    text-decoration: none;
    text-align: center;
    font-family: 'gestaw01-mediumregular';
    font-weight: normal;
    padding: 15px 50px;
    /* display: table; */
     margin: 25px auto 0;
    letter-spacing: 0;
    transition: .3s all;
    position: absolute;
    bottom: 33px;
    background: #f3f4f7;
    left: 10px;
    right: 10px;
}
div#subcategories li:hover h5 a.subcategory-name {
 color: #ea002b;
 letter-spacing:0.5px;
}

#category #products .page-not-found .search-widget, #products .page-not-found{display:none}

section.product-accessories.clearfix {
    text-align: center;
    margin: 81px 0;
}

#product #wrapper .container {
    width: 100%; 
    max-width: 100%;
    padding: 0;
}

#product .row.product-container {
    max-width: 1425px;
    margin: auto;
}
#product .row.product-container .col-md-8 {
    padding: 0;
}
#product .descriptionpdt {
    position: relative;
    background: #f3f4f7;
    width: 100%;
    padding: 50px 15px 15px;
}
#product .tabs {
    margin-top: 2rem;
    max-width: 1425px;
    margin: auto;
    background: none;
	 padding: 0 15px;
}
#product section.product-attachments .attch {
    max-width: 1425px;
    margin: auto;
    padding: 0 15px;
}


section.product-accessories.clearfix .products {
    max-width: 1425px;
    margin: auto;
    padding: 15px;
}
.product-variants > .product-variants-item span.control-label {
    font-size: 0;
}

#product .details{color: #2b3c45;text-transform: uppercase;font-family: 'gestaw01-boldregular';font-weight: normal;font-size: 22px;text-decoration: underline;display: table;}

#product .details:hover{color: #d33343;}
#product .all-detail {
    /* display: flex; */
    /* justify-content: center; */
}
#product .product-information p{margin: 0 0 20px;}
#product .all-detail > div {
}

#product .product-variants > .product-variants-item span.control-label {
    font-size: 0;
}

.page-cms-2 .txt-rg {
   font-size:36px;
   font-family: 'bsi_gestalight';
   line-height: 1.13em;
   font-weight: normal;
}
.page-cms-3 img.img-respnsive.img-right {
    box-shadow: 0px 0px 4px 1px #0000001f;
}

.page-cms-2 .row {
 margin: 0;
}


.page-cms-2 .col-md-6 {
 padding: 0 15px;
}
p.text-g {
    font-size: 30px;
    line-height: 1.23em;
}

.page-cms-2 p.h4 {
    color: #d33343;
    font-family: 'gestaw01-mediumregular';
    margin: 20px 0 15px;
    font-size: 22px;
    font-weight: normal;
}

.page-cms-2 p.txt-r {
    color: #d33343;
}

.page-cms-2 p.h3 {
    margin: 0;
    font-family: 'gestaw01-boldregular';
    font-weight: normal;
}
.page-content.page-cms.page-cms-8 .showroom-soukra ul li {
    position: relative;
    list-style:none;
    background: none;
    padding-left:0;
    margin-bottom:0;
}
.page-content.page-cms.page-cms-8 .showroom-soukra ul  {
    margin-bottom:0;
}
.page-content.page-cms.page-cms-7, 
.page-content.page-cms.page-cms-8{padding:0;}
.page-content.page-cms.page-cms-7 h2, 
.page-content.page-cms.page-cms-8 h2{padding:0 0 0 37px; margin-bottom:50px}
.page-content.page-cms.page-cms-7 .row,
.page-content.page-cms.page-cms-8 .row{margin:0;}
.page-content.page-cms.page-cms-7 .col-md-6{padding:0;}
.page-content.page-cms.page-cms-8 .col-md-6, 
.page-content.page-cms.page-cms-9 .col-md-6{padding:0 15px;}

.page-content.page-cms.page-cms-8 #carousel .slides .car1{display:none !important;}


.bloc-news {
    position: relative;
    margin: 0 0 50px;
}
.bloc-news .photo {
    overflow: hidden;
    transition: .4s all;
    transform: scale(1);
    max-width: 622px;
    /* width: auto; */
    height: 380px;
    display: block;
    margin: 0 auto 20px;
    background: #d33343;
}
.bloc-news:hover .photo {
transform: scale(1.01);
}
#cms .bloc-news h3,
#cms .news h3,
#cms .page-content.page-cms.page-cms-8  h3,
#cms .page-content.page-cms.page-cms-9  h3{
color:#2b3c45;
font-family: 'bsi_gestalight';
font-weight:normal;
font-size:36px;
background: url(../../images/icone-s2.png) top left 37px no-repeat;
display: table;
padding: 28px 0 0 37px;
margin: 0;
}

#cms .page-content.page-cms.page-cms-8  h3, #cms .news h3{
	background: url(../../images/icone-s2.png) top left no-repeat;
	padding: 28px 0 0 0;
}

#cms .page-content.page-cms.page-cms-9  h4{
	color:#d33343;
	font-size:36px;
}
#cms .page-content.page-cms.page-cms-9  h4 .subtitle{
	color:#2b3c45;
	font-size:22px;
	display:table;
}


#cms .page-content.page-cms.page-cms-9  h3{
	background: url(../../images/icone-s2.png) bottom left no-repeat;
	padding: 0px 0 15px 0;
	margin: 0 0 25px;
}

#cms .page-content.page-cms.page-cms-8 p.txt-strong, .news p.txt-strong{
    font-family: 'gestaw01-boldregular';
}

a.linknews{
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
    position: relative;

    margin: .4em;
    padding: 1em;
    cursor: pointer;
    background: #d33343;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition:.3s all;
}
a.linknews:hover{background:#2b3c45}
a.linknews:before {
    pointer-events: none;
    position: absolute;
    z-index: -1;
    content: '';
    border-style: solid;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    top: calc(50% - 10px);
    right: 0;
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #d33343;
}

a.linknews:hover:before, a.linknews:focus:before, a.linknews:active:before {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
      border-color: transparent transparent transparent #2b3c45;
}



.bloc-news a{position:absolute;top:0;bottom:0;left:0;right:0;z-index:10;font-size: 0;}

#contact div#left-column {
    padding: 6px 0 0;
}

#contact div#left-column h1{
    font-size:35px;
    color:#2b3c45;
   
}
#contact div#left-column h2{
    font-size:30px
}
#contact div#left-column .modal-dialog {
    max-width: 1000px;
    margin: 30px auto;
    text-align: center;
}


#contact div#left-column ul li {
   padding-left: 23px;
   margin-bottom: 10px;
}

#contact div#left-column ul li.ads {
    background: url(../../images/ads.png) top 4px left no-repeat;
   
}

#contact div#left-column ul li.tel {
    background: url(../../images/tel.png) top 4px left no-repeat;

}

#contact div#left-column ul li.mail {
    background: url(../../images/mail.png) top 4px left no-repeat;

}
#contact div#left-column ul li.horaire {
    background: url(../../images/horaire.png) top 4px left no-repeat;

}
a.logout.hidden-sm-down {
    display: table;
}


div#subcategories li{
    padding: 0;
}

#product .product-description a {
    color: #d33343;
    padding-bottom: 2px;
    border-bottom: 1px solid #d33343;
}


#products #js-product-list .products
   {
    /* margin-right: -15px !IMPORTANT; */
    /* margin-left: -15px !IMPORTANT; */
   }
 


/**************************************************************/

.top-menu li#cms-category-2{position:relative;}
.top-menu li#cms-category-2  .sub-menu {
    
    left: 0;
    right: 0;
    width: 200px;
    padding: 0;
}

.top-menu li#cms-category-2  .sub-menu ul[data-depth="1"] > li{
    float:none;
    width: auto;
    position: relative;
}

.top-menu li#cms-category-2 .top-menu[data-depth="2"], 
.top-menu li#cms-category-2 .top-menu[data-depth="3"], 
.top-menu li#cms-category-2 .top-menu[data-depth="4"] {
    display: block;
    position:relative;
    padding: 10px 5px;
}


 .top-menu li#cms-category-2 .sub-menu ul[data-depth="1"] li:hover > .collapse {
    visibility: visible;
    opacity: 1;
    display: block;
    width: 100%;
}

.top-menu .collapse .collapse {
    position: absolute;
    left: 100%;
    width: 200px;
    top: -10px;
    z-index: 20;
    max-width: 100%;
    visibility: hidden;
    border: none;
    background: #fff;
    opacity: 0;
    transition: opacity 0.5s ease, visibility 0.5s ease;
    box-shadow: 2px 1px 11px 2px rgba(0, 0, 0, 0.1);
}


#header .menu > ul > li#lnk-professionnel, #mm-lnk-professionnel {
  display: none;
} 

h1.slogan {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: -150px;
    z-index: 10;
    color: white;
    font-size: 45px;
    font-family: 'gestaw01-boldregular';
}
.txt-gras.txtrg {
    font-family: 'gestaw01-boldregular';
    font-weight: normal;
    color: #d33343;
}


.video {   
    float:right;
    overflow: hidden;
    margin: 0 0 30px 60px;
	 position: relative;
}
/*.video.vid {
    max-width: 100%;      
    overflow: hidden;
    margin: 0 0 30px 60px;
  padding-bottom: 56.25%; 
  height: 0;
	float:none;
}*/
.video.vid iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video.vid {
  width: 560px;
  overflow: unset;
  margin: 0 0 30px 30px;
  height: 315px;
  float: right;
}

.cms-id-18 .video.vid {

  margin: 0 0px 30px 0px;
float:none
}

/**************************************************************/

.cms-id-2 ul.list-cat, .cms-id-3 ul.list-cat , .cms-id-4 ul.list-cat  {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    padding:0;
	margin:0;
}
.cms-id-2 ul.list-cat li,
.cms-id-3 ul.list-cat li,
.cms-id-4 ul.list-cat li{
	padding:65px 0 0;
}

.cms-id-2 ul.list-cat li:first-child{
    background:url(../../images/ic-1.png) top center no-repeat;
}

.cms-id-2 ul.list-cat li:nth-child(2){
    background:url(../../images/ic-2.png) top center no-repeat;
}

.cms-id-2 ul.list-cat li:nth-child(3){
    background:url(../../images/ic-3.png) top center no-repeat;
}
.cms-id-3 ul.list-cat li{
    background:url(../../images/ic-1.png) top center no-repeat;
}

.cms-id-4 ul.list-cat li{
    background:url(../../images/ic-2.png) top center no-repeat;
}

ul.list-cat li a{
	
	font-size: 24px;
    font-family: 'gestaw01-mediumregular';
    font-weight: normal;
    text-transform: uppercase;
}


/**************************/

@media screen and (max-width: 1700px) {
#header .header-top .menu {  margin-right: 10px; }

#custom-text .bloc-categ.row .bloc .cat.c-34 h3, 
#custom-text .bloc-categ.row .bloc .cat.c2 h3,
#custom-text .bloc-categ.row .bloc .cat.c6 h3{ bottom: 113px; }
	
#header .header-nav .user-info { right: 68px;}
	
.logoimg { margin: -85px auto 10px;display: table;}
	
section.professionnel-form { width: 24%; bottom: 15px; }	
	
}

@media screen and (max-width: 1651px) {
	
.top-menu a[data-depth="0"], #header a{font-size:17px;}
	
#custom-text .bloc-categ.row .bloc .cat.c3 h3 {top: 250px;}
	
}

@media screen and (max-width: 1580px) {
.header-top .container-fluid {padding-left: 0;}
	
#custom-text .bloc-categ.row .bloc .cat.c-34 h3,
#custom-text .bloc-categ.row .bloc .cat.c2 h3,
#custom-text .bloc-categ.row .bloc .cat.c6 h3 { bottom: 88px;}
	
#header .header-nav #_desktop_contact_link { right: 200px; }
	
.top-menu a[data-depth="0"] {padding: 0 8px 0;}
	
li#cms-page-4 a[data-depth="0"], li#category-3 a[data-depth="0"] {
    background: url(../../images/ic-menu.png) top 7px left no-repeat; padding: 0 8px 0 10px;
}	

section.professionnel-form { width: 25%; bottom: 10px; padding: 15px; }	
	
section.professionnel-form .form-group.submit{margin-bottom:0}	
	
section.professionnel-form .form-group {margin-bottom: 0.5rem; }	
}

@media screen and (max-width: 1470px) {
	
img{max-width:100%; height:auto;}
	
#header .header-nav .user-info {right: 70px;}
	
#header .header-top .menu {margin-right: 15px;}
	
#header .header-top ul#top-menu {padding-left: 20px;}
	
.banner .block-social {left: 40px;}
	
div#_desktop_cart {font-size: 16px;}
	
.top-menu a[data-depth="0"], #header a,
.links .collapse li a, .copyright_link a{font-size: 16px;}
	
	
.top-menu a[data-depth="0"] { padding: 0 6px 0; }	
	
.top-menu a[data-depth="1"], 
.top-menu a[data-depth="2"], 
.top-menu a[data-depth="3"]{ font-size: 15px !important; }
	
.top-menu a[data-depth="4"] {  font-size: 14px !important; }
	
body#contact.recrutpage .banner.banin .slogan { right: 10%; }	
	
#custom-text .bloc-categ.row .bloc .cat.c1 h3,
#custom-text .bloc-categ.row .bloc .cat.c5 h3{top: 60px;}
	
#custom-text .bloc-categ.row .bloc .cat.c3 h3 { top: 200px;}
	
.block_newsletter { width: 100%;float: none;}
	
#footer .block_newsletter .row {margin: 0 0 0 20px;}
	
.showroom {margin: 0 0 70px;}
	
.showroom-title { top: 349px;height: 120px; line-height: 120px;}
	
.bloc_news h2, .bloc_news button.btn.btn-primary { font-size: 25px;}
	
.showroom h2 { top: 140px; font-size: 30px;}
	
.bgnews .bg-newsletter {  height: 321px;}
	
#index #wrapper {padding-bottom: 35px;}
	
.container{width:100%; max-width:100%;}	
	
#custom-text .bloc-categ.row .bloc .cat.c-34 h3,
#custom-text .bloc-categ.row .bloc .cat.c2 h3,
#custom-text .bloc-categ.row .bloc .cat.c6 h3{ line-height: 30px;}
	
.banner .block-social  h4 {font-size: 18px;}
	
.slick-prev { left: 40%; }

.slick-next { right: 40%; }
	
#bonslick .box-bonslick { left: 33%; }
	
.footer-container {}	
	
}

@media screen and (max-width: 1366px) {
	
#header .header-nav .user-info { right: 50px;}

#header .header-nav #_desktop_contact_link { right: 160px; }
		
.top-menu a[data-depth="0"] {padding: 0 2px 0;}
	
li#cms-page-4 a[data-depth="0"], li#category-3 a[data-depth="0"] {
    background: url(../../images/ic-menu.png) top 7px left no-repeat;
    padding: 0 5px 0 10px;
}
	
#custom-text .bloc-categ.row .bloc .cat h3 {font-size: 30px;}
	
#custom-text .bloc-categ.row .bloc .cat h3:after { width: 140px; height: 140px;  line-height: 140px;}
	
#custom-text .bloc-categ.row .bloc .cat.c3 h3,  
#custom-text .bloc-categ.row .bloc .cat.c5 h3{ line-height: 140px;}	
	
#custom-text .bloc-categ.row .bloc .cat.c1 h3{top: 60px;line-height:39px; padding-top:50px}
.block_newsletter {max-width: 820px;}	
	
#footer .block_newsletter .row {margin: 0 0 0 5px;}
	
.showroom-title { top: 330px;}
	
div#_desktop_cart {
    background: url(../../images/panier.png) top right no-repeat;
    padding-right: 21px; font-size: 17px; line-height: 22px; margin: 3px 0 0; background-size: 15%;
}

#custom-text .bloc-categ.row .bloc .cat.c3 h3 {top: 190px;}
	
#custom-text .bloc-categ.row .bloc .cat.c-34 h3 { bottom: 87px;}
	
.box-bonslick p, .box-bonslick h2 {font-size: 30px;}
	
.bloc_news {padding: 80px 0 55px 35px;}
	
div#subcategories h5 a.subcategory-name { font-size: 20px; padding: 15px 10px;  bottom: 35px; }	
	
.block-categories li a { font-size: 17px; }
	
div#subcategories li { padding: 0 5px; }
	
}

@media screen and (max-width: 1352px) {
	
	#header .header-top .menu {margin-right: 5px;}
	
	#header .header-top ul#top-menu { padding-left: 0;}
	
	.footer-container {}
	
	.blocf { gap: 0; margin-top: 100px; }
	
	.menutop {
    clear: both;
    position: relative;
    display: table;
    padding: 0;
    justify-content: center;
    width: auto;
    float: none;
    margin: auto;
}
	
}

@media screen and (max-width: 1280px) {
	
.block_newsletter {max-width: 740px;}
	
.page-content.page-cms.page-cms-7 .col-md-6 { padding: 0 15px;}
	
#cms .bloc-news h3, #cms .page-content.page-cms.page-cms-8 h3, #cms .news h3,
#cms .page-content.page-cms.page-cms-9 h3 {
   background: url(../../images/icone-s2.png) top left no-repeat; padding: 28px 0 0 0px; font-size: 30px; }	
	
.bloc-news.b-1 .photo {height: auto;}
	
.block-categories .collapse-icons { right: -7px; }
	
 section.professionnel-form { width: 30%; left: 15px; }	
	
}

@media screen and (max-width: 1275px) {
	
.header-top {padding: 0 0 15px;}
	
#header .header-top .menu { display: none;}
	
nav.mobile-nav {display: block; margin-right: 25px; margin-top: -46px; }
	
div#_desktop_cart { margin: -43px 0 0; }
	
.menutop { display: block; padding: 0;margin: 0;text-align: right; }
	
#header .header-nav #_desktop_contact_link { display: none; }
	
.logoimg { margin:-91px 0 20px 15px; display: block; float: none; }
	
div#_desktop_logo { padding: 0; width: auto; float: none; display: table; }
	
.h2, h2 { font-size: 30px; }
	
}	

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

body#contact.recrutpage .banner.banin .slogan { right: 7%;  width: 250px;  font-size: 26px; }	
	
#bonslick .box-bonslick {left: 30%; width: auto;}
	
.showroom-title {top: 282px;width: 255px;}
	
#index #wrapper .bloc-b.b2 h2 {left: 30px;}
	
#index #wrapper .bloc-b h2 {font-size: 30px;}
	
.links .collapse li a {font-size: 15px;}
	
.copyright_link a { font-size: 13px;}
	
.banner .block-social {left: 25px; width: 200px;}
	
}

@media screen and (max-width: 1080px) {
	
#header .header-nav { padding: 0px;} 	
	
#custom-text .bloc-categ.row .bloc .cat.c-34 h3, #custom-text .bloc-categ.row .bloc .cat.c2 h3, 
#custom-text .bloc-categ.row .bloc .cat.c6 h3 {bottom: 50px;}
	
#custom-text .bloc-categ.row .bloc .cat.c1 h3, 
#custom-text .bloc-categ.row .bloc .cat.c5 h3 { top: 35px;}
	
#custom-text .bloc-categ.row .bloc .cat.c1.bas h3{top: 30px;padding-top: 31px;line-height: 30px;}
#custom-text .bloc-categ.row .bloc .cat.c3 h3 { top: 115px;}
	
#custom-text .bloc-categ.row .bloc .cat h3:after {width: 130px;height: 130px;line-height: 130px;}
	
#custom-text .bloc-categ.row .bloc .cat h3 {font-size: 27px;}
	
#products .product-title a, .featured-products .product-title a, 
.product-accessories .product-title a, .product-miniature .product-title a {padding: 0 10px;}	
		
.box-bonslick p, .box-bonslick h2 {font-size: 28px;}
	
.page-content.page-cms.page-cms-7 .col-md-6 { float: none; width: auto; }
	
#cms .bloc-news h3{ text-align: center; display: table; margin: 0 auto 25px; }
	
.block-categories li a {padding: 20px 5px 20px 10px;font-size: 17px;}
	
.block-categories .collapse-icons { right: -17px;}
	
#category #wrapper .breadcrumb { margin: 56px 0 20px 263px; }
	
#category div#left-column { padding: 0 15px 0 0; }
	
h1.slogan { top: -100px; font-size: 35px; }
	
.page-cms-2 .txt-rg { font-size: 30px; }
	
.visit { right: 80px; }
	
section.professionnel-form .form-group { margin-bottom: 0.25rem; }	
	
section.professionnel-form h4 { font-size: 15px; }
	
section.professionnel-form button#submitMessage { font-size: 15px; }	
	
.banner .block-social { left: unset; padding: 6px 15px 7px;bottom: 27px; top: unset; right: 25px; }	
	
section.professionnel-form {width: 32%; left: 5px; }
	
#bonslick .box-bonslick {left: 37%; }
	
.header-top { padding: 28px 0 15px;}	
}


@media screen and (max-width: 991px) {
	
#custom-text .bloc-categ.row .bloc .cat.c-34 h3, 
#custom-text .bloc-categ.row .bloc .cat.c2 h3, 
#custom-text .bloc-categ.row .bloc .cat.c6 h3 { bottom: 113px; }
	
#custom-text .bloc-categ.row .bloc .cat.c1 h3,
#custom-text .bloc-categ.row .bloc .cat.c5 h3 {top: 130px;padding-top: 69px;}
#custom-text .bloc-categ.row .bloc .cat.c1.bas h3{padding-top:60px}
	
#custom-text .bloc-categ.row .bloc .cat h3:after { width: 174px;  height: 174px;line-height: 174px;}	
	
#custom-text .bloc-categ.row .bloc, #custom-text .bloc-categ.row .bloc .cat { margin: 0 auto 25px;}	
	
.showroom h2 { top: 60px;}
	
.showroom { margin: 0 0 158px;}
	
.showroom-title { top: 250px;right: 0;left: 0;margin: 0 auto 25px;}
	
.links .collapse li a {text-align: center;display: table;}
	
#header .header-nav .user-info {right: 30px;}
	
.menutop {padding: 0 15px 5px 0;}
	
#index #wrapper .bloc-b { margin: 0 auto 25px;}
	
.links .collapse { display: inherit;}
	
.links .collapse li { float: left; width: 33.33%; margin: 0 0 15px;}
	
.col-md-6.links, .col-md-6.wrapper {display: block; margin: 0;}	
	
#header .header-nav #_desktop_contact_link { right: 129px; }
	
#header .header-nav .user-info { right: 30px; }
	
#product .row.product-container .col-md-8 { padding: 0 15px; }
	
.block-categories .category-sub-menu li[data-depth="1"] a, 
.block-categories .category-sub-menu li[data-depth="1"] { padding: 5px 0px 5px 10px; }

.block-categories .category-sub-menu .category-sub-link { font-size: 14px; }
	
#category div#left-column{padding:0 5px 0 0}
	
div#subcategories h5 a.subcategory-name { left: 20px; right: 20px; }
	
img.img-right { float: none; margin: 0 auto 30px; overflow: hidden; display: table; }
	
.row.vd .col-md-6{ float:none; width:auto;  }	
	
.video {float:none; margin: 0 auto 30px; text-align: center; }
	
.video.vid, .cms-id-18 .video.vid { margin: auto; max-width: 100%; overflow: hidden; padding-bottom: 56.25%;  height: 0; float:none; }
	
/*.video.vid {
    max-width: 100%;overflow: hidden;margin: 0 0 30px 60px;padding-bottom: 56.25%;height: 0;float:none;
}*/	
	
.video video { width: 100%    !important; height: auto   !important; }
		
.blocf {gap: 0;margin-top: 40px;}	
}

@media screen and (max-width: 800px) {
	
.showroom-title { top: 200px;}
	
.links .collapse li a {text-align: left;display: block;}
	
img.img-left, img.img-right, .cms-id-1 img.img-right {
    float: none; margin: 0 auto 55px; overflow: hidden; display: table;
}
	
#header .header-nav .user-info a { font-size: 12px !important;}
		
h1.slogan { top: -80px; font-size: 30px; }
	
#product h1 { font-size: 25px;}		
	
#contact div#content-wrapper, #contact div#left-column {float: none; width:auto;}
	
.visit {right: 40px; }
	
.slick-next {  right: 36%; }	
	
 section.professionnel-form  .form-control {
  border: none; padding: 0.25rem 0.75rem; height: 30px; border-bottom: 1px solid rgba(0, 0, 0, 0.25);
}	
 
section.professionnel-form button#submitMessage { font-size: 15px; padding: 5px 8px; }	

section.professionnel-form {width: 37%; left: 5px;  bottom: 1px; }	
	
.box-bonslick p, .box-bonslick h2 { font-size: 24px; }	
	
.banner .block-social { left: unset; padding: 6px 15px 7px; bottom: 5px; top: unset; right: 8px; width: 180px; }	
	
}

@media screen and (max-width: 767px) {
	
.logoimg { margin: 0 auto; display: block; float: none;}
	
#category #wrapper .breadcrumb { margin: 56px 0 20px 3px; display: block !important;}
	
.slick-dots { width: auto; right: 18px;  bottom: 30%;}	
	
.box-bonslick p{display:block!important}
	
.links .collapse li {width: 50%;}
	
.search-widget {display: table;margin: 0 auto 52px;}
	
div#_mobile_user_info .user-info a span.hidden-sm-down,
div#_desktop_user_info .user-info span.hidden-sm-down,
div#_desktop_user_info .user-info .hidden-sm-down {display: block !important;}
	
#header .header-nav .blockcart .hidden-sm-down {display: inline-block !important;}
	
#header .header-nav .top-logo { padding-top: 0;z-index: 100; display: table; margin-top: -115px;margin-bottom: 5px;}
	
nav.mobile-nav {margin: 0;}
	
.menutop { margin-top: -42px; padding: 0 15px 0 0;}
	
.banner {  position: relative; clear: both; margin-top: 10px;}
	
 #header .header-nav .blockcart {
	text-transform: uppercase; font-family: 'gestaw01-mediumregular'; font-weight: normal; 
	 background: url(../../images/panier.png) top 8px right no-repeat; padding-right: 33px; 
	 margin-left: 26px; font-size: 16px; line-height: 53px;margin: -5px 0 0; color: #2b3c45;
	 position: absolute; right: 22px; top: 104px;}
	
#header .header-nav .blockcart.active {margin-left: 0;}
	
#header .header-nav .cart-preview .shopping-cart {display: none;}
	
.showroom-title { top: unset; position: relative;left: unset;right: unset;}
	
.showroom img { border-bottom-left-radius: 130px; display: table; margin: 19px auto;}
	
.showroom { margin: 0 0 50px;}
	
#footer {padding-top: 0;}
	
.block_newsletter .col-xs-6 { padding: 0;}
	
#products .product-title a, 
.featured-products .product-title a, 
.product-accessories .product-title a, 
.product-miniature .product-title a { font-size: 20px;}
	
#header .header-nav .user-info {display: flex;}
	
#header .header-nav .user-info .account { margin-left: 0.25rem;}
	
#header a.logout.hidden-sm-down { display: block !important;}
	
.page-cms-2 .col-md-6.t-2 {padding: 0px 15px 0;}
	
.page-cms-2 .txt-rg {font-size: 24px;}
	
.h2, h2 {font-size: 28px;}
	
.h3, .h4, h3, h4 {font-size: 22px;}	
	
p.text-g {font-size: 25px;}
	
#cms .bloc-news h3, #cms .page-content.page-cms.page-cms-8 h3, #cms .news h3,  
#cms .page-content.page-cms.page-cms-9 h3 { font-size: 24px;}
	
.page-content.page-cms {  text-align: justify;     text-align: left;}
	
div#subcategories h5 a.subcategory-name { width: 300px; }
	
h1.slogan { top: -80px; font-size: 30px;}
	
#product #wrapper .breadcrumb { font-size: 19px;}
	
.slick-prev { left: 43%;}
	
.slick-next { right: 30%; }
	
.banner .block-social { right: 15px;width: 160px; }
	
 .slick-prev {left: 49%; }	
	
.blocf { justify-content: space-evenly;gap: 0;margin-top: 22px;}	
	
.header-top { padding: 28px 0 5px;}	
}

@media screen and (max-width: 683px) {
	
 .box-bonslick p, .box-bonslick h2 {  font-size: 21px; }

 #bonslick .box-bonslick {left: 41%;  }

  section.professionnel-form { width: 40%; left: 5px; bottom: -2px; }

  .banner .block-social h4 { font-size: 16px; }

  .banner .block-social ul { gap: 7px; }

  .banner .block-social { right: 5px; width: 149px;padding: 5px 0;}

  .slick-prev, .slick-next {width: 76px;}

}

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

.links .collapse li a { font-size: 15px;}
	
#header .header-nav .user-info { right: 10px;}
	
.search-widget form input[type="text"] {min-width: 320px; margin-bottom: 18px;}
	
.search-widget { margin: 0 auto 80px;}	
	
.box-bonslick p, .box-bonslick h2 {font-size: 20px;}
	
#index #wrapper .bloc-b.b1 h2 {left: 58px;top: 80px;}
	
.bloc_news { padding: 15px 0 10px 15px;}
	
.bloc_news h2{font-size: 18px !important; height: auto !important; margin-bottom: 20px !important;}	 
	
.bgnews .bg-newsletter { height: 220px;}
	
.bloc_news h2, .bloc_news button.btn.btn-primary {font-size: 20px;}	
	
#header .header-nav .blockcart {top: 110px;}
	
#header a {font-size: 14px;}
	
#header .header-nav .blockcart {background: url(../../images/panier.png) top 15px right no-repeat; padding-right: 29px; font-size: 14px; background-size: 24%;}
	
div#tab-content, #product .all-detail {display: table; margin: auto;}	
	
div#tab-content .product-description, 
div#product-details.tab-pane.fade,
#product .all-detail > div,
#product .all-detail > div{ width: auto;}	
	
#header .header-nav .user-info {display: table;}
	
#header .header-nav .user-info a{line-height:21px; margin:0 !important}	
	
.slick-dots {right: 19px;bottom: 22%;}
	
.product-features > dl.data-sheet dd.value, .product-features > dl.data-sheet dt.name {-ms-flex: 1 0 50%; flex: 1 0 50%;}
	
.product-features > dl.data-sheet dd.value{ margin-left: 27px;}
	
#product .product-features { width: auto;}
	
div#tab-content .product-description, div#product-details.tab-pane.fade, 
#product .all-detail > div, #product .all-detail > div { width: auto; margin: auto;display: table;}
	
#product h2 {font-size: 27px;}	
	
h1.slogan { top: -60px; font-size: 25px;}
	
.banner .block-social ul { padding-left: 0; display: table; margin: auto;}

.slick-prev, .slick-next { width: 60px; height: 22px; }	
	
.slick-prev:before, .slick-next:before { font-size: 30px; }	
	
.visit { right: 15px; }
	
 section.professionnel-form { width: 46%; left: 5px; bottom: -35px; }	

#header .header-nav .top-logo { margin-top: -165px; margin-bottom: 4px; }	
	
.search-widget form button[type="submit"] { bottom: 33px; }	
	
.bonslick-caption, .banner .block-social h4 { display: none; }	
	
.banner .block-social { width: 50px; padding: 10px; }	
		
.slick-next { right: 15%; }	

.slick-prev { left: 61%; }	
}

@media screen and (max-width: 575px) {
		
div#subcategories h5 a.subcategory-name { bottom: 10px; }	
	
.h2, h2 { font-size: 26px;}
	
#cms h3 { font-size: 23px;}
	
#product #wrapper .breadcrumb { font-size: 17px;}	
	
.cms-id-2 ul.list-cat, .cms-id-3 ul.list-cat, .cms-id-4 ul.list-cat {
    display: table; justify-content: unset; align-items: unset; padding: 0; margin: 0 auto;
}	
	
.cms-id-2 ul.list-cat li, .cms-id-3 ul.list-cat li, .cms-id-4 ul.list-cat li {
    margin-bottom: 45px;
}	
	
body#contact.recrutpage .banner.banin .slogan {right: 10px;width: 250px;font-size: 24px;top: 26px;}	
	
.visit { right: 5px; }
	
.visit .virtuel, .visit .virtuel:hover{background-size:56%;}
	
section.professionnel-form {bottom: -49px;width: 52%; }	
	
.blocf .visit .virtuel, .blocf .visit .virtuel:hover { background-size: 100% !important; }	
	
.search-widget { margin: 0 0 80px 120px; }
	
.search-widget form button[type="submit"] { right: 107px; }	
		
.menutop { margin-top: -20px; }	
	
.page-content.page-cms { padding: 0; }
}


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

.visit { right: 17px; top: 70px;}

}

@media screen and (max-width: 480px) {
	
.bonslick-caption{display:none !important;}	
	
.search-widget {
    margin: 0 0 80px 6px;
}	
.search-widget form button[type="submit"] {
    right: 0px;
}
.visit {
    right: 0px;
    top: 6px;
}
.search-widget form input[type="text"] { min-width: 280px;}
	
#custom-text .bloc-categ.row .bloc .cat h3:after {width: 130px; height: 130px;line-height: 130px;}
	
#custom-text .bloc-categ.row .bloc .cat.c3 h3, #custom-text .bloc-categ.row .bloc .cat.c1 h3, 
#custom-text .bloc-categ.row .bloc .cat.c5 h3{top: 60px;}	
	#custom-text .bloc-categ.row .bloc .cat.c1 h3{padding-top:50px}
	#custom-text .bloc-categ.row .bloc .cat.c1.bas h3{padding-top:35px}
#custom-text .bloc-categ.row .bloc .cat.c-34 h3, #custom-text .bloc-categ.row .bloc .cat.c2 h3, 
#custom-text .bloc-categ.row .bloc .cat.c6 h3 {bottom: 80px; }
	
#index #wrapper .bloc-b h2 {font-size: 25px;}
	
#index #wrapper .bloc-b.b1 h2 {left: 40px; top: 58px;}
	
.links .collapse {display: table; margin: auto;}
	
.links .collapse li { width: auto; float: none;}
#index #wrapper h2 {font-size: 25px;}
	
.slick-dots {right: 20px; bottom: 17%;}
	
.showroom h2 {font-size: 25px;}
	
.bloc_news .modal-body { padding: 40px 10px 40px;}
	
#header .header-nav {padding: 0 0 10px;}
	
.attachment-1 .attachment h4 a { font-size: 16px;}
	
.product-variants > .product-variants-item {margin: 1.25rem .5rem;}
	
.banner .block-social { top: 25%;}
	
h1.slogan { top: -40px; font-size: 20px;}

section.professionnel-form { width: 59%; bottom: -54px; }	
	
#header .header-nav .right-nav { display: table;  margin: 0 0 0 106px; }	
	
}

@media screen and (max-width: 450px) {
	
	#header .header-nav .user-info {right: 29px; top: 83px;}
	
	#cart .col-md-6.col-xs-6.qty { padding: 0;}
	
	#product h1 {font-size: 20px;}
	
   .visit { right: 0; top: 64px; }
	
  .menutop { margin-top: -15px; padding: 0 0px 0 0; }
	
   .slick-prev, .slick-next { display: none !important;}
	
  section.professionnel-form { width: 70%; }	
}

@media screen and (max-width: 390px) {
	
 .search-widget form input[type="text"] { min-width: 189px; width: 270px; }
	
  #header .header-nav .right-nav { display: table; margin: 0 0 0 101px; }
	
  .header-top { padding: 0 0 49px; }	
	
 .blocf { display: table; margin: 22px auto; }	
	
 .blocf .visit { display: table; margin: auto;}
.search-widget {
    margin: 0 0 80px -5px;
}	
	
#cms .header-top, #contact .header-top, #category .header-top , #cart  .header-top,
#product .header-top , #authentification .header-top, #checkout .header-top   {
    padding: 0;
}
}

@media screen and (max-width: 375px) {
	
 .search-widget form input[type="text"] { width: 242px; }	
	
	
.bloc_news h2, .bloc_news button.btn.btn-primary { font-size: 18px;}
	
#custom-text .bloc-categ.row .bloc .cat.c3 h3, #custom-text .bloc-categ.row .bloc .cat.c1 h3, 
#custom-text .bloc-categ.row .bloc .cat.c5 h3 {top: 40px;}	
	#custom-text .bloc-categ.row .bloc .cat.c1 h3 {padding-top: 35px;}	
	#custom-text .bloc-categ.row .bloc .cat.c1.bas h3 {padding-top: 20px;}	
#custom-text .bloc-categ.row .bloc .cat.c-34 h3, 
#custom-text .bloc-categ.row .bloc .cat.c2 h3, #custom-text .bloc-categ.row .bloc .cat.c6 h3 {bottom: 35px;}
	
#custom-text .bloc-categ.row .bloc .cat.c-34 h3:after, 
#custom-text .bloc-categ.row .bloc .cat.c2 h3:after, #custom-text .bloc-categ.row .bloc .cat.c6 h3:after {top: -23px;}
	
#custom-text .bloc-categ.row .bloc .cat h3:after { width: 100px;height: 100px;line-height: 100px;}	
	
#index #wrapper .bloc-b.b1 h2 { left: 9px; top: 26px;}	
	
#index #wrapper .bloc-b h2 { font-size: 19px;}	
	
#index #wrapper .bloc-b.b2 img, #index #wrapper .bloc-b.b2:after,
#footer .block_newsletter .row{border-top-right-radius: 80px;}	
	
.block_newsletter .col-xs-6 { padding: 0;width: 100%; float: none;}	
	
.bgnews .bg-newsletter{ border-top-right-radius: 0px;}
	
.bloc_news .modal {top: unset; bottom: 110px;}
	
.bloc_news h2{padding: 0 20px 0 0;}
	
.slick-dots {bottom: 9%;}
	
.attachment-1 {display: table;}
	
.attachment-1 > div { margin: 0;}
	
#product h3, section.product-attachments p.h5.text-uppercase {margin: 20px 0 10px; font-size: 19px;}   
	
.product-features dl:after {left: 15px;}
	
.product-features > dl.data-sheet {padding: 0 0 0 10px;}	
	
div#tab-content .product-description ul { margin: 0 0 0 10px;}
	
.product-features > dl.data-sheet dd.value, 
.product-features > dl.data-sheet dt.name { min-height: 1.5rem; margin-bottom: 15px; font-size: 19px;}	
	
.banner .block-social { top: 12%; }	
	
#product .product-quantity .add button.btn.btn-primary.add-to-cart { width: 243px; padding: 15px 15px 15px 0; font-size: 20px;}	
	
.qtes {width: 240px;}
	
#product .product-prices .current-price { display: table;width: 240px; margin: auto;}
	
.product-line-grid-right .price  { padding: 10px 0 0;}
	
h1.slogan { top: -31px; font-size: 13px;}
}

@media screen and (max-width: 320px) {
	
.banner .block-social {display:none}
nav.mobile-nav { margin-right: 0px;}
div#subcategories h5 a.subcategory-name { width: 280px;}	
	
	
  section.professionnel-form {
    width: 90%;
  }	
.search-widget form input[type="text"] {
    width: 194px;
  }	
 .header-top {
    padding: 0 0 98px;
  }	
	
}

@media screen and (max-width: 290px) {
	
h1.slogan{display:none}
}


@media screen and (min-width: 1981px) and (max-width: 8000px) {
.container-fluid {max-width:2000px;margin:auto;}

}

#wrapper .breadcrumb li:last-child {
    color: #d33343;
    font-weight: bold;
}

#left-column {
    margin-top: -40px;
}

#contact #left-column {
    margin-top: 0px;
}

#product #left-column li a {
    border-bottom: 2px solid #d33343 !IMPORTANT;
}

#product #left-column li a:hover {
    color: #d33343 !IMPORTANT;
    font-weight: bold;
}
button#submitMessage {
    background: #d22741;
    border-color: transparent;
    color: #fff;
    padding: 10px 30px;
    outline: none; cursor:pointer
}
button#submitMessage:hover{
    background:#fff;
    border:2px solid #d22741;
    color: #d22741;
}


.accordion-header {
  background-color: #f2f2f2;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
  border-bottom: 3px solid #d33343;
}
.accordion-header h4{
	  margin: 0px;
}

.accordion-header:hover {
  background-color: #ddd;
}

.accordion-header i {
  margin-right: 10px;
}

.accordion-content {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  margin-bottom: 5px;
}
.accordion-content ul li{
position: relative;
    list-style: none;
    background: url(../../images/puce-i.png) top 5px left no-repeat;
    padding-left: 25px;
    margin-bottom: 10px;
}
div#_prestablog_index {
    display: none !important;
}
@media (max-width: 767px) {
  .accordion-header {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .accordion-header {
    font-size: 22px;
  }
}

.descriptionpdt div#tab-content {
    display: block;
}

div#tab-content .product-description {
    width: 100%;
}