/* ## TYPOGRAPHY ############################################################# */

  /* Party  Bold (Regular not needed) */
  @font-face {
    font-family: Party;
    src: url('../fonts/Party-Bold.woff2') format('woff2');
    src: url('../fonts/Party-Bold.woff') format('woff');
    font-weight:700;
    font-display: swap;
  }

/* ## STRUCTURE ########################################################## */
.ftlHTML {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size:20px;
    color:#353535;
    padding:0 0 20px 0;

}
/* ## HELPERS ########################################################## */
.rouge{
    color:#ed1c27 !important;
}
.vert{
    color:#009444 !important;
}
.bleuMP{
    color:#008391 !important;
}
.block{
    display:block;
}
/* ## ELEMENTS RECURENTS & Styles communs ################################## */
.ftlHTML .btn {
    display:inline-block;
    background-color:#ed1c27;
    color:#FFF;    
    font-family: 'Open Sans', Arial, sans-serif;
    font-size: 0.8em;
    font-weight: 700;
    font-style:normal;
    line-height: 1;
    white-space: nowrap;
    border-radius: 3px;
    padding: 1em 1.5em 1em 1.5em;
    text-align: center;
    text-decoration: none;
}
.ftlHTML .btn:hover{
    background-color: #ca1821; 
}
.globalLink{
	text-align:center;
	margin:1.25em auto 2em auto;
}
	.ftlHTML .btn-bleu,
	.globalLink .btn{
		background-color: #005EAD;
	}
	.ftlHTML .btn-bleu:hover,
	.globalLink .btn:hover{
		background-color:#004d8b;
	}

.zoneLink:hover{
	opacity:0.8;
}
.normLink,
.fakeLink{
	text-decoration: underline;
	cursor: pointer;
}
.normLink,
.normLink:hover{
	color:inherit!important;
}
.normLink:hover,
.fakeLink:hover,
.zoneLink:hover .fakeLink{
	text-decoration: none !important;
}
.wShadow,
.blk,
.blkEdito{
	border: 1px solid rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.1);
}
.norm{
	font-size: 0.9em;
	line-height: 1.4;
	margin:1em 0 0 0;
}
i.br:before{
	display: table;
	content:"";
	height:0;
}
hr{
	border:1px solid #D8D8D8;
	max-width:735px;
	margin:1.2em auto;
}
/* ## HEADER ############################################################# */
.sectionHeader {
	background:url(../images/deco/bg-header-desktop.jpg) no-repeat top right;
	padding:0.5em 0 0 0;
    margin-bottom:2em;
	}
	.sectionHeader-title{
		max-width:360px;
		font-family: Party, 'Arial Narrow', 'Trebuchet MS', sans-serif;
		font-size:1em;
		font-weight:700;
		line-height:1;
		margin: 0;
	}
		.sectionHeader-title-label{
			display:block;
			color: #000;
			font-size:1.7em;
			line-height:1.2;
		}

	.sectionHeader-subtitle {
		max-width:360px;
		color:#747474;
		font-size:0.9em;
		line-height:1.5em;
		margin:0;
	}
	.sectionHeader-subtitle p{
		margin:0.75em 0 0 0;
	}


/* ## NAV ################################################################ */
.engNavList{
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	list-style-type: none;
	padding:0;
	margin:-1em 0 2em -1em;
	overflow: hidden;
}
	.engNavList-item{
		flex-basis: calc( ( 100% - ( 2 * 1em ) ) / 2);
		border: 2px solid #009444;
		border-radius: 0.8em;
		padding:0.8em 1em;
		margin:1em 0 0 1em;
	}
		.engNavList-item dl{
			padding:0;
			margin:0;
		}
			.engNavList-item dt{
				font-size: 1.2em;
				font-weight: 700;
				padding:0;
				margin:0;
			}
				.engNavList-item a,
				.engNavList-item a:hover{
					color:#009444;
					text-decoration: none;
				}
			.engNavList-item dd{
				font-size: 0.6em;
				line-height: 1.4em;
				margin:0.6em 0 0 0;
			}	
	.wArrow:after{
		display: block;
		content: "";
		width:0.8em;
		height:0.8em;
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 12 12' version='1.1' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23009444' d='m9.1341 5.4686-5.1899-5.1797c-0.2998-0.2901-0.77-0.2901-1.0698 0-0.2901 0.29-0.2901 0.7597 0 1.06l4.6601 4.6499-4.6601 4.6602c-0.2901 0.29-0.2901 0.7598 0 1.0596 0.2998 0.2802 0.77 0.2802 1.0698 0l5.1802-5.19c0.29-0.2998 0.29-0.77 0.0097-1.06z' /%3E%3C/svg%3E");
		position: absolute;
		right:0.5em;
		bottom:0.85em;
		transition: .1s ease-out;
	}	
	.zoneLink:hover .wArrow:after{
		transform: rotate(90deg);
	}	

