@charset "UTF-8";

@import 'fonts/poppins.css';
@import 'fonts/montserrat.css';

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body#sf-body-acad-video {
    --acad-header-height: 200px;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    line-height: unset;
}

body#sf-body-acad-video p {
    font-size: 16px;
    margin-bottom: 0;
    overflow: unset;
}

#sf-body-acad-video header {
    background-color: #000;
    /* background-color: #0e0e12; */
    /* background-color: rgba(18, 18, 27, 0.85); */

    height: var( --acad-header-height);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 50%);

    /* position: fixed;
    top: 0;
    left: 0;
    width: 100%; */
    
    position: relative;
    z-index: 10;
}

header .back-icon-wrap {
    position: absolute;
    -webkit-clip-path: initial;
    clip-path: initial;
    opacity: 1;
    pointer-events: auto;
    z-index: 1;
    top: 20px;
    left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

header .back-icon-wrap svg {
    --hd-back-icon-size: 30px;
    fill: #fff;
    width: var(--hd-back-icon-size);
    min-width: var(--hd-back-icon-size);
    height: var(--hd-back-icon-size);
    min-height: var(--hd-back-icon-size);
    transition: all 0.3s;
}

header .back-icon-wrap:hover svg {
    fill: #ff0050;
}

#sf-body-acad-video header .inner-header-wrapper.logo-hdr-wrpr,
#sf-body-acad-video header .inner-header-wrapper.logo-hdr-wrpr:hover {
    color: #fff;
}

#sf-body-acad-video header .top-title {
    font-family: 'Montserrat', sans-serif;
    font-size: 50px;
    /* font-weight: 500;
    letter-spacing: 0.02em; */

    font-weight: 500;
    /* letter-spacing: 0.008em; */
    position: relative;
}

#sf-body-acad-video header .top-title .sf-i {
    /* margin-left: -4px; */
    margin-left: -0.01px;
}

#sf-body-acad-video header .top-title .thin {
    font-weight: 200;
}

.logo-tm {
    position: absolute;
    top: 13px;
    right: -15px;
    font-size: 9px;
    text-transform: uppercase;
}

#sf-body-acad-video header .bottom-title {
    font-family: 'Poppins', sans-serif;
    /* text-transform: uppercase; */
    /* margin-top: -10px; */
    margin-top: -5px;
    position: relative;
    left: -1.921px;
    font-size: 18px;
    font-weight: 400;

    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

header .bottom-title .dot {
    margin-bottom: 6px;
    margin-left: 8px;
    width: 12px;
    height: 12px;
    background-color: #ff0050;
}

#sf-body-acad-video header .acdm-brgr-wrp {
    --acdm-brgr-menu-size: 28px;
    position: absolute;
    /* top: 30px; */
    top: 18px;
    right: 30px;
    width: var(--acdm-brgr-menu-size);
    min-width: var(--acdm-brgr-menu-size);
    height: var(--acdm-brgr-menu-size);
    min-height: var(--acdm-brgr-menu-size);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999;
}

#sf-body-acad-video header .acdm-brgr-wrp:hover {
    cursor: pointer;
}

#sf-body-acad-video header .acdm-brgr-wrp div {
    position: relative;
    /* transition: background-color 0.1s; */
    transition: background-color 0.07s;
}

#sf-body-acad-video header .acdm-brgr-wrp.active div {
    background-color: transparent;
}

#sf-body-acad-video header .acdm-brgr-wrp div,
#sf-body-acad-video header .acdm-brgr-wrp div::before,
#sf-body-acad-video header .acdm-brgr-wrp div::after {
    width: 100%;
    /* border-top: 3.5px solid #fff; */
    height: 3.5px;
    background-color: #fff;
    border-radius: 2px;
}

#sf-body-acad-video header .acdm-brgr-wrp div::before,
#sf-body-acad-video header .acdm-brgr-wrp div::after {
    position: absolute;
    content: '';
    left: 0;
    /* transition: all 0.2; */
    transition: all 0.2s, background-color 0.45s;
}

#sf-body-acad-video header .acdm-brgr-wrp div::before {
    top: -8px;
}

#sf-body-acad-video header .acdm-brgr-wrp div::after {
    /* bottom: -7.9999999px; */
    bottom: -8px;
}

#sf-body-acad-video header .acdm-brgr-wrp.active div::before,
#sf-body-acad-video header .acdm-brgr-wrp.active div::after {
    background-color: #000;
}

#sf-body-acad-video header .acdm-brgr-wrp.active div::before {
    top: 0;
    transform: rotate(45deg);
}

#sf-body-acad-video header .acdm-brgr-wrp.active div::after {
    bottom: 0;
    transform: rotate(-45deg);
}

#sf-body-acad-video .acdm-menu-cntnt-wrpr {
    position: fixed;
    top: 0;
    right: -100%;
    height: 100vh;
    /* width: 360px; */
    width: 100%;
    max-width: 360px;
    background-color: #f2f4f8;
    box-shadow: 0px 3px 10px 0px rgb(103 114 148 / 25%);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: 20;
    transition: right ease-in-out 0.6s;
}

