.ListesSlider{
  width: 100%;
  margin: 02vh 0px 2vh 0px;
  background: #efefef;
}

.headerSlider{
    margin: auto;
    float: none !important;
    padding: 0px !important;
    margin-bottom: 0px;
    display: table;
    table-layout: fixed;
    width: 100%;
}
ul.tabs{
    background: #efefef;
    margin-bottom: 0px !important;
}
.ContenueTable {
    margin: auto;
    float: none !important;
    text-align: center;
    padding: 0px !important;
}

@media screen and (max-width: 769px) {
.bx-viewport li{
/*width:49vw !important;*/
}
}

.Partenaire{
  background: #fff;
  padding: 15px 0px;
}

.ContentPartenaire{
    float: none !important;
    padding: 0px !important;
    margin: auto;

}



.ActualiteSlider{
  background: #dde2e5;
  padding: 3vh 0px;
}

.ActualiteSlider{
    float: none !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin: auto;
}




.New{
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background: #efefef;
  margin: 0px 0px 2vh 0px;

}

.NewTitre{
    color: #fff;
    font-size:6em;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    display: inline-block;
    float: none;
    padding: 22.5vh 0px;
    background: url(../Images/bgnouveautenew.png) no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height:100%;
}

.NewTitre  span{
    content: "";
    position: absolute;
    background: #fff;
    margin-top: 75px;
    height: 2px;
    /* left: -16%; */
    width: 50%;
    left: 25%;
}
.NewTitre  span::after{
    height: 23px;
    width: 20px;
    content: "";
    position: absolute;
    border: transparent 6px;
    border-right: 02px solid white;
    border-bottom: 0px solid white;
    z-index: 4;
    position: absolute;
    border-radius: 1px;

    -webkit-transform: rotate(135deg);
    left: 4px;
    top: -9px;
  }

.NewTitle{
    background: #002f89 !important;
    color: #fff !important;
    font-size: 3em !important;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 1px;
    padding: 1vh 0px 1vh 1vh!important;
	margin-bottom: 5px; 
}
.NewTitle:hover  span{
    width: 71%;
    left: 10%
}
.NewTitle span{display:none !important;}
.NewTitle a {
 text-decoration:none;
 color: #fff !important;
}

.Promo{
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  background: #efefef;
  margin: 02vh 0px 2vh 0px;
}

.PromoTitre {
    color: #fff;
    font-size:6em;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    display: inline-block;
    float: none;
    padding: 22.5vh 0px;
    background: url(../Images/bgPromotionsnew.jpg) no-repeat center center ; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
     max-height:372px;
}

.PromoTitre   span{
    content: "";
    position: absolute;
    background: #fff;
    margin-top: 75px;
    height: 2px;
    /* left: -16%; */
    width: 50%;
    left: 25%;
}
.PromoTitre  span::after{
    height: 23px;
    width: 20px;
    content: "";
    position: absolute;
    border: transparent 6px;
    border-right: 02px solid white;
    border-bottom: 0px solid white;
    z-index: 4;
    position: absolute;
    border-radius: 1px;

    -webkit-transform: rotate(135deg);
    left: 4px;
    top: -9px;
  }



.Contact{
    width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;



}
.ContactContent{
     display: inline-block;
    float: none; 
}
.NewsSlider{
    display: inline-block;
    float: none; 
    padding: 0px !important;
}
.ContactTitre{
    color: #fff;
    font-size: 6em;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    display: inline-block;
    float: none;
    padding:21vh 0px;
    max-height:400px;
    background: url(../Images/BgContactepsl.jpg) no-repeat center center; 
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.ContactTitre span{
    content: "";
    position: absolute;
    background: #fff;
    margin-top: 75px;
    height: 2px;
    /* left: -16%; */
    width: 50%;
    left: 25%;
}
.ContactTitre span::after{
    height: 23px;
    width: 20px;
    content: "";
    position: absolute;
    border: transparent 6px;
    border-right: 02px solid white;
    border-bottom: 0px solid white;
    z-index: 4;
    position: absolute;
    border-radius: 1px;

    -webkit-transform: rotate(135deg);
    left: 4px;
    top: -9px;
}
.ContactContent {text-align: center;}
.ContactContent p{
  color: #1d398a;

    font-size: 2em;
    text-transform: uppercase;
}
.ContactContent p span{     

    font-size: 1.4em;
  }

.NumeroTel{


  color: #ff5f00;

    font-size: 2em;
    text-transform: uppercase;
}

.ContactezNous{
  display: block;
  margin-top: 5vh;
}

a.ContactezNous {
    background: #1d398a;
    padding: 5px 10px;
    text-decoration: none;
    color: #fff;
    font-size: 1.7em;
    text-transform: uppercase;
    letter-spacing: 1px;
    position: relative;
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
.ContactezNous span{position:relative;}
a.ContactezNous:before {
    content: "";
    position: absolute;
    width: 0%;
    height: 100%;
    background-image: -webkit-linear-gradient(to right, #ff5f00 , #dc5339);
    background-image: -moz-linear-gradient(to right, #ff5f00 , #dc5339);
    background-image: -ms-linear-gradient(to right, #ff5f00 , #dc5339);
    background-image: -o-linear-gradient(to right, #ff5f00 , #dc5339);
    background-image: linear-gradient(to right, #ff5f00 , #dc5339);
    background-size: 100% 100%;
    top: 0;
    left: 0;
    transition: all 0.5s ease;
}
a.ContactezNous:hover:before{
  width: 100%;
  color: #fff !important;
}
a.ContactezNous:hover:before span{
  z-index: 999;
  color: #fff;
}


@media screen and (max-width: 769px) {
.NewTitre span{display:none !important;}
.PromoTitre   span{display:none !important;}
.ContactTitre a , .PromoTitre a, .NewTitre a {
 text-decoration:none;
    color: #1d398a !important;
}

.New, .Promo{display: block !important}
.New { 
border-bottom:30px solid #dde2e5;
}
.NewTitre{
    background: #fff !important;
    color: #1d398a !important;
    font-size: 3em;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    padding: 5vh 0px !important;
}

.PromoTitre{
  background: #fff !important;
    color: #1d398a !important;
    font-size: 3em;
    position: relative;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: 2px;
    padding: 5vh 0px !important;
}
}

@media screen and (min-width: 789px) and (max-width: 1000px) {
.NewTitre {
    font-size: 4em !important;
}
.PromoTitre{
    font-size: 4em !important;
}
.ContactTitre {
    font-size: 4em !important;
}
.NewTitre span{display:none !important;}
.PromoTitre   span{display:none !important;}
}



.PromoSlider {
    display: inline-block;
    float: none;
    padding: 0px !important;
}

.NewTitre:hover  span{
    width: 71%;
    left: 10%
}

.PromoTitre:hover span{
    width: 71%;
    left: 10%
}
.ContactTitre:hover span {
    width: 71%;
    left: 10%
}

.ContactTitre span, .PromoTitre span, .NewTitre span{
-webkit-transition: .35s;
    transition: .35s;
}

.ContactTitre a , .PromoTitre a, .NewTitre a {
 text-decoration:none;
color:#fff;
}