.ntchronologiedate{ display: block;}

.ntchronologiedate .row{position: relative; display: flex;}
.ntchronologiedate .row.haut{ border-bottom: 1px solid #1a0d64; min-height: 130px;}
.ntchronologiedate .row.bas{min-height: 130px;}
.ntchronologiedate .row .case1{flex: 1;display: inline-block; position: relative;}
.ntchronologiedate .row.haut .ntchronologiedate_case{ position: relative; width: 100%; height: 100%;}
.ntchronologiedate .ntchronologiedate_case .ntchronologiedate_titre{ font: 16px/24px 'Oswald', sans-serif; font-weight: 300; color:#1a0d64; text-transform: uppercase; letter-spacing: 0px; text-align: center;}
.ntchronologiedate .ntchronologiedate_case .ntchronologiedate_description{font-size: 14px; /*color:#848484;*/ width: 100%; text-align: center;}

.ntchronologiedate .row.haut .ntchronologiedate_case .ntchronologiedate_ladate{ position: absolute; bottom: -45px; left:50%; transform: translateX(-50%); font-size: 24px; color:#1a0d64;}
.ntchronologiedate .row.haut .ntchronologiedate_case .ntchronologiedate_ladate::after{position: absolute; content: ""; left: 50%; top:-26px; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 8px; background: #1a0d64; box-shadow: rgba(0, 159, 227, 0.8) 0px 0px 8px 0px; transition : all 0.2s linear; }
.ntchronologiedate .row.haut .ntchronologiedate_case .ntchronologiedate_ladate::before{position: absolute; content: ""; left: 50%; top:-25px; transform: translateX(-50%); width: 1px; height: 20px; border-left: 1px dashed #1a0d64;}

.ntchronologiedate .row.bas .ntchronologiedate_case .ntchronologiedate_ladate{position: absolute; top: -45px; left:50%; transform: translateX(-50%); font-size: 24px; color:#1a0d64;}
.ntchronologiedate .row.bas .ntchronologiedate_case .ntchronologiedate_ladate::after{position: absolute; content: ""; bottom:-26px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 8px; background: #1a0d64; box-shadow: rgba(0, 159, 227, 0.8) 0px 0px 8px 0px; transition : all 0.2s linear; }
.ntchronologiedate .row.bas .ntchronologiedate_case .ntchronologiedate_ladate::before{position: absolute; content: ""; bottom: -25px; left: 50%; transform: translateX(-50%); width: 1px; height: 20px; border-left: 1px dashed #1a0d64;  }

.ntchronologiedate .row .ntchronologiedate_case:hover .ntchronologiedate_ladate::after{ width: 12px; height: 12px; transition : all 0.2s linear; box-shadow: rgba(0, 159, 227, 0.8) 0px 0px 12px 3px;}
.ntchronologiedate .row .ntchronologiedate_case:hover .ntchronologiedate_titre{color:#1a0d64; transition : all 0.2s linear;}


@media screen and (max-width: 768px) 
{
	.ntchronologiedate .row{width: 100%; display: block;}
	.ntchronologiedate .row.haut{border: 0px;  border-right: 1px solid #1a0d64; height: auto; display: block; float: left; width: calc(50% - 1px);}
	.ntchronologiedate .row.bas{height: auto; float: left; width: 50%;}
	.ntchronologiedate .row.haut .ntchronologiedate_case, .ntchronologiedate .row.bas .ntchronologiedate_case, .ntchronologiedate .row .case_vide{height: 150px; width: 100%; position: relative;}
	
	.ntchronologiedate .row.haut .ntchronologiedate_case .ntchronologiedate_ladate{position: absolute; bottom: inherit; left: inherit; left: calc(100% + 45px); top: 50%; transform: translateX(0%) translateY(-50%);  }
	.ntchronologiedate .row.haut .ntchronologiedate_case .ntchronologiedate_ladate::after{ left: inherit; top: 50%; left:-49px; transform: translateX(0%) translateY(-50%);}
	.ntchronologiedate .row.haut .ntchronologiedate_case .ntchronologiedate_ladate::before{position: absolute; content: ""; top: 50%; left:-25px; transform: translateY(-50%) translateY(-50%); width: 20px; height: 1px; border:0px; border-bottom: 1px dashed #1a0d64;}
	
	.ntchronologiedate .row.bas .ntchronologiedate_case .ntchronologiedate_ladate{position: absolute; left: -90px; top:50%; transform: translateX(0%) translateY(-50%); font-size: 24px; color:#1a0d64;}
.ntchronologiedate .row.bas .ntchronologiedate_case .ntchronologiedate_ladate::after{position: absolute; content: ""; left: 86px; top: 50%; transform: translateX(0%) translateY(-50%)translateX(0%) translateY(-50%); width: 8px; height: 8px; border-radius: 8px; background: #1a0d64; box-shadow: rgba(0, 159, 227, 0.8) 0px 0px 8px 0px; transition : all 0.2s linear; }
.ntchronologiedate .row.bas .ntchronologiedate_case .ntchronologiedate_ladate::before{position: absolute; content: ""; left: 61px; top: 50%; transform: translateX(-50%); width: 20px; height: 1px; border:0px; border-bottom: 1px dashed #1a0d64;  }
	
}


	.case_table{display:table !important;height:100%; width: 100%;}
	.case_table .vertical_align_top{display:table-cell;vertical-align:top; width: 100%;}
	.case_table .vertical_align_bottom{display:table-cell;vertical-align:bottom; width: 100%;}