html {
  scroll-behavior: smooth;
}

main{
	overflow:hidden;
}

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

div#search_widget button.btn.btn-primary {
    background: none;
    padding: 0;
    border: none;
    outline: unset;
}

div#search_widget {
    min-width: unset;
}

.header-top .search-widgets form button[type=submit] {
    float: right;
    margin-right: 20px;
    background: none;
}

.is-sticky .topheader-1 {box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 25%);z-index: 20000 !important;background: #fff;}

.is-sticky  div#search_widget .modal {  top: 87px;}

div#sticky-wrapper {
    height: auto !important;
    position: relative;
    z-index: 2;
    z-index: 999;
}

.img-left{
	float:left;
	margin:0 45px 50px 0;
	overflow:hidden;
	  
}

.img-right{
	float: right;
	margin: 0 0px 50px 45px;
	overflow: hidden;
	border-radius: 25px;
}

img {
    max-width: 100%;
    height:auto
}

.banninter {
    position: relative;
    background: url(../images/banner-i2-min.jpg) top no-repeat;
    min-height: 520px;
    background-size: cover;
    border-radius: 25px;
    margin: auto;
    max-width: 2000px;
    width: 100%;
}

.cms-id-4 .banninter,
.cms-id-3 .banninter {
    background: url(../images/banni-i3-min.jpg) top no-repeat;
}
.cms-id-7 .banninter {
    background: url(../images/banni4-min.jpg) top no-repeat;
}
.cms-id-6 .banninter {
    background: url(../images/banner02-min.jpg) top no-repeat;
}

#contact.pageoffreappel .banninter {
    background: url(../images/banner-recrut-min.jpg) top no-repeat;
}

#product .banninter, #category  .banninter {
  display:none;
}

.banninter:before {
    position: absolute;
    content:"";
    inset:0;
    background:rgb(0 0 0 / 20%);
    border-radius: 25px;
}

h1.slogan {
    position: absolute;
    top: -350px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
    color: #fff;
    font-family: 'museo500';
    font-weight: normal;
    font-size: 80px;
    max-width: 650px;
    z-index: 8;
}

.cms-id-6 h1.slogan {
    top: -450px;
    left:70px;
    text-align: left;
    margin: 0;
}

#contact.pageoffreappel h1.slogan {  top: -280px;}


#cms header.page-header {
    display: none;
}

strong {
    font-family: 'museo700';
    font-weight: normal;
    color: #033287;
}


.txtsrtong {
    font-family: 'latoblack';
    color: #4d511d;
}


div#search_widget .modal-dialog { max-width: 500px; }


#cms ul.tabs, .tabdespdt ul.tabs {
	margin:0;
	padding:0;
	overflow: unset;
}

.tabdespdt ul.tabs{
	overflow:hidden;
	background: none;
}
#cms .tab-content{
  padding: 0 130px 0 20px;
  min-height: 600px;
}

.tabdespdt .tab-content{

	padding:30px 0 100px;
}


#cms .tab-content h2{
 margin:0 0 15px;
 color: #1147ab;
}


#cms.tab-content .row{

	margin: 0 0 20px;
}
#cms .tab-content img{
  margin-bottom:20px
}

#cms .tabs li {list-style:none; display:inline;	padding: 0 !important;margin: 0 !important;}

.tabdespdt ul.tabs li{float:left;/* width:30%; */background:none;padding-left: 0;}

#cms .tabs a, .tabdespdt ul.tabs a {
				    padding: 15px 15px;
				    font-size: 25px;
				    display: block;
				    font-weight: normal;
				    background: #87b035;
				    color:#fff;
				    text-decoration:none;
				    position:relative;
				    text-transform: uppercase;
				    border-bottom: 1px solid rgb(245 243 237 / 21%);
				    transition: .3s initial;
			}


.tabdespdt ul.tabs a {
				  /* width:200px; */
				  text-transform: initial;
			}


#cms .tabs >li.active a:after, #cms .tabs >li a.active:after{
  content: '';
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #7db2c2;
  z-index: 10;
}

 
			#cms .tabs li.active a, #cms .tabs li a.active, .tabdespdt ul.tabs li.active, .tabdespdt ul.tabs li a.active, .tabdespdt ul.tabs li.active, .tabdespdt ul.tabs li a:hover {
				background: #7db2c2;
				/* color:#000; */
			}

