.viewer-element body {
    font-family: Source\20 Sans\20 Pro, serif;}

.viewer-element .page-content-front {
    width: 1200px !important;}

.viewer-element .wrapper,
.viewer-element .viewer-content,
.viewer-element .checkout-bundle .ck-form-element,
.viewer-element .form-element .form-group label {
    font-size: 14px;    color: #313131;}

.viewer-element a,
.viewer-element .wrapper a,
.viewer-element .viewer-content a {
    font-size: 14px;    color: #313131;}

.viewer-element a:hover,
.viewer-element .wrapper a:hover,
.viewer-element .viewer-content a:hover
.viewer-element a:active,
.viewer-element .wrapper a:active,
.viewer-element .viewer-content a:active,
.viewer-element a:focus,
.viewer-element .wrapper a:focus,
.viewer-element .viewer-content a:focus {
    font-size: 14px;    color: #e30613;}
.viewer-element h1,
.viewer-element .title-lvl-1 {
    font-size: 30px;    color: #313131;}
.viewer-element h2,
.viewer-element .title-lvl-2 {
    font-size: 26px;    color: #313131;}
.viewer-element h3,
.viewer-element .title-lvl-3 {
    font-size: 20px;    color: #e30613;}
.viewer-element h4,
.viewer-element .title-lvl-4 {
    font-size: 14px;    color: #e30613;}
.viewer-element h5,
.viewer-element .title-lvl-5 {
    font-size: 14px;    color: #e30613;}
.viewer-element h6,
.viewer-element .title-lvl-6 {
    font-size: 14px;    color: #e30613;}

/* ------------------------
// BUTTONS
 ------------------------ */
.viewer-element .form-button,
.viewer-element .wrapper-front .form-element .btn.btn-primary,
.viewer-element .input-group-btn,
.viewer-element .carousel-caption a.btn,
.viewer-element .article-new .article-new-link,
.viewer-element .outlined-btn.btn,
.viewer-element .btn.btn-primary,
.viewer-element .btn-default-link,
.viewer-element .iframe-preview-menu-btn {
    color: #ffffff;    background-color: #e30613;    font-size: 14px;}

.viewer-element .form-button:hover,
.viewer-element .wrapper-front .form-element .btn.btn-primary:hover,
.viewer-element .input-group-btn:hover,
.viewer-element .carousel-caption a.btn:hover,
.viewer-element .article-new .article-new-link:hover,
.viewer-element .outlined-btn.btn:hover,
.viewer-element .btn.btn-primary:hover,
.viewer-element .btn-default-link:hover,
.viewer-element .iframe-preview-menu-btn:hover,
.viewer-element .iframe-preview-menu-btn.is-active {
    background-color: #ffffff;    color: #ffffff;    font-size: 14px;}

/* -----------------------
 CAROUSEL
 ------------------------ */
.viewer-element .carousel-element .swiper-pagination-bullet,
.viewer-element .carousel-indicators li {
    background-color: #e30613;
}
.viewer-element .carousel-element .carousel-element-button {
    color: #e30613;
}

.viewer-element .carousel-element .swiper-pagination-bullet-active,
.viewer-element .carousel-indicators .active {
    background-color: #ffffff;
}
.viewer-element .page-catalog-details .owl-carousel .owl-prev,
.viewer-element .page-catalog-details .owl-carousel .owl-next,
.viewer-element .page-catalog-details .item-carousel-controls .item-carousel-prev,
.viewer-element .page-catalog-details .item-carousel-controls .item-carousel-next {
    color: #ffffff;
}

/* ------------------------
// COOKIE
  ------------------------ */
.viewer-element body .cc-window.cc-banner {
    color: #313131;    background-color: #f8f8f8; }

.viewer-element a.cc-btn.cc-dismiss {
    color: #ffffff;    background-color: #e30613;    font-size: 14px ;}

.viewer-element a.cc-btn.cc-dismiss:hover,
.viewer-element a.cc-btn.cc-dismiss:active {
    color: #ffffff;    background-color: #313131;    font-size: 14px ;}

/* -----------------------
 BUNDLE - ecommerce
 ----------------------- */
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a,
.viewer-element .ck-form-element label sup,
.viewer-element .checkout .checkout-fail .checkout-title,
.viewer-element .checkout-bundle .checkout-pagination a.is-active {
    color: #e30613;
}
.viewer-element .ecommercebundle-list.is-loading::after,
.viewer-element .popin-connect .popin-loader::after,
.viewer-element .ecommercebundle-detail.is-loading .ecommercebundle-detail-buy::after,
.viewer-element .checkout-bundle .checkout-loader::after {
    border-top-color: #e30613;
}
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a {
    border-color: #e30613;
}
.viewer-element .noUi-connect,
.viewer-element .ecommercebundle-filters-radio + label::after,
.viewer-element .ck-form-element.ck-form-element--radio input[type=checkbox]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--radio input[type=radio]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--checkbox input[type=checkbox]:checked + label::before,
.viewer-element .ck-form-element.ck-form-element--checkbox input[type=radio]:checked + label::before {
    background-color: #e30613;
    border-color: #e30613;
}
.viewer-element .ecommercebundle-filters-treecat.is-some::after {
    background-color: #e30613;
}
.viewer-element .ecommercebundle-filters-treecat.is-all::after,
.viewer-element .ecommercebundle-filters-checkbox + label::after {
    color: #e30613;
}

.viewer-element .ecommerce-component .ecommerce-components-connexion-link,
.viewer-element .ecommerce-component .ecommerce-components-cart-link {
    color: #313131;
}
.viewer-element .ecommerce-component [data-header-hassubmenu]::after {
    border-color: #313131 transparent transparent transparent;
}

.viewer-element .ck-flash-message,
.viewer-element .ck-promo .ck-promo-wrapper .ck-promo-valid-btn,
.viewer-element .ck-total .ck-promo-element .ck-promo-valid-btn,
.viewer-element .login .login-btn,
.viewer-element a.ck-btn,
.viewer-element button.ck-btn {
    color: #ffffff;    background-color: #e30613;    font-size: 14px;}
.viewer-element .ck-product .ck-product-btn-quantity,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button {
    color: #ffffff;    background-color: #e30613;}

.viewer-element .ck-promo .ck-promo-wrapper button:hover,
.viewer-element .ck-promo .ck-promo-wrapper button:focus,
.viewer-element .ck-resume-promo .ck-promo-element button:hover,
.viewer-element .ck-resume-promo .ck-promo-element button:focus,
.viewer-element .ck-total .ck-promo-element button:hover,
.viewer-element .ck-total .ck-promo-element button:focus,
.viewer-element .login .login-btn:hover,
.viewer-element .login .login-btn:focus,
.viewer-element a.ck-btn:hover,
.viewer-element a.ck-btn:focus,
.viewer-element button.ck-btn:hover,
.viewer-element button.ck-btn:focus {
    background-color: #ffffff;    color: #ffffff;    font-size: 14px;}
.viewer-element .ck-product .ck-product-btn-quantity:hover,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button:hover {
    background-color: #ffffff;    color: #ffffff;}

/* ------------------------
// BUNDLE - social network
 ------------------------ */
// social network - mosaic view
.viewer-element .socialnetwork-element .socialnetwork-element-content,
.viewer-element .socialnetwork-element .socialnetwork-element-title {
     font-size: 14px;     color: #e30613;}

/* social network - list view */
.viewer-element .socialnetwork-list-loader {
    border-top-color: #e30613;
}

.viewer-element .socialnetwork-element .socialnetwork-element-content,
.viewer-element .socialnetwork-element .socialnetwork-element-title {
     font-size: 14px;     color: #e30613;}
.viewer-element .socialnetwork-list .socialnetwork-list-button {
     font-size: 14px;      color: #ffffff;         background-color: #e30613;
    border-color: #e30613;
    }
.viewer-element .socialnetwork-list .socialnetwork-list-button:hover,
.viewer-element .socialnetwork-list .socialnetwork-list-button:focus {
    background-color: #ffffff;
    border-color: #ffffff;
}

/* ------------------------
// ACCORDION
------------------------ */
.viewer-element .accordion_element .panel-title .panel-button {
    font-size: 14px;    color: #313131;}
.viewer-element .accordion_element .panel-title .panel-button:hover {
    color: #e30613;
}
.viewer-element .accordion_element .panel-body {
    font-size: 14px;    color: #313131;}

/* ------------------------
// NEW HEADER
// NEW HEADER - top header
------------------------ */
            .viewer-element .header-top .header-top-nav-link {
                    }
    .viewer-element .header-top .header-top-nav-link.active,
    .viewer-element .header-top .header-top-nav-link:focus,
    .viewer-element .header-top .header-top-nav-link:hover {
                    }
        
        
/* ------------------------
// NEW HEADER - main header
------------------------ */
        @media only screen and (min-width: 768px) {
        .viewer-element .header-new-is-break-768 .header-main,
        .viewer-element .header-new-is-break-768 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-768 .header-main .header-main-nav {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (min-width: 1024px) {
        .viewer-element .header-new-is-break-1024 .header-main,
        .viewer-element .header-new-is-break-1024 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-1024 .header-main .header-main-nav {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (min-width: 1200px) {
        .viewer-element .header-new-is-break-1200 .header-main,
        .viewer-element .header-new-is-break-1200 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-1200 .header-main .header-main-nav {
            background-color: #f8f8f8;
        }
    }
    
        @media only screen and (min-width: 768px) {
        .viewer-element .is-scrolling .header-new-is-break-768.header-new--classic-scroll-fixed .header-main,
        .viewer-element .is-scrolling .header-new-is-break-768.header-new--classic-scroll-fixed .header-main-nav-element ul,
        .viewer-element .is-scrolling .header-new-is-break-768.header-new--classic-scroll-fixed .header-main .header-main-nav {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (min-width: 1024px) {
        .viewer-element .is-scrolling .header-new-is-break-1024.header-new--classic-scroll-fixed .header-main,
        .viewer-element .is-scrolling .header-new-is-break-1024.header-new--classic-scroll-fixed .header-main-nav-element ul,
        .viewer-element .is-scrolling .header-new-is-break-1024.header-new--classic-scroll-fixed .header-main .header-main-nav {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (min-width: 1200px) {
        .viewer-element .is-scrolling .header-new-is-break-1200.header-new--classic-scroll-fixed .header-main,
        .viewer-element .is-scrolling .header-new-is-break-1200.header-new--classic-scroll-fixed .header-main-nav-element ul,
        .viewer-element .is-scrolling .header-new-is-break-1200.header-new--classic-scroll-fixed .header-main .header-main-nav {
            background-color: #f8f8f8;
        }
    }
    
        .viewer-element .header-new-is-break-full .header-main {
        background-color: #f8f8f8;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .header-new-is-break-768 .header-main {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .header-new-is-break-1024 .header-main {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .header-new-is-break-1200 .header-main {
            background-color: #f8f8f8;
        }
    }
    
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-full .header-main {
        background-color: #f8f8f8;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-768 .header-main {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-1024 .header-main {
            background-color: #f8f8f8;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .is-scrolling .header-new--burger-scroll-fixed.header-new-is-break-1200 .header-main {
            background-color: #f8f8f8;
        }
    }
    
        .viewer-element .header-new-is-break-full .header-main-nav-element ul,
    .viewer-element .header-new-is-break-full .header-main .header-main-nav{
        background-color: #f8f8f8;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .header-new-is-break-768 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-768 .header-main .header-main-nav{
            background-color: #f8f8f8;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .header-new-is-break-1024 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-1024 .header-main .header-main-nav{
            background-color: #f8f8f8;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .header-new-is-break-1199 .header-main-nav-element ul,
        .viewer-element .header-new-is-break-1199 .header-main .header-main-nav{
            background-color: #f8f8f8;
        }
    }
    
    .viewer-element .header-main .header-main-nav-link {
         color: #313131;            }
    .viewer-element .header-main .header-main-nav-link:focus,
    .viewer-element .header-main .header-main-nav-link:hover,
    .viewer-element .header-main .header-main-nav-link.active {
         color: #e30613;            }
        .viewer-element .header-main [data-header-hassubmenu]::after {
        border-top-color: #313131;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #313131;
        border-top-color: transparent;
    }
            .viewer-element .header-main [data-header-hassubmenu]:hover::after {
        border-top-color: #e30613;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]:hover::after {
        border-left-color: #e30613;
        border-top-color: transparent;
    }
            .viewer-element .header-main .header-main-burger i {
        background-color: #e30613;
    }
                .viewer-element .header-main .header-main-burger:hover i {
        background-color: #313131;
    }
        
.viewer-element body {
         background-color:#ffffff;     background-position: top center;
}
.viewer-element .header-new .header-main-nav-list {
  font-size: 18px !important;}

.viewer-element .header-new .header-main-nav-link:hover{
  font-size: 18px !important;}

.viewer-element .header-new .header-main-nav-link:active, .viewer-element .header-new .header-main-nav-link:focus {
    font-size: 18px !important;}

/* animation bandeau */ 
.txt-defilement p {text-transform : uppercase !important;}
.marquee-rtl {max-width: 100%;}

.marquee-rtl > :first-child {
  display: inline-block;                /* modèle de boîte en ligne */
  padding-right: 2em;                   /* un peu d'espace pour la transition */
  padding-left: 100%;                   /* placement à droite du conteneur */
  white-space: nowrap;                  /* pas de passage à la ligne */
  animation: defilement-rtl 20s infinite linear;
}

@keyframes defilement-rtl {
  0% {
    transform: translate3d(0,0,0);      /* position initiale à droite */
  }
  100% {
    transform: translate3d(-100%,0,0);  /* position finale à gauche */
  }
}


/****FIN TST*****/

.form-control {background-color: transparent;}

.wrapper-front .form-element input, .form-control, .wrapper-front .form-element textarea {
    width: 100%;
    height: 40px;
    padding: 6px 12px;
    background-color: transparent;
    background-image: none;
    border: 1px solid #ccc;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: ##313131;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    }


/******CSS GLOBALE******/

h1, h2 {text-transform : uppercase !important;}
a:hover {text-decoration: none !important;}
.hov:hover {transform: scale(1.05) !important;}

.lien a:hover {font-size: 15px !important;}

/* MENU */ 

.viewer-element .header-new.header-new-is-break-1024 .header-main-logo-image.header-main-logo-image--classic
{ width: 90% !important;}
.viewer-element .header-new .header-main-logo-image {
  max-width: 80% !important;}

/* BOUTON */ 

.viewer-element .form-button, .viewer-element .wrapper-front .form-element .btn.btn-primary{
  background-color: #E30613;
  color: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 23px;
    border-radius: 30px;
       border: white 1px solid;
   font-weight: bolder !important;

}

.viewer-element .form-button, .viewer-element .wrapper-front .form-element .btn.btn-primary:hover{
 background-color: white;
  color: #E30613 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 23px;
    border-radius: 30px;
    border: #E30613 1px solid;
   font-weight: bolder !important;
   text-transform: uppercase;

}

.viewer-element .btn.btn-primary, .viewer-element a.cc-btn.cc-dismiss  {
  background-color: #E30613;
  color: white !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 23px;
    border-radius: 30px;
       border: white 1px solid;
   font-weight: bolder !important;

}

.viewer-element .btn.btn-primary:hover, .viewer-element a.cc-btn.cc-dismiss:hover {
  background-color: white;
  color: #E30613 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 23px;
    border-radius: 30px;
    border: #E30613 1px solid;
   font-weight: bolder !important;

}
.btn3 {    
    color: #e30613  !important;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 23px;
    padding-right: 23px;
    border-radius: 30px;
    border: #E30613 1px solid;
    font-weight: bolder !important;
    }

.btn3:hover{
  color : #ffffff!important;
  background-color: #E30613;}


/******PAGE ACCUEIL******/
.txt-confiance {margin-top: 200px ; padding-left: 30px;}
.produits-marges p {margin-top: 10px !important;}
.list-produits p {text-transform : uppercase !important; margin-bottom : 20px !important}

/******Acceuil tabulations******/
.viewer-element .zt-icons .zt-icons-button img {
  width: 31% !important;}
.viewer-element .zt-icons .zt-icons-tabs-list {
  font-weight: bold !important;}

/******élément graphique de la page accueil******/

.border::after {
    content: ' ';
    position: absolute;
    z-index: 0;
    left: 95px;
    top: 32%;
    margin-top: 10px;
    width: 30px;
    height: 282px;
    background-color: #fff12f;
  }

.border:hover::after {
    content: ' ';
    position: absolute;
    z-index: 0;
    left: 24px;
    top: 32%;
    margin-top: -262px !important;
    margin-left: -30px !important;
    width: 30px;
    height: 282px;
    background-color: #fff12f;
    transform: scale(0.95) !important;
}


.cercle1::after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: 273px;
    top: 70%;
    margin-top: 10px;
    width: 150px;
    height: 150px;
    border-radius: 400px;
    background-color: #FFFFFF;
    opacity: 0.05;}

.cercle2::after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: -83px;
    top: -34%;
    margin-top: 10px;
    width: 150px;
    height: 150px;
    border-radius: 400px;
    background-color: #FFFFFF;
    opacity: 0.05;}

.bgParalaxFixed6{
  background-attachment: fixed;
  min-height: 150px;}

/***** CONTACT GOOGLE MAP*****/

.map-infobox-title {font-size: 21px !important;}
.map-infobox-email a {font-size: 12px  !important;}

.viewer-element .video-element .video-wrapper {width: 105% !important;}


/***** PAGE SUPPORT SOUPLES *****/

.border-autoportant::after {
    content: ' ';
    position: absolute;
    z-index: 1;
        left: -20px;
        top: 313px;
    margin-top: 10px;
    width: 30px;
    height: 250px;
  background-color: #313131;}


.border-textile1::after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: 580px;
    top: 478px;
    margin-top: 10px;
    width: 30px;
    height: 250px;
  background-color: #e30613;}

.border-bache1::after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: 387px;
    top: 263px;
    margin-top: 10px;
    width: 30px;
    height: 250px;
    background-color: #e30613;}


/***** PAGE SUPPORT RIGIDES *****/
.margin-supports-rigides {margin-top: -280px !important;}

.cercle-rigides1::after {
    content: ' ';
    position: absolute;
    z-index: 0;
    left: 166px;
    top: 0%;
    margin-top: 10px;
    width: 350px;
    height: 350px;
    border-radius: 400px;
    background-color: #ffffff;
    opacity: 0.08;}


/***** PAGE IMPRESSION SOL *****/

.border-sol::after {
    content: ' ';
    position: absolute;
    z-index: 1;
    left: 580px;
    top: 167px;
    margin-top: 10px;
    width: 30px;
    height: 250px;
    background-color: #e30613;}

/******PAGE RÉALISATION********/
	
.margin-real1 {margin-top: -302px !important;}

.img-hover-zoom {overflow: hidden;   display: block; }
.img-hover-zoom img {transition: transform .5s ease;}
.img-hover-zoom:hover img {transform: scale(1.5);}

/****PAGE REVETEMENT SOL****/
.margin-adhesif {margin-top: -363px;}
.margin-adhesif1 {margin-top: -120px;}
.margin-sol {margin-top: -200px;}

/* adhesifs */ 

.margin-adhesif1 {
    margin-top: -200px;
}

/********* Responsive desktop 100% ************/

@media only screen and (min-width: 1025px) and (max-width: 1460px) {
  
  /******HEADER TOUTES LES PAGES******/
.bottom-header { margin-top: -347px !important;}
    
  
}

/****** Mac sergine ******/ 
  
  @media all and (max-width: 1465px){
  
  .push-contact {padding-bottom: 81px !important;}
  .bottom-contact {margin-top: 126px !important;}
  
}

/********* Responsive desktop 90% ************/
@media only screen and (min-width: 1465px) and (max-width: 1820px) {
  .header-accueil-print img {height: 351px !important;}
 
  .push-contact {
    padding-bottom: 0px !important;
    padding-top: 120px !important;
}
  
  .bottom-header { margin-top: -352px  !important;}
  .list-produits p span strong {font-size: 20px !important;}
  .list-produits { margin-left: -100px !important ;}
  
  .bottom-contact {margin-top: 168px !important;}
  
  .margin-adhesif1 {
    margin-top: -185px !important;
}

  .titre-header{
      margin-top: 92px !important;
    margin-bottom: 90px !important;}

}

/********* Responsive desktop 80% ************/
@media only screen and (min-width: 1800px) and (max-width: 1920px) {
  .header-accueil-print img {height: 370px !important;}
  .bottom-header { margin-top: -371px !important;}
  .list-produits p span strong {font-size: 23px !important;}
  .list-produits { margin-left: -111px !important;}
  .bottom-contact {
    margin-top: 212px !important;
}
  
  .push-contact {
    padding-bottom: 0px !important;
    padding-top: 140px !important;
}
  
  .margin-adhesif1 {
    margin-top: -200px !important;
}

  .titre-header {
    margin-top: 112px !important;
    margin-bottom: 120px !important;
}
  
}


/*_________ Responsive tablette _________ */


@media all and (min-width: 768px) and (max-width: 1023px) {
  
   /****header margin img ***/

   .header-responsive2 img {width: 132% !important;}
   .header-responsive img, .header-responsive3 img {width: 125% !important;}
   .bgParalaxFixed6{ background-attachment: inherit !important;}
  
  /****Accueil***/
  .header-accueil-print img {width: 115% !important; height: inherit !important;}
  .titre-header { padding-left: 40px !important;padding-top: 0px !important; margin-top: -4px !important;}
  .bottom-header {margin-top: -209px !important;}
  .list-produits { padding-top: 35px !important; line-height: 1em;padding-bottom: 30px !important;}
  
  .presentation-event {
    padding-top: 20px !important;
    padding-left: 20px !important; 
    padding-right: 20px !important;
    padding-bottom: 35px !important;}
  
  
  .photo-presentation img {width: 183% !important;}
  .txt-confiance { padding-left: 0px !important;}
  .picto-confiance img {height : 40px !important;}
  .picto-confiance {
    margin-bottom: 0px !important;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;}
  .cercle2::after {left: -85px !important; top: -44% !important;}
  .cercle1::after {left: 111px !important; top: 58% !important;}


  
    /****Accueil produits ***/
  .titre-produits {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;}
  .produits-marges {  margin-right: 30px !important;  margin-left: 30px !important;}
  .padding-produits {padding-bottom : 30px !important;}
  .border::after { left: 26px; top: 34%;}
  
  .photo-produits img {margin-top: 120px !important; width: 151% !important;}
  
      /****Push ***/
  .push-contact {
    padding-top: 20px !important; 
    padding-bottom: 21px !important;
    padding-left: 30px !important; 
    padding-right: 30px !important;
    margin-top: -1px !important;}
  
  .pushi img  {width: 155% !important;}
  

/**************PAGE CONTACT****************/

  .coordonnees {margin-left: -40px !important;}
  .ouvertures {padding-left: 20px !important;}
  .border-contact {margin-left: 20px !important; margin-right: 20px !important;}
  .viewer-element .zt-icons .zt-icons-tabs {
    margin-right: 20px !important;}
  .comment {margin-bottom: -10px !important;}

/*****PAGE SUPPORTS SOUPLES****/
  .border-bache1::after {left: 250px; top: 80px;}
  .border-autoportant {margin-top: 132px !important; margin-right: -40px !important; margin-left: 20px !important;}
  .border-autoportant::after {top: 262px; left: 0px; height: 181px;}
  .border-textile1 {    
    margin-top: 188px !important;
    margin-bottom: 120px !important;
    margin-left: -156px !important;
    margin-right: 61px !important;}
  .border-textile1::after {left: 313px; top: 417px;}
  .btn-responsive {font-size: 12px !important;}
  .bache {    padding-right: 10px !important;}
  .textile {padding-right: 50px !important;}
  

  
/*****PAGE SUPPORTS RIGIDES*****/

  .margin-supports-rigides {margin-top: -219px !important;padding-top: 15px !important;}
  .rouge-pvc {padding-top: 20px !important; padding-bottom: 10px !important;}
  .anim-pvc2 img {width: 126% !important;}
  .anim-pvc1 img {width: 124% !important;}
  .panneau-mousse img {width: 134% !important;}
  .panneau-dibond img { width: 135% !important ; margin-left: -42px !important;}
  .panneau-dibond-gris  {padding-left: 10px !important ; padding-right: 10px !important;}
  .panneau-mousse-gris  {padding-left: 10px !important ; padding-right: 10px !important;}
  .btn-bloc-noir {font-size: 8px !important;}
  
  .bloc-plexi .container {
    padding-bottom: 50px !important;
}
  
  .bloc-plexi1 .container {padding-bottom: 0px !important; padding-top: 50px !important;}
  
  .bloc-plexi-img .container { padding-top: 30px !important;}
  .bloc-akilux1 .container {padding-bottom: 50px !important;}
    .bloc-akilux .container {padding-top: 30px !important;}
  .bloc-mousse .container {padding-bottom: 30px !important; padding-top: 10px !important;}
  .bloc-dibond .container {padding-bottom: 30px !important; padding-top: 10px !important;}
  
  .dib .container {padding-bottom: 50px !important;}

  
/*******PAGE REALISATION*********/
  .margin-real1 {margin-top: -190px !important;}

  
  
/***footer****/
  .description-event {margin-right: 20px !important;  margin-left: 20px !important;}

 /*****SUPPORTS ADHESIFS*****/
  .bloc-adhesif .container {padding-top: 10px !important;}
  .supports-adhesifs {padding-right: 0px !important; margin-top: 50px !important;}
.margin-adhesif1 {
    margin-top: -285px !important;}

  
/****PAGE REVETEMENT SOL****/

  .margin-sol {margin-top: -390px !important;}
.supports-sol {padding-left: 10px !important; padding-right: 10px !important; margin-top: -40px !important;}

  
}

/* écran 110 zoom */ 

 @media all and (min-width: 1309px) and (max-width: 1366px) {
   
   .header-responsive img, .header-responsive2 img, .header-responsive3 img  {width: 109% !important;}
    .titre-header {
      margin-bottom: 62px !important;
}
   
   .push-contact {
    padding-bottom: 0px !important;
}
   
   .p1 a strong span {font-size: 13px !important;}
   
   .border::after {
    content: ' ';
    position: absolute;
    z-index: 0;
    left: 95px;
    top: 32%;
    margin-top: 5px;
    width: 30px;
    height: 282px;
    background-color: #fff12f;
  }

   
   .border:hover::after {
    content: ' ';
    position: absolute;
    z-index: 0;
    left: 24px;
    top: 32%;
    margin-top: -247px !important;
    margin-left: -30px !important;
    width: 30px;
    height: 282px;
    background-color: #fff12f;
    transform: scale(0.95) !important;
}

    
    
}

/*_________ Responsive tablette PRO _________ */


@media all and (min-width: 1024px) and (max-width: 1308px) {
  
    
  .bgParalaxFixed6{background-attachment: inherit !important;}
  /****Accueil***/
   .header-responsive img, .header-responsive2 img  {width: 115% !important;}
  .header-responsive3 img{
    width: 109% !important;
}
  .header-accueil-print img {height: 260px !important;}
  .titre-header {padding-top: 10px  !important; padding-left: 20px  !important;}
  .bottom-header {margin-top: -260px !important;}
  .list-produits {padding-top: 36px !important; padding-bottom: 40px !important;}
  .presentation-event {
    padding-top: 20px !important;
    padding-left: 20px !important; 
    padding-right: 20px !important;
    padding-bottom: 35px !important;}
  
  .photo-presentation img {width: 121% !important;}
  
  /*****carre expertise*****/
  .cercle1::after {left: 176px;}
  
    /****Accueil produits ***/
 .titre-produits {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  
  .photo-produits img {width: 125% !important;}
  .border::after {left: 27px !important;}
  .produits-marges {  margin-right: 30px !important;  margin-left: 30px !important;}
  .padding-produits {padding-bottom : 30px !important;}
  
      /****Push ***/
  .push-contact {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    padding-left: 30px !important;
    padding-right: 30px !important;
    margin-top: -1px !important;}

  /**************PAGE CONTACT****************/
  .bottom-contact {margin-top: 71px !important;}
  .coordonnees {padding-left: 35px !important;}
  .ouvertures {padding-left: 50px !important;}
  .border-contact {margin-left: 40px !important; margin-right: 40px !important;}
  
  
  
  /*****PAGE SUPPORTS SOUPLES****/
  .border-bache1::after {left: 314px; top: 165px;}
  .border-autoportant::after {top: 222px;}
  .border-textile1::after {left: 470px; top: 361px;}
  
  /*****PAGE SUPPORTS RIGIDES*****/
  .margin-supports-rigides {margin-top: -219px !important;padding-top: 15px !important;}
  .rouge-pvc {padding-top: 20px !important; padding-bottom: 55px !important;}
  .panneau-mousse img {width: 134% !important;}
  .panneau-dibond img { width: 135% !important ; margin-left: -42px !important;}
  /****PAGE REALISATIONS******/

  .margin-real1 {margin-top: -243px !important;}
  
  .viewer-element .btn.btn-primary {font-size : 10px !important;}
  
   /*****SUPPORTS ADHESIFS*****/

  .margin-adhesif1 {
    margin-top: -245px !important;}
 
  
  /****PAGE REVETEMENT SOL****/

.margin-sol {margin-top: -265px !important;}
  
  
  
  
}

/************ Responsive telephone *************/

@media screen and (max-width: 767px) {
  
  /*HEADER*/
  .viewer-element .header-new.header-new-is-break-1024.header-new--burger-align-links-left .header-main-nav-link {
    font-size: 28px;
}

  .viewer-element .header-new .header-main-nav-link:hover {
    font-size: 28px !important;
}
  
.header-responsive, .header-responsive2, .header-responsive3 {display:none !important;}
  
    .bgParalaxFixed6{
 background-attachment: inherit !important;}

  
  .titre-header{ 
    padding-top: 10px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;}
  
  .bottom-header {margin-top: 0px !important;}
  .presentation-event {
    padding-top: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    padding-bottom: 20px !important;}
  
  .txt-confiance {display:none;}
  
  /***tabulation accueil****/
  .titre-tab {margin-top: 60px !important;}
  .accueil-tabulation {padding-left: 20px !important; padding-right: 20px !important;}
  
   /***produits accueil****/
  .produits-marges { margin-left: 20px !important; margin-right: 20px !important;}
  .photo-produits {margin-top: 40px !important; }
  .titre-produits {padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;}
  
 .border::after {
    width: 37px !important;
    top: 37% !important;
    left: 10px;}
  
    /***footer****/
  .footer {padding-left : 20px !important;}
  .footer-produits { margin-top: -154px !important; margin-left: 140px !important;}

  /****PAGE RÉALISATIONS****/

.margin-real1 { margin-top : 0px !important ; padding-top: 20px !important;}
  
  /****PAGE CONTACT*****/
  
  .coordonnees {padding-left: 0px !important; border-right-width: 0px !important; }
  .ouvertures {padding-left: 0px !important;}
  .element-map {padding-top: 0px !important;}
  .border-contact {margin-left: 20px !important; margin-right: 20px !important;}
  .header-tel {display:none !important;}
  .comment {margin-top: 50px !important; margin-bottom: -10px !important;}
  .ins {border-right-color: transparent !important;
    border-left-color: transparent !important;
    border-top-color: transparent !important;
    border-bottom-color: transparent !important;
        padding-bottom: 0px !important;}
  
    /****PAGE SUPPORTS SOUPLES*****/
  
  .bache {padding-right: 10px !important;}
  .border-bache1::after {display: none !important;}
  .border-bache1 {margin-right: -88px !important; margin-top: 60px !important;}
  .autoportant {padding-left: 10px !important; margin-top: 60px !important;}
  .border-autoportant::after {display: none !important;}
    .border-autoportant {position: absolute;  margin-top: 495px !important; margin-right: 10px !important;}
  .textile {padding-right: 10px !important; margin-top: 460px !important;}
  .border-textile1::after {display: none !important;}
    .border-textile1 { margin-top: 70px !important; margin-bottom: 0px !important; margin-left: -85px !important;}
 
  .soupl {margin-top: 350px !important;}
  
  /****PAGE SUPPORTS RIGIDES*****/
  .panneau-publicitaire {padding-right: 0px !important;}
  .margin-supports-rigides {padding-left: 10px !important; padding-right: 10px !important; margin-top: 13px !important;}
  .bloc-dibond  .container {padding-bottom: 30px !important; padding-top: 0px !important;}
  .panneau-dibond-gris {padding-bottom: 20px !important; padding-right: 10px !important; padding-left: 10px !important;}
  .bloc-akilux { padding-top: 0px !important;}
  .bloc-mousse .container {padding-bottom: 30px !important; padding-top: 0px !important;}
  .panneau-mousse-gris {padding-bottom: 20px !important; padding-left: 10px !important;
    padding-right: 10px !important;}
  .bloc-plexi .container { padding-top: 0px !important; padding-bottom: 0px !important;}
  .bloc-plexi-img .container {padding-top: 0px !important;}
  .panneau-plexi1 {padding-left: 10px !important; padding-right: 10px !important; padding-bottom: 60px !important;}
  .aki {padding-top: 50px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    padding-bottom: 50px;
    margin-bottom: -50px;}

/***PAGE ADHESIF****/
  .bloc-adhesif .container {padding-top: 50px !important; padding-bottom: 0px !important;}
  .bloc-adhesif2 {margin-bottom: -110px !important;}
  .margin-adhesif1 {margin-top: 20px !important;}
  .support-adhesif {padding-right: 0px !important; margin-bottom : 50px !important;}
  .bg-responsive {display: none !important;}
  
  
  /*****PAGE SOL*******/
  .margin-sol {margin-top: 20px !important;}
  .supports-sol {padding-left: 10px !important; padding-right: 10px !important;}
  .bloc-sol .container {padding-top: 0px !important; padding-bottom: 0px !important; } 
  .supports-sol {margin-bottom : 60px !important;}
}