
	.caroussel_clients_body
	{
		/* Substitu etoile */
		box-sizing: border-box;
		margin: 0;
		padding: 0;
		/* Substitu etoile */
		
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 35px;
		height: 400px;
	}
	
		.n_0_caroussel_clients 
		{
			/* Substitu etoile */
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			/* Substitu etoile */
			
			max-width: 1100px;
			width: 100%;
			position: relative;
		}
	
		.n_0_caroussel_clients .n_1_caroussel_clients
		{
			/* Substitu etoile */
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			/* Substitu etoile */
			
			display: grid;
			grid-auto-flow: column;
			grid-auto-columns: calc(( 100% / 3 ) - 12px);
			gap: 16px;
			
			overflow-x: auto;
			scroll-snap-type: x mandatory;
			scroll-behavior: smooth;
			scrollbar-width: 0;
		}
		
			.n_1_caroussel_clients::-webkit-scrollbar 
			{
				/* Substitu etoile */
				box-sizing: border-box;
				margin: 0;
				padding: 0;
				/* Substitu etoile */
				
				display: none; /*Problème Firefox */
			}
		
		.n_0_caroussel_clients_btn_nxt, .n_0_caroussel_clients_btn_pre
		{
			/* Substitu etoile */
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			/* Substitu etoile */
			
			height: 50px;
			width: 50px;
			background-color: #F0F0F0;
			color: #000000;
			font-size: 3em;
			text-align : center;
			border-radius: 50%;
			line-height: 50px;
			cursor: pointer;
			
			position:absolute;
			top: 50%;
			transform: translateY(-50%);
			
			box-shadow: 0 3px 6px #D9B436;
			
		}
		
		.n_0_caroussel_clients_btn_pre
		{
			/* Substitu etoile */
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			/* Substitu etoile */
			
			left: -22px;
		}
		
		.n_0_caroussel_clients_btn_nxt
		{
			/* Substitu etoile */
			box-sizing: border-box;
			margin: 0;
			padding: 0;
			/* Substitu etoile */
			
			right: -22px;
		}
		
		
			.n_1_caroussel_clients :where(.n_2_caroussel_clients,.n_2_caroussel_clients_image)
			{
				/* Substitu etoile */
				box-sizing: border-box;
				margin: 0;
				padding: 0;
				/* Substitu etoile */
				
				display: flex;
				align-items: center;
				justify-content: center;
			}
	
			.n_1_caroussel_clients .n_2_caroussel_clients
			{
				
				/* Substitu etoile */
				box-sizing: border-box;
				margin: 0;
				padding: 0;
				/* Substitu etoile */
				
				height: 400px;
				list-style: none;
				
				border-radius: 10px;
				display: flex;
				padding-bottom: 15px;
				align-items: center;
				flex-direction: column;
				justify-content: center;
				
				background-color: #F0F0F0;
				background-image: url(Header/fond_site.jpg);
				
				border: 2px solid #D9B436;
				
				cursor: pointer;
				
				scroll-snap-align: start;
				
			}
			
				.n_1_caroussel_clients.dragging .n_2_caroussel_clients
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
					
					cursor: grab;
					user-select: none;
				}
				
				.n_1_caroussel_clients.dragging
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
					
					scroll-snap-type: none;
					scroll-behavior: auto;
				}
				
				.n_1_caroussel_clients.no-transition
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
				
					scroll-behavior: auto;
				}
			
				.n_2_caroussel_clients
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
					
					width: 100%;
					text-wrap: wrap;
				}

				.n_2_caroussel_clients .n_2_caroussel_clients_image
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
					
					background-color: #D9B436;
					width: 148px;
					height: 148px;
					border-radius: 50%;
				}
		
				.n_2_caroussel_clients .n_2_caroussel_clients_image img
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
					
					width: 140px;
					height: 140px;
					object-fit: cover;
					border-radius: 50%;
					border: 4px solid #F0F0F0F0;
				}
				
				.n_2_caroussel_clients h2
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
				
					font-weight: bold;
					font-size: 1.5em;
					margin: 30px 0 5px;
				}
				
				.n_2_caroussel_clients p
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
				
					font-size: 1.2em;
					padding-top: 10px;
				}
				
				.n_2_caroussel_clients_p_italique
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
					
					font-style: italic;
					font-size: 1em;
				}
				
				.n_2_caroussel_clients_p_produit
				{
					font-weight: bold;
				}
				
				.n_2_caroussel_clients_btn
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
				
					background: none;
					border: 2px solid;
					border-color: #D9B436;
					color: #000000;
					border-radius: 10px;
					width:100%;
					padding: 10px;
					font-size: 1.3em;
					cursor: pointer;
					transition: 0.3s linear;
					position: relative;
					z-index:0;
				}
				
				.n_2_caroussel_clients_btn:hover
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
				
					color: #FFFFFF;
					transition: 0.3s linear;
				}
				
				.n_2_caroussel_clients_btn::before
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
				
					content:"";
					position: absolute;
					width: 0%;
					height: 100%;
					top:0;
					left: 0;
					background-color: #D9B436;
					border-radius: 5px;
					transition: 0.3s linear;
				}
				
				.n_2_caroussel_clients_btn:hover::before
				{
					/* Substitu etoile */
					box-sizing: border-box;
					margin: 0;
					padding: 0;
					/* Substitu etoile */
				
					width: 100%;
					z-index:-1;
				}
				
				
				
				
				
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*                                    Smartphone                                       */
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/	

@media screen and (max-width:1081px) 
{
	.n_0_caroussel_clients .n_1_caroussel_clients
	{
		grid-auto-columns: calc(( 100% / 2 ) - 9px);
	}
}

@media screen and (max-width:600px) 
{
	.n_0_caroussel_clients .n_1_caroussel_clients
	{
		grid-auto-columns: 100%;
	}
}
				
				