#cms .tab-content ul {
    padding-left: 20px !important;
}
#cms .tab-content ul li {
	position: relative;
	list-style: none;
	padding-left: 29px !important;
	margin-bottom: 10px;
	background: none !important;
}
#cms .tab-content ul li::before {
	content: '\f00c';
	font-family: 'FontAwesome';
	position: absolute;
	left: 0px;
	top: 8px;
	font-size: 20px;
	color: #87b035;
}
#cms .tab-content ul ul li {
    padding-left: 20px;
}
#cms .tab-content ul ul li::before {
	content: '\f054';
}

@-webkit-keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInDown {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
    -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.block-categories .collapse-icons {
    display: none;
}

.row.vismisval h3 {
    color: #4b8698;
}

@media (max-width: 1830px) {
	
#header .header-top .container { width: 95%;}
	
#header .header-top>.container:after { left: -40px;}
	
#header .header-top>.container:before {right: -40px;}
	
section.featured-products.clearfix { margin: 0px -132px 100px;}
	
}

@media (max-width: 1740px) {

#header .header-top>.container:after { left: 0px;  right: 0px;}	
	
section.featured-products.clearfix { margin: 0px -70px 100px;}
	
#header .header-top a[data-depth="0"] { font-size: 23px;}
	
/*#header .menu>ul>li#cms-category-4{  margin-left: 280px;}*/
	
section.featured-products.clearfix .product-miniature .product-description { left: 21px;}
	
.product-miniature .product-title a { font-size: 30px; width: 305px;}
	
.top-menu a[data-depth="0"] {  padding: 0 10px;}	
.h2, h2 {font-size: 35px;}		
}	

@media (max-width: 1620px) {
	
.carousel .carousel-item figure:after { background: url(../images/mask2.png) top left no-repeat; background-size: 80%;}	
	
.carousel .carousel-item .caption { left: 167px; font-size: 35px;}
	
.carousel .carousel-item .caption .caption-description h3 { font-size: 72px;}	
		
.service h2, .realisation h2 { font-size: 75px;}	
	
#products .products-section-title, .featured-products .products-section-title, 
.product-accessories .products-section-title { margin: 26px 0 80px 108px; font-size: 75px;}	
	
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {  
	right: 100px; font-size: 26px;  width: 199px;
}
	
}

@media (max-width: 1538px) {	
	
.topheader-1 .container { width: 97%;}
	
.container {  width: 85%; }
		
#cms #wrapper {padding-top: 50px;}		
	
#header .top-menu li:first-child a[data-depth="0"] { padding: 0 8px 0 0;}
	
#header .header-top .menu>ul>li#lnk-contact a[data-depth="0"] {padding: 0 0 0 8px;}	
	
#header .header-top a[data-depth="0"] { padding: 0 8px;}
	
.carousel .carousel-item .caption .caption-description h3 { font-size: 67px;}	
	
.carousel .carousel-item .caption .caption-description p {font-size: 30px;  letter-spacing: 4px;}
	
#products .products-section-title, .featured-products .products-section-title, 
.product-accessories .products-section-title {font-size: 58px; margin-bottom: 60px;  padding-left: 73px;}
	
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {   font-size: 26px;}
		
.product-miniature .product-title a { font-size: 29px;  padding-right: 100px;   width: 290px;}
	
.product-miniature .product-description { left: 20px;}	
	
.realisation h2, .service h2 { font-size: 60px;}
	
.service .serv {  padding-right: 80px;  font-size: 23px;}
	
#custom-text .txtinfos a, .service .serv a {  font-size: 25px;}
	
#custom-text .txtinfos { font-size: 25px;}
	
#custom-text .txtinfos2 {font-size: 26px;}
	
#custom-text .txtinfos2 .infos span.num { font-size: 70px;}
	
.img-rea .photo h3 { left: 17px; font-size: 28px;}
	
.footer-container:before { background: url(../images/form4.png) bottom left no-repeat;background-size: 70%;}
	
.block-contact, .footer-container li a { font-size: 22px;}	
	
.footer-container { font-size: 22px;}	
	
#products .products-section-title, .featured-products .products-section-title, 
.product-accessories .products-section-title { margin: 26px 0 80px 0px; font-size: 65px;}	
	
section.featured-products.clearfix {  margin: 0px -100px 100px; }		
	
.img-rea {gap: 15px;}	
	
#custom-text .txtinfos2 .infos p span:nth-child(2) { padding-right: 100px;}	
	
#cms.cms-id-2 #wrapper .container {
    width: 90%;
}	

}

