/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/

/* index.css */
#contenu_accueil .entete_decoree {
	background-color: transparent;
	padding: 0;
}

/* BLOC OFFRES EXCLUSIVES */
#bloc_offres_exclu { margin-top: 30px; }
#bloc_offres_exclu .entete_decoree { margin-bottom: 30px; }

/* BLOC POURQUOI FT ? */
#bloc_pourquoi_FT { 
	background-color: #fff;
	margin: 25px 0 30px 0; 
}

/* BLOC VIDEOS */
#bloc_video_accueil { 
	text-align: center; 
	margin-top: 30px;
}
#bloc_video_accueil .sous_titre { 
	font-size: 22px;
	font-weight: 400;
}
#bloc_video_accueil .limiteur { 
	max-width: 960px; 
	margin: 15px auto 0 auto;
}
#bloc_video_accueil .contenaire_video {
	position: relative;
	height: 0;
	padding-bottom: 56.25%
}
#bloc_video_accueil .video {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* BLOC OFFRES GROUPES */
#bloc_offres_groupe {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	height: 440px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	text-align: center;
	margin-top: 30px;
	color: #fff;
}
#bloc_offres_groupe .cadre {
	max-width: 2100px;
    margin: 0 auto;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
#bloc_offres_groupe .texte {
	font-size: 25px;
	font-weight: 400;
	line-height: 32px;
    margin-top: 20px;
    margin-bottom: 20px;
	text-shadow: 0 0 5px #000;
}
#bloc_offres_groupe .texte .lien {
	text-decoration: underline;
	color: inherit;
}
#bloc_offres_groupe .titre {
	font-size: 26px;
	margin-top: 20px;
	text-shadow: 0 0 10px #000, 0 0 20px #000;
	font-weight: 700;
	line-height: 32px;
}
#bloc_offres_groupe .titre .lien:hover { 
	color: #fff; 
	text-decoration: none;
}
#bloc_offres_groupe hr {
	width: 8%;
    border-top: 2px solid #fff;
	border-bottom: 1px solid #fff;
	margin: 20px auto;
	height: 0;
}

/* BLOC AVIS CLIENTS */
#bloc_avis_clients { margin-top: 30px; }
#bloc_avis_clients .entete_decoree { margin-bottom: 30px; }
#bloc_avis_clients .liste_avis p {
	font-size: 13px;
    line-height: 17px;
}
#bloc_avis_clients .liste_avis .titre { 
	font-weight: bold; 
	margin: 0 0 10px 0;
}
#bloc_avis_clients .liste_avis .avis { 
	text-align: justify; 
	margin: 0;
}
#bloc_avis_clients .liste_avis .avis .quote { 
	position: relative; 
	display: inline-block;
}
#bloc_avis_clients .liste_avis .avis .quote.top {
	vertical-align: bottom;
    top: -6px;
}
#bloc_avis_clients .liste_avis .avis .quote.bottom {
	vertical-align: top;
    bottom: -6px;
}


/* RESPONSIVE > 2100px */
@media only screen and (min-width: 2101px) {
	/* BLOC OFFRES GROUPES */
	#bloc_offres_groupe .cadre:before {
	   content: '';
	   position: absolute;
	   top: 0;
	   left: 0;
	   width: 100%;
	   height: 100%;
	   background: -webkit-gradient(linear, left top, right top, from(white), color-stop(10%, transparent), color-stop(90%, transparent), to(white));
	   background: -o-linear-gradient(left, white 0%, transparent 10%, transparent 90%, white 100%);
	   background: linear-gradient(to right, white 0%, transparent 10%, transparent 90%, white 100%);
	   pointer-events: none;
	}
}

