.ntchronologie{ display: block;}

.ntchronologie .ntchronologie_case{ padding: 10px 10px 10px 50px; display: block; position: relative;}
.ntchronologie .ntchronologie_case::before{content: ""; width: 2px; display: inline-block; height: 100%; background: #75695D; top:45px; left: 25px; position: absolute;z-index: 1;}
.ntchronologie .ntchronologie_case:last-child::before{background: none;}
.ntchronologie .ntchronologie_case.has_ssmenu{ cursor: pointer;}
.ntchronologie .ntchronologie_case.has_ssmenu .ntchronologie_titre::after{content: "→"; margin-left: 15px; font-weight: 900; position: absolute;transition : all 0.2s linear;}
.ntchronologie .ntchronologie_case.has_ssmenu.on .ntchronologie_titre::after{ transform: rotate(90deg);transition : all 0.2s linear;}
.ntchronologie .ntchronologie_case .ntchronologie_iconedate{position: absolute; top: 15px; left: 5px; border-radius: 50px; padding: 10px; width: 40px; height: 40px; text-align: center;background: #75695D; z-index: 2; color: #FFFFFF !important;}
.ntchronologie .ntchronologie_case .ntchronologie_titre{font: 16px/20px "Roboto", sans-serif; font-weight: 700; color:#75695D;}
.ntchronologie .ntchronologie_case .ntchronologie_titre2{font:20px/20px 'Roboto', sans-serif; font-weight:300; color:#000000; margin: 0px; text-transform: uppercase;}
.ntchronologie .ntchronologie_case .ntchronologie_description{display: none;font:1em/1.5em 'Roboto', sans-serif; font-weight:300;color:#000000;}


/* ==========================
HORIZONTAL
========================== */

.ntchronologie.Horizontal{

    position:relative;

}

.ntchronologie.Horizontal .ntchronologie_ligne_cases{
    display:flex;
    justify-content:space-between;
    gap:25px;
    margin-bottom:70px;
}
.ntchronologie.Horizontal .ntchronologie_ligne_cases:last-child{
	margin-bottom: 20px;
}

.ntchronologie.Horizontal .ntchronologie_case{
    flex:1;
    padding:0;
    text-align:center;
    position:relative;
}


/* ligne */

.ntchronologie.Horizontal .ntchronologie_case:before{

    content:"";
    position:absolute;
    top:28px;
    left:50%;
    width:100%;
    height:2px;
    background:#DDD7CF;
    z-index:0;
}

.ntchronologie.Horizontal .ntchronologie_case:last-child:before{
    display:none;
}


/* rond */

.ntchronologie.Horizontal .ntchronologie_iconedate{
    position:relative;
    margin:auto;
    left:auto;
    top:auto;
    width:56px;
    height:56px;
    border-radius:50%;
    background:#FFF;
    border:2px solid #75695D;
    color:#75695D !important;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:bold;   
	z-index:2;
    transition:.3s;

}


/* titre */

.ntchronologie.Horizontal .ntchronologie_titre{

    margin-top:20px;


}

.ntchronologie.Horizontal .ntchronologie_titre2{

    display:none;

}

.ntchronologie.Horizontal .ntchronologie_description{

    display:none;

}


/* actif */

.ntchronologie.Horizontal .ntchronologie_case.on .ntchronologie_iconedate, .ntchronologie.Horizontal .ntchronologie_case:hover .ntchronologie_iconedate{

    background:#A13F28;
    border:2px solid #A13F28;
    color:#FFFFFF !important;
    transform:scale(1.05);
}


/* coloration de la ligne précédente */

.ntchronologie.Horizontal .ntchronologie_case.done:before{

    background:#75695D;

}


/* bloc description */

.ntchronologie.Horizontal .ntchronologie_case.on .ntchronologie_titre2{

    display:block;
    margin-top:15px;

}

.ntchronologie.Horizontal .ntchronologie_case.on .ntchronologie_description{

    display:block;
    margin-top:15px;
    animation:fadeChrono .4s;

}

@keyframes fadeChrono{

from{

opacity:0;

transform:translateY(20px);

}

to{

opacity:1;

transform:translateY(0);

}

}