.ContentBanner .VoirPlus a:after{
    width: 0;
    height: 0;
    position: absolute;
    top: 27px;
    left: 31px;
    content: "";
    border-style: solid;
    border-width: 7px 0 7px 8px;
    border-color: transparent transparent transparent #f2f2f2;
}
.BannerPrincipal {

    position: relative;
}
.StyleTxtBanner {
    display: table;
    margin: auto;
}
.TitreBanner {
    display: block;
    margin-bottom: 5vh;
}
.ContentBanner .VoirPlus a {position:relative;overflow: hidden;}

.slotholder:after {
    background: rgba(26,26,26,.4);
    content: "";
    /* height: 94vh; */
    left: 00%;
    position: absolute;
    top: 00%;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: 1;
    width: 100%;
    height: 100vh;
}

.VoirPlus a{
    cursor: pointer;
    width: 70px;
    height: 70px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #fff;
    z-index: 9;
    position: relative;
    padding: 2px;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    line-height: 75px;
    -webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
    display: inline-block;
}

.TitreBanner a{
  padding:8px 5vw;
 background:#34a793;
    font-family: 'Bauhaus Md BT';
    -webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
    overflow: hidden;
    display: block;
}
.TitreBanner a{
position:relative;
    overflow: hidden;
}
.TitreBanner  a:before{
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    color:#34a793;
    transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1);
    transition: transform .6s cubic-bezier(.215,.61,.355,1);
    transition: transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
}
.TitreBanner a:hover:before{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    color:#34a793 !important;
}
.TitreBanner a:hover  span{
    color: #34a793 !important;
    position: relative;
    z-index: 99999;
}
.TitreBanner a:hover {
    color:#34a793 !important;
}

.VoirPlus a:before{
    content: '';
    position: absolute;
    top: 0;
    right:  calc(100% + 1px);
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #34a793;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color:#fff;
    transition: -webkit-transform .6s cubic-bezier(.215,.61,.355,1);
    transition: transform .6s cubic-bezier(.215,.61,.355,1);
    transition: transform .6s cubic-bezier(.215,.61,.355,1),-webkit-transform .6s cubic-bezier(.215,.61,.355,1);
}
 .VoirPlus a:hover:before{
    -webkit-transform: translateX(101%);
    transform: translateX(101%);
    color:#fff  !important;
}

.VoirPlus {
    display: table;
    margin: auto;
    overflow: hidden;
}
.ContentBanner {
    width: 100%;
    text-align: center;
}
.StyleTxtBanner{
    font-family: 'Bauhaus Lt BT';
}
.StyleTxtBanner a{
 

}
@media screen and (min-width:768px)  {
.slot {height: 100%!important;}
.slotholder {height: 100%!important;}
.BannerPrincipal {
    display: block;
    width: 100%;
    height: 100vh;
    z-index: 9;
}
.banner {
    height: 100vh !important;
    overflow: hidden;
}
 .bannercontainer {
    height: 100vh !important;
    overflow: hidden !important;
}
 .bannercontainer li {
    height: 100vh !important;
    overflow: hidden !important;
}
.StyleTxtBanner{
    color: #fff;
    line-height: 1.2em !important;
    font-size:3em;
 
 
}
.banner img{
    position: relative;
    height:100vh !important;
    width:100% !important;
}
 .banner {
    height:100vh !important;
    width:100% !important;
}
 .ContainerBanner {
   display: block;
   position: absolute !important;
   top: inherit !important;
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-align: center;
   -webkit-align-items: center;
   -webkit-box-align: center;
    height: 100vh  !important;
   width: 100% !important;
   z-index: 999;
   text-align: center;
}
}

@media screen and (max-width:767px)  {


.BannerPrincipal {
    display: block;
    width: 100%;
    height: 50vh;
    z-index: 9;
}
.banner {
    height: 50vh !important;
    overflow: hidden;
}
 .bannercontainer {
    height: 50vh !important;
    overflow: hidden !important;
}
 .bannercontainer li {
    height: 50vh !important;
    overflow: hidden !important;
}
.StyleTxtBanner{
    color: #fff;
    line-height: 1.2em !important;
    font-size:10em;
 
 
}

.VoirPlus a{
    cursor: pointer;
    width: 40px;
    height: 40px;
    line-height: 40px;

}
.ContentBanner .VoirPlus a:after {
    top: 13px;
    left: 16px;
}
.banner img{
    position: relative;
    min-height:50vh !important;
    width:100% !important;
}
 .banner {
    height:50vh !important;
    width:100% !important;
}
 .ContainerBanner {
   display: block;
   position: absolute !important;
   top: inherit !important;
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   -ms-flex-align: center;
   -webkit-align-items: center;
   -webkit-box-align: center;
    height:50vh  !important;
   width: 100% !important;
   z-index: 999;
   text-align: center;
}
}


@media (orientation: landscape) and (max-device-width :767px) {
.BannerPrincipal {
    height: 80vh !important;
    z-index: 9;
}
.banner {
    height:80vh !important;

}
 .bannercontainer {
    height: 80vh !important;
    overflow: hidden !important;
}
 .bannercontainer li {
    height: 80vh !important;

}
.StyleTxtBanner{
    color: #fff;
    line-height: 1.2em !important;
    font-size:8em;
 
 
}
.banner img{

    min-height:80vh !important;

}
 .banner {
    height:80vh !important;

}
 .ContainerBanner {
    height: 75vh !important;
    justify-content: flex-end;
    align-items: flex-end;

}
}
@media screen and (min-width:768px)  {
    .slotholder {
    height: 100vh;
    position: relative;
}
.slotholder:before {
    content:"CHL";
    /* height: 100vh !important; */
    left: 00%;
    position: absolute;
    top: inherit !important;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    z-index: 1;
    /* width: 100%; */
    /* height: 100vh; */
    color: rgba(116,192,178,0.6);
    font-size: 60em;
    font-family: 'Bauhaus Md BT';
    display: block;
    text-align: right;
    /* margin-bottom: 6vh; */
    position: absolute;
    right: 0px;
    bottom: -20px;
    transform: translateY(23%);
}

}





@media screen and (min-width:768px)  {
.ContentBanner {
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 50px;
}
.RepeaterVert{
background:#50a99a;
background:rgba(32,158,136,0.6);
padding:20px;
display: inline-block;
color:#fff;
}
.RepeaterVert a{
color:#fff;
    text-decoration:none;
display:block;
}
.RepeaterGris{
background:rgba(255,255,255,0.6);
padding:20px;
display: inline-block;
color:#50a99a;
}
.RepeaterGris a{
color:#50a99a !important;
    text-decoration:none;
display:block;
}

}
.StyleTxtBanner a{
    -webkit-transition: 0.500s linear;
    -ms-transition: 0.500s linear;
    -moz-transition: 0.500s linear;
    -o-transition: 0.500s linear;
    transition: 0.500s linear;
}
.simplebullets {display:none;}
}
@media screen and (max-width:767px)  {
.ContentBanner {display:none;}
}