/* ## MAIN # Commons ##################################################### */
/* ## Titres ## */
.sectionTitle{
    font-family: Party, 'Arial Narrow', 'Trebuchet MS', sans-serif;   
    font-weight:700;
    font-size:1.3em;
    line-height:1.1;
	/*text-align: center;*/
    padding:0;
    margin:2em 0 0.7em 0;
}
.sectionTitle:first-child,
.listTitle:first-child{
	margin-top:0;
}
.sectionHeader + .sectionTitle{
    margin-top:1.5em;
}
.sectionSubtitle{
    font-size:0.9em;
	color:#747474;
    line-height:1.4;
    padding:0;
    margin:0 0 1em 0;
}
.sectionTitle + .sectionSubtitle{
	margin-top:-0.4em;
}
.listTitle{
	font-size: 1em;
	font-weight: normal;
	text-align: center;
	margin:2.5em auto 1.5em auto;
}
.norm + .listTitle{
	margin-top:1.5em
}
/* ## Bandeaux promo ## */
.sectionBanner{
	display:block;
    margin:1.75em auto;
}
.sectionHeader + .sectionBanner,
.sectionTitle + .sectionBanner{
    margin-top:0;
}
.sectionBanner a:hover,
a.sectionBanner:hover{
    opacity:0.8;
}
	.sectionBanner img{
		display:block;
		margin:0 auto;
		max-width:100%;
	}
.sectionBanner--withPic{
	display: flex;
	/*flex-wrap: wrap;*/
	justify-content: flex-start	;
	align-items: center;
	text-decoration: none;
	padding:1.2em;
}
	.sectionBanner img.sectionBanner--withPic-picto{
		height:2em;
		max-width:2em;
		margin:0;
	}
	.sectionBanner--withPic-label{
		flex-basis: 76%;
		display: block;
		color:#353535;
		font-size:0.9em;
		line-height: 1.4;
		text-decoration: none;
		margin:0 1.2em;
	}
	.sectionBanner--withPic-cta{
		white-space: nowrap;
	}
/* ##  Slider  ## */
/* = fleches du slider */
.slick-prev:before,
.slick-next:before{
    border-color:#000;
}
/* = pager du slider */
.slick-dots li button{
    background-color: #DDD;
}
.slick-dots li.slick-active button{
    background-color: #008391;
}
/* = Commons */
.sliderBase{
	overflow: hidden;
}
.partialSliderBase,
.wrapXblks{
	display:flex;
	justify-content: center;
	align-items: stretch;
	list-style-type: none;
	padding:0 0 6px 0;
	margin:1.2em 0 0 -1.2em ;
	/*overflow: hidden;*/
}
.blkSection--wRadius .partialSliderBase,
.wrapXblks--recycle{
	padding-left:1.2em;
	padding-right:1.2em;
}
	.partialSliderBase > div,
	.partialSliderBase > li,
	.wrapXblks > div,
	.wrapXblks > li{
		margin:0 0 0 1.2em ;
	}	



/* ###  Blocks ### */
/* blocks encadrants */

