@import url("//hello.myfonts.net/count/38dbaf"); /*IMPORTANT ! = page view counter */
/* ## TYPOGRAPHY ############################################################# */

@font-face {
    font-family: 'CalvertMTStd-Light';
    src: url('../font/38DBAF_0_0.eot');
    src: url('../font/38DBAF_0_0.eot?#iefix') format('embedded-opentype'),
    url('../font/38DBAF_0_0.woff2') format('woff2'),
    url('../font/38DBAF_0_0.woff') format('woff'),
    url('../font/38DBAF_0_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CalvertMTStd';
    src: url('../font/38DBAF_1_0.eot');
    src: url('../font/38DBAF_1_0.eot?#iefix') format('embedded-opentype'),
        url('../font/38DBAF_1_0.woff2') format('woff2'),
        url('../font/38DBAF_1_0.woff') format('woff'),
        url('../font/38DBAF_1_0.ttf') format('truetype');
}
@font-face {
    font-family: 'CalvertMTStd-Bold';
    src: url('../font/38DBAF_2_0.eot');
    src: url('../font/38DBAF_2_0.eot?#iefix') format('embedded-opentype'),
        url('../font/38DBAF_2_0.woff2') format('woff2'),
        url('../font/38DBAF_2_0.woff') format('woff'),
        url('../font/38DBAF_2_0.ttf') format('truetype');
}


/* ## structure ########################################################## */
.ftlHTML{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#000;
    padding:0 0 20px 0;
}
/*.zoneLink:hover{
    opacity:0.8;
}*/
.hasTouch.isSmallScreen .zoneLink:hover{
    opacity:1;
}
/* ## helpers ########################################################## */
.rouge{
    color:#ed1c27 !important;
}
.vert{
    color:#009444 !important;
}
.bleu{
    color:#005ead !important;
}
.block{
    display:block;
}
/* ## Elements récurents ################################################ */
.ftlHTML .btn {
    display:inline-block;
    background-color:#ed1c27;
    border-bottom: 3px solid;
    border-color: #ca1821;  
    color:#FFF;    
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    font-style:normal;
    line-height: 1;
    white-space: nowrap;
    border-radius: 3px;
    padding: 16px 1.5em 13px 1.5em;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
}
.ftlHTML .btn:hover{
    background-color: #ca1821; 
}

/* ## HEADER ############################################################# */
.sectionHeaderTop {
	background:url(../images/deco/bg-header-mdd-desktop.jpg) no-repeat top right;
	padding:1em 0 4em 0;
    margin-bottom:0;
}

.sectionHeader-title{
	max-width:380px;
	font-family:'CalvertMTStd-Bold', Georgia, Times, serif;
	font-size:1em;
	font-weight:normal;
	line-height:1;
	margin: 0;
}
	.sectionHeader-title-label{
		display:block;
		font-size:2em;
		line-height:1em;
		color:#005ead;
	}
	.sectionHeader-title-label2{
		display:block;
		font-size:1.8em;
		line-height:1.2;
	}

	.sectionHeader-title-label-date{
		display:block;
		font-size:0.9em;
		/* line-height:1.4; */
		padding-bottom: 1em;
		text-decoration:underline;
		font-family:'CalvertMTStd', Georgia, Times, serif;
	}
	
.sectionHeader-subtitle {
	max-width:320px;
	color:#747474;
	font-size:1em;
	line-height:1.2em;
	margin:0.7em 0 0 0;
}



    .sectionHeader-main{
        margin-top:1em;
    }
    /* Contenu exclusif pour mobile: liste d'offres en bandeaux  */
    #dcom_main_container > table .ftlHTML #headerOffers-banners{ /* = hidden sur le template desktop */
        display:none;
    }
    .offersList{
        list-style-type:none;
        padding:0;
        margin:0;
    }
        .offersList-item:not(:first-child){
            margin-top:1em;
        }
            .offersList-item a:hover{
                display:block;
                opacity:0.8;
            }
                .offersList-item img{
                    display:block;
                    max-width:100%;
                    margin:0 auto;
                }            

/* ## Block Produit & Slider ############################################################# */
.wrapper-slider{
    padding-bottom:0;
    position:relative;
    overflow:hidden;
}
.slick-dots li.slick-active button{
    background-color: #005ead;
}

