@charset "UTF-8";
:root {
    --pdv-color1: #ffffff;
    --pdv-color2: #f5f5f5;
    --pdv-color3: #f6f6f6;
    --pdv-color4: #707173;
    --pdv-color5: #414144;
    --pdv-color6: #3e5dab;
    --pdv-color7: #03ae6e;
    --pdv-color8: #dbdbdb;
    --pdv-color9: #000000;
    --pdv-color10: #eeeeee;
    --pdv-unit-spacer: 32px;
    --pdv-font-size: 14px;
    --pdv-font-weight-light: 300;
    --pdv-font-weight-normal: 500;
    --pdv-font-weight-strong: 800
}

::-moz-selection {
    color: #fff;
    background: var(--pdv-color6)
}

::selection {
    color: #fff;
    background: var(--pdv-color6)
}

#pdv {
    font-family: Inter, Arial, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
    font-size: var(--pdv-font-size)
}

#pdv .special {
    background-image: linear-gradient(170deg, #d1f3e6 75%, #b8d5ca)
}

#pdv .btn {
    border-radius: 0
}

#pdv strong {
    font-weight: var(--pdv-font-weight-strong)
}

#pdv #videoModal {
    background-image: linear-gradient(147deg, var(--pdv-color7) 23%, var(--pdv-color6))
}

#pdv #videoModal:after {
    content: "";
    position: absolute;
    inset: 0;
    background-color: rgba(0, 0, 0, 0.25);
    pointer-events: none;
    z-index: 5
}

#pdv .modal-dialog {
    opacity: 1;
    z-index: 10
}

#pdv .modal-content {
    background-color: var(--pdv-color9);
    color: var(--pdv-color1);
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 20px;
    -webkit-animation: zoomFade 0.5s ease;
    animation: zoomFade 0.5s ease
}

#pdv .btn-close {
    color: var(--pdv-color1);
    padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 1) 0 0 !important
}

#pdv .modal-header {
    border-bottom: 0
}

@-webkit-keyframes zoomFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes zoomFade {
    0% {
        opacity: 0;
        -webkit-transform: scale(0.8);
        transform: scale(0.8)
    }
    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

#pdv .ratio-9x16 {
    aspect-ratio: 9/16
}

#pdv section#header {
    background-image: url("/assets/pdv-bombardier/images/header.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    height: 700px
}

#pdv section#header .jouervideo {
    z-index: 5;
    width: 400px;
    padding: calc(var(--pdv-unit-spacer) * 0.25) var(--pdv-unit-spacer) calc(var(--pdv-unit-spacer) * 0.25) calc(var(--pdv-unit-spacer) * 0.5);
    opacity: 0.9;
    background-color: var(--pdv-color2);
    margin: 55px 0 0;
    text-decoration: none;
    color: var(--pdv-color5)
}

@media (min-width: 576px) {
    #pdv section#header .jouervideo {
        padding: calc(var(--pdv-unit-spacer) * 0.5) var(--pdv-unit-spacer) calc(var(--pdv-unit-spacer) * 0.5) calc(var(--pdv-unit-spacer) * 0.5)
    }
}

#pdv section#header .jouervideo:hover {
    opacity: 1
}

#pdv section#header .jouervideo img {
    margin: 0 calc(var(--pdv-unit-spacer) * 0.5) 0 0;
    height: 74%
}

@media (min-width: 576px) {
    #pdv section#header .jouervideo img {
        height: inherit
    }
}

#pdv section#header .jouervideo .text {
    border-left: 2px solid var(--pdv-color5);
    padding: 0 0 0 calc(var(--pdv-unit-spacer) * 0.5);
    display: block;
    font-size: 21px !important;
    line-height: 0.94
}

@media (min-width: 576px) {
    #pdv section#header .jouervideo .text {
        font-size: 28px !important
    }
}

