.DisplayInterneBlockSejour {
    width: 100%;
    background: #fff;
    height: 650px;
    padding-top: 150px;
    direction: initial;
}
.quatreSetp {
    display: table;
    margin: auto;
    width: 860px;
    position: relative;
}
.Cercle3 {
	color: #fff;
	font-size: 30px;
	font-family: 'Bauhaus Md BT';
	width: 90px;
	line-height: 75px;
	height: 90px;
	border: 7px solid #fff;
	background:#8e8e8e;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0 0 0 10px #b0b0af;
	text-align: center;
}
.CercleSelected {
	background: #209e88 !important;
}
.timeline a{text-decoration: none}
.timeline a:hover{text-decoration: none}
.timeline a:hover .Cercle3, .timeline:hover .Cercle3{background: #209e88 !important;}
.lineBar{position:relative;}
.timeline.TimeLine1  .lineBar:after {
    content: "";
    height: 110px;
    left: 307px;
    position: absolute;
    width: 1px;
    background: #8e8e8e;
    transform: skew(56deg, 20deg) translateX(-43px);
}
.timeline.TimeLine2  .lineBar:after {
    content: "";
    height: 110px;
    left: 14px;
    position: absolute;
    width: 1px;
    background: #8e8e8e;
    transform: skew(129deg, 20deg) translatey(-189px);
}


.timeline.TimeLine3  .lineBar:after {
    content: "";
    height: 110px;
    left: 316px;
    position: absolute;
    width: 1px;
    background: #8e8e8e;
    transform: skew(57deg, 20deg) translateX(-49px);
}

 
.timeline.TimeLine1 {
    width: 275px;
    text-align: center;
    display: inline-block;
}
.Cercle1 {
    margin: auto;
    text-align: center;
    display: table;
}
.titleLine{
    display: block;
    clear: both;
    color: #209e88;
    font-size: 19px;
    font-family: 'Bauhaus Md BT';
    font-weight: 400;
    margin-top: 40px;
    }
.titleLine a{ color: #209e88;}
.timeline.TimeLine2 {
    width: 275px;
    text-align: center;
    display: inline-block;
    margin-top: 130px;
    clear: both;
    margin-left: -88px;
    position: absolute;
}

.ContentTopSpec {
    position: absolute;
    top: -110px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    /* display: block; */
    clear: both;
    color: #209e88;
    font-size: 19px;
    font-family: 'Bauhaus Md BT';
    font-weight: 400;
    width: 300px;
}
.timeline.TimeLine3 {
    width: 275px;
    text-align: center;
    display: inline-block;
    margin-left: 102px;
    /* margin-top: -20px; */
    position: absolute;
}


.timeline.TimeLine4 {
    width: 275px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 0px;
    width: 275px;
    text-align: center;
    display: inline-block;
    margin-top: 130px;
    clear: both;
    margin-left: -88px;
    position: absolute;
}
.Content2 {
    position: relative;
}
.Content1{
    position: relative;
}

.Content1 a, .Content2 a{color:#209e88}




.Content2:before  {
    content: "";
    position: absolute;
    width: 1px;
    height: 60px;
    z-index: 99;
    background: #848484;
    -webkit-transform: skew(-35deg);
    transform: skew(-35deg);
    left: -45px;
    top: 43px;
}

.Content1:before  {
    content: "";
    position: absolute;
    width: 1px;
    height: 60px;
    z-index: 99;
    background: #848484;
    -webkit-transform: skew(40deg);
    transform: skew(40deg);
    left: 90px;
    top: 44px;
}



.Content1:after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #848484;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #848484;
    left: 58px;
    top: 37px;
}

.Content2:after{
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: #848484;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    box-shadow: 0 0 0 1px #848484;
    left: -33px;
    top: 37px;
}
@media screen and (max-width:950px) {
.quatreSetp {
    width: 275px !important;

}
.Cercle3 {
    font-size: 20px;
    width: 50px;
    line-height: 40px;
    height: 50px;
    background: #8e8e8e;
    box-shadow: 0 0 0 5px #b0b0af;
    text-align: center;
    border: 4px solid #fff;
}
.timeline.TimeLine4 {
    width: 275px;
    text-align: center;
    display: inline-block;
    position: absolute;
    right: 0px;
    width: 275px;
    text-align: center;
    display: inline-block;
    margin-top: auto;
    clear: both;
    margin-left: auto;
    position: relative;
}
.timeline.TimeLine2 {
    width: 275px;
    text-align: center;
    display: inline-block;
    margin-top: 75px;
    clear: both;
    margin-left: auto;
    position: relative;
}
.timeline.TimeLine3 {
    width: 275px;
    text-align: center;
    display: inline-block;
    margin-left: auto;
    margin-top: 75px;
    position: relative;
    height: 250px;
}
.DisplayInterneBlockSejour {
    width: 100%;
    background: #fff;
    height: auto;
    padding-top: 50px;
    margin-bottom: 50px;
direction: initial;
}

.titleLine {
    margin-top: 10px;
}
.ContentTopSpec {
    position: absolute;
    margin-top: 148px;
    width: 290px;
    font-size: 16px;
    top: inherit !important;
}
.timeline.TimeLine2 .lineBar:after {
    content: "";
    height: 57px;
    left: 50%;
    transform: none !important;
    top: 55px;
}
.timeline.TimeLine1  .lineBar:after{
    content: "";
    height: 57px;
    left: 50%;
    transform: none !important;
    top: 55px;
}
.timeline.TimeLine3 .lineBar:after {
    content: "";
    height: 72px;
    left: 50%;
    transform: none !important;
    top: 115px;
}
.Content1:after, .Content1:before, .Content2:after, .Content2:before{display:none;}
}