.blkProduct{
    max-width:100%;
    display:block;
    background-color:#005ead;
    border:8px solid #005ead;
}
.blkProduct.zoneLink:hover{
    opacity:0.8;
}
.blkProduct--labelAside,
.slick-initialized .blkProduct--labelAside.slick-slide{
    display:flex;
}
.blkProduct-visuel{
    padding:0;
}
.blkProduct--labelAside .blkProduct-visuel{
    flex-basis: 50%;
    align-self: center;
    padding:0;
}
.blkProduct-visuel img{
    display:block;
    max-width:100%;
    margin:0 auto;
}
.blkProduct-label{
    background-color: #FFF;
    padding:0.9em;
}
.blkProduct--labelAside .blkProduct-label{
    flex-basis: 50%;
}
.blkProduct-label-desc{
    font-family:'CalvertMTStd', Georgia, Times, serif;
    padding:0;
    margin:0;
}
.blkProduct-label-desc-title{
    font-size:0.8em;
    line-height:1.2;
    padding:0;
    margin: 0 0 0.5em 0
}
.blkProduct-label-desc-title a,
.blkProduct-label-desc-title a:hover{
    text-decoration: none;
    color:#000;
}
.blkProduct-label-desc-title-type{
    color:#ed1c27;
    font-family:'CalvertMTStd-Bold', Georgia, Times, serif;
    display:block;
}
.blkProduct-label-desc-title-cat{
    font-family:'CalvertMTStd-Light', Georgia, Times, serif;
    display:block;
}
.blkProduct-label-desc-title-name{
    font-family:'CalvertMTStd-Bold', Georgia, Times, serif;
    display:block;  
}
.blkProduct-label-desc-pricer{
    font-family:'CalvertMTStd', Georgia, Times, serif;
    padding:0;
    margin:0;
}
.blkProduct-label-desc-pricer strong{
    display:block;
    font-size:1.5em; /* 2.4em */
}
.blkProduct-label-desc-pricer .cent{
    font-size:0.65em;
}
.blkProduct-label-desc-pricer del{
    display:inline-block;
    text-decoration-line: none;
    text-decoration: none;
    position:relative;
    font-size:1em; /* 1.5em */
    font-weight:600;
    line-height:0.9;
}
.blkProduct-label-desc-pricer del:after{
    display:inline-block;
    position:absolute;
    background-color:#ed1c27;
    right:0;
    bottom:0;
    left:0;
    content:"";
    height:2px;
    font-size:1px;
    transform: rotate(-13deg);
    transform-origin: bottom left;
}
.blkProduct-label-links{
    position:absolute;
    right:1.5em;
    bottom:1.5em;
    text-align:right;
    margin:0;
}
    /* Contextualisation des éléments du bloc Produit*/
        /* sectionHeader =  sectionUnivers */
    .blkProduct-label-desc-title-name{
        height:2.21em;
    }
    .blkProduct-label-desc-pricer{
        line-height:30px;
        height:30px;
    }
    .blkProduct-label-desc-pricer strong{
        display:inline-block;
        margin-right:10px;
    }    
    .blkProduct-label-desc-pricer del{
        display:inline-block;
    }    
    .blkProduct-label-links{
        display:none;
    }


/* ## MAIN ############################################################### */
hr {
    display:block;
    width:auto;
    height:0;
    padding:0;
    border-color: #F1F1F1;    
    border-style:solid;
    border-width: 0 0 2px 0;
    margin:0;
}
.sectionTitle{
    font-family:'CalvertMTStd-Bold', Georgia, Times, serif;    
    font-weight:normal;
    font-size:1.8em;
    line-height:1.1;
    padding:0;
    margin:1.333333em 0 0.3em 0;
}


.sectionTitle--withPicto{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 0;
}
.sectionTitle--withPicto img{
    width:calc( ( 63 / 34 ) * 1em );/*63px*/
    margin-right:5px;
}

.sectionSubtitle{
    font-family: 'Open Sans', Arial, sans-serif;
    font-size:0.9em;  
    font-weight: 400;
    color:#353535;
    padding:0;
    margin:0 0 0.5em 0;
}
/* ##### Bandeau promo  */
.sectionBanner{
    margin:2em auto;
}
.sectionHeader + .sectionBanner,
.sectionSubtitle + .sectionBanner{
    margin-top:1em;
}
.sectionTitle + .sectionBanner{
    margin-top:0;
}
.sectionBanner--withBorders{
    border:1px solid #f2f2f2;
    border-width:2px 0 ;
}
.sectionBanner a{
    display:block;
}
.sectionBanner a:hover{
    opacity:0.8;
}
.sectionBanner img{
    display:block;
    margin:0 auto;
    max-width:100%;
}
.sectionBanner--two{
    display:flex;
    justify-content: space-between;
}
.sectionBanner--two a{
    flex-basis: calc(( 100% - 1em ) / 2 );
}


