html {
	scroll-behavior: smooth;
}

.pre-scrollable {
  max-height: 300px !important;
}

div.container > section {
	margin-top: 3rem !important; /* Bootstrap's .mt-5 */
}

section > h2 {
	color: #fff !important; /* Bootstrap's .tex-white */
	padding: 1rem !important; /* Bootstrap's .p-3 */
	border-radius: .25rem !important; /* Bootstrap's .rounded */
	background-color: #007bff !important; /* Bootstrap's .bg-primary */
}

div.exercice {
	color: #155724; /* Bootstrap's .alert-success */
	background-color: #d4edda; /* Bootstrap's .alert-success */
	position: relative; /* Bootstrap's .alert */
	padding: .75rem 1.25rem; /* Bootstrap's .alert */
	margin-bottom: 1rem; /* Bootstrap's .alert */
	border: 1px solid #c3e6cb; /* Bootstrap's .alert */
	border-radius: .25rem; /* Bootstrap's .alert */
}

div.exercice > h3 {
	font-size: 1.25rem; /* Bootstrap's .h5 */
	margin-bottom: .5rem; /* Bootstrap's .h5 */
	font-weight: 500; /* Bootstrap's .h5 */
	line-height: 1.2; /* Bootstrap's .h5 */
}

.corrige {
	border: 1px solid !important;
	padding: 5px !important;
}

div.titre {
	padding: 4rem 2rem;
	margin-bottom: 2rem;
	background-color: #e9ecef;
	border-radius: .3rem;
	box-sizing: border-box;
}

header.jumbotron {
	border-radius: 0.3rem !important; /* Bootstrap's .rounded-3 */
	--bs-bg-opacity: 0.25; /* Bootstrap's .bg-opacity-25 */
	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;  /* Bootstrap's .bg-dark */
	padding: 3rem !important; /* Bootstrap's .p-5 */
	margin-bottom: 1.5rem !important; /* Bootstrap's .mb-4 */
}

header.jumbotron > h1 {
	font-weight: 700 !important; /* Bootstrap's .fw-bold */
	font-size: calc(1.375rem + 1.5vw); /* Bootstrap's .display-6 */
	line-height: 1.2; /* Bootstrap's .display-6 */
}