img.ImgboxInt {
    width: 90%;
}
..blockLeft img{max-width:100%;}

.WrapperInterne {
    width: 100%;
    display: block;
    padding: 10vh 0px 40px 0px;
}

.DisplayInterneBlockInterne
{

}
.GaloriePhoto {
    width: 100%;
    background: #fff;
    display: block;
    padding: 10vh 0px;
    clear: both;
    padding-left: 40px;
    padding-right: 40px;
}
.TitrePhoto {
    color: #209e88;
    font-size: 6em;
    font-family: 'Bauhaus Md BT';
    display: block;
    text-align: left;
    margin-bottom: 6vh;
    padding-left: 30px;
}
.sousTitre{
  color: #209e88;
    font-size: 3em;
    font-family: 'Bauhaus Md BT';
    display: block;
    text-align: left;
}
.Description{
    color: #727272;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;

}
.Description p {
    margin: 25px 0px;
    line-height: 22px;
}
.NotreMission {
    width: 100%;
    display: block;
    background: #fff;
    padding: 30px 0px;
}
.BlockVideo {
    width: 100%;
    display: block;
    margin-top: 10vh;
}
@media screen and (min-width:768px) {
.ContentNotreMission{padding-left:80px;}
}

.TitreVideo{
   color: #000;
    font-size: 4.5em;
    font-family: 'Bauhaus Md BT';
    display: block;
    text-align: center;
margin-bottom:15vh;
}
@media screen and (max-width:767px) {
.TitrePhoto {
    text-align: center;
}
.WrapperInterne {
    padding: 100px 0px 40px 0px !important;
}
.GaloriePhoto {
    padding: 0vh 15px;

}

img.ImgboxInt {
    width: 90%;
}
.DisplayInterneBlock,.DisplayInterneBlock2, .DisplayInterneBlock3,.DisplayInterneBlock4{
    flex-direction: column;
}
.DisplayInterneBlock2,
.DisplayInterneBlock3,
.DisplayInterneBlock4,
.DisplayInterneBlock{
margin-bottom:5vh;
}
.blockLeft, .blocRight{
padding:0px;
}
.TitreInterne {
    font-size: 4em;
    margin-bottom: 4vh;
}
.sousTitre {
    font-size: 2.5em;

}
.TitreVideo {
 
    font-size: 3.5em;
 
    margin-bottom: 5vh;
}
.BlockVideo {

    margin-top: 5vh;
}
}
.darkHeader {
    overflow: hidden;
}


.sousTitre{
    position: relative;
}

 .sousTitre:before  {
    content: "";
    position: absolute;
    width: 15vw;
    height:1px;
    z-index: 99;
    background: rgba(214,214,214,1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    transition: -webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1);
    transition: transform .8s .4s cubic-bezier(.645,.045,.355,1),-webkit-transform .8s .4s cubic-bezier(.645,.045,.355,1);
}

  .sousTitre:after{
    content: '';
    position: absolute;
    width: 9px;
    height: 9px;
    background: #ecebeb;
    border: 2px solid #34a793;
    border-radius: 5px;
    transition: -webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
    transition: transform .4s 1.1s cubic-bezier(.645,.045,.355,1),-webkit-transform .4s 1.1s cubic-bezier(.645,.045,.355,1);
}
@media screen and (min-width:992px) {

.DisplayInterneBlock .sousTitre:before,.DisplayInterneBlock3  .sousTitre:before  {
    top: 25px;

    left: calc(-21vw + 30px);
}
.DisplayInterneBlock  .sousTitre:after, .DisplayInterneBlock3  .sousTitre:after {
    top: 20px;
    left: calc(-5vw + 30px);
}

.DisplayInterneBlock2 .sousTitre:before,.DisplayInterneBlock4  .sousTitre:before  {
    top: 25px;
    right: calc(-16vw + 30px);
}
.DisplayInterneBlock2  .sousTitre:after, .DisplayInterneBlock4  .sousTitre:after {
    top: 20px;
    right: calc(0vw + 30px);
}


}

@media screen and (min-width:768px)  and (max-width:991px) {

.DisplayInterneBlock .sousTitre:before,.DisplayInterneBlock3  .sousTitre:before  {
    top: 25px;
    left: calc(-23vw + 30px);
}
.DisplayInterneBlock  .sousTitre:after, .DisplayInterneBlock3  .sousTitre:after {
    top: 20px;
    left: calc(-7vw + 30px);
}

.DisplayInterneBlock2 .sousTitre:before,.DisplayInterneBlock4  .sousTitre:before  {
    top: 25px;
    right: calc(-18vw + 30px);
}
.DisplayInterneBlock2  .sousTitre:after, .DisplayInterneBlock4  .sousTitre:after {
    top: 20px;
    right: calc(-2vw + 30px);
}

}

@media screen and (max-width:767px)  {
 .sousTitre:before  {
 display:none;
}
.sousTitre:after {
 display:none;
}

}