/* Style de base */
* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, sans-serif;
	line-height: 1.5;
}

.container {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
}

/* Style de l'en-tête */
header {
	background-color: #2c3e50;
	color: #fff;
	padding: 40px 0;
	text-align: center;
}

header h1 {
	font-size: 3rem;
	margin-bottom: 20px;
}

header p {
	font-size: 1.5rem;
	margin-bottom: 20px;
}

.btn {
	display: inline-block;
	padding: 10px 20px;
	background-color: #fff;
	color: #2c3e50;
	border-radius: 5px;
	text-decoration: none;
}

.btn:hover {
	background-color: #2c3e50;
	color: #fff;
}

/* Style de la section principale */
main {
	padding: 40px 0;
}

section {
	background-color: #ecf0f1;
	padding: 20px;
	margin-bottom: 20px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

section h2 {
	font-size: 2rem;
	margin-bottom: 20px;
	color: #2c3e50;
}

ul {
	list-style: none;
}

ul li {
	margin-bottom: 10px;
}

/* Style du pied de page */
footer {
	background-color: #2c3e50;
	color: #fff;
	text-align: center;
	padding: 20px;
}

footer p {
	font-size: 1.2rem;
}

/* Style de la section des cours */

#cours h2 {
	font-size: 2rem;
	margin-bottom: 20px;
	color: #2c3e50;
}

#cours ul {
	list-style: none;
}

#cours li {
	margin-bottom: 20px;
}

#cours h3 {
	font-size: 1.5rem;
	margin-bottom: 10px;
	color: #2c3e50;
}

#cours iframe {
	width: 100%;
	height: 700px;
}

/* Style de la section des cours */
#cours {
	background-color: #fff;
	padding: 40px 0;
	transform: translateY(10%);
	transition: transform 1s ease-in-out;
}

#cours.show {
	transform: translateY(0);
}

nav {
	background-color: #333;
	color: #fff;
}

nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

nav li {
	display: inline-block;
	margin: 0;
}

nav a {
	display: block;
	padding: 10px 20px;
	color: #fff;
	text-decoration: none;
}

nav a:hover {
	background-color: #555;
}

#about {
	background-color: #f7f7f7;
	padding: 50px 0;
}

#about h2,
#about h3 {
	text-align: center;
}

#about h3 {
	margin-top: 50px;
}

#about ul {
	list-style-type: disc;
	margin-left: 40px;
}

#about li {
	margin-bottom: 20px;
}
/* Appliquer un style différent à l'onglet de navigation sur la page "Accueil" */
body.page-accueil #nav li.accueil a {
	background-color: #FFA500;
	color: #fff;
  }
  
  /* Appliquer un style différent à l'onglet de navigation sur la page "A propos" */
  body.page-apropos #nav li.apropos a {
	background-color: #00CED1;
	color: #fff;
  }
  /* Appliquer un style différent à l'onglet de navigation sur la page "Contact" */
body.page-contact #nav li.contact a {
	background-color: #FFD700;
	color: #fff;
}
nav ul li a {
	border-radius: 10px;
  }