#pdv section#header .main-title {
    z-index: 5;
    margin: calc(var(--pdv-unit-spacer) * 3) 0 calc(var(--pdv-unit-spacer) * 2) 0;
    font-size: 35px !important;
    font-weight: var(--pdv-font-weight-strong);
    font-stretch: normal;
    font-style: normal;
    line-height: 0.88em;
    letter-spacing: normal;
    text-align: left;
    color: var(--pdv-color1)
}

@media (min-width: 576px) {
    #pdv section#header .main-title {
        font-size: 59.5px !important
    }
}

#pdv section#header .main-title small {
    font-size: 24.5px !important;
    font-weight: var(--pdv-font-weight-light);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.21em;
    letter-spacing: normal;
    text-align: left;
    color: var(--pdv-color1);
    display: block;
    margin: var(--pdv-unit-spacer) 0 calc(var(--pdv-unit-spacer) * 2)
}

#pdv section#blocks {
    margin-top: calc(var(--pdv-unit-spacer) - 100px);
}

@media (min-width: 576px) {
    #pdv section#blocks {
        margin-top:  calc(var(--pdv-unit-spacer) - 60px);
    }
}
@media (min-width: 768px) {
    #pdv section#blocks {
        margin-top:  calc(var(--pdv-unit-spacer) - 90px);
    }
}

@media (min-width: 992px) {
    #pdv section#blocks {
        margin-top: -100px
    }
}

#pdv section#blocks .text {
    color: var(--pdv-color1);
    height: 314px;
    padding: var(--pdv-unit-spacer);
    margin-right: var(--pdv-unit-spacer);
    background-image: linear-gradient(147deg, var(--pdv-color7) 23%, var(--pdv-color6))
}

#pdv section#blocks .text .borderleft {
    border-left: 2px solid var(--pdv-color1);
    padding-left: var(--pdv-unit-spacer)
}

#pdv section#blocks .text .title {
    font-size: 31.5px !important;
    font-weight: var(--pdv-font-weight-light);
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    margin-bottom: calc(var(--pdv-unit-spacer) * 0.85)
}

#pdv section#blocks .text .nb {
    font-size: 61.25px !important;
    line-height: 1
}

#pdv section#blocks .image {
    margin-bottom: var(--pdv-unit-spacer);
    height: 314px;
    background-image: url("/assets/pdv-bombardier/images/logo_Fondation-Bombardier.svg");
    background-size: 65%;
    background-color: var(--pdv-color3);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

#pdv section#blocks .sponsor2 {
    margin-bottom: var(--pdv-unit-spacer);
    height: 314px;
    padding: 0;
    background-image: url("/assets/pdv-bombardier/images/logo_Fondation-Bombardier.svg");
    background-size: 75%;
    background-color: var(--pdv-color3);
    background-repeat: no-repeat;
    background-position: 50% 50%
}
#pdv section#blocks .sponsor {
    margin-bottom: var(--pdv-unit-spacer);
    height: 314px;
    padding: 0;
    background-image: url("/assets/pdv-bombardier/images/logo_BRP.svg");
    background-size: 85%;
    background-color: var(--pdv-color3);
    background-repeat: no-repeat;
    background-position: 50% 50%
}
#pdv section#blocks .sponsorcq {
    margin-bottom: var(--pdv-unit-spacer);
    height: 314px;
    padding: 0;
    background-image: url("/assets/pdv-bombardier/images/cq-logo.svg");
    background-size: 65%;
    background-color: var(--pdv-color3);
    background-repeat: no-repeat;
    background-position: 50% 50%
}

#pdv section#arguments {
    margin-top: calc(var(--pdv-unit-spacer) * 2);
    margin-bottom: calc(var(--pdv-unit-spacer) * 2);
    padding: 0 var(--pdv-unit-spacer)
}

#pdv section#arguments .title {
    font-size: 52.5px !important;
    font-weight: var(--pdv-font-weight-strong);
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: left;
    color: var(--pdv-color5);
    margin-bottom: 0.5em
}