#sf-body-acad-video .acdm-menu-cntnt-wrpr.acdmy-menu-open {
    right: 0;
}

#sf-body-acad-video .acdm-menu-cntnt-wrpr .inner-header-wrapper.logo-hdr-wrpr {
    display: none;
    position: absolute;
    top: 10px;
    left: 20px;
    color: #000;
}

#sf-body-acad-video header .acdm-menu-cntnt-wrpr .top-title {
    font-weight: 600;
    font-size: 35px;
}

#sf-body-acad-video header .acdm-menu-cntnt-wrpr .top-title .thin {
    font-weight: 400;
}

.acdm-menu-cntnt-wrpr .top-title .logo-tm {
    top: 7px;
}

#sf-body-acad-video header .acdm-menu-cntnt-wrpr .bottom-title {
    margin-top: -4.5px;
    font-weight: 500;
}

.acdm-menu-cntnt-wrpr .inner-acdm-mnu-wrpr {
    /* padding: 40px; */
    /* padding: 40px 50px; */
    padding: 40px 45px;
}

.inner-acdm-mnu-wrpr .acdm-mnu-block:not(:last-child) {
    /* margin-bottom: 30px; */
    /* margin-bottom: 55px; */
    /* margin-bottom: 35px; */
    margin-bottom: 48px;
}

.inner-acdm-mnu-wrpr .acdm-mnu-block a.acdm-mnu-link {
    /* display: inline-block; */
    display: flex;
    font-family: 'Poppins', sans-serif;
    color: #000;
    /* font-size: 25px; */
    font-size: 20px;
    /* font-weight: 800; */
    font-weight: 700;
    padding-bottom: 3px;
    /* padding-bottom: 6px; */
    /* border-bottom: 6px solid #ff0050; */
    /* border-bottom: 3px solid #ff0050; */
    /* border-bottom: 5px dotted #ff0050; */
    position: relative;
}

.inner-acdm-mnu-wrpr .acdm-mnu-block a.current-itm-mnu {
    color: #ff0050;
}

.blockCategorieMeme{
    --home-acad-pad-side: 14vw;
}

/*
.inner-acdm-mnu-wrpr .acdm-mnu-block a.current-itm-mnu::before {
    position: absolute;
    content: '';
    display: block;
    top: 5.5px;
    left: -17px;
    --mnu-itm-arrow-size: 8.5px;
    width: 0;
    height: 0;
    border-top: var(--mnu-itm-arrow-size) solid transparent;
    border-bottom: var(--mnu-itm-arrow-size) solid transparent;
    border-left: var(--mnu-itm-arrow-size) solid #ff0050;
}
*/

.acdm-mnu-block .mnu-itm-arrow {
    --mnu-itm-arrow-size: 8.5px;
    margin-top: 5.5px;
    margin-right: 8px;
    width: 0;
    height: 0;
    border-top: var(--mnu-itm-arrow-size) solid transparent;
    border-bottom: var(--mnu-itm-arrow-size) solid transparent;
    border-left: var(--mnu-itm-arrow-size) solid #ff0050;
}

.academy-vid-ct-container {
    /* padding-top: var( --acad-header-height); */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: #f1f3f6; */
    /* background-color: #EFEFEF; */
    background-color: #fff;
    position: relative;
    overflow-x: hidden;
}

.academy-vid-ct-container .inner-acad-container {
    font-family: 'Montserrat', sans-serif;
    font-size: 16px;
    /* color: #777777; */
    /* color: rgba(1, 1, 1, 0.6); */
    color: #677294;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* padding: 90px 20px 150px 20px; */
    /* padding: 90px 0 150px 0; */
}

.brcrmb-wrpr {
    /* padding: 20px 20px 0 20px; */
    padding-top: 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin: -10px 0;
}

.brcrmb-wrpr .brcrmb-block {
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    margin: 10px 5px;
}

.brcrmb-wrpr .brcrmb-block:not(:first-child) {
    padding-left: 30px;
}

.brcrmb-wrpr .brcrmb-block:not(:first-child)::before {
    position: absolute;
    content: '';
    top: 2px;
    left: 0;
    width: 20px;
    height: 13px;
    /*background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' x='0' y='0' viewBox='0 0 1080 1080'%3E%3Cpath d='m318.8 853.4 315.1-315.1-311.6-311.7c-23.4-23.4-23.4-61.4 0-84.9 23.4-23.4 61.4-23.4 84.9 0l354.1 354.1c23.4 23.4 23.4 61.4 0 84.9l-357.7 357.6c-23.4 23.4-61.4 23.4-84.9 0-23.3-23.5-23.3-61.5.1-84.9z'%3E%3C/path%3E%3C/svg%3E");*/
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 199.404 199.404' width='13' height='13'%3E%3Cpath d='M135.412 0 35.709 99.702l99.703 99.702 28.283-28.285-71.418-71.417 71.418-71.417z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    transform: scale(-1);
}

.brcrmb-block .brcrmb-ic-wrp {
    display: flex;
    justify-content: center;
    align-items: center;
}

