/*page procede*/

/*
@media(max-width:419px){
	.titreNoirPetit{
		display:block;
		color:black;
		text-align:center;
		margin-top: 2%;
		font-size: 1.8em;
	}
	.titreNoir{
		display: none;
	}
}
@media(min-width:420px){
	.titreNoirPetit{
		display:none;
	}
	.titreNoir{
		display: block;
		color:red;
	}
}


@media(max-width:885px){
	.titreNoirPetit{
		margin-top: 1em;
		font-size: 1.5em;
		margin-left: 1em;
		margin-right:1em;
	}
}
@media(max-width:529px){
	.titreNoirPetit{
		margin-top: 1.3em;
		font-size: 1.3em;
		margin-left: 1em;
		margin-right:1em;
	}
}
*/

.conteneurProcedes{
	display: flex;
	justify-content: space-between;
	flex-direction:column;
	align-items: center;
	flex-wrap: nowrap;
	margin:2%;
}


.procedes{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items: center;
}

.procede{
	margin: 0 0;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 2em;
	text-align: center;
}

.procede p {
    font-size: 0.9em;
}

.procedeImage{
	width:6em;
	height:6em;
	overflow:hidden;
	border-radius: 50%;
	justify-content:center;
	align-items:center;
	margin-bottom: 1em;
}


.procedeImage img{
	width: 100%;
	height: auto;
	object-fit:cover;
}


.procedeLigne{
	display: flex;
	flex-wrap:wrap;
	}


.procedeVideo {
    display: flex;
    justify-content: flex-end;
    flex-wrap:wrap;
    align-items: center;
    margin-bottom: 1%;
}

.procedeVideo video {
    width: auto; 
    margin-right: 2em;
}




.procedeDivers {
    display: flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content: flex-end;
    margin-left: 0%;
    gap: 1em; 
    height:490px;
}

.procedeDivers p{
	font-size: 1em;
	text-align:left;
	margin-left:0.2em;
}
.procedeGrandEcran{
	display:block;
	}
.procedePetitEcran{
	display:none;
}


@media(max-width:838px){
	.procedeLigne{
		display:flex;
		flex-direction:column;
		justify-content:center;
		align-items:center;
	}
	.procedeDivers{
		display:flex;
		justify-content:flex-start;
		align-items:center;
		margin-left: 12%;
		margin-right: 12%;
		height:auto;
		}
	.procedeDivers p{
		margin-left:2%;
		}
		
	.procedeVideo{
		justify-content:center;
	}
	
	.procedeVideo video{
		margin-bottom:2em;
		margin-right:0;
		min-width:90%;
	}
	.procedeGrandEcran{
	display:none;
	}
	.procedePetitEcran{
	display:block;
	}

}