.hero-banner {
    min-height: clamp(270px, calc(16.875rem + ((1vw - 3.7px) * 7.4766)), 350px);
    display: flex;
    flex-direction: column
}

.hero-banner h1 {
    max-width: 830px;
    margin-bottom: var(--gap1)
}

section.presentation {
    padding: var(--gap3) 0px 0px;
    margin-bottom: var(--gap3)
}

@media (max-width: 850px) {
    section.presentation {
        padding-top:0px
    }
}

section.presentation p {
    margin-bottom: var(--gap1)
}

section.presentation ul {
    padding-left: 5px
}

section.presentation ul li::before {
    content: "•";
    font-size: 10px;
    margin-right: 10px;
    vertical-align: middle
}

section.presentation>.ctnr {
    display: flex;
    justify-content: space-between
}

@media (max-width: 850px) {
    section.presentation>.ctnr {
        flex-direction:column
    }
}

@media (max-width: 850px) {
    section.presentation>.site_margin {
        width:100%
    }
}

section.presentation>.ctnr>.column.infos {
    position: relative
}

@media (max-width: 850px) {
    section.presentation>.ctnr>.column.infos {
        order:1;
        margin-bottom: var(--gap3)
    }
}

section.presentation .event-past {
    padding: 4px 18px;
    background: var(--grey-50);
    border: 1px solid var(--tertiary-400);
    border-radius: 60px;
    color: var(--primary-400);
    margin-right: 4px;
    font-weight: 500;
    white-space: nowrap;
    display: inline-block;
    margin-bottom: var(--gap2)
}

section.presentation .social {
    display: flex;
    align-items: flex-start;
    column-gap: clamp(35px, calc(2.1875rem + ((1vw - 4.2px) * 0.9804)), 45px)
}

section.presentation .social img {
    height: clamp(33px, calc(2.0625rem + ((1vw - 4.2px) * 1.1765)), 45px);
    width: auto
}

section.presentation>.ctnr>.column.infos>.bloc {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--tertiary-400);
    position: relative;
    top: -190px;
    right: 0;
    background: var(--white);
    width: 400px;
    min-width: 100%
}

@media (max-width: 850px) {
    section.presentation>.ctnr>.column.infos>.bloc {
        position:relative;
        top: 0;
        width: unset;
        min-width: unset
    }
}

section.presentation>.ctnr>.column.infos>.bloc>img {
    position: absolute;
    top: 0;
    left: 0
}

section.presentation>.ctnr>.column.infos>.bloc .info {
    display: flex;
    align-items: flex-start;
    color: var(--primary-400)
}

section.presentation>.ctnr>.column.infos>.bloc .info>img {
    margin-right: 10px
}

section.presentation>.ctnr>.column.infos>.bloc>.ctnr {
    padding: var(--gap2);
    padding-top: clamp(73px, calc(4.5625rem + ((1vw - 4.2px) * 1.6667)), 90px);
    box-sizing: border-box
}

section.presentation>.ctnr>.column.infos .logo {
    max-width: 185px;
    align-self: center;
    margin-bottom: 22px
}

section.presentation>.ctnr>.column.infos .title {
    color: var(--primary-400);
    font-size: clamp(22px, calc(1.375rem + ((1vw - 4.2px) * 1.2745)), 35px);
    font-weight: 700;
    line-height: 120%;
    text-transform: uppercase;
    margin-bottom: var(--gap2);
    white-space: nowrap
}

section.presentation>.ctnr>.column.infos .info {
    color: var(--grey-700);
    line-height: 150%;
    margin-bottom: var(--gap2);
    display: flex;
    column-gap: 5px
}

section.presentation>.ctnr>.column.desc {
    max-width: 55%;
    width: 720px;
    line-height: 150%;
    color: var(--grey-700)
}

@media (max-width: 850px) {
    section.presentation>.ctnr>.column.desc {
        max-width:100%;
        order: 2;
        width: calc(100% - 40px);
        margin: auto
    }
}

section.presentation .lm_button.secondary {
    margin-bottom: var(--gap2)
}

.video_desc {
    padding-top: 0;
    margin-bottom: var(--gap3)
}

/* Programme Sessions */

#programme-sessions {
    padding-bottom:var(--gap3);
    color:var(--primary-400);
}

#programme-sessions .creneaux {
    display: flex;
    flex-direction: column;
    row-gap:var(--gap3);
}

#programme-sessions .creneau :where(h2, h3, p, .intervenant)  {
    line-height:150%;
}

#programme-sessions .creneau h2 {
    margin-bottom:var(--gap1);
}

#programme-sessions .creneau h4 {
    margin:var(--gap2) 0px var(--gap1);
}

#programme-sessions .lm_button {
    margin-top:var(--gap1);
    align-self: center;
}

#programme-sessions .sessions {
    flex-direction:column;
    row-gap:var(--gap1);
}

#programme-sessions .sessions > .session {
    background:var(--grey-50);
    padding:var(--gap15);
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

#programme-sessions .creneau .intervenants {
    margin-top:var(--gap1);
    list-style:initial;
    padding-left: var(--gap15);
}

#programme-sessions .creneau .intervenants .intervenant {
    margin-bottom:5px;
}