#banner-index .brand {
	position: absolute;
	padding: 15px 10px !important;
}
#bar {
	margin-top: 100px !important;
	z-index: -1;
}
#banner-index .menu {
	width: 95% !important;
	transition: 0.5s;
	position: absolute;
	z-index: 1 !important;
}
#banner-index .menu #moi{
	background: white;
	margin: 0 !important;
	padding: 50px 20px !important;
	transition: 0.5s;
	float: left;
}
#welcome h1 {
	margin-left: auto !important;
}
.illustration {
	display: grid;
	grid-template-columns: repeat(1, 1fr) !important;
	gap: 20px;
	text-align: center;
}
.item-illustration {
	border-radius: 10px;
	overflow: hidden;
	margin-top: 15px;
}
.item-illustration h3 {
	font-size: 16px;
}
#see-more-courses {
	width: 50% !important;
}
#box-connection {
	width: 90% !important;
	margin-top: 100px !important;
}
#cours {
	margin-top: 100px !important;
}
.item-illustration img {
	width: 60% !important;
}
.brand {
	background:rgba(16, 48, 161, 1.0);
	height: 90px !important;
	margin-bottom: 0;
}
.menu ul li a {
	width: 100%;
}
.search-part {
	width: 80% !important;
	margin: 0 auto;
  }