@media (max-width: 1470px) {	
	
#header .header-top>.container { width: 100%; }

.top-menu a.dropdown-submenu, .top-menu a[data-depth="2"] { font-size: 18px !important; }	
	
#header .top-menu li:first-child a[data-depth="0"] { padding: 0 5px 0 0;}
	
#header .header-top .menu>ul>li#lnk-contact a[data-depth="0"] {padding: 0 0 0 5px;}	
	
#header .header-top a[data-depth="0"] { padding: 0 5px;}
	
#header .header-top a[data-depth="0"] { font-size: 23px;}
	
.carousel .carousel-item .caption { bottom: 24%; left: 112px;}
	
.carousel .carousel-item .caption .caption-description h3 { font-size: 56px; }
	
.carousel .carousel-item .caption .caption-description p { font-size: 25px;  letter-spacing: 2px;}
	
.carousel .carousel-item .caption .caption-description p span { font-size: 25px;}	
	
.carousel .carousel-item figure:after { background: url(../images/mask2.png) top left no-repeat;background-size: 72%; }	
	
#custom-text .txtinfos2 .infos { font-size: 26px;}	
	
section.featured-products.clearfix {   margin: 0px -60px 100px;  }	
	
.product-miniature .product-title a {font-size: 29px;  padding-right: 100px; width: 270px; }	
	
#products .products-section-title, .featured-products .products-section-title, 
.product-accessories .products-section-title { margin: 26px 0 80px 0px; font-size: 57px;}	
	
.realisation h2, .service h2 {  font-size: 57px; }
	
.footer-container p.adsc br { display: none;}	
	
.footer-container .container { width: 90%;}	
	
#cms.cms-id-2 #wrapper .container, #category #wrapper .container, #product #wrapper .container, #cms #wrapper .container { width: 97%;}
	
.block-categories .category-sub-menu li[data-depth="0"]>a { font-size: 23px;}
	
.block-categories .category-sub-menu .category-sub-link {  font-size: 20px;}
	
.block-categories .category-sub-menu li[data-depth="1"], .product-prices div {  margin-left: 20px;}
	
#product h1 { font-size: 32px;}
	
#product #wrapper h2 { font-size: 26px;}
	
#product #wrapper h3 { font-size: 24px;}
	
.product-information { font-size: 20px;}	

h1.slogan {
    top: -350px;
    font-size: 65px;
    max-width: 500px;
}	
body { font-size: 24px;}
	
.h2, h2 {  font-size: 34px;}	
}


@media (max-width: 1400px) {	
	
.container {  width: 95%; }
	
#header .header-top a[data-depth="0"] { font-size: 21px; }
	
.service .photo:after {  background: url(../images/form2.png) top right no-repeat;  top: -67px; right: -90px; background-size: 80%;}
	
.product-miniature .product-title a { font-size: 27px; padding-right: 75px;  width: 234px; }
	
section.featured-products.clearfix:before { background: url(../images/form01.png) top left no-repeat;  top: 149px;background-size: 80%;}
	
section.featured-products.clearfix {  margin: 0px -14px 100px;  }
	
.righttop h3, #header a {  font-size: 20px;}
	
body { font-size: 22px;}

.servs .bxserv h2 { font-size: 31px; }	
}

@media (max-width: 1280px) {
	
#header .header-top a[data-depth="0"] { font-size: 20px;}
		
#index #wrapper:after, #cms #wrapper:after {height: 257px;}

.container {  width: 95%; }	
	
#custom-text .txtinfos {  font-size: 23px;}
	
#custom-text .txtinfos h2 {font-size: 28px;}	
	
#custom-text .txtinfos2 .infos p span:nth-child(2) { padding-right: 70px;}	

#custom-text .txtinfos2 .infos { font-size: 25px;}	
	
.h2, h2, #product #wrapper h2 {  font-size: 25px; text-align:left;}

.h3, h3, #product #wrapper h3 { font-size: 23px; text-align:left;}
	
.product-information, body { font-size: 19px;}
	
#product h1 { font-size: 30px; text-align:left;}

h1.slogan {  top: -350px;  font-size: 47px;  max-width: 380px; }	
	
.img-right {
    max-width: 45%;
}	
.banninter { min-height: 400px;}	
	
 h1.slogan { top: -250px;  font-size: 47px; max-width: 380px;}	
	
.cms-id-6 h1.slogan { top: -270px; left: 70px; text-align: left;  margin: 0;}	
	
#cms #wrapper:before {top: -312px;}	
#contact.pageoffreappel h1.slogan {
    top: -210px;
}	
}

