.colloque_page{
    padding:70px 0;
    background: var(--ecox-content-background);
    border-radius: var(--ecox-content-border-radius);
}

.colloque_container{
    width:min(calc(100% - 60px),1200px);
    margin:auto;
}

.colloque_hero{
    display:flex;
    align-items: center;
    gap:80px;
    width: 100%;
}

.colloque_label{
    display:inline-block;
    margin-bottom:15px;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-size:.75rem;
    color:var(--ecox-rouge);
    text-align: center;
}

.colloque_content {
    display:flex;
    flex-direction:column;
    height:100%;
    position:relative;
    padding:23px;
    width: 100%;
}

.colloque_content h1{
    margin: 15px 0 35px 0;
    font-size:3rem;
    line-height:1.1;
    color:var(--ecox-bleu);
    letter-spacing:.18em;
    text-transform: uppercase;
    text-align: center;
}

.colloque_date{
    width: 100%;
}

.colloque_date_date {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
}

.colloque_date_date span{
    color: var(--ecox-rouge);
    font-size:1.1rem!important;
    font-weight:600;
    text-transform: uppercase;
}

.colloque_date_date_icon{
    font-size:1.15rem!important;
    color:var(--ecox-rouge);
    flex-shrink:0;
}

.colloque_date_date_separator{
    color:var(--ecox-bleu)!important;
    font-size:.75rem;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.2em;
}

.colloque_summary{
    background:#fff;
    display:flow-root;
    line-height:1.8;
    border-radius: var(--ecox-content-border-radius);
    margin: 0 35px;
    padding: 30px;
    line-height:2;
}

.colloque_summary img{
    max-width:100% !important;
    height:auto !important;
    vertical-align:middle;
}

.colloque_summary h3,
.colloque_summary p {
    color: var(--ecox-color-text);
}

@media(max-width:991px){

    .colloque_content{
        text-align:center;
    }

    .colloque_summary{
        padding:15px;
    }

}

@media(max-width:768px){

    .colloque_summary {
        margin: 0 5px;
    }
    .colloque_summary img{
        margin: 15px 0;
    }

}