@media (min-width: 0px) {
    section.container_video{max-width: 1270px; width: 100%; margin: 0 auto 75px; text-align: center; padding: 360px 15px 0px; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative;} 

    section.container_video div.container_perso_float{position: absolute; top: 0; left: 50%; max-height: 460px; max-width: 250px; height: 100%; width: 100%; transform: translateX(-50%);}
    section.container_video div.container_perso_float div.back_forme{ position: absolute; width: 100%; height: 100%; overflow: hidden; bottom: 0; display: none;}
    section.container_video div.container_perso_float div.back_forme div.outer{    transform: rotate(45deg) translate(-50%, -50%); transform-origin: 32% 50%; background-color: #b7d8dd; width: 265px; height: 360px; top: 50%; left: 43px; position: relative; border-radius: 10px; display: inline-block; z-index: 0;}
    section.container_video div.container_perso_float div.back_forme div.outer div.inner{position: absolute; top: 50px; left: 165px; width: 70px; height: 140px; overflow: hidden;}
    section.container_video div.container_perso_float div.perso_float{ position: relative; height: 100%; width: 100%; background-size: contain; background-image: url(../../../assets/images/btpcfa_hdf_video_femme.png); background-repeat: no-repeat; background-position: bottom;}
    section.container_video div.container_perso_float div.perso_float{background-size: contain; background-image:url(../../../assets/images/btpcfa_hdf_video_femme.png); background-repeat: no-repeat;}
    section.container_video div.container_video_player_playlist{max-width: inherit; display: inline-block; width: 100%; position: relative;}
    section.container_video div.container_video_player_playlist div.container_titre_playlist{ position: relative; text-align: center; padding: 15px; background: #b7d8dd; border-radius: 10px 10px 0 0; display: inline-block; width: 100%;}
    section.container_video div.container_video_player_playlist div.container_titre_playlist h2{font-family: "Manrope"; font-size: 33px; font-weight: 500; padding: 0; text-align: center; line-height: 38px; z-index: 1; position: relative; display: inline-block;}
    section.container_video div.container_player_playlist{padding: 15px; background: #b7d8dd; border-radius: 0 0 10px 10px; position: relative; z-index: 1;}
    section.container_video div.container_player_playlist div.container_video_main{margin: 0 0 20px 0; }
    section.container_video div.container_player_playlist div.container_video_main iframe{width: 100%; height: auto; aspect-ratio: 16/9; border-radius: 10px;}
    section.container_video div.container_player_playlist div.container_video_main div.container_title_info_video{display: flex; justify-content: space-between; width: 100%; margin-top: 10px;}
    section.container_video div.container_player_playlist div.container_video_main div.container_title_info_video h3.title_video{font-size: 20px!important; font-weight: 500!important; color: #333; text-align: left; margin-bottom: 0px; line-height: 1.1!important; font-family: 'Roboto'; width: 100%;}
    section.container_video div.container_player_playlist div.container_video_main div.container_title_info_video div.infos_video{display: flex; align-items: center; width: 100%; max-width: 175px; justify-content: flex-end;}
    section.container_video div.container_player_playlist div.container_video_main div.container_title_info_video div.infos_video span{font-family: "Roboto"; text-align: right; overflow: hidden; justify-content: start; lign-self: center; font-weight: 400; color: #000000; font-size: 14px; max-width: 200px;}
    section.container_video div.container_player_playlist div.container_video_main div.container_title_info_video div.infos_video svg{position: relative; top: -1px; fill: #000000; margin-right: 5px;}

    section.container_video div.container_video_playlist{ position: relative; width: 100%; float: inherit; height: 100%; max-height: 140px; overflow-y: hidden; overflow-x: auto;}
    section.container_video div.container_video_playlist ol#video_list{height: 100%; display: grid; grid-auto-flow: column; overflow-y: inherit; overflow-x: inherit; position: relative; z-index: 0; padding: 0; text-align: left; padding-bottom: 15px;}
    section.container_video div.container_video_playlist ol#video_list li{height: 100%; display: grid; grid-auto-flow: column; grid-template-rows: 1fr; overflow-y: inherit; overflow-x: inherit; position: relative; z-index: 0; padding: 0; width: 200px;}
    section.container_video div.container_video_playlist ol#video_list li:before{}
    section.container_video div.container_video_playlist ol#video_list li:hover:before{opacity: 1; transition: ease-in-out .25s opacity;}
    section.container_video div.container_video_playlist ol#video_list li.active{display: inline-block;}
    section.container_video div.container_video_playlist ol#video_list li span.duration{position: absolute; bottom: 10px; left: 10px; background-color: rgb(255, 255, 255, 0.7); padding: 4px 6px; border-radius: 5px; font-size: 12px; font-weight: 800; font-family: "Roboto"; z-index: 10; line-height: 1;}
    section.container_video div.container_video_playlist ol#video_list li a{text-decoration: none; color: #000000;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_thumbnail{display: block; position: relative; width: 100%; height: auto; aspect-ratio: 16/9; overflow: hidden; border-radius: 5px; max-width: 175px; text-decoration: none; }
    section.container_video div.container_video_playlist ol#video_list li a div.container_thumbnail div.thumbnail{height: auto; width: calc(100% + 2px); aspect-ratio: 16/9; background-size: cover; background-position: center center; transition: ease-in-out background-size .25s; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transition: all ease-in-out .25s;}
    section.container_video div.container_video_playlist ol#video_list li:hover a div.container_thumbnail div.thumbnail{width: 105%; transition: all ease-in-out .25s;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_info_video_playlist{height: initial; display: inline-flex; width: initial; align-items: center; margin-top: 10px;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_info_video_playlist svg{position: relative; top: -1px; fill: #000000; margin-right: 5px;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_info_video_playlist span{font-family: "Roboto"; text-align: left; overflow: hidden; justify-content: start; text-align: left; width: 100%; align-self: center; font-weight: 400; color: #000000; font-size: 13px;}

    section.container_video div.container_video_playlist::-webkit-scrollbar { width: 3px; } 
    section.container_video div.container_video_playlist::-webkit-scrollbar-track { background: #f1f1f1; } 
    section.container_video div.container_video_playlist::-webkit-scrollbar-thumb { background: #888; } 
    section.container_video div.container_video_playlist::-webkit-scrollbar-thumb:hover { background: #555; }  
}

@media (min-width: 320px) {}

@media (min-width: 525px) {}

@media (min-width: 600px) {}

@media (min-width: 729px) {}

@media (min-width: 768px) {
    section.container_video div.container_player_playlist{border-radius: 10px;}
    section.container_video div.container_video_player_playlist div.container_titre_playlist{width: initial;}
    section.container_video div.container_video_player_playlist div.container_titre_playlist:before{position: absolute; content: ""; display: inline-block; width: 90px; height: 110px; background-color: #b7d8dd; border-radius: 5px 0 0 0; top: 0; transform: skew(-40deg); z-index: 0; left: -45px;}
    section.container_video div.container_video_player_playlist div.container_titre_playlist:after{position: absolute; content: ""; display: inline-block; width: 90px; height: 110px; background-color: #b7d8dd; border-radius: 0 5px 0 0; top: 0; transform: skew(40deg); z-index: -1; right: -45px;}
}

/*TABLETTE*/
@media (min-width: 992px) {
    /*PLAYLIST VIDEO*/
    section.container_video div.container_player_playlist div.container_video_main{margin: 0; }
    section.container_video{max-width: 1270px; width: 100%; margin: 0 auto 75px; text-align: right; padding: 90px 15px 0px; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative;} 
    section.container_video div.container_perso_float{max-height: 635px; max-width: 310px; display: inline-block; position: absolute; left: 15px; bottom: 4px; top: inherit; transform: inherit; z-index: 2;} 
    section.container_video div.container_perso_float div.back_forme{ position: absolute; max-width: 400px; max-height: 492px; overflow: hidden; bottom: 0; display: block; display: none;}
    section.container_video div.container_perso_float div.back_forme div.outer{ transform: rotate(45deg) translate(-50%, -50%); transform-origin: 32% 50%; background-color: #b7d8dd; width: 240px; height: 360px; top: 50%; left: 10px; position: relative; border-radius: 10px; display: inline-block; z-index: 0;}
    section.container_video div.container_perso_float div.back_forme div.outer div.inner{position: absolute; top: 50px; left: 165px; width: 70px; height: 140px; overflow: hidden;}
    section.container_video div.container_perso_float div.perso_float{ position: relative; height: 100%; width: 100%; background-size: contain; background-image: url(../../../assets/images/btpcfa_hdf_video_femme.png); background-repeat: no-repeat; background-position: bottom left;}
    section.container_video div.container_perso_float div.back_forme:before{ content: ""; display: inline-block; width: 80px; height: 110px; background-color: #b7d8dd; position: absolute; z-index: -1; bottom: 0; right: 0px;}
    section.container_video div.container_video_player_playlist{ display: inline-block; width: 100%; position: relative; text-align: left; z-index: 1; padding-left: 300px; overflow: hidden;}
    section.container_video div.container_video_main{position: relative; display: inline-block; width: calc(100% - 215px); float: inherit; margin: 0;}
    section.container_video div.container_video_playlist{position: relative; width: 100%; float: inherit; height: 100%; padding: 0 0 0 20px; height: 0; max-height: inherit; overflow-y: auto;}
    section.container_video div.container_video_playlist { position: relative; width: 215px; float: right; height: 0; padding: 0 0 0 20px;}
    section.container_video div.container_video_playlist ol#video_list{height: initial; display: block; grid-template-rows: inherit; grid-row-gap: inherit; overflow-y: inherit; overflow-x: inherit; position: relative; z-index: 0; padding: 0; text-align: left; padding-bottom: 0px;}
    section.container_video div.container_video_playlist ol#video_list li{position: relative; width: 100%; overflow: initial; height: initial; display: inline-block;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_thumbnail{display: block; position: relative; width: 100%; height: auto; aspect-ratio: 16/9; overflow: hidden; border-radius: 5px; max-width: 170px; text-decoration: none;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_info_video_playlist{height: initial; display: flex; width: 100%; align-items: center; margin-top: 10px;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_info_video_playlist span{font-family: "Roboto"; text-align: left; overflow: hidden; justify-content: start; text-align: left; width: 100%; align-self: center; font-weight: 400; color: #000000; font-size: 13px;}
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar { width: 3px; } 
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar-track { background: #f1f1f1; } 
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar-thumb { background: #888; } 
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar-thumb:hover { background: #555; }  
    section.container_video div.container_video_player_playlist div.container_titre_playlist { position: relative; text-align: left; padding: 15px 15px 0 15px; background: #b7d8dd; border-radius: 10px 10px 0 0; width: initial; display: inline-block;}
    section.container_video div.container_video_player_playlist div.container_titre_playlist h2 { font-family: "Manrope"; font-size: 33px; font-weight: 500; padding: 0; text-align: left; line-height: 38px; width: initial; display: inline-block;}

    section.container_video div.container_player_playlist{border-radius:0 10px 10px 0}
    section.container_video div.container_video_player_playlist div.container_titre_playlist:after{position: absolute; content: ""; display: inline-block; width: 90px; height: 110px; background-color: #b7d8dd; border-radius: 0 5px 0 0; top: 0; transform: skew(40deg); z-index: 0; right: -50px;}
    section.container_video div.container_video_player_playlist div.container_titre_playlist:before{left: -55px;}
    section.container_video div.container_video_player_playlist:before{content: ""; display: inline-block; position: absolute; bottom: 0; left: 165px; background-color: #b7d8dd; width: auto; height: 100%; aspect-ratio: 1/1; border-radius: 10px; transform: rotate(45deg);}
    section.container_video div.container_video_player_playlist:after{content: ""; display: inline-block; position: absolute; bottom: 0; left: 18%; background-color: #b7d8dd; width: 200px; height: 100px; z-index: -1;}
}

@media (min-width: 1270px) {
        /*PLAYLIST VIDEO*/
    section.container_video{max-width: 1265px; width: 100%; margin: 0 auto 75px; text-align: right; padding: 105px 15px 0px; background-repeat: no-repeat; background-position: center; background-size: contain; position: relative;} 
    section.container_video div.container_perso_float{max-height: 635px; max-width: 320px; display: inline-block; position: absolute; left: 0; bottom: 4px; top: inherit; transform: inherit;} 
    section.container_video div.container_perso_float div.back_forme{ position: absolute; max-width: 400px; max-height: 492px; overflow: hidden; bottom: 0; display: none;}
    section.container_video div.container_perso_float div.back_forme div.outer{transform: rotate(45deg) translate(-50%, -50%); transform-origin: 32% 50%; background-color: #b7d8dd; width: 265px; height: 290px; top: 50%; left: 85px; position: relative; border-radius: 10px; display: inline-block; z-index: 0;}
    section.container_video div.container_perso_float div.back_forme div.outer div.inner{position: absolute; top: 50px; left: 165px; width: 70px; height: 140px; overflow: hidden;}
    section.container_video div.container_perso_float div.perso_float{ position: relative; height: 100%; width: 100%; background-size: contain; background-image: url(../../../assets/images/btpcfa_hdf_video_femme.png); background-repeat: no-repeat;}
    section.container_video div.container_perso_float div.back_forme:before{ content: ""; display: inline-block; width: 80px; height: 110px; background-color: #b7d8dd; position: absolute; z-index: -1; bottom: 0; right: 30px;}
    section.container_video div.container_video_player_playlist{ display: inline-block; width: 100%; position: relative;}
    section.container_video div.container_video_main{position: relative; display: inline-block; width: calc(100% - 215px); float: inherit; margin: 0;}
    section.container_video div.container_video_playlist{position: relative; width: 100%; float: inherit; height: 100%; padding: 0 0 0 20px; height: 0; max-height: inherit; overflow-y: auto;}
    section.container_video div.container_video_playlist { position: relative; width: 215px; float: right; height: 0; padding: 0 0 0 20px;}
    section.container_video div.container_video_playlist ol#video_list{height: initial; display: block; grid-template-rows: inherit; grid-row-gap: inherit; overflow-y: inherit; overflow-x: inherit; position: relative; z-index: 0; padding: 0; text-align: left; padding-bottom: 0px;}
    section.container_video div.container_video_playlist ol#video_list li{position: relative; width: 100%; overflow: initial; height: initial; display: inline-block;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_thumbnail{display: block; position: relative; width: 100%; height: auto; aspect-ratio: 16/9; overflow: hidden; border-radius: 5px; max-width: 170px; text-decoration: none;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_info_video_playlist{height: initial; display: flex; width: 100%; align-items: center; margin-top: 10px;}
    section.container_video div.container_video_playlist ol#video_list li a div.container_info_video_playlist span{font-family: "Roboto"; text-align: left; overflow: hidden; justify-content: start; text-align: left; width: 100%; align-self: center; font-weight: 400; color: #000000; font-size: 13px;}
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar { width: 3px; } 
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar-track { background: #f1f1f1; } 
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar-thumb { background: #888; } 
    section.container_video div.container_video_playlist ol#video_list::-webkit-scrollbar-thumb:hover { background: #555; }  
}