.blkSection {
	text-align: left;
}
.blkSection--wRadius {
	border-radius: 0.8em;
}
.blkSection--wRadius > div:first-child{
	border-radius: 0.8em 0.8em 0 0;
}
.blkSection--wRadius > div:last-child{
	border-radius:0 0 0.8em 0.8em;
}	
.blkSection--wRadius .sectionTitle{
	margin-left:calc((24/26) * 1em);
	margin-right:calc((24/26) * 1em);
}
.blkSection--wRadius .listTitle,
.blkSection--wRadius .norm{
	margin-left:calc((24/18) * 1em);
	margin-right:calc((24/18) * 1em);
}
.bgColorGrey{
	background-color: #F1F1F1;
}
.bgColorVert{
	background-color: #009444;
	color:#FFF;
}
.pdgSectionV{
	padding-top:2em ;
	padding-bottom: 1.2em;
}

/* bloc basique  */	
.blk{
	flex-basis: calc( (100% - (3 * 1.2em)) / 3);
	border-radius: 0.4em;
	background-color: #FFF;
	color:#353535;
	padding:1.2em 0.8em;
	text-align: center;
}	
.blk.zoneLink:hover{
	opacity:1;
	color:#000;
	border: 1px solid rgba(0, 0, 0, 0.3);
}
.blk--wfoot{
	padding-bottom:3.2em;
}	
	.blk dl{
		padding: 0;
		margin: 0;
	}
		.blk-title{
			font-size: 0.8em;
			font-weight: 700;
			line-height: 1.4;
			margin:0 auto 1em auto;
		}
			.blk-title-link,
			.blk-title-link:hover{
				display: block;
				color: inherit;
				text-decoration: none;
			}
			.blk-title img{
				display:block;
				margin-left:auto;
				margin-right:auto;
			}
			.blk-title-logo60{ 
				height:calc( (60 / 16) * 1em );
				width:auto;
				max-width:unset;
			}	
			.blk-title-logo60.pdgV{ 
				padding-top:0.4em;
				padding-bottom:0.4em;
			}		
			.blk-title-logo120{ /*logo 120x120 */
				width:calc( (120 / 16) * 1em );
				max-width:unset;
				max-height:calc( (120 / 16) * 1em );
			}
			.blk-title-logo160{ /*logo 160x120 */				
				width:calc( (160 / 16) * 1em );
				max-width:unset;
				max-height:calc( (120 / 16) * 1em );
			}
			.blk-title-logo150{ /*logo 184x67 */
				width:calc( (150 / 16) * 1em );
				max-width:100%
			}
		.blk-desc{
			font-size: 0.7em;
			line-height: 1.4;
			margin: 0 ;
		}
	.blk-footer{
		display: block;
		position:absolute;
		font-size: 0.8em;
		text-align:center;
		right:1em;
		bottom:1.5em;
		left:1em
	}
	.blk-fakeLink{
		text-decoration: underline;
	}
		.zoneLink:hover .blk-fakeLink{
			text-decoration: none;
		}
.blk--recycle{
	display: flex;
	justify-content: center;
	align-items: center;
	background: url( ../images/deco/bg-blk-recycle.jpg) no-repeat center;
	background-size:cover;
	opacity: 0.95;
}	
	.blk--recycle img{	
		display: block;
		width:62%;
	}