/* DESKTOP */
@media only screen and (min-width: 1025px) {
	/* CONTENU */
	#conteneur_global { 
		width: 100%; 
		padding: 0;
	}
	#conteneur_global .align_center {
		max-width: 1300px;
		margin: 0 auto;
		padding: 0 10px;
	}

	#contenu_accueil { 
		display: block;
		width: auto;
		margin: 30px 0; 
	}

	/* BLOC PROMOS */
	#liste_focus_accueil { margin-top: 50px; }
	.bloc_focus_accueil {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		   -ms-flex-align: start;
              align-items: flex-start;
		background-color: #fff;
		margin-top: 50px;
		color: #6d6d6d;
	}
	.bloc_focus_accueil:first-child { margin-top: 0; }
	.bloc_focus_accueil:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; }
	.bloc_focus_accueil:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }
	.bloc_focus_accueil .bloc_texte { 
		padding: 15px 20px;
		position: relative;
		-webkit-box-flex: 1;
			-ms-flex: 1;
				flex: 1;
	}
	.bloc_focus_accueil .bloc_texte .cadre { 
		position: relative;
		height: 100%;
		padding-bottom: 32px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.bloc_focus_accueil.sans_bouton .bloc_texte .cadre { padding-bottom: 0; }
	.bloc_focus_accueil .entete { position: relative; }
	.bloc_focus_accueil .entete hr {
		position: absolute;
		top: 17px;
		left: 0;
		width: 100%;
		max-width: 610px;
		background-color: #cdcdcd;
		z-index: 0;
	}
	.bloc_focus_accueil .titre_bloc {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		background-color: #fff;
		position: relative;
		padding: 0 25px;
		margin-left: 20px;
		text-align: left;
		line-height: 28px;
	}
	.bloc_focus_accueil .titre {
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		font-size: 26px;
		line-height: 35px;
		-webkit-transform: scale(1, 1.1);
			-ms-transform: scale(1, 1.1);
				transform: scale(1, 1.1);
		margin: 15px 0;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
	.bloc_focus_accueil .titre.big { 
		font-size: 31px; 
		margin: 25px 0;
	}
	.bloc_focus_accueil .titre small { font-size: 15px; }
	.bloc_focus_accueil .bloc_texte p { margin: 10px 0; }
	.bloc_focus_accueil .bloc_texte p,
	.bloc_focus_accueil .bloc_texte li {
		font-size: 14px;
		line-height: 18px;
		text-align: justify;
		letter-spacing: .3px;
	}
	.bloc_focus_accueil .bloc_texte.spacing p,
	.bloc_focus_accueil .bloc_texte.spacing li { line-height: 20px; }
	.bloc_focus_accueil .bloc_texte p.indent { text-indent: 35px; }
	.bloc_focus_accueil .bloc_texte p.centre { text-align: center; }
	.bloc_focus_accueil .bloc_texte p a,
	.bloc_focus_accueil .bloc_texte li a { 
		text-decoration: underline; 
		font-weight: 500;
	}
	.bloc_focus_accueil .bloc_texte b.bleu { color: #083c6b; }
	.bloc_focus_accueil .bloc_texte p a.bleu,
	.bloc_focus_accueil .bloc_texte li a.bleu { 
		color: #083c6b;
		text-decoration: none;
		font-weight: bold;
	}
	.bloc_focus_accueil .bloc_texte p a.bleu:hover,
	.bloc_focus_accueil .bloc_texte li a.bleu:hover { text-decoration: underline; }
	.bloc_focus_accueil .bloc_texte ul { padding-left: 15px; }
	.bloc_focus_accueil .bloc_texte li { margin: 8px 0; }
	.bloc_focus_accueil .bloc_texte .cadre > *:last-child { margin-bottom: 0; }

	.bloc_focus_accueil .bloc_lien_promo {
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	.bloc_focus_accueil .lien_promo {
		display: inline-block;
		background-color: #f6f6f6;
		border: 1px solid #3f3e3e;
		font-style: italic;
		background-image: url('../images/template_v7/accueil/pictos/fleche-grise.png');
		background-repeat: no-repeat;
		background-size: auto 8px;
		color: #3f3e3e;
		line-height: 20px;
		font-size: 13px;
		border-radius: 1px;
		text-transform: uppercase;
	}
	.bloc_focus_accueil:nth-child(odd) .lien_promo {
		padding: 5px 30px 5px 10px;
		background-position: right 10px center;
	}
	.bloc_focus_accueil:nth-child(even) .lien_promo {
		padding: 5px 10px 5px 30px;
		background-position: left 10px center;
	}
	.bloc_focus_accueil .lien_promo:hover {
		background-image: url('../images/template_v7/accueil/pictos/fleche-rouge.png');
		color: #dc2305;
		border-color: #dc2305;
		text-decoration: none;
	}

	.bloc_focus_accueil .bloc_media { 
		display: -webkit-box; 
		display: -ms-flexbox; 
		display: flex; 
		-ms-flex-preferred-size: 652px; 
					 flex-basis: 652px;
	}
	.bloc_focus_accueil:nth-child(odd) .bloc_media { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; }
	.bloc_focus_accueil:nth-child(even) .bloc_media { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }

	.bloc_focus_accueil .bloc_media .image { 
		display: block; 
		max-width: 100%;
	}
	.bloc_focus_accueil:nth-child(odd) .bloc_media .gauche { padding-right: 10px; }
	.bloc_focus_accueil:nth-child(odd) .bloc_media .droite { padding-left: 10px; }
	.bloc_focus_accueil:nth-child(even) .bloc_media .gauche { padding-left: 10px; }
	.bloc_focus_accueil:nth-child(even) .bloc_media .droite { padding-right: 10px; }
	.bloc_focus_accueil .bloc_media .haut { padding-bottom: 10px; }
	.bloc_focus_accueil .bloc_media .bas { padding-top: 10px; }

	/* format long : 1 grande image ou 2 petites images */
	.bloc_focus_accueil .bloc_grand_media .image,
	.bloc_focus_accueil .bloc_petit_media .image { 
		display: block; 
		max-width: 100%;
	}
	.bloc_focus_accueil .bloc_grand_media {
		-ms-flex-preferred-size: 390px; 
					 flex-basis: 390px;
	}
	.bloc_focus_accueil .bloc_petit_media {
		padding: 15px;
		-ms-flex-preferred-size: 242px; 
					 flex-basis: 242px;
	}
	.bloc_focus_accueil:nth-child(odd) .bloc_petit_media { padding-left: 0; }
	.bloc_focus_accueil:nth-child(even) .bloc_petit_media { padding-right: 0; }
	.bloc_focus_accueil .bloc_petit_media .haut { padding-bottom: 15px; }
	.bloc_focus_accueil .bloc_petit_media .bas { padding-top: 15px; }

	/* cadre promo rouge */
	.bloc_focus_accueil.promo { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.bloc_focus_accueil.promo .bloc_texte .cadre { padding-bottom: 0; }

	.bloc_focus_accueil .bloc_promo { 
		-webkit-box-flex: 100%; 
				-ms-flex: 100% 0 0px; 
					flex: 100% 0 0; 
		-webkit-box-sizing: border-box; 
				box-sizing: border-box;
		padding: 0 20px 15px 20px;
		text-align: center;
	}

	.bloc_focus_accueil .bloc_promo .cadre_promo { display: inline-block; }
	.bloc_focus_accueil .cadre_promo {
		border: 2px solid #dc2305;
		padding: 10px;
		border-radius: 3px;
		text-align: left;
	}

	.bloc_focus_accueil .bloc_promo .cadre_promo .texte p,
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte li {
		font-size: 14px;
		line-height: 18px;
		text-align: justify;
		letter-spacing: .3px;
	}
	.bloc_focus_accueil .cadre_promo .texte p,
	.bloc_focus_accueil .cadre_promo .texte ul { margin: 5px 0; }
	.bloc_focus_accueil .cadre_promo .texte ul { padding-left: 15px; }
	.bloc_focus_accueil .cadre_promo .texte li { margin: 3px 0; }
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte p,
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte ul { margin: 10px 0; }
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte li { margin: 5px 0; }

	.bloc_focus_accueil .cadre_promo .texte > *:first-child { margin-top: 0; }
	.bloc_focus_accueil .cadre_promo .texte > ul:first-child li:first-child { margin-top: 0; }

	.bloc_focus_accueil .cadre_promo .bloc_lien_promo {
		position: initial;
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
		text-align: center;
	}
	
	/* BLOC OFFRES GROUPES */
	#bloc_offres_groupe { background-image: url('../images/template_v7/accueil/fond_offres_groupes_2100w.jpg'); }
	
	/* BLOC AVIS CLIENTS */
	#bloc_avis_clients .liste_avis {
		margin-left: -30px;
		margin-right: -30px;
	}
	#bloc_avis_clients .liste_avis .bloc { 
		padding-left: 30px;
		padding-right: 30px;
	}
}

/* RESPONSIVE */
@media only screen and (max-width: 1024px) {
	
	/* CONTENU */
	#conteneur_global { margin: 0; }
	#conteneur_global .align_center {
		max-width: 1280px;
		padding: 0 10px;
	}

	#contenu_accueil { margin: 30px 0; }
	
	/* BLOC PROMOS */
	#liste_focus_accueil { margin-top: 50px; }
	.bloc_focus_accueil {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: start;
		   -ms-flex-align: start;
              align-items: flex-start;
		background-color: #fff;
		margin-top: 50px;
		color: #6d6d6d;
	}
	.bloc_focus_accueil:first-child { margin-top: 0; }
	.bloc_focus_accueil:nth-child(odd) { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; }
	.bloc_focus_accueil:nth-child(even) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }
	.bloc_focus_accueil .bloc_texte { 
		padding: 15px 20px;
		position: relative;
		-webkit-box-flex: 1;
				-ms-flex: 1;
					flex: 1;
	}
	.bloc_focus_accueil .bloc_texte .cadre { 
		position: relative;
		height: 100%;
		padding-bottom: 32px;
		-webkit-box-sizing: border-box;
				box-sizing: border-box;
	}
	.bloc_focus_accueil.sans_bouton .bloc_texte .cadre { padding-bottom: 0; }
	.bloc_focus_accueil .entete { position: relative; }
	.bloc_focus_accueil .entete hr {
		position: absolute;
		top: 17px;
		left: 0;
		width: 100%;
		background-color: #cdcdcd;
		z-index: 0;
	}
	.bloc_focus_accueil .titre_bloc {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		background-color: #fff;
		position: relative;
		padding: 0 25px;
		margin-left: 20px;
		text-align: left;
		line-height: 28px;
	}
	.bloc_focus_accueil .titre {
		font-family: "Roboto", sans-serif;
		font-weight: 300;
		font-size: 26px;
		line-height: 35px;
		-webkit-transform: scale(1, 1.1);
			-ms-transform: scale(1, 1.1);
				transform: scale(1, 1.1);
		margin: 15px 0;
		text-align: left;
		text-transform: uppercase;
		letter-spacing: .5px;
	}
	.bloc_focus_accueil .titre small { font-size: 15px; }
	.bloc_focus_accueil .bloc_texte p { margin: 10px 0; }
	.bloc_focus_accueil .bloc_texte p,
	.bloc_focus_accueil .bloc_texte li {
		font-size: 14px;
		line-height: 18px;
		text-align: justify;
		letter-spacing: .3px;
	}
	.bloc_focus_accueil .bloc_texte.spacing p,
	.bloc_focus_accueil .bloc_texte.spacing li { line-height: 20px; }
	.bloc_focus_accueil .bloc_texte p.indent { text-indent: 35px; }
	.bloc_focus_accueil .bloc_texte p.centre { text-align: center; }
	.bloc_focus_accueil .bloc_texte p a,
	.bloc_focus_accueil .bloc_texte li a { 
		text-decoration: underline; 
		font-weight: 500;
	}
	.bloc_focus_accueil .bloc_texte b.bleu { color: #083c6b; }
	.bloc_focus_accueil .bloc_texte p a.bleu,
	.bloc_focus_accueil .bloc_texte li a.bleu { 
		color: #083c6b;
		text-decoration: none;
		font-weight: bold;
	}
	.bloc_focus_accueil .bloc_texte p a.bleu:hover,
	.bloc_focus_accueil .bloc_texte li a.bleu:hover { text-decoration: underline; }
	.bloc_focus_accueil .bloc_texte ul { padding-left: 15px; }
	.bloc_focus_accueil .bloc_texte li { margin: 8px 0; }
	.bloc_focus_accueil .bloc_texte .cadre > *:last-child { margin-bottom: 0; }

	.bloc_focus_accueil .bloc_lien_promo {
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	.bloc_focus_accueil .lien_promo {
		display: inline-block;
		background-color: #f6f6f6;
		border: 1px solid #3f3e3e;
		font-style: italic;
		background-image: url('../images/template_v7/accueil/pictos/fleche-grise.png');
		background-repeat: no-repeat;
		background-size: auto 8px;
		color: #3f3e3e;
		line-height: 20px;
		font-size: 13px;
		border-radius: 1px;
		text-transform: uppercase;
	}
	.bloc_focus_accueil:nth-child(odd) .lien_promo {
		padding: 5px 30px 5px 10px;
		background-position: right 10px center;
	}
	.bloc_focus_accueil:nth-child(even) .lien_promo {
		padding: 5px 10px 5px 30px;
		background-position: left 10px center;
	}
	.bloc_focus_accueil .lien_promo:hover {
		background-image: url('../images/template_v7/accueil/pictos/fleche-rouge.png');
		color: #dc2305;
		border-color: #dc2305;
		text-decoration: none;
	}

	.bloc_focus_accueil .bloc_media .image { 
		display: block; 
		max-width: 100%;
	}

	/* format long : 1 grande image ou 2 petites images */
	.bloc_focus_accueil .bloc_grand_media .image,
	.bloc_focus_accueil .bloc_petit_media .image { 
		display: block; 
		max-width: 100%;
	}

	/* cadre promo rouge */
	.bloc_focus_accueil.promo { -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.bloc_focus_accueil.promo .bloc_texte .cadre { padding-bottom: 0; }

	.bloc_focus_accueil .bloc_promo { 
		-webkit-box-flex: 100%; 
				-ms-flex: 100% 0 0px; 
					flex: 100% 0 0; 
		-webkit-box-sizing: border-box; 
				box-sizing: border-box;
		padding: 0 20px 15px 20px;
		text-align: center;
	}

	.bloc_focus_accueil .bloc_promo .cadre_promo { display: inline-block; }
	.bloc_focus_accueil .cadre_promo {
		border: 2px solid #dc2305;
		padding: 10px;
		border-radius: 3px;
		text-align: left;
	}

	.bloc_focus_accueil .bloc_promo .cadre_promo .texte p,
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte li {
		font-size: 14px;
		line-height: 18px;
		text-align: justify;
		letter-spacing: .3px;
	}
	.bloc_focus_accueil .cadre_promo .texte p,
	.bloc_focus_accueil .cadre_promo .texte ul { margin: 5px 0; }
	.bloc_focus_accueil .cadre_promo .texte ul { padding-left: 15px; }
	.bloc_focus_accueil .cadre_promo .texte li { margin: 3px 0; }
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte p,
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte ul { margin: 10px 0; }
	.bloc_focus_accueil .bloc_promo .cadre_promo .texte li { margin: 5px 0; }

	.bloc_focus_accueil .cadre_promo .texte > *:first-child { margin-top: 0; }
	.bloc_focus_accueil .cadre_promo .texte > ul:first-child li:first-child { margin-top: 0; }

	.bloc_focus_accueil .cadre_promo .bloc_lien_promo {
		position: initial;
		-webkit-transform: none;
			-ms-transform: none;
				transform: none;
		text-align: center;
	}


	/* RESPONSIVE 1024px à 770px */
	@media only screen and (min-width: 770px) {
		/* BLOC PROMO */
		/* format long : 1 grande image ou 2 petites images */
		.bloc_focus_accueil .bloc_grand_media { max-width: 40%; }
		.bloc_focus_accueil .bloc_petit_media { 
			max-width: 25%;
			padding: 15px; 
		}
		.bloc_focus_accueil:nth-child(odd) .bloc_petit_media { padding-left: 0; }
		.bloc_focus_accueil:nth-child(even) .bloc_petit_media { padding-right: 0; }
		.bloc_focus_accueil .bloc_petit_media .haut { padding-bottom: 7.5px; }
		.bloc_focus_accueil .bloc_petit_media .bas { padding-top: 7.5px; }
		
		/* BLOC AVIS CLIENTS */
		#bloc_avis_clients .liste_avis {
			margin-left: -15px;
			margin-right: -15px;
		}
		#bloc_avis_clients .liste_avis .bloc { 
			padding-left: 15px;
			padding-right: 15px;
		}
	}


	/* RESPONSIVE 1024px à 481px */
	@media only screen and (min-width: 481px) {
		/* BLOC PROMO */
		.bloc_focus_accueil .bloc_media { 
			display: -webkit-box; 
			display: -ms-flexbox; 
			display: flex; 
			-ms-flex-preferred-size: 50%; 
						 flex-basis: 50%;
		}
		.bloc_focus_accueil:nth-child(odd) .bloc_media { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; }
		.bloc_focus_accueil:nth-child(even) .bloc_media { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse; }
		.bloc_focus_accueil:nth-child(odd) .bloc_media .gauche { padding-right: 5px; }
		.bloc_focus_accueil:nth-child(odd) .bloc_media .droite { padding-left: 5px; }
		.bloc_focus_accueil:nth-child(even) .bloc_media .gauche { padding-left: 5px; }
		.bloc_focus_accueil:nth-child(even) .bloc_media .droite { padding-right: 5px; }
		.bloc_focus_accueil .bloc_media .haut { padding-bottom: 5px; }
		.bloc_focus_accueil .bloc_media .bas { padding-top: 5px; }
		
		/* BLOC OFFRES GROUPES */
		#bloc_offres_groupe { background-image: url('../images/template_v7/accueil/fond_offres_groupes_1024w.jpg'); }
	}
}


@media only screen and (min-width: 770px) {
	/* BLOC AVIS CLIENTS */
	#bloc_avis_clients > .align_center { overflow: hidden; }
	#bloc_avis_clients .liste_avis {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
	}
	#bloc_avis_clients .liste_avis .bloc { -webkit-box-flex: calc(100% / 3); -ms-flex: calc(100% / 3) 0 1; flex: calc(100% / 3) 0 1; }
}