.brcrmb-block .brcrmb-ic-wrp svg {
    margin-top: -4px;
    /* margin-right: 5px; */
    /* --home-brcrmb-ic-size: 20px; */
    /* --home-brcrmb-ic-size: 18px; */
    --home-brcrmb-ic-size: 16px;
    fill: #000;
    width: var(--home-brcrmb-ic-size);
    min-width: var(--home-brcrmb-ic-size);
    height: var(--home-brcrmb-ic-size);
    min-height: var(--home-brcrmb-ic-size);
}

/* === HOME PAGE ACAD CONTAINER === */

.academy-vid-ct-container .home-page-acad-container {
    --home-acad-pad-side: 14vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 135px 5vw 150px 5vw; */
    /* padding: 135px 20.5vw 150px 20.5vw; */
    /* padding: 135px 10vw 150px 10vw; */

    /* padding: 87px 15vw 100px 15vw; */
    padding: 87px var(--home-acad-pad-side) 100px var(--home-acad-pad-side);
}

.home-page-acad-container .introductory-section {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 60px;
}

.home-page-acad-container .introductory-section .title-sommaire {
    font-family: 'Poppins', sans-serif;
    color: #ff0050;
    /* color: #ed195f; */
    /* font-size: 23.5px; */
    font-size: 35px;
    font-weight: 700;
    /* line-height: 1.6em; */
    text-transform: uppercase;
    word-spacing: 0.15em;
    width: 70%;
    text-align: center;
}

.home-page-acad-container .introductory-section .title-support-sommaire {
    width: auto;
}

.home-type-list-wrpr .acdm-hm-block {
    display: flex;
    justify-content: center;
    align-items: center;
    /* width: 720px; */
    height: 320px;
    overflow: hidden;
    position: relative;
}

.home-type-list-wrpr .acdm-hm-block:not(:last-child) {
    margin-bottom: 40px;
}

.home-type-list-wrpr .acdm-hm-block::after {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.54);
}

.acdm-hm-block img {
    position: relative;
    /* top: 50px; */
    width: 100%;
    object-fit: contain;
    object-position: center;
}

.acdm-hm-block .hm-block-text {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-45%, -50%);
    font-family: 'Poppins', sans-serif;
    color: #fff;
    font-weight: 800;
    /* font-size: 30px; */
    /* font-size: 29px; */
    font-size: 26px;
    text-transform: uppercase;
    line-height: 1.4em;
    text-align: center;
    z-index: 1;
}

.home-page-acad-container .video-block {
    /* --vid-img-preview-height: 260px; */
    /* --vid-img-preview-height: 230px; */
    --vid-img-preview-height: 220px;
    display: flex;
    flex-wrap: wrap;
    /* align-items: flex-start; */
    align-items: stretch;
    /* padding: 70px; */
    /* padding: 70px 85px; */
    padding : 40px 40px;
    /* box-shadow: 0px 3px 10px 0px rgb(38 59 94 / 20%); */
    box-shadow: 0px 3px 10px 0px rgb(103 114 148 / 25%);
}

.home-page-acad-container .video-block:not(:last-child) {
    /* margin-bottom: 95px; */
    margin-bottom: 50px;
}

.video-block .video-preview-wrap {
    flex: 0 1 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: #000; */
    background-color: #f2f4f8;

    /* border: 0.5px solid #e5e9f1; */
    border: 0.5px solid #f3f5f8;
    /* border: 0.5px solid #f3f5f9; */
    /* border: 0.5px solid #eaedf3; */

    /* border: 0.5px solid #e5e7ed; */
    /* border: 0.5px solid #e8e9ef; */
    /* border: 0.5px solid #e9ebf0; */
    /* border: 0.5px solid #eff0f4; */

    position: relative;
}

.video-block .video-preview-wrap::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 13%;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.11));
}

.manual-block .video-preview-wrap::after {
    display: none;
}

.video-block .video-preview-wrap i {
    position: absolute;
    /* font-size: 39.3px; */
    /* font-size: 35.49px; */
    /* font-size: 39.5px; */
    /* font-size: 40px; */
    font-size: 42.1px;
    /* min-width: 30px; */
    /* background-color: #ff0050; */
    background-color: rgba(255, 0, 80, 0.8);
    border-radius: 2px;
}

@media screen and (min-width: 1700px) {
    .video-block .video-preview-wrap i {
        font-size: 50px;
    }
}

.video-block .video-preview-wrap i.fa-file-pdf {
    /* color: #ff0050; */
    color: #fff;
}

.video-block .video-preview-wrap img {
    height: var(--vid-img-preview-height);
    width: auto;
    max-width: 300px;
    object-fit: contain;
    object-position: center;
}

.video-block .video-preview-wrap .ply-btn-prevw-ic-wrp {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* background-color: #ff0050; */
    background-color: rgba(255, 0, 80, 0.95);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding: 13.5px;
}

