#slider_container{
	margin-top: 0;
	margin-bottom: 20px;
	height: 60vh;
	position: relative;
	border-bottom: 1px solid #ddd;
}
#slider_container .grand_bloc_highlight_wrap{
	position: relative;
	height: 60vh !important;
}
#slider_container .grand_bloc_highlight{
	height: 60vh !important;
	margin: 0 !important;
}
#slider_container #loading_slider{
	position: absolute;
	top: 0;
	left: 0;
	background: #ddd url(/lib/lazyloadxt/smsg-img-loader3.gif) no-repeat 50% 50%;
	width: 100%;
	height: 60vh;
}
#slider_container .grand_bloc_highlight .highlight_sms_send_wrap{
	padding-bottom: 0px;
	padding: 15px;
}
#slider_container .highlight_sms_send_wrap a{
	color: white;
	text-decoration: none;
	font-size: 20px;
	font-stretch: ultra-expanded;
	font-weight: bold;
}
#slider_container .slider_img_full_size{
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #000;
}

#slider_container .homepage_first_slide .slider_img_full_size{
	-webkit-filter: blur(10px);
	-moz-filter: blur(10px);
	-o-filter: blur(10px);
	-ms-filter: blur(10px);
	filter: blur(10px);
	transform: scale(1.1);
}

#slider_container .smartphone_screen_wrap{
	position: absolute;
	bottom: 0;
	right: 15%;
	height: 85%;
}
#slider_container .smartphone_screen_img{
	height: 100%;
}

#slider_container .text_block_wrap{
	position: absolute;
	top: 100px;
	left: 15%;
	width: 450px;
	text-align: left;
}
#slider_container .text_block{
	text-align: left;
	text-transform: uppercase;
	font-size: 32px;
	font-weight: bold;
	color: #fff;
	line-height: 45px;
	left: auto;
    top: auto;
    margin: auto;
    text-shadow: -2px 2px 20px #333;
    position: relative;
}
#slider_container .text_block .text_highlight{
	background: #bdd700;
	padding: 0 5px;
}
#slider_container .text_block_wrap .Button{
	font-size: 25px;
	padding: 10px 50px;
	text-transform: uppercase;
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
}
#slider_container .text_block.title_desktop{
	display: block;	
}
#slider_container .text_block.title_mobile{
	display: none;
}


#slider_container #lightSlider{
	display: none;
	width: 100%;
}
#slider_container #lightSlider li{
	width: 100%;
	height: 60vh;
	margin: 0;
}
#slider_container .fa{
	font-size: 50px;
	color: #ccc;
}
#slider_container .lSAction > a{
	background: none;
}
#slider_container .lSPager{
	display: none;
}
#slider_container .lSAction > .lSNext{
	z-index: 2;
}

#slider_container .fa-chevron-right{
	color: #bdd700;
}



@media all and (max-width: 600px) {
	#slider_container .smartphone_screen_wrap{
		width: 40%;
		left: 30%;
		right: 30%;
		height: auto;
	}
	#slider_container .smartphone_screen_img{
		height: auto;
		width: 100%
	}

	#slider_container .text_block_wrap{
		top: 20px;
		width: auto;
		left: 0;
		right: 0;
		text-align: center;
	}
	#slider_container .text_block{
		
	}
	#slider_container .text_block .text_highlight{
		padding: 0 5px;
	}
	#slider_container .text_block_wrap .Button{
		padding: 5px 20px;
		font-size: 12px;
		margin-top: 5px;
		width: 130px;
	}
	#slider_container .text_block.title_desktop{
		display: none;
	}
	#slider_container .text_block.title_mobile{
		display: block;
		width: 170px;
		line-height: 20px;
		text-align: center;
	}

	#slider_container .homepage_title_mobile_line1{
		font-size: 35.2px;
		line-height: 36px;
	}
	#slider_container .homepage_title_mobile_line2{
		font-size: 20px;
		line-height: 26px;
	}
	#slider_container .homepage_title_mobile_line3{
		font-size: 19.2px;
		line-height: 26px;
	}
	#slider_container .homepage_title_mobile_line4{
		font-size: 13.7px;
	}
	#slider_container .homepage_title_mobile_line5{
		font-size: 30.7px;
		line-height: 32px;
	}
}



@media all and (max-width: 500px) {
	#slider_container .highlight_sms_send_wrap{
		display: none;
	}
}

/* Accueil, « Promos en cours » (01.10.2026) : grille centrée dans la page, blocs alignés sur les colonnes.
   Avant, chaque ligne était centrée séparément : la dernière ligne (incomplète) décalait ses colonnes. */
#group_all_number_0 .promo_sms_wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	width: 882px;          /* 3 blocs de 290 px + marges, comme les lignes pleines */
	max-width: 100%;
	margin: 0 auto 5px auto;
	padding: 0;
	text-align: left;
}
@media all and (max-width: 940px) {
	#group_all_number_0 .promo_sms_wrapper{ width: 592px; }   /* 2 colonnes */
}
@media all and (max-width: 640px) {
	#group_all_number_0 .promo_sms_wrapper{ width: 100%; justify-content: center; padding: 0 5px; }   /* 1 colonne : centrée */
}