/*//Paramètre communs//*/
.slider{
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 auto;
	overflow: hidden;
}
.slider_arrow_left,.slider_arrow_right{
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 20px;
	height: 100px;
	text-align: center;
	transition: transform 0.2s ease 0s;
}
.slider_arrow_left:hover,.slider_arrow_right:hover{
	cursor:pointer;
	transform:scale(1.1);
}
.slider_arrow_left i,.slider_arrow_right i{
	font-size: 1.3em;
	color: #fff;
}
.slider_master{
	width: 100%;
	overflow: hidden;        
}
.slider_slider{
	width: auto;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	transform: translateX(0px);
	transition: transform 0.3s ease 0s;
}
.slider_item:hover{
	cursor:pointer;
}
.slider_item{
	height: 100%;
	position:relative;
	transition: transform 0.2s ease 0s;
}

.slider_item img{
	display: block;	
	max-width: 94%;
	/*max-width: none; important avec flexbox ne pas retirer */
}

/*//Paramètre individuels//*/
#slider_plans, #slider_rgb{
	height: 420px;
	position: absolute;
	z-index: 30;
	transform: translateY(-420px);
	transition: all 0.2s ease 0s;
	background-color: #16242C;
	border-bottom: 2px solid #8a00fc;
}
#slider_rgb{
	border-image: linear-gradient(to right, #b732ff 0%,#0061ff 20%,#00e9ff 40%,#2dff0c 60%,#ff0 80%,#f00 100%) 1;
}
#slider_plans .slider_item h4, #slider_rgb .slider_item h4{
	margin: 0;
	text-align: left;
	color: white;
	text-transform: capitalize;
	font-size: 1.2em;
	font-style: italic;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
#slider_plans .slider_item p,#slider_rgb .slider_item p{
	margin: 5px 0;
	text-align: left;
	color: white;
	text-transform: capitalize;
	font-size: 1.1em;
	font-style: italic;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

#slider_news .slider_item, #slider_plans .slider_item,#slider_rgb .slider_item{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	background-color: #0a0f14;
	overflow: hidden;
	border-radius: 10px;
	margin: 0px 8px;
	justify-content: space-between;
	transition: filter 0.2s ease 0s;
}

#slider_plans .slider_item,#slider_rgb .slider_item{
	align-items: center;
	padding-top: 20px;
}

#slider_news .slider_item:hover, #slider_plans .slider_item:hover,#slider_rgb .slider_item:hover{
	filter        : brightness(1.3);
	-moz-filter   : brightness(1.3);
	-webkit-filter: brightness(1.3);
	-o-filter     : brightness(1.3);
	transition: filter 0.2s ease 0s;
}
#slider_news .slider_item{
	margin: 0px 12px;
}
#slider_plans .slider_item img,#slider_rgb .slider_item img{
	padding: 0 30px;
}
#slider_news .slider_item img{
	padding: 0;
}

#slider_plans .slider_item figcaption,#slider_rgb .slider_item figcaption{
	width: 100%;
	padding: 0px 30px;
	margin-bottom: 15px;
}

.menu_top_prix{
	color: #8a00fc !important;
	font-weight: bold !important;
	font-size: 2.1em !important;
}
.menu_top_prix .menu_price_span{
	font-size: 0.6em !important;	
}

.slider_top_deploy{
	transform: translateY(0px) !important;
}

#slider_news figcaption{
	position: absolute;
	bottom: 0;
	color: white;
	left: 0;
	right: 0;
	padding: 5px;
	background-color: #070707ba;
	font-size: 0.8em;
	text-align: left;
	height: 64px;
	overflow: hidden;
	line-height: 1.25;
}
#slider_news figcaption p{
	margin-top: 0;
	margin-bottom: 0;
}
#slider_news figcaption h4{
	font-size: 1.2em;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 98%;
	width: 100%;
	display: inline-block;
	font-style: italic;
	text-align: left;
}

#slider_news .slider_master{
	height: auto;
}

/*////Responsive///*/
@media all and (min-width: 400px){ 
	#slider_plans .slider_item img,#slider_rgb .slider_item img{
		padding: 0 50px;
	}
}

@media all and (min-width: 480px){ 
	#slider_plans .slider_item img,#slider_rgb .slider_item img{
		padding: 0;
	}

	#slider_plans .slider_item h4, #slider_rgb .slider_item h4 {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		margin-top: 10px;
	}

	#slider_plans .slider_item p, #slider_rgb .slider_item p {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
	}
}

@media all and (min-width: 650px){ 
	#slider_plans .slider_item img, #slider_rgb .slider_item img {
	  padding: 0 30px;
	}
}

@media all and (min-width: 768px){ 
	.composants_prix {
	  right: 30px;
	}

	#slider_plans .slider_item img, #slider_rgb .slider_item img {
	  padding: 0 10px;
	}
}