@charset "utf-8";
body {
	
	font-family: 'Inter', sans-serif;
	
	font-size: 16px;
	
	margin: 0px;
	padding: 0px;
	
	border: 0px solid #ccc;
	
}


/**********/
/* Header */
/**********/

header {
	
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	
	width: auto;
	max-width: 1080px;
	height: auto;
	
	margin-left: auto;
	margin-right: auto;
	
	border: 0px solid #F33;
	
}
@media all and (max-width: 780px) {
	
	header {
		
		flex-direction: column;
		
	}
	
}


#header_left_div {
	
	width: 30%;
	height: auto;
	
	
	
	border: 0px solid #999;
	
}
@media all and (max-width: 780px) {
	
	#header_left_div {
		
		width: 100%;
		
	}
	
}


#header_center_div {
	
	width: 40%;
	
	border: 0px solid #999;
	
}
@media all and (max-width: 780px) {
	
	#header_center_div {
		
		width: 100%;
		
	}
	
}


#header_right_div {
	
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	
	width: 30%;
	height: auto;
	
	text-align: center;
	
	border: 0px solid #999;
	
}
@media all and (max-width: 780px) {
	
	#header_right_div {
		
		width: 100%;
		
		margin-bottom: 15px;
		
	}
	
}


.titre_page {
	
	margin-left: auto;
	margin-right: auto;
	
	text-align: center;
	
	border: 0px solid #999;
	
}



h1 {
	
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	
	text-align: center;
	font-size: 30px;
	font-weight: 500;
	
	border: 0px solid #999;
	
}

h2 {
	
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	
	text-align: center;
	font-size: 24px;
	font-weight: 400;
	
	border: 0px solid #999;
	
}

h3 {
	
	margin-top: 10px;
	
	text-align: left;
	font-size: 20px;
	font-weight: 400;
	
	padding: 0px;
	
	margin-top: 10px;
	margin-bottom: 0px;
	
	
	border: 0px solid #999;
	
}


.lien_WhatsApp {
	
	color: #25d767;
	
	text-decoration: none;
	
	
	border: 0px solid #999;
	
}

.lien_WhatsApp:hover {
	
	text-decoration: underline;
	
	
	border: 0px solid #999;
	
}


/********/
/* Main */
/********/

main {
	
	display: flex;
	flex-direction: column;
	
	width: auto;
	max-width: 1080px;
	height: auto;
	min-height: 250px;
	
	padding: 0px;
	margin: 0px;
	
	margin-left: auto;
	margin-right: auto;
	
	border: 0px solid #09F;
	
}

@media all and (max-width: 780px) {
	
	main {
	  
	  
	  
	}
	
}


#fenetre_video_div {
	
	display: flex;
	
	width: auto;
	max-width: 1080px;
	height: auto;
	
	padding: 0px;
	
	margin-left: auto;
	margin-right: auto;
	
	margin-top: 0px;
	
	border: 0px solid #F00;
	
}

@media all and (max-width: 780px) {
	
	#fenetre_video_div {
		
		width: 100%;
		
	}
	
}


#accueil_video {
	
	display: flex;
	
	/* position: relative; */
	z-index: 1;
	
	width: 100%;
	height: auto;
	
	margin: 0px;
	padding: 0px;
	
	border: 0px solid #0CC;
	
}

@supports (-webkit-touch-callout: none) {
	
	/* CSS specific to iOS devices */
	#accueil_video {
		
		
		
	}
	
}


#page_div {
	
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	
	width: auto;
	height: auto;
	
	padding-left: 10px;
	padding-right: 10px;
	
	margin-top: 15px;
	
	text-align: left;
	
	border: 0px solid #666;
	
}

@media all and (max-width: 780px) {
	
	#page_div {
		
		
		
		
		
	}
	
}


img {
	
	display: flex;
	
	
	border: 0px solid #666;
	
}

@media all and (max-width: 780px) {
	
	img {
		
		width: 100%;
		
		
		
		
		
	}
	
}


table {
	
	width: auto;
	height: auto;
	
	min-width: 500px;
	
	margin-top: 20px;
	
	border: 1px solid #CCC;
	border-collapse: collapse;
	
}

@media all and (max-width: 780px) {
	
	table {
		
		min-width: inherit;
		
	}
	
}


td {
	
	border: 1px solid #CCC;
	
	padding: 10px;
	
}

@media all and (max-width: 780px) {
	
	td {
		
		
		
	}
	
}


#fenetre_video_cours_div {
	
	display: flex;
	
	width: auto;
	max-width: 400px;
	height: auto;
	
	padding: 0px;
	
	margin-top: 30px;
	
	border: 0px solid #F00;
	
}

@media all and (max-width: 780px) {
	
	#fenetre_video_cours_div {
		
		width: 100%;
		
	}
	
}


#accueil_video_cours {
	
	display: flex;
	
	/* position: relative; */
	z-index: 1;
	
	width: 100%;
	height: auto;
	
	margin: 0px;
	padding: 0px;
	
	border: 0px solid #0CC;
	
}

@supports (-webkit-touch-callout: none) {
	
	/* CSS specific to iOS devices */
	#accueil_video_cours {
		
		
		
	}
	
}


#google_maps_iframe {
	
	display: flex;
	
	margin-top: 20px;
	margin-left: 0px;
	
	border: 0px;
	
}

@media all and (max-width: 780px) {
	
	#google_maps_iframe {
		
		width: 100%;
		
		
	}
	
}


/**********/
/* Footer */
/**********/

footer {
	
	width: auto;
	max-width: 1080px;
	height: 50px;
	
	margin-left: auto;
	margin-right: auto;
	
	border: 0px solid #0C0;
	
}

@media all and (max-width: 780px) {
	
	footer {
		
		flex-direction: column;
		
	}
	
}