.viewer-element body {
    font-family: Oxygen, 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: 15px;    color: #1e2648;}

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

.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: 15px;    color: #ce984e;}
.viewer-element h1,
.viewer-element .title-lvl-1 {
    font-size: 40px;    color: #ffffff;}
.viewer-element h2,
.viewer-element .title-lvl-2 {
    font-size: 35px;    color: #bc182b;}
.viewer-element h3,
.viewer-element .title-lvl-3 {
    font-size: 25px;    color: #1e2648;}
.viewer-element h4,
.viewer-element .title-lvl-4 {
    font-size: 14px;    color: #777777;}
.viewer-element h5,
.viewer-element .title-lvl-5 {
    font-size: 14px;    color: #777777;}
.viewer-element h6,
.viewer-element .title-lvl-6 {
    font-size: 14px;    color: #777777;}

/* ------------------------
// 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: #bc182b;    font-size: 15px;}

.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: #ce984e;    color: #ffffff;    font-size: 15px;}

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

.viewer-element .carousel-element .swiper-pagination-bullet-active,
.viewer-element .carousel-indicators .active {
    background-color: #ce984e;
}
.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: #ce984e;
}

/* ------------------------
// COOKIE
  ------------------------ */
.viewer-element body .cc-window.cc-banner {
    color: #ffffff;    background-color: #1e2648; }

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

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

/* -----------------------
 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: #bc182b;
}
.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: #bc182b;
}
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a {
    border-color: #bc182b;
}
.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: #bc182b;
    border-color: #bc182b;
}
.viewer-element .ecommercebundle-filters-treecat.is-some::after {
    background-color: #bc182b;
}
.viewer-element .ecommercebundle-filters-treecat.is-all::after,
.viewer-element .ecommercebundle-filters-checkbox + label::after {
    color: #bc182b;
}

.viewer-element .ecommerce-component .ecommerce-components-connexion-link,
.viewer-element .ecommerce-component .ecommerce-components-cart-link {
    color: #bc182b;
}
.viewer-element .ecommerce-component [data-header-hassubmenu]::after {
    border-color: #bc182b 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: #bc182b;    font-size: 15px;}
.viewer-element .ck-product .ck-product-btn-quantity,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button {
    color: #ffffff;    background-color: #bc182b;}

.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: #ce984e;    color: #ffffff;    font-size: 15px;}
.viewer-element .ck-product .ck-product-btn-quantity:hover,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button:hover {
    background-color: #ce984e;    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: #777777;}

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

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

/* ------------------------
// ACCORDION
------------------------ */
.viewer-element .accordion_element .panel-title .panel-button {
    font-size: 15px;    color: #bc182b;}
.viewer-element .accordion_element .panel-title .panel-button:hover {
    color: #ce984e;
}
.viewer-element .accordion_element .panel-body {
    font-size: 15px;    color: #1e2648;}

/* ------------------------
// 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: rgba(0, 0, 0, 0);
        }
    }
    @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: rgba(0, 0, 0, 0);
        }
    }
    @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: rgba(0, 0, 0, 0);
        }
    }
    
        @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: rgba(0, 0, 0, 0);
        }
    }
    @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: rgba(0, 0, 0, 0);
        }
    }
    @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: rgba(0, 0, 0, 0);
        }
    }
    
    
    
    
    .viewer-element .header-main .header-main-nav-link {
                    }
    .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 {
                    }
                        
.viewer-element body {
            background-position: top center;
}
h2 {line-height: 50px;}

.legales {margin-top:-180px;}

/* Header */

.bloc-header {
  padding-top: 270px;
  padding-bottom: 200px;
  margin-top: -180px;}

.viewer-element .header-new .header-main-logo-image {
    max-width: 145%;
}

.header-h1 {margin-top: 150px;}

.viewer-element .form-element .form-group label {color: #ffffff;}

.form-control {height: 30px;}
.form-group {margin-bottom: 10px;}

.materiel {
  padding-top: 70px;
  padding-bottom: 70px;}

.engin {
  width: 100%;
  position: absolute;
  margin-top: -450px !important;}

.logo-fond {
  width: 100%;
  position: absolute;
  margin-top: -260px !important;}

.bg-parallax1, .bg-parallax2, .bg-parallax3, .bg-parallax4, .bg-parallax5 {background-attachment: fixed;}
.bg-parallax1 {height: 80px;}
.bg-parallax2 {height: 870px;}
.bg-parallax3 {height: 490px;}
.bg-parallax4 {height: 180px;}
.bg-parallax5 {height: 590px;}

.viewer-element .zone-a.marge-bottom {margin-bottom: 20px !important;}
.viewer-element .zone-a.marge-bottom2 {margin-bottom: 0px !important;}
.viewer-element .zone-a.marge-bottom3 {margin-bottom: -120px !important;}

.push {
  margin: 20px !important;
  padding: 300px !important;}

.mentions {margin-top: -180px;}

  .remerciement {margin-top: 300px !important;}

/* tablette */ 

@media only screen and (min-width : 768px) and (max-width : 1030px) {
  
 .bg-parallax4,  .bg-parallax5, .bg-parallax1, .bg-parallax2, .bg-parallax3 {background-attachment: inherit;}
  
  .bg-parallax4 {height: 215px; background-image: none !important;}
  .bg-parallax5 {height: 1060px;}

  .bg-parallax2 {margin-top: -10px;
    height: 970px !important;}
  
.logo-fond {
    width: 100%;
    position: relative;
    margin-top: -522px !important;}
  
   .viewer-element .header-new.header-new-is-break-1024.header-new--burger-align-left .header-main-burger {
    display: none;}
  
  .viewer-element .header-new .header-main-logo-image {
    max-width: 100% !important;}
  
  .logo-fond {display: none !important;}
  
  .remerciement {
    margin-top: 500px !important;
}
    .presta {margin-left:  3px;
    margin-right: 20px !important;}
  
  .legales {margin-top: -110px !important;}
  
}

/* telephone */ 

@media only screen and (max-width : 767px) {
  
  .viewer-element .header-new.header-new-is-break-1024.header-new--burger-align-left .header-main-burger {
    display: none;}
  
  .viewer-element .header-new .header-main-logo-image {
    max-width: 100% !important;}

  
.header-h1 {
  margin-top: 70px;
  margin-left: 15px;
  margin-bottom: 60px;}

.bloc-header {
  padding-top: 150px;
  padding-bottom: 70px;}
  
.logo-centre {
  margin-top: 30px;
  margin-bottom: 30px;}
  
.materiel {
  padding-top: 0px;
  padding-bottom: 30px;}
  
.logo-fond {display: none !important;}
  
.bg-parallax1, .bg-parallax2, .bg-parallax3, .bg-parallax4, .bg-parallax5 {background-attachment: inherit;}
.bg-parallax1 {height: 270px;}
.bg-parallax2 {height: 1600px; margin-top: -10px;}
.bg-parallax3 {height: 490px;}
.bg-parallax4 {
  background-image: none !important;
  padding-top:40px;
  height: 560px;}
  
  .retrait {border-left-color: #ffffff !important;}
  
   .ve {margin-bottom: 20px !important;}
  
  .legales {margin-top: -110px !important;}
  
}