/* #### Structure des Selections #### */
.sectionSelection.ftlShowDesk,
.sectionSelection .ftlShowDesk{
    display:block !important;
}
.sectionSelection.ftlShowMob,
.sectionSelection .ftlShowMob{
    display:none !important;
} 
.blkGroupRow{
    display:flex;
    align-items: stretch;
    justify-content: flex-start;
}
.blkGroupRow:not(:first-child){
    margin-top:1em
}
    .blkGroup{
        flex-basis:calc((100% - 2em) / 3);
        display:block;
        background-color:#F2F2F2;
        color:#000;
        padding:0;
        position:relative;
    }
    .blkGroup:not(:first-child){
        margin-left:1em;
    }
    .blkGroup.active,
    .blkGroup:hover{
        background-color:#005ead;
        color:#ffffff;
    }
    .blkGroup:hover{
        cursor:pointer;
    }
    .blkGroup.active:after{
        display:block;
        content:"";
        width:0;
        height:0;
        border-top:0.9em solid #005ead;
        border-right:0.9em solid transparent;
        border-left:0.9em solid transparent;
        position:absolute;
        left:0;
        right:0;
        bottom:-0.9em;
        margin:0 auto;
    }
        .blkGroup-visuel{
            margin-bottom:0;
        }
        .blkGroup-visuel img{
            display:block;
            max-width:100%;
            margin:0 auto;
        }
        .blkGroup-label{
            display:flex;
            justify-content: center;
            align-items: center;    
            text-align:center;
            font-family:'CalvertMTStd-Bold', Georgia, Times, serif;    
            font-weight:normal;
            font-size:1em;    
            min-height:3.5em;
            padding:0.6em 1em 0.6em 1em;
            margin:0;
        }

.catList{
    background-color: #005ead;
    padding:1em;
    margin:1.15em 0 0 0;
    display:none;
}
.catList.default{
    display:block;
}
.catList > p {
    color:#FFF;
    font-size:0.9em;
    margin:0 0 1em 0;
}



/* ##### Structure des Thematiques (partie supérieure)  */
.sectionUnivers{
    display: flex;
    justify-content: space-between;
    margin-bottom:1em;
}
.sectionUnivers--reverse{
    flex-direction: row-reverse;
}
    .sectionUnivers-main{
        width:49%;
        position:relative;
    }
        .sectionUnivers-topVisu{
            display:none;
        }
    .sectionUnivers-aside{
        width: 49%;
        /*overflow:hidden;*/
    }

/* ##### Structure des Thematiques (partie Secondaire)  */
.sectionMore{
    margin:1em auto;
}
.sectionMore--split{
    display:flex;
    justify-content: space-between;
}
.sectionMore--split .sectionMore-main{
    flex-basis:74.5%;
}
.sectionMore--split .sectionMore-aside{
    flex-basis:23.5%;
}
.sectionMore-title{
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:1.2em;
    font-weight:700;
    margin-bottom:0.5em;
}
.sectionMore-selection{
    display:flex;
    justify-content: space-between;
    list-style-type: none;
    padding:0;
}
.sectionMore-selection + .sectionMore-selection{
    margin-top:1em;
}

