.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: 17px;    color: #262626;}

.viewer-element a,
.viewer-element .wrapper a,
.viewer-element .viewer-content a {
    font-size: 17px;    color: #07255d;}

.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: 17px;    color: #d82530;}
.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: #07255d;}
.viewer-element h3,
.viewer-element .title-lvl-3 {
    font-size: 22px;    color: #d82530;}
.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: #d82530;    font-size: 17px;}

.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: #07255d;    color: #ffffff;    font-size: 17px;}

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

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

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

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

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

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

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

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

.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: 17px;      color: #ffffff;         background-color: #d82530;
    border-color: #d82530;
    }
.viewer-element .socialnetwork-list .socialnetwork-list-button:hover,
.viewer-element .socialnetwork-list .socialnetwork-list-button:focus {
    background-color: #07255d;
    border-color: #07255d;
}

/* ------------------------
// ACCORDION
------------------------ */
.viewer-element .accordion_element .panel-title .panel-button {
    font-size: 17px;    color: #07255d;}
.viewer-element .accordion_element .panel-title .panel-button:hover {
    color: #d82530;
}
.viewer-element .accordion_element .panel-body {
    font-size: 17px;    color: #262626;}

/* ------------------------
// 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
------------------------ */
    
    
        .viewer-element .header-new-is-break-full .header-main {
        background-color: #ffffff;
    }
    @media only screen and (max-width: 767px) {
        .viewer-element .header-new-is-break-768 .header-main {
            background-color: #ffffff;
        }
    }
    @media only screen and (max-width: 1023px) {
        .viewer-element .header-new-is-break-1024 .header-main {
            background-color: #ffffff;
        }
    }
    @media only screen and (max-width: 1199px) {
        .viewer-element .header-new-is-break-1200 .header-main {
            background-color: #ffffff;
        }
    }
    
    
    
    .viewer-element .header-main .header-main-nav-link {
         color: #07255d;            }
    .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: #d82530;            }
        .viewer-element .header-main [data-header-hassubmenu]::after {
        border-top-color: #07255d;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #07255d;
        border-top-color: transparent;
    }
            .viewer-element .header-main [data-header-hassubmenu]:hover::after {
        border-top-color: #d82530;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]:hover::after {
        border-left-color: #d82530;
        border-top-color: transparent;
    }
            .viewer-element .header-main .header-main-burger i {
        background-color: #ffffff;
    }
            .viewer-element .header-main .header-main-burger {
        background-color: #07255d;
    }
            .viewer-element .header-main .header-main-burger:hover i {
        background-color: #d82530;
    }
            .viewer-element .header-main .header-main-burger:hover {
        background-color: #e6e6e6;
    }
    
.viewer-element body {
            background-position: top center;
}
/********* Responsive desktop 95% ************/
  
  .guide a {font-weight: bold !important; color: #67318c !important;}
.guide a:hover {font-weight: bold !important; color: #07255d !important;}

.logo-gentlemen {
  position : fixed !important;
  z-index: 10 !important; 
  margin-top: -2px; 
  margin-left: -10px;}

.telephone {
  position : fixed !important; 
  z-index: 10 !important; 
  margin-left: 400px; 
  margin-top: 47px;}

.telephone-acc-page {
  position : fixed !important; 
  z-index: 10 !important; 
  margin-left: 400px; 
  margin-top: 47px;}

.header-main-nav-list a {font-size : 28px !important;}
.header-main-logo-image {margin-left: 55px;}

.bloc-merci {margin-bottom: 50px;}

/* CSS général */ 
.btn1 {    
    background-color: white;
    color: #67318C !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 35px !important;
    white-space: nowrap;
    padding: 6px 12px !important;}

.btn1:hover {    
    background-color: white;
    color: black !important;
    border-radius: 35px !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent !important;
    white-space: nowrap;
    padding: 6px 12px;}


.btn-v {    
    background-color: #67318C !important;
    color: white !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 35px !important;
    white-space: nowrap;
    padding: 6px 12px !important;}

.btn-v:hover {    
    background-color:#07255d !important;
    color : white !important;
    border-radius: 35px !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent !important;
    white-space: nowrap;
    padding: 6px 12px;}

.btn-violet2 {    
    background-color: white !important;
    color: #67318C !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 35px !important;
    white-space: nowrap;
    padding: 6px 12px !important;}

.btn-violet2:hover {    
    background-color: white !important;
    color: #07255d  !important;
    border-radius: 35px !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent !important;
    white-space: nowrap;
    padding: 6px 12px;}


.btn-marron {    
    background-color: white !important;
    color: #6C3626 !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 35px !important;
    white-space: nowrap;
    padding: 6px 12px !important;}

.btn-marron:hover {    
    background-color: white !important;
    color: black !important;
    border-radius: 35px !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent !important;
    white-space: nowrap;
    padding: 6px 12px;}

.btn-vert {    
    background-color: #90a30c !important;
    color: white !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none !important;
    border: 1px solid transparent !important;
    border-radius: 35px !important;
    white-space: nowrap;
    padding: 6px 12px !important;}

.btn-vert:hover {    
    background-color: #07255d !important;
    color: white !important;
    border-radius: 35px !important;
    font-size: 17px;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent !important;
    white-space: nowrap;
    padding: 6px 12px;}

.viewer-element .btn.btn-primary {border-radius : 35px;}
.hov:hover{transform: scale(1.05);}
a:hover {text-decoration: none;}
.point ul {color: white;}

.log {margin-bottom: -40px;}
.head {background-attachment: fixed; height: 960px;}
.bord-general {border-radius: 0px 0px 30px 0px !important;}
.upper {text-transform : uppercase !important;}

/****ombre general***/
.shadow {box-shadow: 4px 1px 7px -2px rgba(0,0,0,0.27);
-webkit-box-shadow: 4px 1px 7px -2px rgba(0,0,0,0.27);
-moz-box-shadow: 4px 1px 7px -2px rgba(0,0,0,0.27);}

.menu-header {    
    position: fixed !important;
    background-color: white !important;
    z-index: 10 !important;}

/****PAGE D'ACCUEIL****/
.photo-carton-acc {margin-top: -380px; 
  position: relative !important;
  z-index: -1 !important;}
.bloc-presta .container-fluid {padding-left: 60px;
  padding-right: 60px;}

/* garantie */ 



.texte-garantie {
margin-top: -595px;
border-radius: 0px 0px 30px 0px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 20px;
padding-right: 50px;
margin-left: 80px;
margin-right: 80px;
}
.bloc-fond-garantie {margin-left: 50px; margin-bottom: 30px;}
.texte-garantie ul {color: white;}

/***conseil por***/
.conseil-pro {border-radius: 0px 0px 30px 0px;}

.conseil-pro::after {
content: "Conseil pro :";
font-weight: bold;
color: white; 
background-color: #d82530;
border-radius: 20px 0px 20px 0px;
position: relative;
height: 100%;
width: 100%;
top: -95px;
left: -21px;
padding: 10px;
}

.conseil-pro a {color:#d82530 !important; font-weight: bold;}
.conseil-pro a:hover {color:#07255d !important; font-weight: bold;}

/***Dem particuliers***/
.bloc-formules {margin-left: 50px; margin-right : 50px;}
.formules .zone-a-wrapper {padding-top: 70px; padding-bottom : 70px;}
.formules-1 a {margin-top: 19px !important; position: absolute !important;}

.conseil-pro-violet::after {
content: "Conseil pro :";
font-weight: bold;
color: white; 
background-color: #67318C;
border-radius: 20px 0px 20px 0px;
position: relative;
height: 100%;
width: 100%;
top: -95px;
left: -21px;
padding: 10px;
}

/****PAGE TRANSFERT ENTREPRISE***/

.conseil-pro-marron::after {
content: "Conseil pro :";
font-weight: bold;
color: white; 
background-color: #6c3626;
border-radius: 20px 0px 20px 0px;
position: relative;
height: 100%;
width: 100%;
top: -95px;
left: -21px;
padding: 10px;
}


.texte-entreprise-bleu {margin-top: -795px;
border-radius: 0px 0px 30px 0px;
padding-top: 50px;
padding-bottom: 50px;
padding-left: 50px;
padding-right: 50px;
margin-left: 80px;
margin-right: 80px;
}

/****DEVIS***/
.viewer-element .calculator-form .calculator-form-input {padding: 18px 20px!important; border-radius: 0px 0px 30px 0px !important;}

/***GARDE MEUBLE***/
.photo-carton-garde {
  margin-top: -300px;
  position: relative !important; 
  z-index: -1 !important;}

.texte-garde-meuble {
    margin-top: -655px;
    border-radius: 0px 0px 30px 0px;
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 50px;
    padding-right: 50px;
    margin-left: 80px;
    margin-right: 80px;
}

/***Footer***/
.menu-footer a {font-size : 14px !important; text-transform : uppercase !important;}
.documents a {font-size : 14px !important; text-transform : uppercase !important;}

/***PAGE INTERNATIONAL****/
.conseil-pro-vert::after {
    content: "Conseil pro :";
    font-weight: bold;
    color: white; 
    background-color: #90a30c !important;
    border-radius: 20px 0px 20px 0px;
    position: relative;
    height: 100%;
    width: 100%;
    top: -95px;
    left: -21px;
    padding: 10px;
}


/***CONTACT***/
.coor a:hover {color: #d82530 !important;}


/************** écran 100 13 pouces *************/ 

@media only screen and (max-width: 1465px)  {
  
  .viewer-element .header-new.header-new-is-break-full.header-new--burger-align-logo-left .header-main-logo {
    margin-left: 180px !important;
}
  
.telephone-acc-page {
    margin-left: 300px !important;}
  
  .nav>li>a {padding: 10px 9px !important;}
  .main-header a {font-size: 15px !important;}
  .log img {width: 100% !important;}
  
/*****ACCUEIL*****/
  .bande-accueil {margin-right: 652px !important;}
  .txt-principale-acc {margin-bottom: 152px !important;}
  .globe {margin-left: -107px !important; margin-right: 29px !important;}
.garantie {
    margin-top: -679px !important;
    margin-left: 70px !important;
    margin-right: -252px !important;
}  
/****DÉMÉNAGEMENT PARTICULIER****/
  .bande-particuliers {margin-right: 863px !important;}
  
/****TRANSFERT D'ENTREPRISE****/
  .bande-entreprise {margin-right: 874px !important;}
  
/****GARDE MEUBLE****/
  .bande-garde {margin-right: 1000px !important;}
  
/****INTERNATIONAL****/
  .bande-international {margin-right: 1139px !important;}
  .txt-principale-international {margin-bottom : 50px !important;}

  
}
  
  
/********* Responsive desktop 90% ************/
@media only screen and (min-width: 1466px) and (max-width: 1820px) {
  
 
.viewer-element .header-new.header-new-is-break-full.header-new--burger-align-logo-left .header-main-logo {
  margin-left: 80px !important;}
  
  .main-header{margin-left: -28px !important;}
  .numero {margin-top: -10px !important;}
  .log img {width: 100% !important;}

  /*****ACCUEIL*****/
.bande-accueil {margin-right: 813px !important;}
.txt-principale-acc {margin-bottom: 50px !important;}
.garantie {
    margin-top: -755px !important;
    margin-left: 70px !important;
    margin-right: -200px !important;
}
  
/****DÉMÉNAGEMENT PARTICULIER****/  
  .bande-particuliers {margin-right: 1035px !important;}
  
  /****TRANSFERT D'ENTREPRISE*****/
  .bande-entreprise {margin-right: 1031px !important;}
  .grande-photo-entreprise img {width: 124% !important;}
  .texte-entreprise-bleu {margin-top: -875px !important;}
  
/****GARDE MEUBLE*****/ 
  .bande-garde {margin-right: 1158px !important;}
  .texte-garde-meuble {margin-top: -603px !important;}

/****INTERNATIONAL***/
  .bande-international {margin-right: 1305px !important;}

}


/********* Responsive desktop 80% ************/
@media only screen and (min-width: 1800px) and (max-width: 1920px) {
  
  .main-header {margin-left: 0px !important;}
  .main-header a {font-size: 18px !important;}
/****PAGE ACCUEIL****/
  .bande-accueil {margin-right: 1008px !important;}
  .globe {
    margin-top: 32px !important;
    margin-left: -201px !important;
    margin-right: 64px !important;
}
  
  .garantie {margin-top: -850px !important;}
  
/****DÉMÉNAGEMENT PARTICULIER****/  
.bande-particuliers {margin-right: 1230px !important;}
.formules-3 a {margin-top: -30px !important; position: absolute !important;}

  /****TRANSFERT D'ENTREPRISE*****/

  .bande-entreprise {margin-right: 1240px !important;}
  .grande-photo-entreprise img {width: 100% !important;}
  
/****GARDE MEUBLE*****/   
  .bande-garde {margin-right: 1358px !important;}
  
  /***INTERNATIONAL***/
  .bande-international {margin-right: 1506px !important;}

}


/*_________ Responsive tablette PRO _________ */
@media all and (min-width: 1024px) and (max-width: 1308px) {
  
  .header-main-nav-list  a {font-size: 26px !important;}
  .viewer-element .header-new.header-new-is-break-full.header-new--burger-align-logo-left .header-main-logo {
    margin-left: 239px !important;}
  
 .telephone-acc-page {
    position: fixed !important;
    z-index: 10 !important;
margin-left: 344px !important;
    margin-right: 80px !important;
   margin-top: 38px !important;
}
  
  /***ACCUEIL***/
    .bloc-pres-part .container {    padding-bottom: 0px !important;}

  .pres-accueil, .txt-principale-acc {margin-left: 0px !important; margin-right: 0px !important;}
  .txt-principale-acc {margin-bottom: 389px !important;}
  .petit-presta h3 {font-size: 15px !important;}
  
  .chiffre {font-size: 25pt !important;}
  
  .garantie img {    width: 85% !important;}
  .garantie {margin-top: -482px !important;}
  .texte-garantie {
    margin-top: -506px !important;
    margin-left: 0px !important;
    margin-right: 33px !important;
}
  .bloc-chiffre1 , .bloc-chiffre2 {padding-top: 3px !important;}
  
  /****Particuliers***/
  .formules .zone-a-wrapper {
    padding-top: 20px !important;}
  .formules-1 a {margin-top: 63px !important;}
  .bloc-formules {margin-left: 0px !important;  margin-right: 0px !important;}
  .formules-4 a {margin-top: 16px !important; position: absolute !important;}
/****Entreprise****/
  .texte-entreprise-bleu {
    margin-top: -536px !important;
    margin-left: -70px !important;
    margin-right: 30px !important;
    margin-bottom: 59px !important;}
  
 .conseil-pro-marron::after {top: -125px !important;}
  .conseil-pro-marron {padding-top: 35px !important;}
  
  /****Garde Meuble***/
  .texte-garde-meuble {
   margin-top: -563px !important;
    margin-left: -70px !important;
    margin-right: 30px !important;
    margin-bottom: 59px !important;}
  .txt-garde1 {    margin-top: 0px !important;}
  .titre-pres-inter {
    margin-left: 0px !important;
    margin-right: 0px !important;}
  .txt-principale-international {    
    margin-left: 0px !important;
    margin-right: 340px !important;
    margin-bottom: 120px !important;}
  
  /***DEVIS***/
  .bloc-devis1 {margin-bottom: -1px !important;}
  
}


/*---------------- tablette IPAD --------------*/ 
@media all and (min-width: 768px) and (max-width: 1023px) {
  
  .viewer-element .header-new.header-new-is-break-full.header-new--burger-align-logo-left .header-main-logo {
    margin-left: 150px !important;
    margin-right: auto !important;}
  
  .header-main-nav-list  a {font-size: 26px !important;}

  .logo-gentlemen   img {width: 40% !important;}
  .viewer-element .header-new .header-main-logo-image {max-width: 70% !important;}
  .header-main-logo-image {margin-left: 230px !important;}
  .telephone-acc span {font-size: 12pt !important;}
  .telephone-acc-page {
    position: fixed !important;
    z-index: 9 !important;
    background-color: white;
    margin-top: 94px !important;
    padding-left: 152px;
    padding-right: 134px;
    padding-top: 31px !important;
    margin-left: -200px !important;
    margin-right: -100px !important;}
  
  .telephone-acc {
    position: fixed !important;
    z-index: 10 !important;
    margin-left: 177px !important;
    margin-right: 50px !important;
    text-align: center !important;
    margin-top: 19px !important;
}
  
  .header-general-bloc .container-fluid {padding-top: 99px!important;}
  
/***HEADER COUV***/
  h1 {font-size: 26px !important;}
  .castel-bernard {font-size: 22pt !important;}
  .pres-accueil, .txt-principale-acc {margin-left: 0px !important; margin-right: 0px !important;}
 .txt-principale-acc {margin-bottom: 400px !important;}
  .chiffre {font-size: 25pt !important;}
  .annee {margin-left: 20px !important;}
  .secteur-globe {margin-top: 160px !important;}
  .garantie {margin-top: -384px !important;}
  .garantie img {width: 76% !important;}
  .texte-garantie {
    margin-top: -30px !important;
    margin-left: -324px !important;
    margin-right: 78px !important;
}
  .photo-garantie-acc {margin-right: -42px !important;}
  .titre-gar {    
    margin-top: 60px !important;
    margin-bottom: 20px !important;
    margin-left: 70px !important;
    margin-right: 70px !important;}
.conseil-pro  {
    margin-left: 100px !important;
    margin-right: 100px !important;
    margin-top: 50px !important;
}
  .pres-accueil {margin-top: -25px !important;}
  
  .push h2 {font-size: 22px  !important;}  
  
  /***PARTICULIER***/
  .conseil-pro-violet::after {top: -95px !important;}
  .conseil-pro-violet, .conseil-pro-marron {
    margin-left: 78px !important;
    margin-right: 78px !important;
    margin-top: 20px !important;
}
  
  .bloc-formules {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
  
  .formules .zone-a-content {width: 87% !important;}
  
  .formules .zone-a-wrapper {
    padding-top: 30px !important;
    padding-bottom: 40px !important;
  }
  
  .formules-1 a {margin-top: 87px !important;}
  .formules-2 a {position: absolute !important; margin-top: 16px !important;}
  .formules-4 a {position: absolute !important; margin-top: 16px !important;}
  
  .tableau {margin-top: 0px !important;}
  .titre-pres-part h2 {font-size: 24px !important;}
    .titre-pres-part  {margin-top : -20px !important;}
  .photo-pres-particulier {margin-right: 0px !important;}
  .bloc-pres-part .container {padding-bottom: 0px !important;}
  
  /****Transfert entreprise***/
  .photo-entreprise {display : none !important;}
  .txt-entreprise1 {margin-top: -20px !important;}
  .txt-entreprise1, .txt-entreprise2 {margin-left: -317px !important;}
  .texte-entreprise-bleu {
    margin-top: -87px !important;
    margin-left: -324px !important;
    margin-right: 69px !important;
    margin-bottom: 60px !important;}
  
  .grande-photo-entreprise {margin-right: -51px !important;}
  .titre-dem-entreprise {margin-right: 69px !important;}
  
  .conseil-pro-marron::after {top: -125px !important;}
  .conseil-pro-marron {padding-top: 35px !important;}
  
  /*****footer*****/
  .logo-footer img {height: 70px  !important;}  
  .logo-footer {margin-left: 0px !important;}  
  .logo-footer2 img {height: 73px !important;}  
  .footer1 {margin-left: -19px !important;}
  .footer2 {margin-left: -57px !important; margin-right: 10px !important;}
  .footer3 {margin-left: -59px !important; margin-right: 24px !important;}
  .logo-footer2 {margin-left: -40px !important;}
  .signature {margin-left: 50px !important; margin-right: 50px !important;}
  
  
/***GARDE MEUBLE***/
  .photo-garde-meuble {display : none !important;}
  .txt-garde1, .txt-garde2 {margin-left: -317px !important;}
  .txt-garde1 {margin-top: -20px !important;}
  
  
.texte-garde-meuble {
    margin-top: -70px !important;
    margin-left: -324px !important;
    margin-bottom: 25px !important;}

  .grande-photo-garde {margin-right: -40px !important;}
  
  .titre-presta-garde {margin-right: 78px !important;}

  .photo-carton-garde {margin-top: -120px !important;}
  
  /***INTERNATIONAL***/
  .photo-inter2  {display : none !important;}
  .txt-principale-international, .titre-pres-inter {
    margin-top: 50px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;}
  
  .txt-principale-international3, .txt-principale-international4 {margin-left: -320px !important;}

  .txt-principale-international3 { margin-top: -20px !important;}
  .conseil-pro-vert::after {top: -95px !important;}
  .conseil-pro-vert {
    margin-left: 70px !important;
    margin-right: 70px !important;}
  
}

/* ---------- telephone ----------- */
@media screen and (max-width: 767px) {
  
  .logo-gentlemen {
    margin-right: 60px !important;
}
    .viewer-element .header-new.header-new-is-break-full.header-new--burger-align-logo-left .header-main-logo {
    margin-left: 0px !important;
}
  .header-main-logo-image {margin-left: 159px !important;}

  .header-general-bloc .container-fluid {padding-top: 178px !important;}
.viewer-element .header-new .header-main-logo-image {max-width: 50% !important;}
  
  .telephone-acc-page {
   position: fixed !important;
    z-index: 9 !important;
    margin-left: 0px !important;
    margin-top: 72px !important;
    text-align: center;
    padding-top: 20px !important;
    background-color: white !important;
}
  .pres-accueil {    
    margin-left: 0px !important;
    margin-right: 0px !important;
  margin-top : -40px !important}
  .txt-principale-acc {    
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 326px !important;}
  
  .pres-accueil {margin-top: -30px !important;}
  .btn-pres-acc {text-align: right !important;}
  .titre-decouv-presta {    
    margin-top: -100px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;}
  
  .bloc-presta .container-fluid {
    padding-left: 20px !important;
    padding-right: 20px !important;
}
  
  .presta1 {margin-right: 0px !important;}
  .presta2, .presta3 {margin-left: 0px !important; margin-right: 0px !important;}
  .presta4 {margin-left: 0px !important;}
  
  .annee {margin-left: 62px !important;}
  .num-agence {margin-left: 46px !important;}
  .bloc-chiffre2 {margin-bottom: -2px !important; margin-top: -2px !important;}
  .secteur-globe {margin-top: 60px !important; margin-bottom: -50px !important;}
  
.texte-garantie  {
    margin-top: 0px !important;
    padding-left: 10px !important;
    padding-right: 30px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
  
  .garantie {
    margin-top: -427px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
  
  .titre-gar {    
    margin-top: 30px !important;
    margin-bottom: 40px !important;
    margin-left: 10px !important;
    margin-right: 10px !important;}
  
  .photo-garantie-acc {margin-left: -69px !important;  margin-top: -11px !important;}
  .photo-garantie-acc img {width: 186% !important;}
  
  .conseil-pro {    
    margin-top: 48px !important;
    margin-bottom: 33px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;}
  
  .conseil-pro::after {top: -144px !important;}
  .footer1 {margin-top: 120px !important; margin-left: 10px !important;}
  .footer2, .footer3 { margin-left: 10px !important;}
  .logo-footer {margin-left: 59px !important;}
  .bloc-footer .container {padding-bottom: 0px !important;}
  
  .secteur-globe img {width: 57% !important;}
  
  /***PARTICULIERS***/
  .photo-pres-particulier, .photo-entreprise, .photo-garde-meuble {margin-top: -14px !important; 
    margin-right: 0px !important;}
  .titre-pres-part h2 {font-size: 23px !important;}
  .titre-formule-part {margin-top: -20px !important;  margin-left: 0px !important;}
  .bloc-formules {
    margin-left: 0px !important;
    margin-right: 0px !important;}
  
  .tableau {margin-top: -15px !important;}
  .conseil-pro-violet, .conseil-pro-marron { margin-left: 0px !important; 
    margin-right: 0px !important ; 
    margin-top: 35px !important; 
    margin-bottom: 35px !important;}
  .conseil-pro-violet:after{top: -146px !important;}
  
  .formules-1 .zone-a-wrapper {
    padding-top: 70px !important;
    padding-bottom: 110px !important;
}
  /****ENTREPRISE*****/
   
 .texte-entreprise-bleu  {
    margin-top: -72px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
   margin-bottom: 50px !important;
}
  .titre-dem-entreprise {    
    margin-top: -25px !important;
    margin-right: 10px !important;
    margin-left: -60px !important;}
  
  .grande-photo-entreprise {margin-left: -70px !important;}
  
  .conseil-pro-marron::after {top: -166px !important;}
  
  /***GARDE MEUBLE***/
  .texte-garde-meuble {
    margin-top: -72px !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;
   margin-bottom: 16px !important;}
  
  .titre-presta-garde { 
    margin-top: -25px !important;
    margin-right: 10px !important;
    margin-left: -60px !important;}
  .grande-photo-garde {margin-left: -69px !important;}
  
  /***Footer***/
  .push h2 {font-size: 31px !important;}
  
  /****INTERNATIONAL***/
  .titre-pres-inter {    
    margin-top: 20px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;}
  
  .txt-principale-international {
    margin-left: 0px !important;
    margin-right: 0px !important;
    margin-bottom: 285px !important;}
  
  .photo-inter2 {    
    margin-right: 0px !important;
    margin-top: -63px !important;}
  
  .conseil-pro-vert { 
    margin-top: 48px !important;
    margin-bottom: 33px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;}
  
.conseil-pro-vert::after {top: -119px !important;}
  
  /***DEVIS***/
  .bloc-devis1 .container {padding-top: 166px !important;}

  .bloc-devis1 {margin-bottom: -1px !important;}
  
  /***CONTACT***/
  .coor {margin-top: -50px !important;    
    padding-top: 30px !important;    
    padding-bottom: 30px !important;    
    padding-left: 20px !important;    
    padding-right: 20px !important;}
  
  .bloc-contact-form .container {    padding-bottom: 40px !important;}
  .remerciement {    
    padding-top: 50px !important;    
    padding-bottom: 60px !important;    
    padding-left: 10px !important;    
    padding-right: 10px !important;}
  
  .remerciement h1 {font-size: 26px !important;}
  .merci {font-size: 40pt !important;}
  

    }

   
/* écran 110 zoom */ 

 @media all and (min-width: 1309px) and (max-width: 1366px) {
  
   .viewer-element .header-new.header-new-is-break-full.header-new--burger-align-logo-left .header-main-logo {
    margin-left: 240px !important;}
   
  .viewer-element .header-new .header-main-logo-image {
    max-width: 90% !important;}
   
h3 {font-size: 19px !important;}
.main-header a {font-size: 13px !important;}   
.main-header {margin-left: 10px !important;} 
.numero .btn {padding: 2px 12px !important;}
.numero a {font-size: 14px !important;}
   
   /*****ACCUEIL*****/
.bande-accueil {margin-right: 517px !important;}
.txt-principale-acc {margin-bottom: 175px !important; margin-right: 0px !important;}
   
   .garantie img {width: 95% !important;}
   .garantie {margin-top: -617px !important;}
  
  .texte-garantie {margin-top: -567px !important;}
  
/****DÉMÉNAGEMENT PARTICULIER****/  
  .bande-particuliers {margin-right: 738px !important;}
  .formules-1 a {margin-top: 62px !important; position: absolute !important;}
  .formules-4 a {margin-top: 14px !important; position: absolute !important;}

/****TRANSFERT D'ENTREPRISE****/
  .bande-entreprise {margin-right: 749px !important;}
  .grande-photo-entreprise img {width: 124% !important;}
  .texte-entreprise-bleu {margin-top: -875px !important;}
  
/****GARDE MEUBLE****/  
  .bande-garde {margin-right: 870px !important;}
  .texte-garde-meuble {margin-top: -603px !important;}
  
  /****International****/
  .bande-international {margin-right: 1008px !important;}
   .txt-principale-international, .titre-pres-inter  {margin-left:0px !important;}
   .telephone-acc-page {
    margin-left: 300px !important;}

}

/* iphone 5 */

@media screen and (max-width: 374px) {
  .telephone-acc-page  span {font-size: 15pt !important;}
  .viewer-element .header-new.header-new-is-break-full.header-new--burger-align-right .header-main-burger {
    margin-right: 10px !important;}
  
  .viewer-element .header-new.header-new-is-break-full.header-new--burger-align-logo-left .header-main-logo {
    margin-left: -25px !important;}
  
  .logo-gentlemen { margin-right: 40px !important;}

  /*****ACCUEIL****/
  .castel-bernard {font-size: 35pt !important;}
  h1 {font-size: 28px !important;}
  
  .annee {margin-left: 39px !important;}
  .num-agence {margin-left: 13px !important;}
  .chiffre {font-size: 33pt !important;}
  
  .garantie {
    margin-top: -370px !important;
    margin-left: 0px !important;
    margin-right: 0px !important;}
  
  .conseil-pro::after {top: -168px !important;}
  
  /****FOOTER***/
  .logo-footer {margin-left: 40px !important;}
  .signature p span {font-size: 14px !important;}
  .push h2 {font-size: 26px !important;}
  
  .conseil-pro-violet:after {top: -169px !important;}
  .conseil-pro-marron {margin-top: 11px !important;}
  .conseil-pro-marron::after {top: -195px !important;}
 
  .conseil-pro-vert::after {top: -171px !important;}
  .header-devis h2 span {    font-size: 28pt !important;}
}