.banner.full-width-section{
        margin-bottom: 0;
        overflow: hidden;
}
.banner-content.right .banner-content-inner {
        grid-column: 7 / span 6;
}
.banner-content.right .banner-content-inner .banner-title{
        background: var(--seventh-color);
        margin-left: 24px;
}

.breadcrumbs a:hover {
        color: var(--nineth-color);
}

.default-section-inner{
        row-gap: 48px;
}

.content-section .default-section {
        padding-bottom: 164px;
}
#footer {
        margin-top: 32px;
}
.content-section{
        padding: 0 var(--margin-section);
}
.left-col{
        position: relative;
        grid-column: 3 / span 4;
}
.right-col{
        position: relative;
        grid-column: 7 / span 5;
        padding-left: 24px;
}
.default-section-inner .default-grid:first-of-type .right-col.no-col-left{
        padding-top: 0;
}
.right-col .seperator{
        display: block;
        height: 6px;
        width: 104px;
        background: #000;
}
.breadcrumbs{
        margin-bottom: 16px;
}
.standfirst{
        font-family: 'Agrandir';
        font-size: 28px;
        font-weight: 800;
        line-height: 1.2;
        color: var(--nineth-color);
        margin-bottom: 24px;
}

.left-col .graphic-element {
        bottom: -80px;
        left: -200px;
}
.left-col .graphic-element svg{
        width: 400px;
}
.right-col .graphic-element {
        bottom: -152px;
        right: -280px;
}

.right-col .content {
        display: flex;
        flex-direction: column;
        row-gap: 24px;
}
.right-col .row-content{
        position: relative;
        display: flex;
        flex-direction: column;
        row-gap: 8px;
}
.right-col .row-content h2{
        position: relative;
        margin-bottom: 24px;
}
.right-col .row-content h2::after{
        content: '';
        position: absolute;
        bottom: -8px;
        left: 0;
        height: 4px;
        width: 80px;
        background: #000;
}
.right-col .row-content > .icon {
        position: absolute;
        top: 0;
        right: calc(100% + 12px);
}
.right-col .row-content > .icon svg {
        width: 24px;
}
.right-col .row-content > .icon img{
        width: 32px;
        height: 32px;
        object-fit: contain;
}
.row-content .text a{
        text-decoration: underline;
}
.row-content .text a:hover{
        color: var(--nineth-color);
}

.row-content .link {
        text-decoration: underline;
        font-weight: 900;
}

.content-section > .graphic-element {
        top: 64px;
        left: 64px;
}

.banner .graphic-element:nth-of-type(1){
        top: 40px;
        right: -24px;
}
.banner .graphic-element:nth-of-type(2){
        top: inherit;
        bottom: 24px;
        left: -24px;
}

@media (max-width: 1400px) {
}

@media (max-width: 1200px) {
        .page-template-template-page-pratique .right-col,
        .banner-content.right .banner-content-inner {
                grid-column: 6 / span 7;
        }
        .page-template-template-page-pratique .left-col{
                grid-column: 1 / span 4;
        }

        .content-section .default-section {
                padding-bottom: 64px;
        }
        .page-template-template-page-pratique #footer {
                margin-top: 104px;
        }
}

@media (max-width: 992px) {
        .page-template-template-page-pratique .right-col,
        .page-template-template-page-pratique .left-col{
                grid-column: 2 / span 10;
        }
        .banner-content.right .banner-content-inner{
                grid-column: 1 / span 12;
                display: flex;
                justify-content: center;
        }
        .page-template-template-page-pratique .right-col{
                padding-left: 0;
        }

        .full-width-section{
                margin-bottom: 32px;
        }
        .page-template-template-page-pratique #footer{
                margin-top: 16px;
        }

        .default-section-inner .default-grid:first-of-type .right-col{
                padding-top: 0;
        }
        .page-template-template-page-pratique .standfirst{
                margin-bottom: 0;
        }
}

@media (max-width: 768px) {
        .banner-content.right .banner-content-inner{
                justify-content: start;
        }
        .banner-content.right .banner-content-inner .banner-title{
                margin-left: 0;
        }

        .page-template-template-page-pratique .right-col,
        .page-template-template-page-pratique .left-col{
                grid-column: 1 / span 12;
        }
        .page-template-template-page-pratique .content-section{
                padding: 0;
        }

        .right-col .row-content > .icon{
                position: relative;
                top: 0;
                right: 0;
        }
}

@media (max-width: 576px) {

}