/* ##### Divers styles de Blocs  */
/* ??## Bloc Vignette promo  */
.blkPromo{
    display:block;
    border:8px solid #F2F2F2;
}
.sectionUnivers-aside > .blkPromo{
    margin-top:1em;
}
.blkPromo--service {
    border-color: #005ead;
}
.blkPromo img{
    max-width:100%;
    margin:0 auto;
}
.blkPromo:hover{
    opacity:0.8;
}
.wrapper-slider + .blkPromo{
    margin-top:1em;
}
/* ??## Bloc Citation  */
.blkQuote{
    height:190px;
    position:relative;
    border:8px solid #F2F2F2;
    background-color:#FFF;
    padding:1em 3em;
    margin:1em 0 0 0 ;
}    
.blkQuote:before,
.blkQuote:after{
    position:absolute;
    display:inline-block;
    font-family: 'CalvertMTStd', Georgia, Times, serif;
    font-size:4em;
    line-height:1.1;
    color:#ed1c27;
}
.blkQuote:before{
    top:0;
    left:0.2em;
    content:"“";
}
.blkQuote:after{
    bottom:-0.5em;
    right:0.2em;
    content:"”";
}   
.blkQuote-title{
    color:#ed1c27;
    font-size:0.9em;
    font-weight:700;
    line-height:1.2;
    padding:0;
    margin:0 0 0.5em 0;
}
.blkQuote-label{
    font-size:0.8em;
    line-height:1.2;
    padding:0;
    margin:0;
} 
/* ??## Bloc Categorie */
.blkCategory{
    width: calc( ( 100% - 3em ) / 4 ) ;
    display:block;
    padding:1em;
    background-color:#F2F2F2;
    border:none;
    align-items: unset;
}
.blkCategory.zoneLink:hover{
    background-color:#005ead; 
}
.sectionSelection .blkCategory.zoneLink:hover{
    background-color:#005f8f;
    background-color:#FFFFFF;
}
.sectionMore-selection--par4 .blkCategory{
    width: calc( ( 100% - 3em ) / 4 ) ;
}
.sectionMore-selection--par3 .blkCategory{
    width: calc( ( 100% - 2em ) / 3 ) ;
}
.sectionMore-selection--par2 .blkCategory{
    width: calc( ( 100% - 1em ) / 2 ) ;
}
.blkCategory-visuel{
    padding:0;
}
.blkCategory-visuel img{
    display:block;
    margin:0 auto;
    max-width:60%;
}
.blkCategory-label{
    display:block;
    text-align:center;
    text-decoration: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:0.8em;
    font-weight:700;
    /*color:#000;*/
    background-color:none;
    padding:0.5em 0 0 0;
}
.blkCategory-label-name{
    display:block;
    color:#000;
}
.blkCategory.zoneLink:hover .blkCategory-label-name{
    color:#FFF;
}
.sectionSelection .blkCategory.zoneLink:hover .blkCategory-label-name{
    color:#000000;
}
.blkCategory-label-pricer{
    display:block;
    color:#ed1c27;
    margin-top:5px;
}

/* Remise en blanc */
.blkCategory.zoneLink:hover .blkCategory-label-name,
.blkCategory.zoneLink:hover .blkCategory-label-pricer{
    color:#FFF; 
}


/*  ??## Bloc voir plus de ___ */
.blkGlobalLink{
    margin:1em 0 0 0;
    position: relative;
}
.blkGlobalLink a{
    display:block;
    padding:0.5em 2em 0.5em 1em;
    background-color: #F2F2F2;
    color:#000;
    font-size:0.9em;
    font-weight:700;
    line-height:1.1;
    text-decoration:none;
}
.blkGlobalLink a:hover,
.blkGlobalLink a:focus{
    opacity:0.8;
    text-decoration:none;
}
/*.blkGlobalLink:after{
    position:absolute;
    top:calc(50% - 9px);
    right:1em;
    bottom:0;
    display:inline-block;
    width: 18px;
    height:18px;
    content:"";
    border-color:#ed1c27;
    border-style:solid;
    border-width:4px 4px 0 0;
    transform: rotate(45deg);
} */
.blkGlobalLink i{
    display:inline-block;
    color:#ed1c27;
    font-size:2em;
    font-weight: 700;
    font-style: normal;
    margin-right:10px;
}
.blkGlobalLink strong{
    white-space: nowrap;
    font-weight:inherit;
    border-bottom:1px solid #000;
}
.blkGlobalLink i,
.blkGlobalLink span{
    vertical-align: middle;
}


/* ##### Section Services */