#pdv section#arguments .description {
    font-size: 22.75px !important;
    font-weight: var(--pdv-font-weight-light);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.15;
    letter-spacing: normal;
    text-align: left;
    color: var(--pdv-color4);
    border-left: 2px solid var(--pdv-color7);
    padding-left: var(--pdv-unit-spacer);
    margin-left: calc(var(--pdv-unit-spacer) * 0.75)
}

@media (max-width: 575.98px) {
    #pdv section#arguments .argument1 {
        padding-bottom: var(--pdv-unit-spacer)
    }

    #pdv section#arguments .argument2 {
        padding-bottom: var(--pdv-unit-spacer)
    }

    #pdv section#arguments .argument3 {
        padding-bottom: var(--pdv-unit-spacer)
    }
}

#pdv section#programmes {
    background-color: var(--pdv-color2);
    padding: calc(var(--pdv-unit-spacer) * 2) 0
}

#pdv section#programmes .programmes {
    color: var(--pdv-color5);
    font-weight: var(--pdv-font-weight-strong);
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    margin: 0 0 calc(var(--pdv-unit-spacer) * 2) 0;
    padding: 0;
    font-size: 43.75px !important;
    line-height: 0.88
}

@media (min-width: 576px) {
    #pdv section#programmes .programmes {
        font-size: 59.5px !important
    }
}

#pdv section#programmes .programmes small {
    font-size: 24.5px !important;
    font-weight: var(--pdv-font-weight-light);
    line-height: 1.21;
    color: var(--pdv-color4);
    display: block;
    margin-top: 1em
}

#pdv section#programmes .accordion .custom-toggle {
    position: relative;
    -webkit-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    font-weight: var(--pdv-font-weight-strong);
    padding: 0.75em 1em
}

#pdv section#programmes .accordion .custom-toggle.collapsed {
    background-color: var(--pdv-color6);
    color: var(--pdv-color1)
}

#pdv section#programmes .accordion .custom-toggle:not(.collapsed) {
    background-color: var(--pdv-color7);
    color: var(--pdv-color1)
}

#pdv section#programmes .accordion .custom-toggle .icon {
    font-family: "remixicon", serif;
    font-size: 28px !important;
    color: var(--pdv-color1);
    margin-right: 0.25em;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    background-image: none
}

#pdv section#programmes .accordion .custom-toggle.collapsed .icon:before {
    content: "\ea13"
}

#pdv section#programmes .accordion .custom-toggle:not(.collapsed) .icon:before {
    content: "\ea76"
}

#pdv section#programmes .accordion .accordion-button:after {
    display: none !important
}

#pdv section#programmes .accordion .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important
}

#pdv section#programmes .accordion .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important
}

#pdv section#programmes .accordion .accordion-body {
    font-size: calc(var(--pdv-font-size) * 1.25);
    color: var(--pdv-color4);
    font-weight: var(--pdv-font-weight-light)
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #pdv section#programmes .accordion .accordion-body {
        font-size: var(--pdv-font-size)
    }
}

#pdv section#programmes .accordion .accordion-body .heading {
    border-bottom: 1px solid var(--pdv-color8);
    padding-bottom: 0.5em
}

#pdv section#programmes .accordion .accordion-body .heading strong {
    color: var(--pdv-color6);
    font-weight: var(--pdv-font-weight-strong)
}

#pdv section#programmes .accordion .accordion-body p {
    margin: 1em 0 2em;
    font-size: 0.85em
}

#pdv section#programmes .accordion .accordion-body .footing {
    position: relative
}

#pdv section#programmes .accordion .accordion-body .footing:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: var(--pdv-color8);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 0
}

#pdv section#programmes .accordion .accordion-body .footing > * {
    position: relative;
    z-index: 1
}

#pdv section#carousel {
    padding: calc(var(--pdv-unit-spacer) * 2) 0
}

#pdv section#carousel .h3 {
    font-size: 39.375px !important;
    margin-bottom: var(--pdv-unit-spacer);
    display: block
}