/* bloc entretien */
.blkEntretien{
	display: flex;
	margin-top:1.2em;
}	
	.blkEntretien:before{
		display: block;
		content: "";
		width:42.4%;
		border-radius: 8px;
		background-image:url(../images/deco/entretien.jpg) ;
		background-position: center;
		background-repeat: no-repeat;
		background-size:135%;
		
	}	
	.blkEntretien-main{
		width:57.6% ;
		padding-top:0.5em;
		padding-left:3%;
	}
		.blkEntretien-main .norm{
			margin:0 0 1.2em 0;
		}

        .checkList{
            text-align:left;
            list-style-type: none;
            padding:0;
            margin:0 0 1.5em 0;
        }
            .checkList-item{
                background-repeat: no-repeat; 
				background-position: left top; 
				background-size:calc( ( 20 / 16 ) * 1em);
				background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22.66 18.7'%3E%3Cpath fill='none' stroke='%23268335' stroke-linecap='round' stroke-linejoin='round' stroke-width='4.07' d='M20.63 2.03C17 6.72 9.48 16.66 9.48 16.66L2.03 9.18'/%3E%3C/svg%3E");
                font-size:0.8em;
                line-height:1.2;
                position: relative;
                padding:0 0 0 2em;
                margin:0;
            }
            .checkList-item:not(:first-child){
                margin:1.25em 0 0 0;
            }
		.blkAstuce{
			max-width: 370px;
			background-color: #F1F1F1;
			border-radius: 8px;
			font-size: 0.8em;
			line-height: 1.4;
			padding:0.9em 1.2em 0.9em 5em;
			background-repeat: no-repeat; 
			background-position: left 1.2em center; 
			background-size: 2.5em; 
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40.7 40.29'%3E%3Cpath fill='%23fae419' d='M30.63 19.97c0 5.17-5.12 10.26-5.12 15.5H15.26c0-5.08-5.12-10.33-5.12-15.5a10.25 10.25 0 1 1 20.5 0'/%3E%3Cpath fill='%2320429b' d='M15.24 35.5h10.3v4.8h-10.3z'/%3E%3Cpath fill='%23eb1b27' d='M19.1 0v6.73h2.58V0H19.1zM6.9 5.07 5.07 6.91l4.72 4.76 1.82-1.84L6.9 5.07zm26.96.05-4.72 4.76 1.82 1.83 4.72-4.76-1.82-1.83zM0 19.2v2.6h6.67v-2.6H0zm34.04.07v2.6h6.67v-2.6h-6.67z'/%3E%3C/svg%3E");
		}	

/* intro conseils */
.introConseils{
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
	margin:0 auto 1.5em auto
}
	.introConseils img{
		display: block;
		width:calc((100% - 3em) / 4);
	}
	.introConseils > div{
		width:calc(((100% - 3em) / 4) * 3 );
		padding-left:3%;
	}


