#main_banner_container
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	height : 500px;
	display : flex;
	align-items : center;
	justify-content : center;
	margin-bottom : 10px;
}

#main_banner_bg
{
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
	background-image : url('../common/images/banner_1.png');
	display : flex;
	align-items : center;
	justify-content : center;
	background-position : center center;
	background-size : cover;
}

#main_banner
{
	width : 100%;
	height : 100%;
	margin : 0px;
	padding : 0px;
	background-color : rgba(0, 0, 0, 0);
	display : flex;
	align-items : center;
	justify-content : center;
	transition-property: background-color; /* Active la transition sur background-color */
    transition-duration: 0.8s; /* La transition dure 1s */
}

#main_banner:hover
{
	background-color : rgba(0, 0, 0, 0.15);
	transition-property: background-color; /* Active la transition sur background-color */
    transition-duration: 0.8s; /* La transition dure 1s */
}

#main_banner_content
{
	width : 80%;
	height : 100%;
	display : flex;
	align-items : center;
	justify-content : center;
}

#main_banner_left
{
	width : 45%;
	height : 100%;
	padding-left : 5%;
	display : flex;
	align-items : center;
	justify-content : center;
	flex-direction : column;
}

#main_banner_right
{
	width : 50%;
	height : 100%;
	display : flex;
	align-items : center;
	justify-content : center;
}

#main_banner_right img
{
	width : 70%;
	height : auto;
}

#main_banner_left h1
{
	color : white;
	font-size : 3em;
	width : 100%;
	margin : 0px;
	padding : 0px;
}

#main_banner_left h2
{
	color : white;
	font-size : 1.8em;
	width : 100%;
	margin : 0px;
	padding : 0px;
}

#main_banner_left p
{
	width : 100%;
	margin : 0px;
	padding : 0px;
	color : white;
	margin-top : 20px;
}

.banner_button
{
	display : inline-block;
	border : 1px solid #414043;
	width : calc(40% - 22px);
	min-width : 200px;
	padding-left : 10px;
	padding-right : 10px;
	padding-top : 5px;
	padding-bottom : 5px;
	color : white;
	font-size : 1.2em;
	text-decoration : none;
	background: linear-gradient(#90CBFE, #1C7ED6);
	text-align : center;
	margin-top : 10px;
	margin-bottom : 5px;
	border-radius : 10px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.38);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.38);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.38);
}

.banner_button:hover
{
	background: linear-gradient(#1C7ED6, #135995);
}