.sectionServices{
    border:8px solid #005ead;
    padding:1em 1.5em 1.5em 1.5em;
    margin:2.4em 0;
}
    .sectionServices-title{
        color:#ed1c27;
        font-family:'CalvertMTStd-Bold', Georgia, Times, serif;    
        font-size:2.2em;
        font-weight:normal;
        line-height:1.1;
        padding:0;
        margin:0;    
    }
    .sectionServices-list{
        list-style-type:none;
        color:#000;
        padding:0;
        margin:1.2em 0 0 0;
    }
    .sectionServices-list:after{
        content:"";
        display:table;
        clear:both;
    }
    .sectionServices-list-item{
        float:left;
        width:33.3333%;
        /*text-align:center;*/
    }
        .sectionServices-list-item-contentWrap{
            display:flex;
            align-items: center;
            text-decoration:none;
            color:inherit;
            max-width:250px;
            margin:0 auto;
        }
            .sectionServices-list-item-visuel{
                display:block;
                height:3.5em;
                overflow:hidden;
                margin:0 auto; 
            }
                .sectionServices-list-item-visuel .picto{
                    display:block;
                    margin:0 auto; 
                }
                .sectionServices-list-item-visuel .picto--livraison{
                    width:4em;
                    height:4em;    
                    margin-right:1em;
                }
                .sectionServices-list-item-visuel .picto--retrait{
                    width:3.5em;
                    height:3.5em;    
                }
                .sectionServices-list-item-visuel .picto--assistance{
                    width: 3em;
                    height:3em;    
                }                                
            .sectionServices-list-item-label{
                display:block;
                font-family:'Open Sans', Arial, Helvetica, sans-serif;
				font-weight:700;
                font-size:0.8em;
                font-weight:normal;
                line-height:1.25;
                color:#000;
                max-width:150px;
                margin:0 auto;
            }
            .sectionServices-list-item-label strong{
                font-weight:normal;    
            }


/* ##### Section conseils */
.sectionConseils {

}
body:not(.isSmallScreen) .sectionConseils .sliderConseils{
    display:flex;
    justify-content: space-between;
}
body:not(.isSmallScreen) .sectionConseils .sliderConseils > div{
    flex-basis: 49%;
}

/* ??## Bloc générique (Services, Article édito..) */
.blkGenerique{
    background:#FFF;
}
.blkGenerique.zoneLink:hover{
    opacity:0.8;
}
  .blkGenerique-visuel img{
      max-width:100%;
      margin:0 auto;
  }
  .blkGenerique-label{
      color:#000;
      padding:0.8em 0em;
      line-height:1.1;
	  text-align: center;
  } 
    .blkGenerique-label-categ{
		text-align:center;
        font-size:0.8em;
		font-weight:normal;
        color:#06add5;
        line-height:1;
        margin:0 0 20px 0;
		text-decoration:none;

    } 
    .blkGenerique-label-title{
		text-align:center;
        display:flex;
        align-items: center;
        font-size:1em;
		font-weight:normal;
        line-height:1.4;
        color:#454545;
        margin:0;
    } 
    .blkGenerique-label-categ + .blkGenerique-label-title{
        margin-top:0.5em;
    }
        .blkGenerique-label-title-picto{
            margin-right:0.5em;    
        }    
        .blkGenerique-label-title-link{
			margin: 0 auto;
			text-align:center;
            color:inherit;
            text-decoration:none;    
        }       
    .blkGenerique-label-subtitle{ 
        font-weight:normal;
        font-size:0.8em;
        line-height:1.2;
		color:#989898;
        margin:0.5em 0;
    }
    .blkGenerique-label-readMore{
        display:block;
		padding:20px;
        text-align: right;
        font-size:0.8em;
        color:#ed1c27;
        text-decoration:underline;
    }

/* ##### Mentions légales */
.mentions-legales {
    padding:20px 40px;
    font-size: 0.6em;
    color: #414141;
    background-color: #F2F2F2;
    margin:2.5em 0;
}

.js-publiAccordionLight-toggle {
    cursor: pointer;
}
.js-publiAccordionLight-content {
    display: none;
    padding-top:1em;
}

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

