/* ## RESET template DARTY #################### */

body{
    background-color: #ffffff !important;
    background-image:none !important;
}

#dcom_main_container {
    box-shadow: none !important;
    background: none !important;
    background-attachment: fixed;
}





/* ## frame MAIN HTML ########## */

.ftlHTML{
  width:1000px;
	margin:0 auto;
}/**/



/* ## box sizing ############### */

.ftlHTML * {
  box-sizing: border-box;
}

.ftlHTML  *::before,
.ftlHTML  *::after {
  box-sizing: border-box;
}



/* ## Utils #################### */

/* = Show or Hide for Desktop/Mobile content */

@media only screen and (max-width: 767px) {

  .ftlShowDesk{
    display:none !important;
  }

  .ftlShowMob{
    display:block;
  }

}

@media only screen and (min-width:768px){

  .ftlShowDesk{
    display:block;
  }

  .ftlShowMob{
    display:none !important;
  }

}



/* = clearfix */

.clearfix::before,
.clearfix::after {
  content: " ";
  display: table;
}

.clearfix::after {
  clear: both;
}



/* = zone de lien étendue */

.zoneLink {
  position: relative;
}

.zoneLink a::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0);
  cursor: pointer;
  z-index:2;
}



/* = images fluides */

.imgFluid {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}



/* = limiter le texte sur une seule ligne + ... si le texte dépasse le contenu  */

.oneLineOnly{
  white-space: nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}


/* ============================================================================================*/
/* ==== RESPONSIVE behaviour ==================================================================*/
/* ============================================================================================*/

@media (max-width: 767px) {

  /* ## RESET template DARTY #################### */
  body{
    background-size: contain !important;
    margin:0 !important;
    padding:0 !important;
    background:#ffffff !important;
  }
/*
  #dcom_main_container{
    width:auto;
  }  

  #cookiealert_container,
  #dcom_main_container #headerxxl,
  #dcom_main_container #seo_footer,
  #dcom_main_container #darty_footer,
  #dcom_main_container #tunnel_mobile_footer,
  table#site_footer,
  #darty-header-line2-container,
  #darty_top_links,
  #darty-header-rightblock,
  #univers-menu-xxl,
  div#darty_footer {
    display: none !important;
  }
*/

#dcom_main_container,
#headerxxl,
.ref_g #headerxxl,
.page #headerxxl,
#headerxxl .h_xxl_container,
#darty_footer,
.reinsurances_footer .reinsurance_list_services,
.seo_links_container,
#f_middle_ctn_bot,
.seo_links_container .seo_list,
.payment_options,
.copyright_alt{
  width:auto;
  min-width: unset;

}

#headerxxl  #h_xxl_main {
  justify-content: space-between;
}
  #headerxxl #h_xxl_main_g{
    width:50%;
  }
    #headerxxl #darty_header_search input.text{
      width:calc(100% - 48px);
    }
  #headerxxl #h_xxl_main_d{
    width:45%;
  }

    #headerxxl #h_xxl_localisation,
    #headerxxl  #h_xxl_wishlist_lien,
    #headerxxl  #h_xxl_devis{
      display: none !important;
    }
    #headerxxl  #h_xxl_login_lien,
    #headerxxl  #h_xxl_panier_lien{
      padding-left:2%;
    }
    #headerxxl   #h_xxl_login, 
    #headerxxl   .h_xxl_panier{
      width:50%;
    }
.main-menu .level-1 {
  flex-wrap: wrap;
}
  #main-tab{
    flex-basis: 100%;
  }

  #darty_footer .reinsurances_footer .reinsurance_list_services,
  #darty_footer .copyright_alt,
  #darty_footer .payment_options{
    flex-wrap:wrap;
  }
  #darty_footer .seo_links_container {
    column-count: 2;
  }
  #darty_footer #f_middle_ctn_bot{
    display: none;
  }

  /* ## frame MAIN HTML ########## */
  .ftlHTML{
    width:auto;
  }

}