@media (max-width: 1240px) {

#header .header-top a[data-depth="0"] { font-size: 19px; }
	
#header .top-menu li:first-child a[data-depth="0"],
#header .header-top .menu>ul>li#lnk-contact a[data-depth="0"],
#header .header-top a[data-depth="0"] { padding: 0px 20px;}
	
.logo-head {/* top: -27px; */left: -15px;}
	
.righttop {top: 23px;gap: 42px;/* right: 99px; */}


#header .header-top:after {
    
    bottom: 15px;
}	
#header .header-top .menu {clear: both;margin: 63px auto 15px;display: table;}
	
#header .header-top { line-height: 0;}
	
#header .topnav a {font-size: 18px;}
	
#header .menu>ul>li#cms-category-4 {margin-left: 0;}
	
#wrapper:before { height: 275px;}
	
.links .collapse { padding-top: 25px;}	
	
#header .is-sticky .header-top {  padding: 25px 0;}
	
#header .is-sticky .topheader-1 .logo-head { top: -17px;}
	
 #header .is-sticky .topheader-1 .header-top .menu.position-static {  margin: 120px auto 0 !important; }

#header .is-sticky .topheader-1 .topnav { padding: 10px 0 0px;  margin-bottom: -30px;}
	
#header .is-sticky .topheader-1 .righttop {  top: 25px;}

.tabrob table.tabdesc.dossert {width: 100%;}
	
.tabrob { display: flex;  justify-content: center; flex-wrap: wrap;}	
}

@media (max-width: 1080px) {
	
.carousel .carousel-item .caption .caption-description h3 {  font-size: 45px;}
	
#header .header-top>.container { width: 98%; }
	
#header .menu>ul>li#cms-category-4{ margin-left: 0px; }
	
#header .top-menu li:first-child a[data-depth="0"], 
#header .header-top .menu>ul>li#lnk-contact a[data-depth="0"], 
#header .header-top a[data-depth="0"] {padding: 0px 6px;}	
	
.carousel .carousel-item .caption .caption-description p { font-size: 22px;  letter-spacing: 2px;}
	
.carousel .carousel-item .caption {  bottom: 12%; left: 80px; }
	
.carousel .carousel-item figure:after { 
	left: -8px; background: url(../images/mask2.png) top left no-repeat; background-size: 66%; top: -54px;
}
	
#index #wrapper:after, #cms #wrapper:after {height: 257px; top: -220px; }  
	
#custom-text .txtinfos2 .infos p span:nth-child(2) {  padding-right: 0; }	
	
 #custom-text .txtinfos2 .infos {  font-size: 22px;}
	
#custom-text .txtinfos { font-size: 22px;   padding: 0;}
	
section.featured-products.clearfix {  margin: 0px -3px 100px; }
	
#products .products, .featured-products .products, .product-accessories .products {justify-content: center; margin: 0;}
		
.js-product.product { width: 48%;}
	
.service .photo:after {
    background: url(../images/form2.png) top right no-repeat; top: -83px; right: -157px;  background-size: 68%;
}
	
.img-rea .photo h3 {  left: 12px; font-size: 25px;}
	
#index .footer-container {padding-top: 280px;}
	
#custom-text .txtinfos2 h3 { font-size: 27px;  padding-left: 98px;margin-bottom: 39px;}

#footer { padding-top: 10px;}
	
#footer:before { top: -10px;}
	
.blocfoot {  margin-top: 0;}
	
.footer-container p.adsc {
    background: url(../images/loc.png) top left no-repeat; padding-left: 38px; background-size: 10%;
}
	
.footer-container p.adsc br { display: none;}
	
.copyright, .copyright a { font-size: 20px;}
	
.servs .bxserv h2 { text-align: left;  padding-right: 0; font-size: 28px;}
	
#category #wrapper .container, #product #wrapper .container { width: 100%; }	
	
#cms .tabs a, .tabdespdt ul.tabs a {  padding: 10px 8px; font-size: 23px;	}
	
#cms .tab-content {  padding: 0 15px 0 0px;}	
	
.righttop { top: 23px; gap: 32px; right: 22px; }	
	
.banninter { min-height: 350px;}	
	
 h1.slogan { top: -250px;  font-size: 47px; max-width: 380px;}	
	
.cms-id-6 h1.slogan { top: -270px; left: 70px; text-align: left;  margin: 0;}
	
#cms #wrapper:before {top: -250px;}
}

@media (max-width: 1023px) {
	
#header .top-menu li:first-child a[data-depth="0"], #header .header-top .menu>ul>li#lnk-contact a[data-depth="0"], #header .header-top a[data-depth="0"] {
        padding: 0px 5px;
    }

#custom-text .txtinfos , #custom-text .txtinfos2 h3 { font-size: 25px; }	
	