.video-block .video-preview-wrap .ply-btn-prevw-ic-wrp svg {
    --ply-btn-prevw-ic-size: 20px;
    fill: #fff;
    width: var(--ply-btn-prevw-ic-size);
    min-width: var(--ply-btn-prevw-ic-size);
    height: var(--ply-btn-prevw-ic-size);
    min-height: var(--ply-btn-prevw-ic-size);
    position: relative;
    /* left: 1.2px; */
    left: 1.5px;
}

.video-block .video-desc-wrapper {
    margin-left: 40px;
    flex: 1 1 0px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.video-block .video-title {
    font-family: 'Poppins', sans-serif;
    display: inline-block;
    text-decoration: none;
    color: #000;
    font-size: 18.5px;
    word-spacing: 0.15em;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    transition: all 0.1s;
}

.video-block .video-title:hover {
    color: #ff0050;
}

.video-block .video-desc-wrapper .video-description {
    font-size: 14px;
    /* text-align: justify; */

    /* height: 145px; */
    /* height: calc( var(--vid-img-preview-height) - 115px ); */
    max-height: calc( var(--vid-img-preview-height) - 115px );
    
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    
    margin-bottom: 30px;
}

/*
.manual-block .video-desc-wrapper .video-description {
    height: calc( var(--vid-img-preview-height) - 139px );
}
*/

.video-block .video-desc-wrapper .video-description p {
    font-size: 14px !important;
}

.video-desc-wrapper .video-description li {
    padding-left: 30px;
    position: relative;
}

.video-desc-wrapper .video-description li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff0050' width='14' height='14'%3E%3Cpath d='M479.057 206.509c-5.988-4.845-15.953-12.927-17.201-16.757-1.269-3.978 2.01-16.778 3.978-24.395 4.718-18.386 10.6-41.258-2.581-59.263-13.118-17.878-36.709-19.444-55.666-20.714-7.85-.55-21.01-1.418-24.332-3.83-3.364-2.433-8.421-14.895-11.446-22.364-7.469-18.513-15.974-39.502-36.73-46.188-20.65-6.749-39.523 5.205-56.132 15.72-7.321 4.612-18.344 11.595-22.956 11.595-4.422 0-15.318-7.088-22.554-11.785-15.974-10.389-35.947-23.253-56.999-16.101-20.714 7.046-29.134 27.907-36.603 46.272-3.004 7.405-7.998 19.761-11.425 22.279-3.343 2.475-16.736 3.364-24.734 3.893-19.994 1.354-42.654 2.878-55.391 20.904-12.504 17.709-6.898 39.544-1.947 58.819 1.947 7.659 5.247 20.481 4.062 24.31-1.269 3.66-11.129 11.764-17.011 16.609C18.513 217.787 0 233.041 0 255.892c0 22.702 18.154 37.788 32.731 49.89 6.326 5.247 15.868 13.181 17.159 17.117 1.269 3.893-2.031 16.545-4.02 24.099-4.824 18.555-10.854 41.66 2.835 59.813 13.351 17.646 36.836 19.211 55.73 20.481 7.85.55 20.989 1.396 24.332 3.83s8.379 14.874 11.404 22.343c7.49 18.513 15.974 39.502 36.751 46.209a39.077 39.077 0 0012.314 1.968c15.911 0 30.594-9.309 43.839-17.646 7.299-4.612 18.302-11.595 22.914-11.595 4.507 0 15.339 6.898 22.491 11.468 15.868 10.092 35.672 22.745 56.682 15.551 20.692-7.046 29.113-27.886 36.582-46.293 3.004-7.384 7.998-19.761 11.425-22.279 3.364-2.475 16.672-3.364 24.628-3.893 19.846-1.354 42.358-2.856 55.286-20.608 13.012-17.836 7.426-39.904 2.497-59.348-1.925-7.596-5.141-20.269-3.978-24.078 1.269-3.66 11.129-11.764 16.99-16.609C493.487 294.04 512 278.764 512 255.913c0-22.66-18.28-37.492-32.943-49.404zM451.7 273.686c-12.377 10.177-25.178 20.735-30.214 35.863-5.141 15.403-.952 31.906 3.089 47.859 1.968 7.786 5.268 20.798 4.824 23.485-3.216 2.412-16.482 3.322-24.416 3.83-15.72 1.058-33.535 2.243-46.801 11.975-13.139 9.627-19.508 25.347-25.665 40.539-3.004 7.49-8.082 20.036-10.177 21.941-3.851 0-14.62-6.919-21.073-11.023-13.308-8.463-28.394-18.09-45.257-18.09-16.884 0-32.097 9.648-45.553 18.154-6.517 4.105-17.434 11.044-19.761 11.552-3.279-2.349-8.273-14.747-11.277-22.152-6.22-15.382-12.652-31.271-25.918-40.814-13.181-9.5-29.981-10.621-46.251-11.7-7.638-.508-21.877-1.46-24.459-3.216-1.312-3.745 2.01-16.545 4.02-24.162 3.914-15.086 8.379-32.181 3.343-47.796-5.057-15.593-18.492-26.786-30.362-36.646-5.797-4.824-16.609-13.816-17.519-17.074.952-3.978 12.06-13.139 18.026-18.026 12.377-10.198 25.178-20.756 30.214-35.884 5.184-15.509.91-32.139-3.195-48.219-1.989-7.765-5.332-20.756-5.078-23.231 3.237-2.327 16.397-3.216 24.268-3.745 16.524-1.1 33.641-2.264 46.907-11.975 13.139-9.627 19.508-25.326 25.665-40.517 3.004-7.511 8.104-20.037 10.05-21.92 3.914.063 14.789 7.13 21.285 11.341 13.414 8.717 28.648 18.598 45.595 18.598 16.863 0 32.118-9.648 45.532-18.132 6.517-4.126 17.434-11.044 19.762-11.552 3.258 2.349 8.273 14.747 11.277 22.152 6.22 15.361 12.652 31.25 25.918 40.792 13.181 9.521 30.002 10.642 46.294 11.721 8.04.55 21.518 1.46 24.035 2.983 1.291 3.724-1.989 16.588-3.978 24.247-3.872 15.149-8.273 32.308-3.216 47.965 5.099 15.763 18.746 26.828 30.785 36.582 5.501 4.485 15.636 12.674 17.201 16.609-1.501 4.124-12.144 12.904-17.92 17.686z'%3E%3C/path%3E%3Cpath d='M350.608 176.19c-9.013-7.532-22.322-6.305-29.79 2.645l-94.343 112.793-40.137-40.115c-8.273-8.273-21.645-8.273-29.917 0-8.273 8.273-8.273 21.645 0 29.917l56.492 56.492c3.956 3.999 9.352 6.199 14.959 6.199.296 0 .614 0 .91-.042a21.085 21.085 0 0015.297-7.553L353.252 205.98c7.49-8.97 6.327-22.3-2.644-29.79z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 2px;
    left: 10px;
}