#pdv section#carousel .borderleft {
    border-left: 2px solid var(--pdv-color7);
    padding-left: var(--pdv-unit-spacer);
    font-size: 19.25px !important;
    font-weight: var(--pdv-font-weight-light)
}

@media (min-width: 768px) and (max-width: 991.98px) {
    #pdv section#carousel .h3 {
        font-size: 26.25px !important;
        margin-bottom: var(--pdv-unit-spacer);
        display: block
    }

    #pdv section#carousel .borderleft {
        border-left: 2px solid var(--pdv-color7);
        padding-left: var(--pdv-unit-spacer);
        font-size: 13.125px !important;
        font-weight: var(--pdv-font-weight-light)
    }
}

#pdv section#carousel .slide-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    min-height: 360px
}

#pdv section#carousel .slide-wrap img {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 520px
}

#pdv section#carousel .slide-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    background: #fff
}

#pdv section#carousel .controls-bar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0.75rem 1rem
}

#pdv section#carousel .counter {
    font-weight: 600
}

#pdv section#carousel .controls {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 0.5rem
}

#pdv section#carousel .controls button {
    border: 0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#pdv section#carousel .controls button .icon {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% 100%
}

#pdv section#carousel .slide-body {
    padding: 1.25rem 1.25rem 1.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0.5rem;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

#pdv section#carousel .carousel-controls button {
    color: var(--pdv-color5);
    display: inline-block;
    margin: 0 calc(var(--pdv-unit-spacer) * 0.5) 0 0;
    font-size: calc(var(--pdv-font-size) * 2)
}

#pdv section#carousel .carousel-controls button:hover {
    color: var(--pdv-color7)
}

#pdv section#carousel .slide-counter {
    font-weight: var(--pdv-font-weight-strong);
    font-size: 1rem
}

@media (max-width: 768px) {
    #pdv section#carousel .slide-wrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 0
    }

    #pdv section#carousel .slide-wrap img {
        width: 100%;
        height: 240px
    }
}

#pdv section#tonavenir {
    padding-bottom: calc(var(--pdv-unit-spacer) * 3)
}

@media (min-width: 768px) {
    #pdv section#tonavenir {
        height: 523px
    }
}

#pdv section#tonavenir .imageA {
    background-image: url("/assets/pdv-bombardier/images/footer1.webp");
    background-color: var(--pdv-color6);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 62%;
    height: 523px;
    z-index: 5;
    margin-right: calc(var(--pdv-unit-spacer) * 1.5)
}

#pdv section#tonavenir .bk-gradient {
    background-image: linear-gradient(129deg, var(--pdv-color7) 23%, var(--pdv-color6))
}

#pdv section#tonavenir .text {
    padding: var(--pdv-unit-spacer);
    width: 100%;
    margin: 0
}

@media (min-width: 576px) {
    #pdv section#tonavenir .text {
        padding: calc(var(--pdv-unit-spacer) * 2)
    }
}

@media (min-width: 992px) {
    #pdv section#tonavenir .text {
        padding: 57px 78px;
        width: 438px;
        margin: 83.5px 0 0 calc(62% + var(--pdv-unit-spacer) * 1.5 - 269px);
        z-index: 10;
        position: absolute
    }
}

#pdv section#tonavenir .text .title {
    color: var(--pdv-color1);
    font-size: 48.125px !important;
    font-weight: var(--pdv-font-weight-strong);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.02;
    letter-spacing: normal;
    text-align: left
}

#pdv section#tonavenir .text .description {
    font-size: 22.75px !important;
    font-weight: var(--pdv-font-weight-light);
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: left;
    color: var(--pdv-color1);
    border-left: 2px solid var(--pdv-color1);
    padding-left: var(--pdv-unit-spacer);
    margin-top: var(--pdv-unit-spacer)
}

#pdv section#tonavenir .imageB {
    background-image: url("/assets/pdv-bombardier/images/footer2.webp");
    background-color: var(--pdv-color6);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    width: 32%;
    height: 523px;
    z-index: 5;
    margin-left: calc(var(--pdv-unit-spacer) * 1.5)
}