#custom-text .txtinfos2 .infos span.num {  font-size: 60px; }
	
#custom-text .txtinfos2 span.num:before {  top: 14px; right: 5px;}	
	
#custom-text .txtinfos2 { font-size: 23px;}
	
#custom-text .txtinfos a, .service .serv a { font-size: 23px; }
	
#products .products-section-title, .featured-products .products-section-title, 
.product-accessories .products-section-title { font-size: 46px; padding-left: 0; }
	
.realisation h2, .service h2 {  font-size: 50px; }
	
.img-rea .photo h3 { left: 12px; font-size: 24px; }
	
#category div#left-column,	
#product div#left-column {  display: none;}	
		
#category div#content-wrapper,	
#product div#content-wrapper { width: 100%;  float: none;}
	
.cms-id-6 div#content-wrapper .col-md-2, .cms-id-6 div#content-wrapper .col-md-9{ float:none; width:auto;}
	
#cms .tab-content {  padding: 40px 0px 0 0px; }	
	
.servs .bxserv.bs5 { max-width: 95%;  margin: 0 auto 50px;}	
}
	


@media (max-width: 992px) {
	
	.container {  width: 98%; }
	
	#header .is-sticky .header-top:after{content:none}
	
    #header .header-top { line-height: 2; }
	
	#header .header-top:after { bottom: 13px;  z-index: 10;}
	
	.topnav .links { display: none;}	

	#header .header-top .menu { padding-left: 55px; display: none; }	

	nav.mobile-nav { display: block; float: right; margin-top: 9px;}

	#header nav.mobile-nav a { color: #1147ab; }

	#header .header-top .position-static { float: none; width: 100%;}	

	.carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption {font-size: 49px;}

    .logo-head {top: -22px;left: 0;margin: 0;}

	.is-sticky .topheader-1 { height: 110px;}
	
	.img-right, .img-left{ float: none; margin: 0 auto 40px; overflow: hidden; display: table; max-width:100%}
	
	#footer { width: 95%;}
	
	#header .is-sticky .header-top {  padding: 42px 0; }
	
	.righttop { top: -12px;right: -83px; display:none }
	
	#header .is-sticky .topheader-1 .righttop {top: 35px; right: -73px; }
	
	.banninter { min-height: 250px;}
	
.page-content.page-cms ul.listre li {  float: none;  width: auto;}
	
.page-content.page-cms ul.listre { margin: 0;}
	
.page-content.page-cms ul.listre li.ico h3 { text-align: center;}		
	
#cms #wrapper:before {   top: -65px;   max-width: 95%;    border-radius: 7px;    width: 100%;}	
	
 h1.slogan { font-size: 35px;           top: -175px;      max-width: 272px;}	
	
.cms-id-6 h1.slogan {  top: -200px;  left: 70px;  text-align: left;  margin: 0; }	
	
 #contact.pageoffreappel h1.slogan { top: -110px; }	
	
}