.video-block a.video-btn-link {
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;

    /* padding: 10px 30px; */

    /* height: 45px;
    width: 170px; */

    height: 44px;
    width: 169px;

    border: 2px solid #ff0050;
    background-color: #ff0050;
    transition: all 0.3s;
}

.video-block a.video-btn-link:hover {
    background-color: #fff;
}

.video-block a.video-btn-link .text {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    transition: all 0.3s;
}

.video-block a.video-btn-link:hover .text {
    color: #ff0050;
}

.video-block a.video-btn-link .arrow-wrap {
    margin-left: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.video-block a.video-btn-link .arrow-wrap svg {
    --vid-link-arrow-size: 20px;
    fill: #fff;
    width: var(--vid-link-arrow-size);
    min-width: var(--vid-link-arrow-size);
    height: var(--vid-link-arrow-size);
    min-height: var(--vid-link-arrow-size);
    transform: rotate(180deg);
    transition: all 0.3s;

}

.video-block a.video-btn-link:hover .arrow-wrap svg {
    fill: #ff0050;
}

/* === END OF HOME PAGE ACAD CONTAINER === */

.inner-acad-container .top-text-content {
    /* padding: 90px 20px; */
    /* padding: 87px 30px; */
    padding: 87px 20vw;
    /* margin-bottom: 50px; */
}

.inner-acad-container .top-text-content .video-title {
    font-family: 'Poppins', sans-serif;
    color: #000;
    /* color: #677294; */
    /* font-size: 19px; */
    font-size: 35px;
    word-spacing: 0.15em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 40px;
}

.inner-acad-container .top-text-content ul {
    margin-top: 17px;
    list-style: none;
}

.inner-acad-container .top-text-content ul li {
    padding-left: 50px;
    position: relative;
}

.inner-acad-container .top-text-content ul li:not(:last-child) {
    margin-bottom: 14px;
}

.inner-acad-container .top-text-content ul li::before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' fill='%23ff0050' width='19' height='19'%3E%3Cpath d='M479.057 206.509c-5.988-4.845-15.953-12.927-17.201-16.757-1.269-3.978 2.01-16.778 3.978-24.395 4.718-18.386 10.6-41.258-2.581-59.263-13.118-17.878-36.709-19.444-55.666-20.714-7.85-.55-21.01-1.418-24.332-3.83-3.364-2.433-8.421-14.895-11.446-22.364-7.469-18.513-15.974-39.502-36.73-46.188-20.65-6.749-39.523 5.205-56.132 15.72-7.321 4.612-18.344 11.595-22.956 11.595-4.422 0-15.318-7.088-22.554-11.785-15.974-10.389-35.947-23.253-56.999-16.101-20.714 7.046-29.134 27.907-36.603 46.272-3.004 7.405-7.998 19.761-11.425 22.279-3.343 2.475-16.736 3.364-24.734 3.893-19.994 1.354-42.654 2.878-55.391 20.904-12.504 17.709-6.898 39.544-1.947 58.819 1.947 7.659 5.247 20.481 4.062 24.31-1.269 3.66-11.129 11.764-17.011 16.609C18.513 217.787 0 233.041 0 255.892c0 22.702 18.154 37.788 32.731 49.89 6.326 5.247 15.868 13.181 17.159 17.117 1.269 3.893-2.031 16.545-4.02 24.099-4.824 18.555-10.854 41.66 2.835 59.813 13.351 17.646 36.836 19.211 55.73 20.481 7.85.55 20.989 1.396 24.332 3.83s8.379 14.874 11.404 22.343c7.49 18.513 15.974 39.502 36.751 46.209a39.077 39.077 0 0012.314 1.968c15.911 0 30.594-9.309 43.839-17.646 7.299-4.612 18.302-11.595 22.914-11.595 4.507 0 15.339 6.898 22.491 11.468 15.868 10.092 35.672 22.745 56.682 15.551 20.692-7.046 29.113-27.886 36.582-46.293 3.004-7.384 7.998-19.761 11.425-22.279 3.364-2.475 16.672-3.364 24.628-3.893 19.846-1.354 42.358-2.856 55.286-20.608 13.012-17.836 7.426-39.904 2.497-59.348-1.925-7.596-5.141-20.269-3.978-24.078 1.269-3.66 11.129-11.764 16.99-16.609C493.487 294.04 512 278.764 512 255.913c0-22.66-18.28-37.492-32.943-49.404zM451.7 273.686c-12.377 10.177-25.178 20.735-30.214 35.863-5.141 15.403-.952 31.906 3.089 47.859 1.968 7.786 5.268 20.798 4.824 23.485-3.216 2.412-16.482 3.322-24.416 3.83-15.72 1.058-33.535 2.243-46.801 11.975-13.139 9.627-19.508 25.347-25.665 40.539-3.004 7.49-8.082 20.036-10.177 21.941-3.851 0-14.62-6.919-21.073-11.023-13.308-8.463-28.394-18.09-45.257-18.09-16.884 0-32.097 9.648-45.553 18.154-6.517 4.105-17.434 11.044-19.761 11.552-3.279-2.349-8.273-14.747-11.277-22.152-6.22-15.382-12.652-31.271-25.918-40.814-13.181-9.5-29.981-10.621-46.251-11.7-7.638-.508-21.877-1.46-24.459-3.216-1.312-3.745 2.01-16.545 4.02-24.162 3.914-15.086 8.379-32.181 3.343-47.796-5.057-15.593-18.492-26.786-30.362-36.646-5.797-4.824-16.609-13.816-17.519-17.074.952-3.978 12.06-13.139 18.026-18.026 12.377-10.198 25.178-20.756 30.214-35.884 5.184-15.509.91-32.139-3.195-48.219-1.989-7.765-5.332-20.756-5.078-23.231 3.237-2.327 16.397-3.216 24.268-3.745 16.524-1.1 33.641-2.264 46.907-11.975 13.139-9.627 19.508-25.326 25.665-40.517 3.004-7.511 8.104-20.037 10.05-21.92 3.914.063 14.789 7.13 21.285 11.341 13.414 8.717 28.648 18.598 45.595 18.598 16.863 0 32.118-9.648 45.532-18.132 6.517-4.126 17.434-11.044 19.762-11.552 3.258 2.349 8.273 14.747 11.277 22.152 6.22 15.361 12.652 31.25 25.918 40.792 13.181 9.521 30.002 10.642 46.294 11.721 8.04.55 21.518 1.46 24.035 2.983 1.291 3.724-1.989 16.588-3.978 24.247-3.872 15.149-8.273 32.308-3.216 47.965 5.099 15.763 18.746 26.828 30.785 36.582 5.501 4.485 15.636 12.674 17.201 16.609-1.501 4.124-12.144 12.904-17.92 17.686z'%3E%3C/path%3E%3Cpath d='M350.608 176.19c-9.013-7.532-22.322-6.305-29.79 2.645l-94.343 112.793-40.137-40.115c-8.273-8.273-21.645-8.273-29.917 0-8.273 8.273-8.273 21.645 0 29.917l56.492 56.492c3.956 3.999 9.352 6.199 14.959 6.199.296 0 .614 0 .91-.042a21.085 21.085 0 0015.297-7.553L353.252 205.98c7.49-8.97 6.327-22.3-2.644-29.79z'%3E%3C/path%3E%3C/svg%3E");
    position: absolute;
    top: 2.5px;
    right: calc( 100% - 40px );
}

