.cpP_n_1_carrousel
{
	width: 60%;
	margin: auto;
}

.diapo
{
	position: relative; /*Ceci permet de dire aux elements fille que diapo est la reference */
	
	overflow: hidden;
	
	border-radius: 10px;
}

	.elements
	{
		display: flex;
	}

	.element
	{
		flex: 1 0 100%; /* Permet d'etre a 100% dans le main*/
		position: relative; /* permet a caption de se position par rapport a element*/
	}
		.element img
		{
			width: 100%;
		}
		
		.caption
		{
			font-size: 2em;
			
			position: absolute;
			top: 50%;
			left: 50%; /* Avec ce genre de reglage c'est le coin haut gauche qui est au molieu. */
			transform: translate(-50%, -50%); /* Ceci permet de decaler le texte au milieu */
			
			text-align: center;
			
			background-color: rgba(255,255,255,0.8); /* le dernier gere la transparence */
			border-radius: 10px;
			padding: 20px 50px 20px 50px;
		}
		
	#nav-gauche, #nav-droite
	{
		position: absolute;
		top: 50%;
		transform: translateY(-50%); /* verticale */
		width: 10%;
		
		font-size: 8em;
		cursor: pointer;
		color: #000000;
		
		padding: 20px 50px 20px 50px;
	}
	
	#nav-gauche
	{
		left: -60px;
		z-index: 1;
	}
	#nav-droite
	{
		right: -60px;
	}
	
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*                                    Smartphone                                       */
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------*/		

@media screen and (max-width:1081px) 
{
	.cpP_n_1_carrousel
	{
		width: 90%;
		margin: auto;
	}	
}