@media (max-width: 767px){
    .ftlHTML{
        font-size:18px;
        max-width:640px;
        margin-left:auto;
        margin-right:auto;
    }
    #dcom_main_container .site .ftlHTML{ /* template Darty menu Mobile */
        width: 100vw;
    }
    #dcom_main_container > table .ftlHTML{ /* template Darty header XXL */
        width:93.75vw;
        margin-left:auto;
        margin-right:auto;
    }
    #dcom_main_container > table{
        background-color:#FFF !important;
    }
    .ftlHTML img{
        max-width:100%;
    }

 /* ## HEADER ########################################### */
	.sectionHeaderTop {
		background:url(../images/deco/bg-header-mdd-mobile.jpg) no-repeat top center;
		background-size:100%;
		padding-top:40%;
		padding-bottom:0;
	}
		.sectionHeader-title{
			max-width:unset;
			margin:0.5em auto;
		}
		.sectionHeader-subtitle{
			max-width:unset;
			margin-bottom: 1em;
		}
    
	
	/* ## Header2 */
    .sectionHeader{
        padding:0;
    }
	.sectionHeader-main {
    margin-top: 0;
	}
	
	.sectionHeader-title-label2 {
    display: block;
    font-size: 2em;
    line-height: 1.2;
    color: #000000;
	}

   /* ## bloc produit  */
    .sectionHeader .blkProduct-label{
        padding:1em 0.5em;
    }

    /* ## MAIN */
    .sectionHeader + .sectionBanner{
        margin-top:1em;
    }
    .sectionUnivers{
        flex-direction:column;
        position:relative;
    }
    .sectionUnivers-main,
    .sectionUnivers-aside{
        width:100%;
    }
    .sectionUnivers .blkProduct--labelAside .blkProduct-label {
        height: unset;
        padding-bottom:5em; 
    }
    /*.sectionUnivers-aside{
        display:none;
        margin-top:1em;
    }*/

    .sectionUnivers-aside .blkEdito{
        display:flex;
        position:static;
        box-shadow:none;
        border:1px solid #CCC;
        margin-top:1em;
    }
    .sectionUnivers-aside .blkEdito-visuel{
        
        min-width:160px;
    }
    .sectionUnivers-aside .blkEdito-label{
        flex-basis: 70%;
        position:static;
        padding:1em;
    }
    .blkQuote,    
    .blkPromo{
        height:auto;
        margin-top:1em;
    } 
    .sectionUnivers-aside > .blkPromo{
        display:block;
        position:static;
    }   
    .sectionUnivers-aside > .blkPromo .ftlShowDesk{
        display:none;
    }
    .sectionUnivers-aside > .blkPromo .ftlShowMob{
        display:block !important;
    }
    .sectionMore{
        display:block;
    } 
    .sectionMore-selection{
        flex-wrap: wrap;
        margin-top:0;
        /*margin-bottom:-1em;*/
    }    
    .sectionMore-selection + .sectionMore-selection{
        margin-top:0;
    }
    .sectionMore-aside{
        display:none;
    }
    .sectionMore-selection .blkCategory{
        width: calc( ( 100% - 1em) / 2 ) ;
        margin-top:1em;
    }
    .sectionMore-selection--par3 .blkCategory{
        width: calc( ( 100% - 2em) / 3 ) ;
        margin-top:1em;
    }      
    .sectionMore-selection .blkCategory.firstRowOnMobile{
        margin-top:0;
    }
           
    .mentions-legales {
        padding: 1em 2em;
        font-size: 0.8em;
    }
}

@media (max-width: 640px){
    
    
        .sectionHeader-title{
        max-width:580px;
        margin-left:auto;
        margin-right:auto
    }
	
    .sectionHeader-title-label:after{ 
        background:url(../images/deco/titre-soldes-mobile.png) no-repeat 0 0;
        background-size:100%;
    }


    .sectionServices{
        padding:1em 1em 2px 1.4em;
    }
    .sectionServices-title{
        font-size:1.5em;
        margin-bottom:1.2em;
    }
    .sectionServices-list:after{
        display:none;
    }
    .sectionServices-list-item{
        float:none;
        width:auto;
        text-align:left;
        margin-bottom:1em;      
    }
    .sectionServices-list-item-contentWrap{
        display:table;
        width:100%;
        max-width:270px;
        margin:0;
    }
    .sectionServices-list-item-visuel{
        display:table-cell;
        vertical-align:middle;
        font-size:0.8em;
        width:25%;
        min-width:40px;
        padding: 0 1em 0 0;
        margin:0; 
    }
    .sectionServices-list-item-label{
        display:table-cell;  
        vertical-align:middle;      
        max-width:220px;
        margin:0;
    } 
}