.inner-acad-container .top-text-content a {
    color: #ff0050;
    text-decoration: underline;
}

.inner-acad-container .top-text-content a:hover,
.inner-acad-container .top-text-content a:active,
.inner-acad-container .top-text-content a:focus {
    color: #ff0050;
    text-decoration: underline !important;
}

.inner-acad-container .video-player-container {
    --vd-container-side-size: 13vw;
    display: flex;
    justify-content: center;
    align-items: center;
    /* background-color: lightgray; */
    background-color: #e9e9e9;
    width: 100vw;
    /* padding: 150px 20px 150px 20px; */
    /* padding: 130px 30px 150px 30px; */
    padding: 130px var(--vd-container-side-size) 150px var(--vd-container-side-size);
}

.video-player-container .inner-video-pl-wrapper {
    /* --video-height: 520px; */

    /* --video-height: 38.1vw;
    height: var(--video-height); */

    position: relative;
    box-shadow: 0px 3px 10px 0px rgb(38 59 94 / 15%);
}

.video-player-container .inner-video-pl-wrapper video {
    /* width: 70%;
    min-width: 70%; */

    /* height: var(--video-height); */

    /* border: 3px dashed #ff0051; */
    /* border: 150px solid lightgray; */
    outline: none;
    /* box-shadow: 0px 3px 10px 0px rgb(38 59 94 / 15%); */
}