@media (max-width: 960px) {

.carousel-indicators {  bottom: 20px; display: none;}
	
#wrapper:before { height: 245px; }

.carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption {  font-size: 37px; }
	
.carousel .carousel-item .caption .caption-description p { font-size: 20px;letter-spacing: 1px;}

 .carousel .carousel-item figure:after {
	 left: -8px; background: url(../images/mask2.png) top left no-repeat; background-size: 60%; top: -90px; }
	
.carousel .carousel-item .caption .caption-description p span {  font-size: 23px;  width: 130px; }
	
.carousel .carousel-item .caption .caption-description p span:before {top: -5px; right: -68px;width: 50px; height: 50px;}

.carousel .carousel-item .caption .caption-description p span:after { top: 14px;  right: -50px; width: 13px;  height: 13px;}
	
#product div#content-wrapper .col-md-6,	
#custom-text .col-md-6, .service .col-md-6, #footer .col-md-4, .row.servs .col-md-6{ float:none; width:auto;}	
	
.img-rea { justify-content: center;  flex-wrap: wrap;}
	
.footer-container .coord { float: none; display: table; margin: auto;}	
	
#custom-text .txtinfos2 .infos p span.num:after, .service .serv p span.num:after { top: 50px;}	
	
#custom-text .txtinfos2 .infos p span.num{overflow:hidden}
	
#custom-text .txtinfos, #custom-text .txtinfos2 h3 { font-size: 23px; margin-right: 0; }
	
#custom-text { line-height: 1.43;}
	
#custom-text .txtinfos2 .infos span { padding-top: 27px;}

#custom-text .txtinfos2 span.num:before { top: 35px;  right: 5px; }
	
.service .serv p span.num:after { top: 6px;}	

.realisation h2, .service h2 {  font-size: 45px;}
	
.block-contact, .footer-container li a, .footer-container { font-size: 21px; }
	
section.featured-products.clearfix { margin: 0px auto 0px;}	
	
.service {  margin: 0px 0 150px;}	
	
.service .serv { padding-right: 0;margin-bottom: 85px;}	
.service .photo {  display: table; margin: auto;}	
	
.service .photo:after { background: url(../images/form2.png) top right no-repeat;top: -92px; right: -98px; background-size: 81%; }
.footer-container p.adsc {padding-left: 32px; background-size: 5%; }	
	
#custom-text .txtinfos a, .service .serv a { margin-bottom: 50px;}	
	
#custom-text .txtinfos2 h3 {  margin-bottom: 0;  }	

#header .is-sticky .topheader-1 .righttop {  right: 0px; }	
	
.desc2 , .blocdesc2 {margin: 0px 0 0px 0;}	
	
#category #wrapper, #product #wrapper {  margin: 0 auto 50px;}
	
#main .page-content, #main .page-footer, #main .page-header {  margin-bottom: 50px;}	
	
.servs .bxserv .srv { display: block; justify-content: unset; flex-wrap: unset;  gap: 0;}
	
	.servs .bxserv .srv div:last-child, 
	.servs .bxserv.bs5 p,
	.servs .bxserv .srv div:first-child { max-width: 100%; width: 100%;}
	
	
	.row.servs .col-md-7, .row.servs .col-md-5{ float:none; width:100%; max-width:100%; }
	
	.servs .bxserv {  min-height: unset;}
	
}

@media (max-width: 860px) {

    .carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption { font-size: 29px; margin-bottom: 10px; }
	
    .carousel .carousel-item .caption .caption-description p { font-size: 19px; letter-spacing: 0px;}
	
    .carousel .carousel-item figure:after { 
		bottom: -413px; left: -30px; background: url(../images/mask2.png) top left no-repeat; background-size: 50%; 
	}
	
	 .carousel-control .icon-next, .carousel-control .icon-prev { width: 50px;  height: 50px;  margin-top: 15px; }
	
	.carousel .carousel-control .icon-next::before, .carousel .carousel-control .icon-prev::before { top: 18px;}
	
	.carousel .direction {  bottom: 93px;  width: 170px;}
	
	#custom-text .txtinfos, .txtinfos2 h3 { font-size: 21px; margin-right: 0; }
	
	#custom-text .txtinfos a, .service .serv a { font-size: 22px;}
	
/*	#custom-text .txtinfos a:after, .service .serv a:after { right: -68px; width: 50px;  height: 50px;}*/
	
	#custom-text .txtinfos2 .infos p, .service .serv p { gap: 0 10px;margin-bottom: 9px;}
	
	#custom-text .txtinfos2 {font-size: 20px;}
	
	/*#custom-text .txtinfos a:before, .service .serv a:before {top: 11px; right: -49px;}*/
	
	#products .products-section-title, .featured-products .products-section-title, 
	.product-accessories .products-section-title { font-size: 40px;  padding-left: 0; }
	
	#custom-text .txtinfos2 .infos p span.num:after {  top: 68px;}
	
	 #products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link {  font-size: 23px;}
	
	.service .serv {  padding-right: 80px; font-size: 20px;}
	
	 .service .photo:after {
        background: url(../images/form2.png) top right no-repeat; top: -58px;   right: -88px; background-size: 53%;
    }
	
	#footer , .carousel { width: 97%;}
	
 #index #wrapper:after, #cms #wrapper:after {height: 172px; top: -78px;width: 299px;right: -60px; }
	
	.page-content.page-cms ul.listre {  justify-content: center;}
	
	.page-content.page-cms ul.listre li.ico h3 {text-align: center;}
	
.page-content.page-cms ul.listre li.ico { width: auto; text-align: center;  display: table;}
.cms-id-7 .page-content.page-cms ul.listre {
        justify-content: unset;
        display: table;
    }
}