/* RESPONSIVE MOBILE <= 769px */
@media only screen and (max-width: 769px) {
	/* BLOC PROMOS */
	.bloc_focus_accueil {
		display: block;
		padding: 15px 20px;
	}

	.bloc_focus_accueil .bloc_texte .cadre {
		height: auto;
		padding-bottom: 0;
	}
	.bloc_focus_accueil .bloc_texte { padding: 0; }
	.bloc_focus_accueil .bloc_lien_promo {
		position: initial;
		text-align: right;
		-webkit-transform: initial;
			-ms-transform: initial;
				transform: initial;
	}
	/* format long : 1 grande image ou 2 petites images */
	.bloc_focus_accueil .bloc_grand_media,
	.bloc_focus_accueil .bloc_petit_media { margin: 15px -10px 0; }
	.bloc_focus_accueil .bloc_petit_media {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
	}
	.bloc_focus_accueil .bloc_petit_media .haut { padding-right: 7.5px; }
	.bloc_focus_accueil .bloc_petit_media .bas { padding-left: 7.5px; }

	.bloc_focus_accueil .bloc_grand_media .cadre { margin-top: 10px; }

	.bloc_focus_accueil .bloc_grand_media.full_image_mobile .cadre .image { margin: 0 auto; }

	.bloc_focus_accueil .bloc_grand_media:not(.full_image_mobile) .cadre { 
		position: relative;
		padding-bottom: 310px;
		overflow: hidden;
	}
	.bloc_focus_accueil .bloc_grand_media:not(.full_image_mobile) .cadre .image { 
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	.bloc_focus_accueil .bloc_grand_media:not(.full_image_mobile) .cadre .image.align_bottom_mobile {
		top: initial;
		bottom: 0;
	}
	
	/* BLOC AVIS CLIENTS */
	#bloc_avis_clients .liste_avis {
		max-width: 500px;
		margin-left: auto;
		margin-right: auto;
	}
	#bloc_avis_clients .liste_avis .bloc { margin: 20px 0; }
}