/* ## TABLIST / TAB / PANEL ##  */
.pb-tabSection{
	margin-bottom: 2em;
}
	.pb-tabSection [role='tablist'] {
		display: flex;
		align-items: stretch;
		justify-content: flex-start;
		flex-wrap: nowrap;
		padding-bottom:1em;
		margin:0;
	}
		.pb-tabSection [role='tab'] {
			flex-basis: calc((100% - 3em) / 4);
			background: #FFF;
			color:#353535;
			border: 4px solid #8D8D8D;
			border-radius:4px;
			cursor: pointer;
			padding:1em 1em 2.5em 1em;
			font-size: 1em;
			position: relative;
		}
		.pb-tabSection [role='tab']:nth-child(n+2) {
			margin-left: 1em;
		}
		.pb-tabSection [role='tab']:hover,
		.pb-tabSection [role='tab'][aria-selected='true'] {
			background: #FFF;
			color:#000000;
			border-color: #009444;
		}
		.pb-tabSection [role='tablist'] > [role='tab'][aria-selected='true']:after {
			display: block;
			content: '';
			width: 1.5375em;
			height: 0.75em;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='82px' height='40px'%3E%3Cpath fill='%23009444' d='M81.999,0.0 L44.535,37.790 C42.582,39.742 39.417,39.742 37.464,37.790 L0.0,0.0 L81.999,0.0 Z'/%3E%3C/svg%3E");
			background-repeat: no-repeat;
			background-position: center top;
			background-size: 100%;
			margin-left: auto;
			margin-right: auto;
			position: absolute;
			bottom: -0.9em;
			left: 0;
			right: 0;
		}
		.pb-tabSection [role='tab'][aria-disabled='true'] {
			opacity: 0.65;
			font-weight: normal;
			cursor: not-allowed;
		}
		.pb-tabSection .tab-picto {
			display: block;
			width: auto;
			height:4.1em;
			margin:0 auto 1em auto ;
		}		
		.pb-tabSection .tab-label {
			display: block;
			font-size: 0.9em;
			font-weight: 700;
			text-transform: uppercase;
		}
		.pb-tabSection .tab-footer{
			display: block;
			position:absolute;
			font-size: 0.8em;
			text-align:center;
			right:1em;
			bottom:1.2em;
			left:1em
		}
		.pb-tabSection .tab-fakeLink{
			text-decoration: underline;
		}
			.pb-tabSection [role='tab']:hover .tab-fakeLink,
			.pb-tabSection [role='tab'][aria-selected='true'] .tab-fakeLink{
				text-decoration: none;
			}

	.pb-tabSection [role='tabpanel'] {
		border: 4px solid #009444;
		border-radius: 4px;
		background-color: #FFFFFF;
		padding: 1.2em 1.8em 1.8em 1.8em;
	} 
		.pb-tabSection h4{
			display: block;
			text-align: center;
			font-size:1em;
			font-weight: 700;
			line-height: 1.2;
			padding:0 ;
			margin: 2em auto 1.75em auto;
		}
		.pb-tabSection h4:first-child{
			margin-top: 0;
		}
			.pb-tabSection h4 strong{			
				font-weight: 700;
			}
		.pb-tabSection h4:first-child:before{
			display: inline-block;
			content: "";
			text-align: center;
			font-size:1em;
			width: 2em;
			height:2em;
			background-repeat:no-repeat ;
			background-position: center center;
			background-size: 2em;
			background-image: url("data:image/svg+xml,%3Csvg version='1.1' viewBox='0 0 40.7 40.29' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30.63 19.97c0 5.17-5.12 10.26-5.12 15.5H15.26c0-5.08-5.12-10.33-5.12-15.5a10.25 10.25 0 1 1 20.5 0' fill='%23fae419'/%3E%3Cpath d='m15.24 35.5h10.3v4.8h-10.3z' fill='%2320429b'/%3E%3Cpath fill='%23eb1b27' d='m19.0996 0v6.73047h2.58008v-6.73047h-2.58008zm-12.1992 5.07031-1.83008 1.83984 4.71875 4.75977 1.82031-1.83984-4.70898-4.75977zm26.959 0.0488281-4.71875 4.76172 1.82031 1.83008 4.71875-4.76172-1.82031-1.83008zm-33.8594 14.0801v2.60156h6.66992v-2.60156h-6.66992zm34.0391 0.070312v2.59961h6.67188v-2.59961h-6.67188z'/%3E%3C/svg%3E%0A");
			padding:0 ;
			margin: 0 1em 0 0;
		}	
		.pb-tabSection h4 span{
			display: inline-block;
			vertical-align: bottom;
		}		
			.pb-tabSection .checkList-item{
				font-size: 0.9em;
				font-weight: 700;
				line-height: 1.5;
			}
			.pb-tabSection .checkList-item em{
				display: block;
				font-size: 0.7777777777em;
				font-weight: 500;
				font-style: normal;
			}
/* Liste Tutoriels Video */
.listTutos{
	display: flex;
	list-style-type: none;
	padding:0;
	margin:0;
}
	.listTutos li{
		width:calc( 100% - (3 * 1em) / 4);	
		margin-top:0;
		margin-bottom: 0;
	}
	.listTutos li:nth-child(n+2){
		margin-left: 1em;	
	}
	.listTutos a,
	.listTutos a:hover{
		display: block;
		text-decoration: none;
		color: #000;
		position: relative;
	}
		.listTutos img{
			display: block;
			max-width: 100%;
		}
		
		.listTutos span{
			display: block;
			font-size: 0.625em;
			font-weight: 700;
			line-height:1.3;
			margin:0.5em 0;
		}
		.listTutos a:hover span{
			color:#000;
		}
		.listTutos a:after{
			display: block;
			content: "";
			position: absolute;
			top:0;
			left:0;
			right:0;
			height:0;
			padding-top:calc((121/215) * 100%);
			background-color: rgba(0, 0, 0, 0.3);
			background-repeat: no-repeat;
			background-size: 30%;
			background-position: center;
			background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M2 12C2 6.49 6.49 2 12 2s10 4.49 10 10-4.49 10-10 10S2 17.51 2 12zm2 0a8 8 0 1 0 16 0 8 8 0 0 0-16 0zm12 0-6 3.5v-7l6 3.5zm-3.97 0-.03-.02v.04l.03-.02z'/%3E%3C/svg%3E");

		}
		.listTutos a:hover:after{
			background-color: rgba(0, 0, 0, 0.1);
		}