@media (max-width: 800px) {
.js-product.product {  width: auto;}

.copyright, .copyright a { font-size: 19px;}
	
#custom-text .txtinfos2 { font-size: 23px;  margin: 35px 0 0; }

#custom-text .txtinfos2 .infos span { padding-top: 42px; }
	
.service .serv { padding-right: 0; font-size: 20px;  margin-bottom: 75px; }
	
.service .photo:after {  background: url(../images/form2.png) top right no-repeat;  top: -63px;   right: -41px;  background-size: 75%; }
	
.service .photo, .service .photo img { margin-bottom: 50px;}	
		

.block-contact, .footer-container li a, .footer-container {  font-size: 23px; }
	
.footer-container .coorads { display: table;  margin: auto;max-width: 300px;}
	
   #custom-text .txtinfos2 h3 { font-size: 27px;  padding-left: 77px;  margin-bottom: 0;}
  
#products .products-section-title, .featured-products .products-section-title, .product-accessories .products-section-title,
.realisation h2, .service h2 { font-size: 37px; }
	
#index .footer-container {padding-top: 230px; }
	
.righttop { right: 0;  }
.banninter {
        min-height: 195px;
        background-size: 100% !important;
    }
	
}

@media (max-width: 767px) {
	
   #index .footer-container {  margin-top: -159px !important; }
	
	.contact-form {  width: 100%;}
	
	    #contact.pageoffreappel h1.slogan {
        top: -87px;
    }
}

@media (max-width: 699px) {
	
.carousel .carousel-item figure:after { left: -38px;background: url(../images/mask2.png) top left no-repeat; background-size: 45%; }
	
#products .all-product-link, .featured-products .all-product-link, .product-accessories .all-product-link { right: 0; }
	
.carousel .carousel-item .caption {  bottom: -5%; left: 25px; }
	
.carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption { font-size: 24px; margin-bottom: 10px;}
	
.carousel .carousel-item .caption .caption-description p {font-size: 16px; letter-spacing: 0px;}
	
.carousel .carousel-item .caption .caption-description p span { font-size: 20px; padding-top: 10px; width: 100px;}

	
#custom-text .txtinfos2 { font-size: 21px; margin: 35px 0 0; }
	
 #custom-text .txtinfos2 h3 { font-size: 24px;  padding-left: 0;  margin-bottom: 0;  margin-top: 55px;   display: table; }
	
   #custom-text .txtinfos2 .infos span { padding-top: 44px; }
	
    #custom-text .txtinfos2 .infos span.num {font-size: 55px; }
	
    .service .photo:after { background: url(../images/form2.png) top right no-repeat;top: -47px;right: -12px;  background-size: 61%;}
	
    .service .photo, .service .photo img {margin-bottom: 21px;}
	
    #footer:before {  top: 30px; }
	
.service { margin: 100px 0 100px;}
	
.righttop h3, #header a {font-size: 18px;}
	
.righttop { width:40%;}	
	
.banninter { min-height: 154px; background-size: 100% !important; }
	
    h1.slogan {	font-size: 26px;  top: -126px;  max-width: 200px;}	
.cms-id-6 h1.slogan {  top: -162px; left: 28px; }	
	
	
}

