label.TimeLineHoriz:before,label.TimeLineHoriz:after{content:"";width:0;height:0;border:solid transparent;position:absolute;bottom:100%}#timeline{margin-top:80px;padding:0;border-top:8px solid #eee9dc;list-style:none;display:flex}#timeline li{padding-top:30px;position:relative;flex:1;transition:all 0.4s ease-in-out}#timeline li:hover{padding-bottom:20px;flex:2}#timeline li:hover label{opacity:1;transform:translateY(10px)}.dateTimeLine{width:100%;padding-bottom:30px;text-align:center;position:absolute;top:-90px;display:block;vertical-align:middle}.etiquetteTimeLine{width:100%;padding-bottom:10px;text-align:center;top:5px;display:block}.circleTimeLineSmall{width:20px;height:20px;margin-left:0;background:#3f9cca;color:#fff;border:5px solid #eee9dc;border-radius:35%;position:absolute;top:-12.5px;left:40%;padding-top:3px}.circleTimeLine{width:80px;height:35px;margin-left:0;background:#3f9cca;color:#fff;border:5px solid #eee9dc;border-radius:35%;position:absolute;top:-25px;left:40%;padding-top:3px}.radioTimeLine{display:none}.radioTimeLine:checked+label{opacity:1;transform:translateY(10px);transition:opacity 0.4s ease-in-out 0.25s, transform 0.3s ease-in-out 0.25s}.radioTimeLine:checked ~ .circle{background:red}.radioTimeLine:checked ~ .content{z-index:999;transform:perspective(1000px) rotateY(15deg) translate(40px, 25px);animation:switching 1s ease}.radioTimeLine:checked ~ .content h3{opacity:1;transition:opacity 0.4s ease-in-out 0.4s}.radioTimeLine:checked ~ .content p{opacity:1;transition:opacity 0.4s ease-in-out 0.4s}div.CalAideBarreHoriz{border:1px solid #eaecec;margin:0em 0.1em;border-radius:8px;padding:0 1em;background-color:#fff}label.TimeLineHoriz{margin:0.2em auto;padding:5px 10px;border-width:2px;border-style:solid;border-color:#eee9dc;border-radius:5px;position:absolute;left:0;right:0;cursor:pointer;opacity:0;transition:opacity 0.1s ease-in-out, transform 0.1s ease-in-out}label.TimeLineHoriz:before{border-bottom-color:#eee9dc;border-width:15px;left:52%;margin-left:-15px}label.TimeLineHoriz:after{border-bottom-color:#3f9cca;border-width:12px;left:52%;margin-left:-12px}label.TimeLineHoriz span{text-align:center;overflow:hidden;display:block}