.BannerStyle {

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
     line-height:auto !important;
	width: 100vw !important;
	height: 100% !important;
}
.ContentBanner{
	width:100%
}
.ContentBannerRight{
		display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	flex-direction:column;
	justify-content:center;
	width:100%;


}
.ContentBannerLeft{
    display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
	flex-direction:column;
	justify-content:center;
	width:100%;


}

@media screen   and (min-width:769px)  {
.BannerPrincipal{width:calc(100% - 60px);}
 .titreBanner{
    font-family: 'Mayeka Bold Demo';
    color:#fff;
    font-size: 6em;
    text-transform: uppercase;
    display:block;
    line-height:22px;
    margin-bottom:30px;
}
.DescriptionBanner{
   font-family: 'Lato', sans-serif;
   color:#fff;
   font-size: 15px;
   line-height: 22px !important;
}
 .banner {
    position: relative;
    min-height: 100vh !important;
}
.banner  img {    min-height: 100vh !important; max-heoght:100vh !important;}
.bannercontainer {min-height:300px !important;} 
}

@media screen   and (max-width:768px)  {
.BannerPrincipal{width:100%;}
  .titreBanner{
    font-family: 'Mayeka Bold Demo';
    color:#fff;
    font-size: 8em;
    text-transform: uppercase;
    display:block;
    line-height:22px;
    margin-bottom:30px;
}
.BannerStyle {

	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
     line-height:auto !important;
	width: 100vw !important;
	height: 100% !important;
       min-height:300px  !important;
}

 .banner {
    position: relative;
    min-height: 250px !important;
}
.banner  img {min-height:250px !important;}
.bannercontainer {min-height:250px !important;} 
}


.rightarrow.large.round {
    background:url(../Images/SuivantBanner.png)  50% 50%  no-repeat !important;
    margin-left: calc(-50% + 63px) !important;
    visibility: visible !important;
    opacity: 1 !important;
    bottom:30px !important;
    top:inherit !important

}
.rightarrow.large.round:hover{
    background:url(../Images/SuivantBanner.png)  50% 50%  no-repeat !important;
       opacity: 0.5 !important;
}
.leftarrow.large.round {
    margin-left: calc(50% - 63px) !important;
    background:url(../Images/PrecedentBanner.png)  50% 50%  no-repeat !important;
    visibility: visible !important;
    opacity: 1 !important;
    bottom:30px !important;
    top:inherit !important
}

.leftarrow.large.round:hover{
    background:url(../Images/PrecedentBanner.png)  50% 50%  no-repeat !important;
           opacity: 0.5 !important;
}