/* bloc edito  */	
.blkEdito{
	flex-basis: calc( (100% - (2 * 1.2em)) / 2);
	border-radius: 3px;
	text-align: center;
	padding:1.2em;
}	
	.blkEdito-visuel{
		display: block;
		max-width: 100%;
		margin:0 auto 0.75em auto;
	}
	.blkEdito-main{
		padding:0;
		margin:0;
	}
		.blkEdito-main dt{
			font-size: 0.9em;
			font-weight: 700;
			margin: 0 0 1em 0;
		}
			.blkEdito-main a,
			.blkEdito-main a:hover{
				color:inherit;
				text-decoration:none ;
			}
		.blkEdito-main dd{
			font-size: 0.8em;
			line-height: 1.4;
		}

/**/
.schemaDurable{
	display: 	block;
	width:77%;
	margin:1em auto ;
}
/* ## Mentions légales ## */
.mentions-legales {
    padding:1.8em 1.8em;
    font-size: 0.6em;
    color: #989898;
    background-color: #F2F2F2;
    margin:2.5em 0;
}
    .mentions-legales dl,
	.mentions-legales dt,
	.mentions-legales dd{
		padding:0;
        margin:0;
    }
	.mentions-legales dt{
		font-weight:500;
	}
    .mentions-legales p{
        margin:1em 0 0 0;
    }

/* ## fonctionnement plié-deplié ## */
.js-publiAccordionLight-toggle,
.js-publiAccordionLight2-toggle{
    cursor: pointer;
}
.js-publiAccordionLight-content,
.js-publiAccordionLight2-content{
    display: none;
}
.js-publiAccordionLight-content.js-publiAccordionLight-content--default,
.js-publiAccordionLight2-content.js-publiAccordionLight2-content--default {
    display: block;
}

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

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

 /* ## HEADER ########################################### */
	.sectionHeader {
		background:url(../images/deco/bg-header-mobile.jpg) no-repeat top center;
		background-size:100%;
		padding-top:39.0625%;
	}


 /* ## MAIN ############################################# */ 
	/* ## */
	.sectionTitle {
		font-size: 1.15em;
		margin-bottom:0.6em;
	}
	.sectionSubtitle {
		font-size: 0.8em;
	}
	/* ## */
	.sectionBanner--withPic{
		background-repeat: no-repeat;
		background-position:  right 1em center;
		background-size: auto 1.5em; 
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='8 5 6.69 11.86'%3E%3Cpath fill='%23005EAD' d='M 14.4775 10.3975 L 9.2876 5.2178 C 8.9878 4.9277 8.5176 4.9277 8.2178 5.2178 C 7.9277 5.5078 7.9277 5.9775 8.2178 6.2778 L 12.8779 10.9277 L 8.2178 15.5879 C 7.9277 15.8779 7.9277 16.3477 8.2178 16.6475 C 8.5176 16.9277 8.9878 16.9277 9.2876 16.6475 L 14.4678 11.4575 C 14.7578 11.1577 14.7578 10.6875 14.4775 10.3975 L 14.4775 10.3975 Z'%3E%3C/path%3E%3C/svg%3E");
	}
		.sectionBanner--withPic-label {
			flex-basis: 83%;
		}
		.sectionBanner--withPic .btn.sectionBanner--withPic-cta{
			display:none;
		}
	/* ## */

	.introConseils img{
		width:50%;
	}
	.introConseils > div{
		width:50%;
	}
	/* ## 

	.partialSliderBase{
		flex-wrap:wrap;

	}
		.blk{
			flex-basis:100%;
		}

	 ## */	
	.wrapXblks{
		margin-left:-0.6em;
	}
	.partialSliderBase{
		margin-right:0;
		margin-left:-0.6em;
	}
	.blkSection--wRadius .partialSliderBase{
		margin-right:0.6em;
		margin-left:0;
	}
		.partialSliderBase > div,
		.partialSliderBase > li,
		.wrapXblks > div,
		.wrapXblks > li{
			margin-left:0.6em;
		}
		.blk{
			flex-basis:calc( (100% - (3 * 0.6em)) / 3);
		}
		.blkEdito {
			flex-basis: calc( (100% - (2 * 0.6em)) / 2);
			padding: 0.6em 0.6em 01em 0.6em;
		}
	/* ## */
	.mentions-legales {
		padding: 1em 2em;
		font-size: 0.8em;
	}
}