@media (max-width: 585px) {
    .banninter {
        min-height: 120px;
        background-size: 100% !important;
    }
	.cms-id-6 h1.slogan {
        top: -137px;
        left: 28px;
    }
    #contact.pageoffreappel h1.slogan {
        top: -48px;
    }
}
@media (max-width: 538px) {
	
    #wrapper:before {  height: 181px;  width: 316px;  top: -124px;  right: -110px;  }
	
    #products .products-section-title, .featured-products .products-section-title, 
	.product-accessories .products-section-title, .realisation h2, .service h2 { font-size: 30px;  }
	
	.carousel-control .icon-next, 
	.carousel-control .icon-prev { width: 39px;  height: 39px;  margin-top: 34px;  background: #fff;  border-radius: 50%;}

 .carousel .direction {  bottom: 86px; width: 127px;  right: 0; }

.carousel .carousel-control .icon-next::before, .carousel .carousel-control .icon-prev::before { top: 13px; }

.carousel .carousel-control .icon-prev::before {  background: url(../images/prev.png) top center no-repeat; left: 13px;}

.carousel .carousel-control .icon-next:before {  background: url(../images/next.png) top center no-repeat; right: 13px;}
			
.block-contact, .footer-container li a, .footer-container {font-size: 20px;}
	
#custom-text h2 {font-size: 27px;   margin-bottom: 20px;}
	
.righttop h3, #header a { font-size: 14px;}
	
.service .photo:after {  background: url(../images/form2.png) top right no-repeat; top: -47px;  right: -22px; background-size: 52%; }		
	
 #footer:before { top: -21px;  background-size: 50%;left: -15px;}
	
section.featured-products.clearfix {padding: 80px 0 50px;}
	
#custom-text .txtinfos h2 {  font-size: 24px; }
	
.product-information .product-description ul.listp li { width: 100%;  float: none;}
	
.carousel .carousel-item figure:after { left: -38px;  background: url(../images/mask2.png) top left no-repeat;   background-size: 41%;  }
	
}

@media (max-width: 500px) {
	
.carousel .carousel-item .caption .caption-description p { margin: 0 0 20px;}
	
.copyright, .copyright a { font-size: 15px;  line-height: 1.21; }
	
.carousel .carousel-item .caption {  margin-bottom: 27px; }
	
.carousel .carousel-item figure:after { left: -38px;  background: url(../images/mask2.png) top left no-repeat;  background-size: 36%; }	
	
}

@media (max-width: 465px) {

.logo-head {
        top: -12px;
    }	
	
.carousel .carousel-item .caption .caption-description p {  font-size: 14px;letter-spacing: 0px;  margin-top: 0; margin-bottom: 9px;}

.carousel .carousel-item .caption .caption-description p span {  font-size: 18px;  margin-top: -11px; }
	
.carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption {  font-size: 22px; margin: 0;}
	
.carousel .carousel-item .caption {  bottom: 45px;  left: 16px; top: unset;}
	
.carousel .carousel-item .caption .caption-description p span:before { top: 3px;  right: -44px; width: 36px; height: 36px; }
	
.carousel .carousel-item .caption .caption-description p span:after { right: -32px;}
	
#products .all-product-link, .featured-products .all-product-link, 
.product-accessories .all-product-link {right: unset; top: 167px;  left: 0; width: 149px;}

.service .photo:after { background: url(../images/form2.png) top right no-repeat; top: -47px; right: -54px;  background-size: 52%; }

#footer:before {  top: 72px; left: -8px;background-size: 50%; }
	
.carousel-control .icon-next, .carousel-control .icon-prev { background: unset; }
	
#header .logo { max-width: 80%;}
	
.featured-products .all-product-link:before { top: -14px; right: -45px; }	
	
#custom-text .txtinfos2 .infos p span.num { overflow: unset; }	
	
.featured-products .all-product-link:after { top: 6px;  right: -23px;  width: 13px;  height: 13px; }
	
 #header .header-top:after { content:none }	
	
.product-miniature .product-title a { font-size: 23px;; }
	
.servs .bxserv h2 {text-align: left;  padding-right: 0; font-size: 25px; }
		
 .servs .bxserv { max-width: 100%; padding: 15px; font-size: 18px; }
	
	    .banninter {
        min-height: 100px;
        background-size: 100% !important;
    }
    h1.slogan {
        font-size: 22px;
        top: -126px;
        max-width: 200px;
    }
}


@media (max-width: 390px) {

.product-miniature .product-title a { width: 190px; }

.carousel .carousel-item .caption {bottom: 16px;  left: 11px;}
	
 .carousel .carousel-item figure:after {left: -38px; background: url(../images/mask2.png) top left no-repeat; background-size: 32%; }	
	
.service .photo:after { background: url(../images/form2.png) top right no-repeat; top: -47px; right: -54px;  background-size: 43%;}

 #index #wrapper:after, #cms #wrapper:after {  height: 132px; top: -95px;  width: 281px;   right: 0px;  }

.tabrob table.tabdesc.dossert {width: auto;}
	
.tabrob { display: table; justify-content: unset;  flex-wrap: unset;overflow-y:scroll}
	
.tabdespdt { overflow-y: scroll;}
	
.banninter {  min-height: 137px;  background-size: cover !important;  }
	
nav.mobile-nav { margin-top: -9px; }
	
#header .is-sticky nav.mobile-nav {  margin-top: 9px;  }
	 	
	
}


@media (max-width: 380px) {

.logo-head {top: -22px;}
	
#header .header-top {
    padding: 1.75rem 0rem 3rem;
}	
	
 .header-top-right {   padding-right: 0;  }	
}

@media (max-width: 359px) {
	
    .service .photo:after {background: url(../images/form2.png) top right no-repeat; background-size: 38%;}

	.product-miniature .product-title a {  font-size: 22px;width: 204px; }
	
    .carousel .carousel-item .caption .caption-description h3, .carousel .carousel-item .caption {  display: none;}
	
	#custom-text .txtinfos2 .infos {  font-size: 17px; }
	
	.righttop {display: none; }
	
    .h2, h2, #product #wrapper h2 { font-size: 23px; }	
}


@media (max-width: 320px) {
 .carousel .carousel-item figure:after {  left: -15px; background: url(../images/mask2.png) top left no-repeat; background-size: 19%; bottom: unset;  top: -25px;
    }
	
}