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

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

.DisplayInterneBlock,
.DisplayInterneBlock2,
.DisplayInterneBlock3,
.DisplayInterneBlock4
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.DisplayInterneBlock2,
.DisplayInterneBlock3,
.DisplayInterneBlock4,
.DisplayInterneBlock{
margin-bottom:10vh;
}
.TitreInterne{
    color: #209e88;
    font-size: 6em;

    display: block;
    text-align: right;
    margin-bottom: 6vh;
}
.sousTitre{
  color: #209e88;
  font-size: 3em;
  display: block;
  text-align: right;
  margin-bottom: 10px;
  padding-right: 5vw;
}
.Description{
    color: #727272;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}
.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;

    display: block;
    text-align: center;
margin-bottom:15vh;
}
@media screen and (max-width:767px) {
.TitreInterne{
    text-align: center;
}
.WrapperInterne {
    padding: 100px 0px 40px 0px !important;
}
img.ImgboxInt {
    width: 100%;
}
.DisplayInterneBlock,.DisplayInterneBlock2, .DisplayInterneBlock3,.DisplayInterneBlock4{
    flex-direction: column !important;
}
.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;
    right: calc(-21vw + 30px);
}
.DisplayInterneBlock  .sousTitre:after, .DisplayInterneBlock3  .sousTitre:after {
    top: 20px;
    right: 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)  {
.DisplayInterneBlock2  .blocRight {
    background: #fff;
    padding: 0px !important;
}
 .sousTitre:before  {
 display:none;
}
.sousTitre:after {
 display:none;
}

}




.DisplayInterneBlock3 ul, .DisplayInterneBlock4 ul  {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

.DisplayInterneBlock3 li, .DisplayInterneBlock4 li {
  padding-left: 1em;
  text-indent: -0.7em;
list-style: none;
}

.DisplayInterneBlock3 li::before, .DisplayInterneBlock4 li::before  {
  content: "• ";
  color: #209e88; /* or whatever color you prefer */
  /* top: 57%; */
  /* margin-top: 20px; */
  /* position: absolute; */
}
.DisplayInterneBlock4{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    /* -webkit-box-direction: normal; */
    -ms-flex-direction: row;
    /* flex-direction: row; */
    /* -webkit-box-flex: 1; */
    -ms-flex: 1;
    /* flex: 1; */
    background: #fff;
}

 
.DisplayInterneBlock2  ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

.DisplayInterneBlock2 li {
  /* padding-left: 1em; */
  /* text-indent: -0.7em; */
  position: relative;
  min-height: 20px;
  padding-right: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.DisplayInterneBlock2 li::before {
  content: " ";
  background: url(../Images/PuceInterne.png) no-repeat 0 0;
  position: absolute;
  height: 40px;
  width: 40px;
  right: 0px;
  top: 0%;
}


.DisplayInterneBlock2  .blocRight {
    background: #fff;
    padding: 40px 40px;
}

.VoirPlusDetails{display: inline-block;/* margin: auto; */margin-top: 40px;overflow: hidden;position: relative;cursor: pointer;}
.VoirPlusDetails a{
  padding: 8px 30px;
  background: #fff;

  -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;
  color: #209e88;
  border: 2px solid #209e88;

  font-weight: 700;
  font-size: 14px;
  text-decoration:none;
}

.VoirPlusDetails  a:before{
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #209e88;
    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);
}
.VoirPlusDetails  a:hover:before{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    color:#fff  !important;
}
.VoirPlusDetails:hover span{
    color: #fff !important;
    /* z-index: 99999; */
    position: relative;
}













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

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

.DisplayInterneBlock,
.DisplayInterneBlock2,
.DisplayInterneBlock3,
.DisplayInterneBlock4
{
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;
	align-items: center;
}
.DisplayInterneBlock2,
.DisplayInterneBlock3,
.DisplayInterneBlock4,
.DisplayInterneBlock{
margin-bottom:10vh;
}
.TitreInterne{
    color: #209e88;
    font-size: 6em;

    display: block;
    text-align: right;
    margin-bottom: 6vh;
}
.sousTitre{
  color: #209e88;
  font-size: 3em;
  display: block;
  text-align: right;
  margin-bottom: 10px;
  padding-right: 5vw;
}
.Description{
    color: #727272;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 20px;
}
.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;

    display: block;
    text-align: center;
margin-bottom:15vh;
}
@media screen and (max-width:767px) {
.TitreInterne{
    text-align: center;
}
.WrapperInterne {
    padding: 100px 0px 40px 0px !important;
}
img.ImgboxInt {
    width: 100%;
}
.DisplayInterneBlock,.DisplayInterneBlock2, .DisplayInterneBlock3,.DisplayInterneBlock4{
    flex-direction: column !important;
}
.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;
    right: calc(-21vw + 30px);
}
.DisplayInterneBlock  .sousTitre:after, .DisplayInterneBlock3  .sousTitre:after {
    top: 20px;
    right: 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)  {
.DisplayInterneBlock2  .blocRight {
    background: #fff;
    padding: 0px !important;
}
 .sousTitre:before  {
 display:none;
}
.sousTitre:after {
 display:none;
}

}




.DisplayInterneBlock3 ul, .DisplayInterneBlock4 ul  {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

.DisplayInterneBlock3 li, .DisplayInterneBlock4 li {
  padding-left: 1em;
  text-indent: -0.7em;
}

.DisplayInterneBlock3 li::before, .DisplayInterneBlock4 li::before  {
  content: "• ";
  color: #209e88; /* or whatever color you prefer */
  /* top: 57%; */
  /* margin-top: 20px; */
  /* position: absolute; */
}
.DisplayInterneBlock4{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    /* -webkit-box-direction: normal; */
    -ms-flex-direction: row;
    /* flex-direction: row; */
    /* -webkit-box-flex: 1; */
    -ms-flex: 1;
    /* flex: 1; */
    background: #fff;
}

 
.DisplayInterneBlock2  ul {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-bottom: 20px;
}

.DisplayInterneBlock2 li {
  /* padding-left: 1em; */
  /* text-indent: -0.7em; */
  position: relative;
  min-height: 20px;
  padding-right: 60px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 10px;
}

.DisplayInterneBlock2 li::before {
  content: " ";
  background: url(../Images/PuceInterne.png) no-repeat 0 0;
  position: absolute;
  height: 40px;
  width: 40px;
  right: 0px;
  top: 0%;
}


.DisplayInterneBlock2  .blocRight {
    background: #fff;
    padding: 40px 40px;
}

.VoirPlusDetails{display: inline-block;/* margin: auto; */margin-top: 40px;overflow: hidden;position: relative;cursor: pointer;}
.VoirPlusDetails a{
  padding: 8px 30px;
  background: #fff;

  -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;
  color: #209e88;
  border: 2px solid #209e88;

  font-weight: 700;
  font-size: 14px;
  text-decoration:none;
}

.VoirPlusDetails  a:before{
    content: '';
    position: absolute;
    top: 0;
    right: 100%;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: #209e88;
    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);
}
.VoirPlusDetails  a:hover:before{
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    color:#fff  !important;
}
.VoirPlusDetails:hover span{
    color: #fff !important;
    /* z-index: 99999; */
    position: relative;
}


.DisplayInterneBlock3 li::before {
    content: " ";
    background: url(../Images/PuceInterne.png) no-repeat 0 0;
    position: absolute;
    height: 40px;
    width: 40px;
    right: -53px;
    top: 70%;
    /* display: none; */
}