/* ## 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 #################### */
/* = images fluides */
.imgFluid {
display: block;
max-width: 100%;
margin: 0 auto;
}

/* = Show or Hide for Desktop/Mobile content */
@media only screen and (max-width: 480px) {
.ftlShowDesk,
.imgFluid.ftlShowDesk{
  display:none !important;
}
.ftlShowMob,
.imgFluid.ftlShowMob{
  display:block;
}
}
@media only screen and (min-width:481px){
.ftlShowDesk,
.imgFluid.ftlShowDesk{
  display:block;
}
.ftlShowMob,
.imgFluid.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;
}

/* = btn achat */
.ftlHTML .btn {
display:inline-block;
background-color:#ed1c27;
border-bottom: 2px solid;
border-color: #ca1821;  
color:#FFF;    
font-family: 'Open Sans', Arial, sans-serif;
font-size: 14px;
font-weight: 700;
font-style:normal;
line-height: 1;
white-space: nowrap;
border-radius: 3px;
padding: 1em 1.5em 0.9em 1.5em;
text-transform: uppercase;
text-align: center;
text-decoration: none;
}
.ftlHTML .btn:hover{
background-color: #ca1821; 
text-decoration:none;
}
@media only screen and (max-width: 734px) {
  .ftlHTML .btn--smallOnMob{
    font-size:10px;
    padding:1em 1em 0.9em 1em;
  }
}

/* = 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;
}



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

.ftlHTML{
  width:auto;
}

}