@media (max-width: 480px){
.ftlHTML{
        padding:0 0 1.5em 0;
        font-size:16px;
    }
    .withGuttersOnMobile{
        width:93.75vw;
        margin-left:auto;
        margin-right:auto;
        margin-top:1em;
    }   
    /*.wrapper-slider{
        width:100vw;
    }*/
    hr {
        border-width: 0 0 4px 0;
    }
	
	.sectionHeader-title-label{
		font-size:2em;
		line-height: 1.2;}
		
    .sectionBanner--withBorders{
       border-width:8px ;
    }
    .sectionBanner--two{
        display:block;
    }
    .sectionBanner--two a:not(:first-child) {
        margin-top:1em;
    }
    .sectionTitle {
        font-size: 1.6em;
        margin-top:1.25em;
    }
    .sectionTitle em{
        display:block;
    }

    .sectionUnivers{
        flex-direction:column;
        position:relative;
    }
    /*.sectionUnivers-main{
        padding-top:43.125%;
    }  */  
    .sectionUnivers-topVisu{
        display:block;
        width:100vw;
        position:absolute;
        top:0;
        left:0;
        right:0;
        z-index:0;
    }    

    .ftlHTML .blkProduct--labelAside {
        flex-direction:column;
    }
    .sectionUnivers-main .blkProduct--labelAside .blkProduct-visuel,
    .sectionUnivers-main .blkProduct--labelAside .blkProduct-label {
        width: 100%;
    }  
    .ftlHTML .blkProduct-label,
    .ftlHTML .blkProduct--labelAside .blkProduct-label{
        height:8.5em;
        padding:1em;
    }
    .ftlHTML .blkProduct-label-desc{
        display:flex;
        flex-direction:row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content:space-between;
        height:100%;
    }
    .ftlHTML .blkProduct-label-desc-title{
        flex-basis:100%;
    }
    .ftlHTML .blkProduct-label-desc-title-name{
        height:auto;
    }
    .ftlHTML .blkProduct-label-desc-pricer,
    .ftlHTML .blkProduct--labelAside .blkProduct-label-desc-pricer{
        flex-basis:100%;
        line-height:1;
        height:auto;
        font-size:1.1em;
        /*margin-top:0.75em;*/
    }
    .ftlHTML .blkProduct-label-desc-pricer strong{
        display:inline-block;
        margin-right:10px;
    }  
    .ftlHTML .blkProduct-label-desc-pricer del{
        display:inline-block;
    }
    .ftlHTML .blkProduct-label-links{
        display:block;
        width:10%;
    }
    .ftlHTML .blkProduct-label-links,    
    .ftlHTML .blkProduct--labelAside .blkProduct-label-links{
        right: 1.2em;
        bottom: 1em;
    }    
    .blkProduct-label-links .btn{
        display:none
    }
    .blkProduct-label-links:after{
        display:inline-block;
        width: 18px;
        height:18px;
        content:"";
        border-color:#005ead;
        border-style:solid;
        border-width:4px 4px 0 0;
        transform: rotate(45deg);
    } 

    .sectionMore{
        margin-bottom:1em;
    }
    .sectionMore-selection--par3 .blkCategory{
        width: calc( ( 100% - 1em) / 2 ) ;
    }     
    .sectionMore-selection--par3 .blkCategory:last-child{
        width: 100% ;
    } 

    .blkGlobalLink a{
        text-align: center;
        padding:0.7em 1em 1em 1em;
    }
    .blkGlobalLink i{
        display:none;
    }  
    .blkGlobalLink a{
        font-size:1em;
    }

    .blkQuote{
       padding:2.5em 1em 1.5em 1em;
       margin:0  auto 2em auto; 
    }  
    .blkGlobalLink + .blkQuote{
        margin-top:1em;
    }

    .sliderConseils{
        overflow:hidden;
    }
    .sliderConseils .slick-track{
        display:flex;
        align-items: stretch;
    }
    .sliderConseils .slick-track:before,
    .sliderConseils .slick-track:after{
        display:none;
    }
    .sliderConseils .slick-slide{
        float:none;
        height: 100%;
    }

    .blkConseil,
    .blkEdito{
        box-shadow:none;
        border:1px solid #CCC;
    }
    .blkConseil-label,
    .blkEdito-label{
        padding:1.5em 1em;
    }

    .sectionUnivers-aside .blkEdito{
        display:block;
    }
    .sectionUnivers-aside .blkEdito-visuel{
        display:none;
    }
    .sectionUnivers-aside .blkEdito-label{
        background:#211e1b;
        padding:1em;
    }
    .sectionUnivers-aside .blkEdito-label-signature{
        margin-bottom:0.7em;
    }    
    .sectionUnivers-aside .blkEdito-label-title,
    .sectionUnivers-aside .blkEdito-label-linkReadMe,
    .sectionUnivers-aside .blkEdito-label-txt{
        color:#FFF;
    }
    .sectionUnivers-aside .blkEdito-label-txt{
        margin-top:0.5em;
    }
    
    /**/


}
@media (max-width: 360px){
    .ftlHTML{
        font-size:14px;
    } 

}