.viewer-element body {
    font-family: Montserrat, 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: 19px;    color: #232323;}

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

.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: #232323;}
.viewer-element h1,
.viewer-element .title-lvl-1 {
    font-size: 60px;    color: #ffffff;}
.viewer-element h2,
.viewer-element .title-lvl-2 {
    font-size: 16px;    color: #232323;}
.viewer-element h3,
.viewer-element .title-lvl-3 {
    font-size: 20px;    color: #232323;}
.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: #232323;    background-color: rgba(119, 119, 119, 0);    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: #ffffff;    color: #232323;    font-size: 17px;}

/* -----------------------
 CAROUSEL
 ------------------------ */
.viewer-element .carousel-element .swiper-pagination-bullet,
.viewer-element .carousel-indicators li {
    background-color: rgba(119, 119, 119, 0);
}
.viewer-element .carousel-element .carousel-element-button {
    color: rgba(119, 119, 119, 0);
}

.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: #232323;    background-color: #f8f8f8; }

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

.viewer-element a.cc-btn.cc-dismiss:hover,
.viewer-element a.cc-btn.cc-dismiss:active {
    color: #ffffff;    background-color: #232323;    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: rgba(119, 119, 119, 0);
}
.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: rgba(119, 119, 119, 0);
}
.viewer-element .ck-form-element.ck-form-element--radio a,
.viewer-element .ck-form-element.ck-form-element--checkbox a {
    border-color: rgba(119, 119, 119, 0);
}
.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: rgba(119, 119, 119, 0);
    border-color: rgba(119, 119, 119, 0);
}
.viewer-element .ecommercebundle-filters-treecat.is-some::after {
    background-color: rgba(119, 119, 119, 0);
}
.viewer-element .ecommercebundle-filters-treecat.is-all::after,
.viewer-element .ecommercebundle-filters-checkbox + label::after {
    color: rgba(119, 119, 119, 0);
}

.viewer-element .ecommerce-component .ecommerce-components-connexion-link,
.viewer-element .ecommerce-component .ecommerce-components-cart-link {
    color: #03afe7;
}
.viewer-element .ecommerce-component [data-header-hassubmenu]::after {
    border-color: #03afe7 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: #232323;    background-color: rgba(119, 119, 119, 0);    font-size: 17px;}
.viewer-element .ck-product .ck-product-btn-quantity,
.viewer-element .ecommercebundle-detail .ecommercebundle-detail-quantity-button {
    color: #232323;    background-color: rgba(119, 119, 119, 0);}

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

/* ------------------------
// 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: rgba(119, 119, 119, 0);
}

.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: #232323;         background-color: rgba(119, 119, 119, 0);
    border-color: rgba(119, 119, 119, 0);
    }
.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: 17px;    color: #03afe7;}
.viewer-element .accordion_element .panel-title .panel-button:hover {
    color: #232323;
}
.viewer-element .accordion_element .panel-body {
    font-size: 19px;    color: #232323;}

/* ------------------------
// 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: #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: #000000;         background-color: #f8f8f8;    }
    .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: #03afe7;         background-color: #f8f8f8;    }
        .viewer-element .header-main [data-header-hassubmenu]::after {
        border-top-color: #000000;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]::after {
        border-left-color: #000000;
        border-top-color: transparent;
    }
            .viewer-element .header-main [data-header-hassubmenu]:hover::after {
        border-top-color: #03afe7;
    }
    .viewer-element .header-main [data-header-noevents] [data-header-hassubmenu]:hover::after {
        border-left-color: #03afe7;
        border-top-color: transparent;
    }
            .viewer-element .header-main .header-main-burger i {
        background-color: #f8f8f8;
    }
            .viewer-element .header-main .header-main-burger {
        background-color: #03afe7;
    }
            .viewer-element .header-main .header-main-burger:hover i {
        background-color: #f8f8f8;
    }
            .viewer-element .header-main .header-main-burger:hover {
        background-color: #03afe7;
    }
    
.viewer-element body {
            background-position: top center;
}
.mentions h2 {font-size: 30px !important;}
.lien a {color: #232323 !important; font-weight: bold !important; font-size: 19pt !important;}
.lien a:hover {color: #03afe7 !important; font-weight: bold !important; font-size: 19pt !important;}

.lien img {
    margin-bottom: 20px !important;
}

.bt.accordion_element .panel-group .panel {
  background-color: #f8f8f8 !important;}

h1, h2, .marquee-rtl p span, .qodef-e-word-holder {font-family: 'Dancing Script', cursive !important;}

.tit h2 span, .tit h3 span  {font-weight: 300 !important; }
.tit h2 { line-height: 0.5 !important;}
a:hover {text-decoration: none !important;}
.header-main-nav-list {color:white;}
.photo-port {display: none;}

/* animation défilement */
.marquee-rtl {max-width: 100%;
text-stroke-color: #FFFBFB !important;}

/*
.marquee-rtl p span {
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: #FFFBFB;
  color: transparent;
}*/


.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 50s infinite linear;
}

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

/* animation header */ 

.test .zone-a-image {  filter: brightness(0);
animation: filt 2s forwards; }

@keyframes filt {
  from {
    filter: brightness(0); 
  }
  to {
    filter: brightness(0.5);
  }
}

.test {
  position: relative;
  background-size: cover; 
  animation: zoomAndDarken 2s forwards; /
}

/* Définition de l'animation "zoomAndDarken" */
@keyframes zoomAndDarken {
  from {
    transform: scale(1.2); 
  }
  to {
    transform: scale(1); 
  }
}

/* apparition du bas */ 

@keyframes fadeInFromBottom {
  0% {
    opacity: 0;
    transform: translateY(50px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* Style initial pour l'élément avant son apparition */
.bot {
  opacity: 0;
  transform: translateY(50px);
  transition: all 1s ease-out;
}

/* Définissez l'animation keyframes pour le zoom et le noircissement */
@keyframes zoomEffect {
  0% {
    transform: scale(1);
    filter: brightness(100%); /* Luminosité initiale */
  }
  100% {
    transform: scale(1.2);
    filter: brightness(70%); /* Réduction de la luminosité à 70% pour un léger noircissement */
  }
}


/* animation h2 */
.qodef-e-word-holder {
   font-size: 70px !important;
    font-weight: 900 !important;
}

.qodef-e-character {
    display: inline-block;
    opacity: 0;
    transform: translatex(1em);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.qodef-e-word-holder.visible .qodef-e-character {
    opacity: 1;
    transform: translatex(0);
}

/* test carouselle */

.qodef-e-inner {
    margin-top: 0; 
    margin-left: -220px;
    position: relative;
    width: 570px;
    height: 570px;
}

.qodef-m-card {
    position: absolute;
    width: auto;
    height: auto; 
    transition: transform 1s ease-in-out;
    padding-left: 200px;
    padding-right: 200px;
}

.qodef-m-card:nth-child(1) {
    transform: translateX(0) translateY(0) rotateX(-5deg);
    z-index: 3;
}

.qodef-m-card:nth-child(2) {
    transform: translateX(-50px) translateY(-50px) rotateX(-5deg);
    z-index: 2;
}

.qodef-m-card:nth-child(3) {
    transform: translateX(-100px) translateY(-100px) rotateX(-5deg);
    z-index: 1;
}

/******CSS GENERAL*******/
.viewer-element .header-new .header-main-logo-image {max-width: 75% !important;}
.header-main-nav-link  {font-size: 18px !important; font-weight: 700 !important;}

h3, h4, p, h2.item-title, .foot2 h2, .foot3 h2, .foot4 h2, .titre2 h2,
.titre3 h2, .tit h2, .page-article h2, .mentions h2 {font-family: 'Urbanist', sans-serif !important;}

h1 {    
    font-size: 90px !important;
    color: #ffffff !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;}

h2{       
    font-size: 70px !important;
    font-weight: 900 !important;
    color: #2b2b2b !important;}


.header-g {      
  color: #ffffff !important;
  font-size: 20px !important;}


.bloc-para {
  background-attachment: fixed;
  min-height:600px;}

.bloc-para .container-fluid {padding-bottom: 200px;     background: #0000009c;}


.bloc-para {margin-top: 100px !important;}

/******Bouton******/


.btn-text, .viewer-element .btn-default-link:not(input) {
  display: inline-block;
  font-weight: 700 !important;
  text-decoration: none !important;
  position: relative;
  padding-bottom: 6px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 20px !important;
  color: #2b2b2b !important;
  
&::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #2b2b2b;
  }
  
  &:hover {
    &::after {
      animation-name: example;
      animation-duration: 0.4s;
    }
  }
}




/* Standard syntax */
@keyframes example {
  0%   {
    transform: scaleX(1);
    transform-origin: right;
    transition-timing-function: ease-in;
  }
  49%  {
    transform: scaleX(0);
    transform-origin: right;
  }
  // 50%  {
  //   transform-origin: left;
  // }
  50%  {
    transform: scaleX(0);
    transform-origin: left;
    transition-timing-function: ease-out;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left;
  }
}

/******Bouton blanc ******/


.btn-text-n {
  display: inline-block;
  font-weight: 700 !important;
  text-decoration: none !important;
  position: relative;
  padding-bottom: 6px;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  font-size: 20px !important;
  color: #fff !important;
  
  &::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    bottom: 0;
    left: 0;
    background: #fff;
  }
  
  &:hover {
    &::after {
      animation-name: example;
      animation-duration: 0.4s;
    }
  }
}

/* Standard syntax */
@keyframes example {
  0%   {
    transform: scaleX(1);
    transform-origin: right;
    transition-timing-function: ease-in;
  }
  49%  {
    transform: scaleX(0);
    transform-origin: right;
  }
  // 50%  {
  //   transform-origin: left;
  // }
  50%  {
    transform: scaleX(0);
    transform-origin: left;
    transition-timing-function: ease-out;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left;
  }
}


/*******ACCUEIL********/
.chiffres-acc  {font-size : 210px;line-height: 240px;}

.acc-tabs .zt-icons-tabs-list {
    width: 100% !important;}

.acc-tabs .zt-icons-button span {font-size: 21px !important;}

.acc-tabs .zt-icons-button {max-width: 150px !important;}

.acc-tabs .zt-icons-element-content {padding-right: 0px !important;}

.boite-acc h3 {font-size: 23px !important; color: #07aee7 !important;}


.boite-acc {height: 270px !important;border-radius: 7px; padding: 40px; box-shadow: 1px 1px 9px #f2f2f2;}

.bloc-defile .container-fluid {background: #000000d4 !important;}



/****footer*****/
.push h2 {
    font-size: 50px !important;
    font-weight: 900 !important;
    color: #ffffff !important;
}

.push p {color: #ffffff !important;}

.push {margin-left : 200px; margin-right : 200px;}

.bloc-push {
  background-attachment: fixed;
  min-height:600px;}

.bloc-push .container-fluid{
    padding-bottom: 200px;
    background: #0000009c;
    padding-top: 200px;}


.foot2 h2 , .foot3 h2, .foot4 h2{font-size: 20px !important; text-transform : uppercase;}
.foot2 a , .foot3 a , .foot4 a {    color: #232323 !important;}
.foot2 a:hover , .foot3 a:hover , .foot4 a:hover {color: #03afe7 !important;}

/* contact */ 

.viewer-element .form-button, .viewer-element .wrapper-front .form-element .btn.btn-primary, .viewer-element a.cc-btn.cc-dismiss  {font-size: 16px;
    line-height: 40px;
    background-color: #03afe7;
  color: white;
border-radius: 24px 24px 24px 24px;
font-weight: bold;
font-size: 18px;}

.viewer-element .form-button, .viewer-element .wrapper-front .form-element .btn.btn-primary:hover, .viewer-element a.cc-btn.cc-dismiss:hover {font-size: 16px;
    line-height: 40px;
    background-color: #232323;
  color: white;
border-radius: 24px 24px 24px 24px;
font-weight:bold;
font-size: 18px;}

.coor a {color: #232323 !important;}
.coor a:hover {color: #03afe7 !important;}

/*****CABINET******/
.titre2 h2, .titre3 h2 {font-size: 40px !important; font-weight: 200 !important;}

.panel1 .panel-button {
    font-size: 25px !important;
    color: #2b2b2b !important;
    font-weight: 900 !important;
}

/* actualités */ 
.page-article {
margin-top: 180px;
}

.page-article h1 {
    text-align: left;
    font-size: 40px !important;
    color: #232323 !important;
}

.page-article h2 {margin-top:-30px;}

h3 {font-weight: bold !important;}

.item-title {    font-size: 18px !important;}


/* écran 110 zoom */ 
    @media all and (min-width: 1309px) and (max-width: 1366px)  {
      
      .lien a {
    font-size: 17pt !important;}
      
}

    /********* Responsive desktop 80% ************/
@media only screen and (min-width: 1800px) and (max-width: 1920px) {
  
      }
  
  /********* Responsive desktop 90% ************/
@media only screen and (min-width: 1465px) and (max-width: 1820px) {


  }

/*---------------- tablette IPAD --------------*/ 
@media all and (min-width: 768px) and (max-width: 1023px) {
  
  h1 {
    font-size: 32px !important;}
  
  .remerciement p span { font-size: 14pt !important;}
    .bloc-push {
    background-attachment: inherit !important;}
    .bloc-para {
    background-attachment: inherit !important;}
  
  .qodef-e-word-holder {
    font-size: 40px !important;}
  
  .lien a {
    font-size: 9pt !important;
}
  
  .lien img {max-width: 30% !important;
    height: auto !important;
  margin-bottom: 0px !important;}
    .z p span {font-size: 12pt !important;}
  .z1 {margin-right: -50px !important;}
   .z2 {margin-left: 50px !important;}
  
  .titre-ac {margin-top: 50px !important;}
  
  .chiffres-acc {
    font-size: 150px !important;
    line-height: 50px !important;}
  
    .marquee-rtl p span span {font-size: 94px !important;}
  
  
.marquee-rtl {
    margin-top: 100px !important;
    margin-bottom: 100px !important;}
  
  .item-title {
    font-size: 12px !important;
}
  
  .page-article {
    margin-top: 50px !important;}
  
  .bloc-para {
    margin-top: 0px !important;}
  
    .con, .form {margin-left: 0px !important; margin-right: 0px !important;}
  .t-con {    margin-top: -100px !important;}
  
  .form {    margin-top: 70px !important;}
  
  .push {
    margin-left: 20px !important;
    margin-right: 20px !important;}
  .push h2 {
    font-size: 32px !important;}
  
  .foot2 {margin-left: 20px !important;}
  
  .foot2 h2, .foot3 h2, .foot4 h2 {
    font-size: 14px !important;}
    .foot2 p, .foot3 p, .foot4 p, .foot2 a, .foot3 a, .foot4 a {
      font-size: 12px !important;}
  
  .foot4{
    margin-left: -30px !important;}
  
  .head {margin-left: 50px !important;}
  
  .titre2 h2, .titre3 h2 {
    font-size: 30px !important;}
  .titre2, .titre3 {
  margin-top: 30px !important;
    margin-left: 20px !important;
  margin-right: -20px !important;}
  
 .rond {
    margin-left: 30px !important;
    margin-right: 20px !important;
}
  
  .eng {
    margin-top: -100px !important;}
  
  .pannelle {
    margin-top: -100px !important;}
  
   .qodef-m-card {
      /*  position: relative !important;*/
        position: absolute !important;
        width: 70% !important;
        /*transform: none !important;*/
        padding-left: 15px !important;
        padding-right: 15px !important;
        transition: none !important;
    }

    .qodef-m-card:nth-child(1),
    .qodef-m-card:nth-child(2),
    .qodef-m-card:nth-child(3) {
        /*transform: none !important;*/
        z-index: auto !important;
    }
  
    /* Pour les images du carrousel */
    .qodef-m-bundle-item img {
        width: 70% !important;
        height: auto !important;
    }
  
  .carou {  margin-left: 190px !important;
 padding-bottom: 0px !important;
  margin-bottom:-100px !important;}
  
  .soutenu, .partenariat {margin-left: 0px !important;
  margin-right: 20px !important;}
 
  .engag {
  margin-left: 20px !important;
    margin-right: 0px !important;}
  
  .t-soutenu, .bb, .t-partenariat {margin-top: 0px !important;}
  
  .zz p span {font-size: 12px !important;}
  
  .exper {    margin-right: 100px !important;}
  
     .zz { margin-top: 30px !important;
    margin-left: -60px !important;}
}

/*_________ Responsive tablette PRO _________ */
@media all and (min-width: 1024px) and (max-width: 1308px) {
  
  .lien a {

    font-size: 12pt !important;
}
  
.qodef-e-word-holder {
  font-size: 45px !important;}
  
  .form {margin-top: 0px !important;}

  .header-main-nav-link {
    font-size: 14px !important;}
  
  .push h2 {
    font-size: 38px !important;}
  
  .item-title {
    font-size: 14px !important;}
  
  .titre2 {margin-top: 0px !important;}
  
   .qodef-m-card {
      /*  position: relative !important;*/
        position: absolute !important;
        width: 80% !important;
        /*transform: none !important;*/
        padding-left: 15px !important;
        padding-right: 15px !important;
        transition: none !important;
    }

    .qodef-m-card:nth-child(1),
    .qodef-m-card:nth-child(2),
    .qodef-m-card:nth-child(3) {
        /*transform: none !important;*/
        z-index: auto !important;
    }

    /* Pour les images du carrousel */
    .qodef-m-bundle-item img {
        width: 80% !important;
        height: auto !important;
    }
  
  .carou {  margin-left: 250px !important;
 padding-bottom: 0px !important;
  margin-bottom:-100px !important;}
  
  .pannelle { MARGIN-TOP: -90px !important;}
  
  .eng {margin-top: -80px !important;}
  
  .zz {margin-top: 30px !important;
    margin-right: 0px !important;}
  }


/* ---------- telephone ----------- */
@media screen and (max-width: 767px) {
  
  .pad {padding-bottom: 30px !important;}
 .head{ margin-left: 20px !important;}
  
  .bloc-para {
    background-attachment: inherit !important;}
  
  .titre2 {margin-top: 10px !important;}
  
  .bloc-para {
    margin-top: 0px !important;
}
  .rond {margin-left: 0px !important; margin-bottom:30px !important;}
  
  h1 {
    font-size: 36px !important;}
  h2 {
    line-height: 0.02 !important;}
    .qodef-e-inner {
        margin-left: 0 !important;
        width: 100% !important; 
        height: auto !important; 
    }
.titre2 h2, .titre3 h2 {
  font-size: 30px !important;}
    .qodef-m-card {
      /*  position: relative !important;*/
        position: absolute !important;
        width: 100% !important;
        /*transform: none !important;*/
        padding-left: 15px !important;
        padding-right: 15px !important;
        transition: none !important;
    }

    .qodef-m-card:nth-child(1),
    .qodef-m-card:nth-child(2),
    .qodef-m-card:nth-child(3) {
        /*transform: none !important;*/
        z-index: auto !important;
    }

    /* Pour les images du carrousel */
    .qodef-m-bundle-item img {
        width: 100% !important;
        height: auto !important;
    }
  
.carou {  margin-left: 90px !important;
    margin-top: 150px !important;
    padding-bottom: 250px !important;}
  
 .pannel1e{  margin-top: -100Px !important;}
  
  .qodef-e-word-holder {
    font-size: 30px !important;}
  
  .eng {margin-top:-80px !important;}
  
  /* ACCUEIL */ 
  .titre-ac {margin-top: 50px !important;}
  .historique {margin-top: -100px !important;}
  .tt {font-size: 18px !important;}
  
.marquee-rtl {  margin-top: 50px !important;
    margin-bottom: 50px !important;}
  
  .marquee-rtl p span span {font-size: 44px !important;}
  
  .chiffres-acc {
    font-size: 150px !important;
      margin-left: 95px !important;}
  
  .bout-head {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}
  
  .art1 {margin-bottom: 50px !important;
    margin-right: -10px !important;
}
  /* logo */ 
  
.bnp img, .dexia img,  .asset img, .bpii img, .bhf img, .bred img, .edmond img, .euro img, .axa img, .ostrum img {
    width: 70% !important;}
  
.dexia  {
    margin-left: 0px !important;}
  
 .asset, .bpii, .axa { margin-left: 0px !important;
    margin-right: 0px !important;
}
  
.caceis { margin-top: -5px !important;}
.caceis img {
    width: 50% !important;
}
  
  .rbc img { width: 30% !important;}
  
.rbc  {
    margin-top: 40px !important;
}
  /* remerciement */ 
  
.remerciement {  margin-top: -50px !important;
    padding-top: 0px !important;
    padding-bottom: 50px !important;}
  
  /* footer */ 
  
  .push {
    margin-left: 10px !important;
    margin-right: 10px !important;}
    
  
.push h2 { font-size: 28px !important; line-height: 1.2 !important;}
  
  .bloc-push {
    background-attachment: inherit !important;}
  
  .foot2,  .foot3,  .foot4 {margin-left: 20px !important;}
  
 h2.item-title { line-height: 1.2 !important;}
  
  /* menu */
  
  .header-main-nav-link {
    font-size: 15px !important;}
  
  /* qui sommes-nous */ 
  
  .titre2 h2, .titre3 h2 {
    line-height: 1.2 !important;
}
    .titre3 {
    margin-top: -50px !important;}
  
  .pannelle {margin-top: -80px !important;}
  /* engagement */ 
  .festival {
  margin-top: -50px !important;
  margin-right: 0px !important;}
  
  .soutenu, .partenariat {margin-left: 0px !important; }
  
 
  .engagement {display:none !important}
  .bpi, .engag {margin-right: 0px !important; }
  
  .bb, .bpi {margin-top: -50px !important;}
  .photo-port {display: block;}
  
  .t-soutenu, .t-partenariat {margin-top: 0px !important;}
  
      .zz {margin-top: 0px !important;
    margin-left: 0px !important;
  margin-right: 0px !important;
  padding-bottom: 40px !important;}
  
  /* bancaire */ 
  
  .pto {margin-left: 0px !important; margin-right: 0px !important;}
  .serv {margin-top: 0px !important;}
  .t-engag {margin-top : -50px !important;}

  /* actualités */ 
  
  .page-article h1 {
    font-size: 26px !important;}
  
    .page-article h2 {
  line-height: 0.8 !important;}
  .page-article {
    margin-top: 10px !important;}
  
  .legended-picture {
    margin-top: -30px !important;
    height: 200px !important;}
  
/* contact */ 
  .con, .form {margin-left: 0px !important; margin-right: 0px !important;}
  .t-con {    margin-top: -100px !important;}
  
  .form {    margin-top: 70px !important;}
  
  .viewer-element body .cc-window.cc-banner {
    background-color: #f8f8f8 !important;}
  
  
}