.HeaderLeft {
    height: 60vh !important;
}
.HeaderRight{
display:none !important;
}
.TitrePrincipal span {
    color: #838383;
    font-size: 18px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 20px;
}
.TitrePrincipal span  a{
    color: #838383;
    font-size: 18px;
   text-decoration:none;
}
.BannerInterne {
    position: relative;
    height: 60vh;
    /* overflow: hidden; */
    width: calc(100% - 80px);
    top: 0px;
    margin-left: 80px;
}

.BoxImgInterne img {
    min-height: 100%;
    min-width: 100%;
    /* max-width: 100%; */
}

.BannerTitreInterne {
    position: absolute;
    top: 0px;
    width: 100%;
    /* left: 80px; */
    height: 60vh;
    overflow: hidden;
}

.BoxImgInterne:after {
    background: rgba(255,255,255,.1) url(../Images/BeforeHeader.png) top center repeat-x;
    content: "";
    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: 100%;
    background-size: contain;
}
.wrapperInterne {
    display: block;
    width: 100%;
    /* min-height: 500px; */
}
@media screen and (max-width: 767px){
 .BannerInterne {
    height: 300px !important;
    margin-left: 0px;
    width: 100% !important;
}
.TitrePrincipal {
    font-size: 30px !important;
    text-align: center !important;
    padding-right: 0px !important;
}
.TitrePrincipal:after{display:none;}
.BannerTitreInterne {
    width: 100%;
    left: 00px;
    height: 300px !important;
}
.BoxImgInterne img {
    height: 300px;
}
}
.wrapperInterne {
    display: block;
    width: 100%;
    
}

.contenueInterne {
    position: relative;
    height:100%;
    padding: 0px;
    padding-bottom: 70px;
}
.contenueInterne:after {
    position: absolute;
    content:"";
    height:100%;
    width:1px;
    background:#ebebeb;
    right: 0px;
    top:0px;
}
.contenueInterne:before {
    position: absolute;
    content:"";
    height:100%;
    width:1px;
      background:#ebebeb;
    left: 0px;
    top:0px;
}
 .TitrePrincipal {
    color: #0b113a;
    font-size: 40px;
    text-transform: uppercase;
    text-align: right;
    /* margin-right: 22%; */
    font-weight: 400;
    margin-top: 50px;
    margin-bottom: 50px;
    position:relative;
    padding-right: 50px;
}
 .TitrePrincipal:after{
     position: absolute;
     content:"";
     height: 90px;
     width:1px;
     background: #161b42;
     right: 0px;
     z-index: 99;
     top: -50px;
 }
@media screen and (min-width: 800px)  and (max-width: 1024px){
.LogoHeader {
    margin-top: 90px !important;
}
.HeaderCenter {
    float: left;
    width: calc(100% - 80px) !important;
   
}
}