.video-player-container .inner-video-pl-wrapper video:hover {
    cursor: pointer;
}

.video-player-container .inner-video-pl-wrapper .plyr__video-embed {
    aspect-ratio: unset;
    /* width: 74vw; */
    width: 70vw;
    height: 637.9px;
    /* height: 85vh; */
}

/* -- Plyr -- */

:root {
    --plyr-color-main: #ff0050;
    --plyr-font-family: 'Poppins', sans-serif;
    --plyr-font-size-small: 12px;
    --plyr-video-background: none;
}

/*
.plyr__control--overlaid {
    padding: calc(var(--plyr-control-spacing, 20px) * 1.5);
}

.plyr__control--overlaid svg {
    height: var(--plyr-control-icon-size, 40px);
    width: var(--plyr-control-icon-size, 40px);
}
*/

/* -- End of Plyr -- */

/* ---- Responsive for Home Page ---- */

@media screen and (min-width: 1440px) {
    .home-page-acad-container .video-block {
        --vid-img-preview-height: 245px;
    }

    .video-block .video-desc-wrapper {
        display : flex !important;
        justify-content : unset;
    }

    .video-block .video-desc-wrapper .video-description {
        -webkit-line-clamp: 5;
    }

    .video-block .video-preview-wrap img {
        height : 100px;
    }

    .slick-slide .video-block .video-preview-wrap img {
        height : var(--vid-img-preview-height) !important;
    }
}

@media screen and (min-width: 1700px) {

    .academy-vid-ct-container .home-page-acad-container {
        --home-acad-pad-side: 17vw;
    }

    .home-page-acad-container .video-block {
        --vid-img-preview-height: 285px;
    }

    .video-block .video-desc-wrapper .video-description {
        -webkit-line-clamp: 6;
    }
}

@media screen and (min-width: 1840px) {

    .academy-vid-ct-container .home-page-acad-container {
        --home-acad-pad-side: 20vw;
    }

    .home-page-acad-container .video-block {
        --vid-img-preview-height: 310px;
    }
}

@media screen and (min-width: 1920px) {

    .academy-vid-ct-container .home-page-acad-container {
        --home-acad-pad-side: 20vw;
    }
}

@media screen and (max-width: 1297px) {

    .academy-vid-ct-container .home-page-acad-container {
        --home-acad-pad-side: 8vw;
    }

    .home-page-acad-container .video-block {
        --vid-img-preview-height: 215px;
    }
}

@media screen and (max-width: 1101px) {

    .academy-vid-ct-container .home-page-acad-container {
        --home-acad-pad-side: 30px;
    }
}

@media screen and (max-width: 1006px) {

    #sf-body-acad-video header {
        top: 0;
        width: 100vw;
    }
}

@media screen and (max-width: 985px) {

    .home-page-acad-container .video-block {
        padding: 60px 50px;
    }
}

@media screen and (max-width: 915px) {

    .home-page-acad-container .video-block {
        --vid-img-preview-height: 197px;
    }
}

@media screen and (max-width: 883px) {

    .home-page-acad-container .video-block {
        --vid-img-preview-height: 185px;
    }
}

@media screen and (max-width: 862px) {

    .home-page-acad-container .introductory-section .title-sommaire {
        width: 100%;
        font-size: 21px;
    }

    .academy-vid-ct-container .home-page-acad-container {
        --home-acad-pad-side: 30px;
        padding: 70px var(--home-acad-pad-side) 100px var(--home-acad-pad-side);
    }

    .home-page-acad-container .video-block {
        /* --vid-img-preview-height: 200px; */
        --vid-img-preview-height: 178px;
    }

    .home-page-acad-container .video-block {
        padding: 60px 15px 55px 15px;
        padding-bottom: 0px;
    }

    .video-block .video-preview-wrap {
        flex: 1 1 100%;
    }

    .video-block .video-title {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }

    .video-block .video-desc-wrapper {
        margin-top: 20px;
        margin-left: 0;
        flex: 1 1 100%;
        overflow: inherit;
        display: block;
        max-height: inherit;
        margin-bottom: 20px;
    }

    .video-block .video-desc-wrapper .video-description {
        height: auto;
        -webkit-line-clamp: 6;
        max-height: inherit;
    }

    .video-block .video-desc-wrapper .video-description ul {
        margin-top: 10px;
    }

    .video-block a.video-btn-link {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        display: none;
    }

    .sousSommaireTitle {
        padding-bottom: 25px !important;
        padding-top: 25px !important;
        font-size: 19px !important;
    }
}

