.eap-bloc-timeline {/*padding:0 75px;*/}
.eap-bloc-timeline > div {position: relative; width:100%;}
.eap-bloc-timeline > div:after {content:''; position: absolute; width: 100%; height:2px; background: #000; top:50%; letf:0; transform: translateY(-50%);}
.eap-bloc-timeline .item-date {position: absolute; top:50%; transform: translateY(-50%) translateX(-50%); width: 150px; text-align: center; z-index: 2;}
.eap-bloc-timeline .item-date:after {content:''; position:absolute; left:50%; top:50%; transform: translateY(-50%) translateX(-50%); border-radius:50px; width:14px; height:14px; background:#000; transition: all 350ms ease;}
.eap-bloc-timeline .item-titre {min-height: 20px;}
.eap-bloc-timeline .item-titre .ct {opacity: 0; transition: all 350ms ease;}
.eap-bloc-timeline .item-date:hover .item-titre .ct {opacity: 1;}
.eap-bloc-timeline .item-date:hover:after {background:#fff; border:4px solid #000;} 
.eap-bloc-timeline .item-date .sep {margin:30px 0 0;}
.eap-bloc-timeline .item-date .item-titre .ct {position: absolute; width:100%; top:-30px; left:50%; transform: translateX(-50%); filter: drop-shadow(0 0 20px rgba(0, 0, 0, .07)); background:#fff; padding:10px; border-radius: 10px;}
.eap-bloc-timeline .item-date .item-titre .ct:after {content:''; top: calc(100% - 11px); right: inherit; left: 50%; -webkit-transform: translateX(-50%) rotate(-45deg); transform: translateX(-50%) rotate(-45deg); position: absolute; width: 20px; height: 20px; -webkit-transition: all .4s ease; transition: all .4s ease; border-style: solid; border-width: 10px 10px 10px 10px; border-color: transparent transparent #fff #fff;}
.eap-bloc-timeline .item-date.date-top .item-titre .ct {top:60px;}
.eap-bloc-timeline .item-date.date-top .item-titre .ct:after {top: -9px; transform: translateX(-50%) rotate(135deg);}

/**/
.eap-bloc-timeline .item-date:first-child {transform: translateY(-50%) translateX(0); text-align: left;}
.eap-bloc-timeline .item-date:first-child:after {left:0;}
.eap-bloc-timeline .item-date:first-child .item-titre .ct:after {left:20px;}

.eap-bloc-timeline .item-date:last-child {transform: translateY(-50%) translateX(-100%); text-align: right;}
.eap-bloc-timeline .item-date:last-child:after {left:100%;}
.eap-bloc-timeline .item-date:last-child .item-titre .ct:after {right:0; left:auto;}

/*responsive*/
@media screen and (max-width: 768px) {
  .eap-bloc-timeline {padding:0;}
  .eap-bloc-timeline .item-date {width:100px;}
  .eap-bloc-timeline {font-size:12px;}
  .eap-bloc-timeline .item-titre {/*display:none;*/ font-size:12px; min-height:16px;}
  /*.eap-bloc-timeline .item-titre .ct {opacity: 1; font-size: 10px;}*/
}