#discipline {
	text-align : center;
	padding-top : 5em;
}

#horaires {
	display : flex;
	flex-direction : column;

	width : 30%;
	margin-top : 2em;
	margin-bottom : 4em;
	padding : 2em 3em 4em 3em;
	
	text-align : center;
	box-shadow : 0px 0px 10px #ccc;
}


#profs {
	display : flex;
	flex-direction : row;
	flex-wrap : wrap;
	justify-content : center;
	gap : 5em;
	text-align : center;
}

.professeurs_wrapper {
	align-content : end;

}

#profs img {
	max-width : 400px;
	max-height : 400px;
	border-radius : 10px;
}

#profs video {
	max-width : 400px;
	max-height : 400px;
	border-radius : 10px;
}


#inscription {
	border-radius : 10px;
	text-align : center;
}

#reseaux_sociaux {
	display :flex;
	flex-direction : column;
	align-items : center;
	margin-top : 5em;
	margin-bottom : 5em;
}

.soc-logo-container {
	display : flex;
	flex-direction : row;	
	gap : 10em;
}


.soc-logo-container img {
	width : 100px;
}


#image_slider {
	display : flex;
	align-items : center;
	margin-bottom : 10em;
}

#slideshow {
	display : flex;
	flex-direction : column;
	width : 100%;
}

.slides {
	display : none;
	max-width : 60%;
	max-height : 800px;
	align-self : center;
}

.slides img {
	display : flex;
	width : 100%;
}


/* Responsive styles */
@media (max-width: 950px) {
	.article-content, #horaires{
		width : 90%;
		margin-left : auto;
		margin-right : auto;
		padding-left : 0;
		padding-right : 0;
	}
	#professeurs h1 {
		text-align : center;
	}
	#inscription {
		margin-top : 3em;
	}
	#inscription .inscription-content {
		margin-top : 2em;
	}
	.soc-logo-container {
		flex-direction : column;
		gap : 3em;
	}
}