.parcours{
max-width: 928px;
}
.timeline-header{
    padding-top: 16px;
    padding-bottom: 0;
text-align: center;
}
.timeline-key-text{
	display: inline-block;
margin: 0 auto;
padding: 8px 16px;
border-radius: 0px;
background: #aeb6c3;
color: #fff;
}

.modalite{
position: relative;
display: table;
width: 100%;
direction: ltr;
padding-top: 16px;
padding-bottom: 16px;
padding-left: 16px;
padding-right: 16px;

}

.modalite .entry-bar{
content: "";
display: block;
position: absolute;
width: 6px;
background: #aeb6c3;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
z-index: 1;
direction: ltr;
}
.modalite .entry-bar.lastchild{
 bottom: 50%;
}

.modalite.right {
direction: ltr;
}

.modalite.left {
direction: rtl;
}	

.modalite.right .m-heading{
text-align: right;
}
.modalite.left .m-heading{
text-align: left;
}
.modalite .m-heading{
position: relative;
display: table-cell;
width: 50%;
vertical-align: middle;
min-height: 48px;
line-height: 1.3;
border-radius: 0px;
}

.modalite .m-heading .text{
vertical-align: middle;
max-width: 75%;
display: inline-block;
line-height: 1.3;
font-size: 16px;
white-space: normal;
}	


.modalite.right .accordion-button{
	margin-right: -1.85em;
	right: -0px;
 z-index: 1;
	}
.modalite.left .accordion-button{
	margin-left: -1.85em;
	right: -0px;
 z-index: 1;
	}
.accordion-button{
	margin: 4px;
position: relative;
display: inline-block;
min-width: 0;
padding: 0.5em;
width:48px;
height:48px;
vertical-align: bottom;
border-radius: 2em;
min-width: 0;
background: #aeb6c3;
}

.accordion-button img{
width: 24px;
height: 24px;
position: absolute;
left: 12px;
bottom: 12px;
}

.modalite .m-content{
    position: relative;
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding-bottom: 16px;
    direction: ltr;
}
   
.modalite.right .m-content .inner{
    padding-left: 32px;
}
.modalite.left .m-content .inner{
    padding-right: 32px;
}

.modalite .m-content .inner{
height: 0px;
opacity: 0;

}
.modalite .m-content .inner.open{
opacity: 1;
height:auto;	

/**transition to open*/
	 padding-left: 16px;
    padding-right: 16px;

}




.modalite .m-content .inner .text-content{
	color: #efefef;
	font-size: 0.88em;
	padding: 16px;	
	text-align: left;
	line-height: 1.7;
	font-size: 13px;
}

.modalite .m-content .inner img{
max-width: 100%;
padding: 16px;
}

.modalite .m-content .inner ul{
	padding-left: 16px;
	padding-right: 16px;
}

.modalite .m-content .inner ul li{
line-height: 1.2em;
margin-top: 0.4em;
}