.viewer-element body {
    font-family: Roboto, 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: 16px;    color: #37595c;}

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

.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: 16px;    color: #36ccda;}
.viewer-element h1,
.viewer-element .title-lvl-1 {
    font-size: 36px;    color: #ffffff;}
.viewer-element h2,
.viewer-element .title-lvl-2 {
    font-size: 30px;    color: #0f7e88;}
.viewer-element h3,
.viewer-element .title-lvl-3 {
    font-size: 18px;    color: #ffffff;}
.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: #1798a4;    font-size: 12px;}

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

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


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

.viewer-element a.cc-btn.cc-dismiss {
    color: #ffffff;    background-color: #36ccda;    font-size: 16px ;}

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

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

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

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

.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: 12px;      color: #ffffff;         background-color: #1798a4;
    border-color: #1798a4;
    }

/* ------------------------
// ACCORDION
------------------------ */
.viewer-element .accordion_element .panel-title .panel-button {
    font-size: 12px;    color: #ffffff;}
.viewer-element .accordion_element .panel-title .panel-button:hover {
    color: #36ccda;
}
.viewer-element .accordion_element .panel-body {
    font-size: 16px;    color: #37595c;}

/* ------------------------
// 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: #ffffff;
        }
    }
    @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: #ffffff;
        }
    }
    @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: #ffffff;
        }
    }
    
        @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: #ffffff;
        }
    }
    @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: #ffffff;
        }
    }
    @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: #ffffff;
        }
    }
    
    
    
    
    .viewer-element .header-main .header-main-nav-link {
         color: #01518d;            }
    .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: #1798a4;            }
        .viewer-element .header-main [data-header-hassubmenu]::after {
        border-top-color: #01518d;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #01518d;
        border-top-color: transparent;
    }
            .viewer-element .header-main [data-header-hassubmenu]:hover::after {
        border-top-color: #1798a4;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]:hover::after {
        border-left-color: #1798a4;
        border-top-color: transparent;
    }
                    
.viewer-element body {
            background-position: top center;
}
h2 {font-family: 'Raleway', sans-serif; line-height: 40px; font-weight: bold !important;}
h1 {font-family: 'Raleway', sans-serif; font-weight: bold !important;}
h3 {font-family: 'Raleway', sans-serif; font-weight: bold !important;}

a:hover {text-decoration: none;}

.bloc-header {padding-top: 90px;}

.header {
  padding-top: 200px;
  padding-bottom: 200px;
  padding-left: 100px;
  padding-right: 100px;}

.defi-photo {padding: 80px;} 

.service-particuliers {
  margin-right: 60px;
}

.defi.col-sm-5, .defi.col-sm-3, .defi.col-sm-4 {
	padding-left: 0px;
    padding-right: 0px;}

.marge-bloc {
	margin-left: 50px;
	margin-right: 50px;
	margin-bottom: 80px;}

.viewer-element .header-new.header-new-is-break-1024 .header-main-logo-image.header-main-logo-image--classic {
  height: 110px;}
.clien {margin-bottom: -100px !important; margin-top: 50px !important;}
.marg {margin-left: -330px !important; margin-right: 300px !important;}
.marge {
  margin-right: -330px !important; 
  margin-left: 300px !important;
  padding-left: 100px;
  padding-right: 100px;}
.triangle {margin-bottom: -200px !important;}

.titre {padding-top: 180px;}

.viewer-element .btn.btn-primary {
  font-size: 12px;
  color:#ffffff;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 5px 16px; 
  border:1px solid #ffffff;  
  display: inline-block;  
  cursor: pointer; 
  position: relative; 
  transition: all 0.3s; }

a.button1:hover,.btn.btn-primary:hover{border-color: #ffffff; color: #ffffff; transform: scale(1.1);}
a.button1:focus,.btn.btn-primary:focus{background: #ffffff;color:#FFF; text-decoration: none}

/* fade-in */

p {
     -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


h2 {
     -webkit-animation: fadein 5s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 5s; /* Firefox < 16 */
        -ms-animation: fadein 5s; /* Internet Explorer */
         -o-animation: fadein 5s; /* Opera < 12.1 */
            animation: fadein 5s;
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


/* mouvement bloc */
.prestations-call .zone-a-figure .zone-a-image {
	display: block;
    margin-left: auto;
    margin-right: auto;
	height: 600px !important;}

.prestations-call:hover > .zone-a-figure .zone-a-image {width: 110%;}

.prestations-call > .zone-a-figure .zone-a-image {
    -webkit-transition: width 2s;
  	transition: width 2s;
    width: 100%;}

/* paralax */

.bgParalaxFixed, .bgParalaxFixed2, .bgParalaxFixed3, .bgParalaxFixed4, .bgParalaxFixed5, .bgParalaxFixed6 {background-attachment: fixed;}
.bgParalaxFixed {height: 150px;}
.bgParalaxFixed2 {height: 250px;}
.bgParalaxFixed3{min-height: 500px;}
.bgParalaxFixed4{min-height: 400px;}
.bgParalaxFixed5 {height: 400px;}
.bgParalaxFixed6 {height: 400px;}
.bgParalaxFixed7 {height: 250px;}

/* actualités */
.page-article {
  padding-top: 200px;}

.viewer-element .btn-default-link {font-size: 12px;
  color:#ffffff;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 5px 16px; 
  border:1px solid #ffffff;  
  display: inline-block;  
  cursor: pointer; 
  position: relative; 
  transition: all 0.3s; }

.viewer-element .btn-default-link:hover {transform: scale(1.1) !important;}

.page-article h1 {
    font-size: 30px;
  	font-weight: bold;
    color: #1798a4;
    margin-top: 20px;
	margin-bottom: 35px !important;}

.viewer-element .article-new .item-title {font-weight: bold !important;}

.viewer-element .article-new .article-new-link {
  font-size: 12px;
  color:#ffffff;
  letter-spacing: 3px;
  text-transform: uppercase;
  padding: 5px 16px; 
  border:1px solid #ffffff;  
  display: inline-block;  
  cursor: pointer; 
  position: relative; 
  transition: all 0.3s; }

.viewer-element .article-new .article-new-link:hover {transform: scale(1.1) !important;}

.realisations {margin-top: 100px;}

.footer a {color: #1798a4 !important;}

@media only screen and (min-width : 767px) and (max-width : 1030px) {
.service-particuliers {
  margin-left: 0px;
  margin-right: 0px;}
  
.marg {
  margin-left: -300px !important; 
  margin-right: 0px !important;
  padding-left: 100px;
  padding-right: 100px;}

  .header {
  padding-top: 80px;
  padding-bottom: 80px;
  padding-left: 30px;
  padding-right: 30px;}
  
  .titre {padding-top: 180px;}
  
  .chiffre strong {font-size: 43px !important;}
  
  .defi-photo {padding: 30px;} 
}
  
@media (max-width: 768px){

.bloc-header {padding-top: 0px;}

.header {
  padding-top: 40px;
  padding-bottom: 40px;
  padding-left: 40px;
  padding-right: 40px;}

.marg {
  margin-left: 0px !important; 
  margin-right: 0px !important;
  padding-left: 30px;
  padding-right: 30px;}
  
.titre {
  padding-top: 10px;
  padding-bottom: 30px;}

.realisations {margin-top: 0px;}
.triangle, .mer {display: none;}
.prestations-call {display: none;}
.defi-photo {padding: 20px !important;}
.marge-bloc {
  margin-left: 20px;
  margin-right: 20px;}
  
.viewer-element h1 strong {font-size: 25px !important;}
}