@media (max-width: 657px){ /* ================================================================ */
	.ftlHTML{
		font-size:16px;
	}
	/* ## */
	.sliderBase,
	.partialSliderBase,
	.blkSection--wRadius .partialSliderBase{
		flex-wrap:nowrap;
		width:100%;
		margin-left:0;
	}
	.blkSection--wRadius .partialSliderBase{
		padding-left:0;
		padding-right:0;
	}
	.sliderBase > div,
	.partialSliderBase > div,
	.partialSliderBase > li{
		margin:0 0 0 0;
	}
		.sliderBase .slick-list,
		.partialSliderBase .slick-list{
			width:100%;		
			padding-top:2px !important;
			padding-bottom:6px !important;
			margin-right:0;
			margin-left:0;
		}
			.sliderBase .slick-track,
			.partialSliderBase .slick-track{ /* si slidesToShow: x.4 => position de depart decalee */
				left:1em;
			}
				.partialSliderBase .slick-track > div,
				.partialSliderBase .slick-track > li{
					flex-basis:unset ; 
				}
				.sliderBase .slick-track > div:last-child,
				.sliderBase .slick-track > li:last-child,
				.partialSliderBase .slick-track > div:last-child,
				.partialSliderBase .slick-track > li:last-child{
					margin-right:2em ; /* permet de laisser un espace à droite apres la derniere slide */
				}
	.slick-dots {
		width: calc(100% - 1em);
	}	
	
	/* ## */
	.blkSection--wRadius,
	.blkSection--wRadius > div:first-child,
	.blkSection--wRadius > div:last-child{
		border-radius: 0;
	}
	.blk{
		max-width: unset;
	}
	.blk--recycle{
		display:none !important;
	}
	
	.wrapXblks--recycle	{
		margin-right:0.6em;
		margin-left:0;
		padding-left:0;
		padding-right:0;
	}
		.wrapXblks--recycle .blk{
			flex-grow: 2;
		}
	/**/
	.pb-simpleSlide{
		overflow-x: auto;
		position: relative;
		scroll-snap-type: x mandatory;
		width: 100%;
		padding-bottom:4px;
	  }
		.pb-simpleSlide-item{
			width: unset;
		  	min-width:40%;
		}	
	/**/
	.pb-tabSection h4 {
		text-align: left;
	}	
	.pb-tabSection h4:first-child {
		display: flex;
		align-items: center;
	}	
}

@media (max-width: 480px){  /* ================================================================ */
	/* ## */
    .ftlHTML{
        padding:0 0 1.5em 0;
        font-size:14px;
	}
    /* ## */
	i.br:before{
		display: inline;
		content:" ";
	}
	/* ## */
	.sectionHeader{
		margin-bottom:1.2em;
	}
		.sectionHeader-title{
			margin-top:1em;
		}
	/* ## */	
	.engNavList{
		display: block;
		margin-left:4px;
		margin-right:4px;
	}
		.engNavList-item {
			margin-left:0;
		}
			.engNavList-item dl{
				display: flex;
				align-items: baseline;
			}
				.engNavList-item dt{
					font-size: 1em;
					margin-right:0.5em;
				}
				.engNavList-item dd{
					font-size: 0.65em;
					margin:0;
				}			
	/* ## */		
	.blkEntretien{
		display: block;
	}	
		.blkEntretien:before{
			width:100%;
			background-size:100%;
			padding-top: 47%;
		}	
		.blkEntretien-main{
			width:100% ;
			padding-top:1em;
			padding-left:0;
		}
	/**/	
		.introConseils img{
			width:30%;
		}
		.introConseils > div{
			width:70%;
		}
			.introConseils p:first-child{
				margin-top:0;
			}
}

@media (max-width: 360px){  /* ================================================================ */
	/* ## */
    .ftlHTML{
		font-size:13px;
	}
}