/* RESPONSIVE MOBILE 481px à 769px */
@media only screen and (min-width: 481px) and (max-width: 769px) {

	/* BLOC PROMOS */
	.bloc_focus_accueil .bloc_media {
		-ms-flex-preferred-size: 652px;
					 flex-basis: 652px;
		-webkit-box-pack: center;
		   -ms-flex-pack: center;
		 justify-content: center;
		margin: 15px -10px 0;
	}
	.bloc_focus_accueil:nth-child(odd) .bloc_media .gauche { padding-right: 10px; }
	.bloc_focus_accueil:nth-child(odd) .bloc_media .droite { padding-left: 10px; }
	.bloc_focus_accueil:nth-child(even) .bloc_media .gauche { padding-left: 10px; }
	.bloc_focus_accueil:nth-child(even) .bloc_media .droite { padding-right: 10px; }
	.bloc_focus_accueil .bloc_media .haut { padding-bottom: 10px; }
	.bloc_focus_accueil .bloc_media .bas { padding-top: 10px; }

}

/* RESPONSIVE MOBILE <= 480px */
@media only screen and (max-width: 480px) {
	/* margins */
	#contenu_accueil .entete_decoree { margin-bottom: 20px; }
	#bloc_offres_exclu,
	#bloc_video_accueil,
	#bloc_avis_clients { margin-top: 20px; }
	#bloc_pourquoi_FT { margin: 15px 0 20px 0; }
	
	/* TITRE PAGE */
	#titre_principal_page { font-size: 4.8vw; }
	
	/* BLOC OFFRES EXCLU */
	#bloc_offres_exclu .entete_decoree .titre {
		font-size: 5.5vw;
		letter-spacing: 1.5px;
	}
	
	/* BLOC PROMO */
	#liste_focus_accueil { margin: 30px 0; }
	.bloc_focus_accueil { margin-top: 30px; }

	.bloc_focus_accueil .bloc_media { 
		display: block;
		margin: 15px -10px 0; 
	}
	.bloc_focus_accueil .bloc_media .gauche { display: -webkit-box; display: -ms-flexbox; display: flex; }
	.bloc_focus_accueil .bloc_media .haut { padding-right: 5px; }
	.bloc_focus_accueil .bloc_media .bas { padding-left: 5px; }
	.bloc_focus_accueil .bloc_media .droite { 
		position: relative;
		margin-top: 10px; 
		background-color: #ebebeb;
		padding-bottom: 78%;
		overflow: hidden;
	}
	.bloc_focus_accueil .bloc_media .droite .image { 
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
			-ms-transform: translateX(-50%);
				transform: translateX(-50%);
	}
	.bloc_focus_accueil .bloc_media .droite .image.align_bottom_mobile {
		top: initial;
		bottom: 0;
	}
	/* format long : 1 grande image ou 2 petites images */
	.bloc_focus_accueil .bloc_grand_media:not(.full_image_mobile) .cadre { padding-bottom: 58%; }
	.bloc_focus_accueil .bloc_petit_media .haut { padding-right: 5px; }
	.bloc_focus_accueil .bloc_petit_media .bas { padding-left: 5px; }
	
	/* BLOC OFFRES GROUPES */
	#bloc_offres_groupe {
		height: 350px;
		background-image: url('../images/template_v7/accueil/fond_offres_groupes_480w.jpg');
	}
	#bloc_offres_groupe .texte { text-shadow: 0 0 5px #000, 0 0 10px #000; }
	#bloc_offres_groupe .texte,
	#bloc_offres_groupe .titre { 
		font-size: 4.5vw; 
		line-height: initial;
	}
	#bloc_offres_groupe br { display: none; }
}