/* ---- End of Responsive for Home Page ---- */

@media screen and (max-width: 780px) {

    .inner-acad-container .top-text-content {
        /* padding: 50px 30px 70px 30px; */
        padding: 50px 25px 70px 25px;
    }

    .inner-acad-container .video-player-container {
        --vd-container-side-size: 5.3vw;
        padding: 50px var(--vd-container-side-size) 70px var(--vd-container-side-size);
    }

}

@media screen and (max-width: 768px) {

    #sf-body-acad-video .acdm-menu-cntnt-wrpr {
        max-width: none;
    }

    .acdm-menu-cntnt-wrpr .inner-acdm-mnu-wrpr {
        padding: 90px 45px 40px 45px;
    }
    
    #sf-body-acad-video .acdm-menu-cntnt-wrpr .inner-header-wrapper.logo-hdr-wrpr {
        display: block;
    }

    .home-page-acad-container .introductory-section .title-sommaire {
        font-size: 20px;
    }

    .home-type-list-wrpr .acdm-hm-block {
        width: 100%;
        height: 200px;
    }

    .acdm-hm-block img {
        top: 0;
    }

    .acdm-hm-block .hm-block-text {
        left: 0;
        right:0;
        text-align:center;
        margin: auto;
        transform: translate(0, -50%);
        /* font-size: 23px; */
        font-size: 20px;
    }
}


.logo-hdr-wrpr {
    text-decoration: none;
}

.breadcrumbs {
    width: 100%;
    margin-bottom: 60px;
    text-align: left;
}

.sectionbreadcrumb{
    padding: 30px 20vw;
    width: 100%;
    padding-bottom : 0px;
}

.sectionbreadcrumb .breadcrumbs{
    margin-bottom: 0px;
}

.breadcrumbs a{
    color: #ff0050;
}

.sousSommaireTitle {
    padding-bottom: 70px;
    padding-top: 70px;
    font-size: 28px;
    color: black;
    display: block;
    text-decoration: none;
}

.sousSommaireTitle:hover{
    text-decoration: underline;
}

#carrouselVideo{
    margin-top: 30px;
    margin-bottom: 30px;
}

.slick-slide .video-block {
    width: 90%;
}

.slick-slide .video-block .video-desc-wrapper{
    margin-left: 0px;
    margin-top: 15px;
}

.slick-slide .video-block .video-desc-wrapper .video-description, .slick-slide  .video-block a.video-btn-link {
    font-family: 'Montserrat', sans-serif;
}

/* Styles par défaut pour tous les écrans */
.home-type-list-wrpr .acdm-hm-block {
    width: 48%; /* La largeur de chaque élément sur desktop */
    margin: 1%; /* Espace entre les éléments sur desktop */
    box-sizing: border-box; /* Inclure la bordure et le padding dans la largeur */
    float: left; /* Permet aux éléments de flotter côte à côte sur desktop */
  }
  
  /* Media query pour les écrans de taille inférieure à 768 pixels (mobile) */
  @media screen and (max-width: 768px) {
    .home-type-list-wrpr .acdm-hm-block {
      width: 100%; /* Changer la largeur à 100% sur mobile pour une seule colonne */
      margin: 0; /* Pas d'espace entre les éléments sur mobile */
      float: none; /* Annuler le flottement pour empêcher les éléments de se chevaucher sur mobile */
      box-sizing: border-box; /* Inclure la bordure et le padding dans la largeur */
    }
    .inner-acad-container .top-text-content .video-title {
        line-height : 40px;
    }
    .slick-slider .slick-track{
        width: 100% !important;
    }

    .slick-slide .video-block .video-desc-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .sectionbreadcrumb{
        padding-left: 30px;
        padding-right: 30px;
    }

    .slick-slide{
        width: 100% !important;
        margin: auto;
        text-align: center;
        margin-bottom: 30px;
    }

    .slick-slide .video-block{
        width : 100%;
    }
    
  }
 /** Ipad Air **/
@media only screen and (device-width: 768px) and (device-height: 1185px) and (orientation : landscape) { 
    .inner-acad-container .top-text-content .video-title {
        color : red;
        line-height : 40px;
    }
}

@media only screen and (min-width: 360px) {
    .sectionbreadcrumb .breadcrumbs{
        padding-left: 10px;
        padding-right : 10px;
        text-align:center;
    }
    
}

@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {
        .slick-slider .slick-track{
            width: 100% !important;
        }
        .slick-slide .video-block .video-desc-wrapper {
            padding-left: 10px;
            padding-right: 10px;
        }

        .sousSommaireTitle {
            padding-bottom: 25px;
            padding-top: 25px;
            font-size: 19px;
        }
}


.titreMemeCat {
    --home-acad-pad-side: 14vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 30px;
    font-size: 28px;
    font-family: 'Poppins', sans-serif;
}

.sousSommaireTitle h2{
    text-transform : uppercase;
    font-size: 30px;
}

@media only screen and (max-width: 600px) {
    .video-block .video-desc-wrapper {
        display : block !important;
    }
  }