@media screen and (max-width: 770px){
    body, html {
      
        overflow-x: hidden;
    }
    .block-ecrans.ecran {
      display: block;
      padding: 3% 0;
      margin-top: 3%;
    }
    .beinmobile{display: block;}
    .beindesktop{display: none;}
    body {

        width: 100%;
    }
    .two .chainesLive  {
    padding: 15px 6px 16px 11px;
}
    .choix .envoyerSms{
        display: inline-block;
        }

    .PupUp-choixPass .modal-content {
        WIDTH: 100%!important;
        left: 0%!important;
    }
    .PupUp-choixPass .Block-Pass .btn {

        left: 3%!important;
    }
    .PupUp-choixPass .radios .choix-Pass {
        width: 326px!important;

    }
    .PupUp-choixPass .modal-body .Block-Pass {
        padding: 0px!important;
    }
    .acces-ecrans .ecrans img{
        width: 100%;
        padding-top: 12px;
    }
   .block-question .title h1 {
        margin-top: 13%!important;
    }
    .block-liste .listes .block.p1 {
        padding: 0% 6%;
    }
    .block-liste .listes .block.p3 {
        padding: 5% 6%;
    }

    .choixPass h1{
        position: relative;

    }
    .choix .choixPass{
        left: 32%;
    }
    .block-type-souscrire.clientMobile {
        height: auto;
    }
    .block-tow .vedio{

        background-size: contain!important;
        width: 100%!important;
        height: 204px;
    }
    .block-tow {
        margin: 7% 0!important;
    }
    .block-tow ul {
        padding-left: 0px!important;
    }
    .block-tow .paragraphe{
        height: auto;
        width: 100%;
        padding: 10px;
    }
    .block-tow {
        display: block;
    }
    .block-pass#PassJour .option-carte .block {
        /* margin-right: 18px; */
        margin-left: 0!important;
    }
    .block-pass#PassJour .option-carte {
        padding: 9px 0px 18px 7PX!important;
    }


    .chaines {
        background: #23262F 0% 0% no-repeat padding-box;
        margin-right: -13px;
        margin-left: -41px;
        border-radius: 0px 0px 16px 16px;
    }

    .block-question {
        margin-bottom: 15%;
    }
.V-mobile{
    display: block;
    height: 220px;
}
.headerMobile{
    display: block!important;
}
 .block_left {

    top: 16%!important;
}
 .V-desktop ,.desktop .headerDesktop{
    display: none;
  }
  .gradient:before {
    top: 175px;
}
ul.slick-dots {
    bottom: 51px!important;
}
.block_left p {
    font: normal normal 300 10px/0px Montserrat!important;
}
.block-bouquets {
    margin: -12px 0px -29px 0px;
}
.block-type-souscrire {
    margin: 0px;
}
.slick-dots li button {
    width: 15px;
    height: 5px;
    cursor: pointer;
}
.acces-ecrans  .slick-slide  img {
    display: initial!important;
    margin-left: initial;
}
#pass-m .nav .nav-item.active label {
    width: 136px!important;
}



    .chaines {
        background-color: #141416!important;
    }
    .option-carte {
       padding: 10px 10px 7px 36px!important;
    }

    .block-pass {

        margin-left: 0PX;
        MARGIN-RIGHT: 0PX;
    }
    .block-fonctionnalites .btnFonctionnalite {
        padding: 0 55px;
    }

    .block-pass .block.active ,#PassSemaine.block-pass .block.active ,.block-pass .block.last,
    .block-pass .block.one, #PassSemaine.block-pass .block.one ,
     #PassSemaine.block-pass .block.last  {
        width: 90%!important;
        left: 25.5px!important;
        top: 0px;
        }

        #PassJour .last-block .btn-cmd {
            margin: 0% 19%;
        }
    #PassJour .btn  {
        background: black 0% 0% no-repeat padding-box!important;
        font: normal normal normal 13px/20px Montserrat;
    }
     #PassJour .one .plus {
        background-color: #23262E!important;
    }
    #PassJour  .body-pass .mycarousel {
        padding: 20px;
    }
    #PassJour .chaine-mt h5 {
        font: normal normal normal 12px/20px Montserrat;
    }
    .block-pass#PassJour .one .btn-cmd {
        margin-top: 23%;
    }

     .block-pass .body-pass .mycarousel .carousel-indicators {

        bottom: -15px!important;
    }
    #block_bouquets .body-pass{
        background-color: #141416!important;
        border: 2px solid!important;
        border-radius: 0 0 8px 8px;
    }
    #block_bouquets .one .body-pass .plus {
        background-color: #23262E;

    }
    .block-fonctionnalites .block p {
        font: normal normal normal 14px/29px Montserrat;
    }


    #block_bouquets .block-pass .btn {
        background: #23262E 0% 0% no-repeat padding-box;
    }


    .block-liste .content {
        display: flex;
        margin: 0px -3px -31PX -3px;
    }

    #block_bouquets .last .body-pass .plus {
        background-color: #23262E!important;


    }
    .chaines .title {
        padding: 25px 0px 0 48PX;
    }

    .card-body {
        font: normal normal 100 14px/26px Montserrat!important;
        }
        .ModalVedio .modal-content {
        height: auto;
        }

        .ModalVedio iframe {
        width: 100%;
        height: 230PX;
        border-color: black;
        position: relative;
        left: 15px;
        }
        .ModalVedio .modal-content {
        border-radius: 20px;
        top: 176px;
        }
        .modal-body {
        padding: 15PX;
        }
        .block-pass .modal-body img {
        width: 100%;
        height: 283px;
        }
        .PopUp .modal-content {
        right: 0;
        width: 100%;
        height: 566px;
        }

        .PopUp .modal-body {
        padding: 15PX;
        padding-top: initial;
        }
        .PopUp .modal-body img {
        width: 90%;
        height: 173px;
        }
        .PopUp .modal-content {
        top: 120px;
        }
        .PopUp .prix {
        width: 112px;
        height: 41px;
        bottom: 0px;
        right: 0%;
        }
        .PopUp .prix h1 {
        font: normal normal bold 15px/42px Montserrat !important;
        }
        .acces-ecrans .block img{
        width: auto!important;
        }
        .ecrans .title{
        line-height: 29px!important;
        }


        .ecrans div div div div div .radio__input:checked + .ecrans div div div div .radio__label {
        background: red 0% 0% no-repeat padding-box;
        box-shadow: 0px 12px 24px #000000c7;
        border: 2px solid #23262F;
        opacity: 1;
        border-radius: 3px;
        width: 100px;
        }
        #PassJour .block.one {
            left: -50%!important;
            width: 102%!important;
        }
        #PassJour  .carousel-control-next-icon,   #PassJour  .carousel-control-prev-icon {
    
            width: 16px;
            height: 20px;
        }
    /**************************/
    .gradient div div div .slick-slide img {
        width: 35%!important;
        margin-left: 2px;
        }

    /* .block-pass .carousel-inner {
        position: relative;
        width: 12%!important;
        overflow: hidden;
        HEIGHT: 175PX;

    } */
    .chaines {
        border-radius: 0!important;
    }


    .last-block .block{
        flex-wrap: nowrap!important;
    }
    .block-pass .withImage {
        right: 4%;
        bottom: 7px;
    }
    .last-block .block div{
        width: auto!important;
    }
    .last-block .block div img{
        width: auto!important;

    }

  
    /* .block.two.active{
        left:183px!important;
    } */
    .titleBouquet.Prestige{
        bottom: 54px!important;
    }
    /* .block.two.active{
        width: 90%!important;
    } */
    /* .block-pass .block.one {
        right: 0px!important;
        left: 246px!important;
    }
    .block-pass .block.last {
        left: 240px!important;
    } */
    #PassMensuel .one .body-pass .btn-souscrire ,#PassSemaine .one .body-pass .btn-souscrire  {
        margin-top: 61%;
    }
    #PassMensuel .two .body-pass .btn-souscrire , #PassSemaine .two .body-pass .btn-souscrire{
        margin-top: 19%;
    }
    #PassJour .body-pass .btn-souscrire {
        margin-top: 14%;
    }
    .middle {
        position: absolute;
        top: 38%;
        padding: 0px 13px;
    }


    .block-pass .two .btn-cmd {
        font: normal normal 500 12px/24px Montserrat;
        bottom: 16px;
        position: absolute;
        margin: 0% 22%;
        width: 167px;
        height: 39px;
    }
    .block-pass .one .btn-cmd ,.block-pass .last .btn-cmd {
        bottom: 16px;
        position: absolute;
        margin: 0% 22%;
    }

    .chainesLive {
        padding: 15px 6px 16px 11px;
    }
    .body-pass .titleBouquet {
        position: relative;
        bottom: 47px;
        text-align: center!important;
        font: normal normal 600 12px/18px Montserrat !important;
    }
    .block-pass .two .body-pass {
        max-width: 408px;
        HEIGHT: 810px;

    }
    .block-liste .texte {

        background: none
    }

    .block-pass .two .btn-cmd {
        margin-top: 38%;
    }
    .block-pass .one .body-pass , .block-pass .last .body-pass {
        height: 810px;
    }

    .block-pass .carousel-inner {
        position: relative;
        width: 100%;
        overflow: hidden;
        HEIGHT: 252PX;
    }
    .block-pass .last .btn-cmd {
        margin-top: 12px;
    }

    .last-block .btn-cmd {

           margin-top: -2%!important;

    }
   /*.block-pass .one .btn-cmd {
        margin-top: 3%!important;
    }*/
    .block-liste .listes .block {
        background: #1C1C1C 0% 0% no-repeat padding-box;
        padding: 2% 6%;
        height: 123px;
    }
    .listes ul.slick-dots {
        bottom: 16px!important;
    }
    li.block img{
        width: auto!important;
    margin-left: 0!important;
    }
    .chaine-mt h5 {
        text-align: left;
        letter-spacing: 0px;
        opacity: 1;
        font: normal normal normal 14px/20px Montserrat;
        color: #FD8B4F;
    }
    .body-pass .cadre {
        background: black 0% 0% no-repeat padding-box!important;
        border-radius: 4px!important;
        margin-top: 0px!important;
        width: 50px!important;
        height: 51px!important;
        margin-right: 20px!important;
    }
    .body-pass .chaine-mt img {
        width: 74px!important;
        height: 74px!important;
        padding: 4px 6px 4px 0px!important;
    }
    .block-pass .chaine-mt .list-chaines {

        flex-wrap: wrap;
    }
    .block-pass .two .body-pass p ,.block-pass .body-pass p  {
        font: normal normal normal 14px/20px Montserrat;
    }
    .souscrire .tab-content{
        padding: 0 2%;
    }

   .body-pass .plusBouquet img{
        width: 100%!important;
        margin-left: auto!important;
    }
    .block-pass .body-pass .mycarousel .carousel-item .liste{
        flex-wrap: initial!important;
    }
    .block-pass .body-pass .carousel-item img {

        margin-left: auto!important;

    }
    .option-carte h3 {
        background: black 0% 0% no-repeat padding-box;
    }
    .choix .radio label {

        margin-right: 23px;
    }
    #ModalVedio iframe {
        width: 100%;
        height: 438px;
        margin: -94px 0 0 3px;
        border: initial;
    }



         .slick-trio div div .slick-slide img {
        width: 97%!important;
        margin-left: 228px;
    }
 .block_left {
        position: absolute;
        /* top: 26%!important; */
        top: 8%!important;
        left: 7%;
    }
    .block_left .block img {
        width: 130px!important;
        margin-left: 0px!important;
    }
    .block_left p {
         font: normal normal 300 14px/22px Montserrat;
       }
    .block-nouveautes .block {
        height: 845px;

       }
    nav .nav-item.active label {
        width: 350px;
        height: 41px;
        background: transparent linear-gradient(
    180deg
    , #F89022 0%, #FA771F 100%) 0% 0% no-repeat padding-box;
        border-radius: 34px;
        opacity: 1;
        color: #FFFFFF;
        opacity: 0.9;
        text-align: center;
        font: normal normal 500 15px/39px Montserrat;
    }
    nav .radio-toolbar.block-bouquets label {
        width: 250px;
        height: 41px;
        background: #23262F 0% 0% no-repeat padding-box;
        border-radius: 34px;
        opacity: 1;
        color: #FFFFFF;
        opacity: 0.9;
        text-align: center;
        font: normal normal 500 14px/39px Montserrat;
    }
    .radio-toolbar.block-bouquets #nav-tab {

        flex-wrap: nowrap!important;
    }
    .acces-ecrans .ecrans .myParagraphe {
        font: normal normal bold 14px/33px Montserrat;
    }
    .block-liste .texte p {
        font: normal normal normal 14px/25px Montserrat;
    }
    .block-liste .image img {

        height: auto;
    }
    .acces-ecrans .block-ecrans .myParagraphe {
        font: normal normal bold 15px/33px Montserrat;
    }
    .two .chaine-mt h5 {
        font: normal normal normal 14px/20px Montserrat;
    }
    .block-liste .listes {
        padding: 1% 4% 1% 4%;
    }
    .acces-ecrans .block-ecrans {
        padding: 0%;
    }

    .block-liste .image {
         width: 100%;
    }
     #myBtn {
    width: 100px;
    height: 100px;
    padding: 7px;
    cursor: pointer;
    POSITION: absolute;
    LEFT: 42%;
    TOP: 34%;
   }
    .block-tow ::marker {
    font-size: 29px;
    }
    .block-tow li {
   font: normal normal 100 24px/42px Montserrat;
   }
    .bouquets, .souscrire {
    padding: 0px 0%!important;
   }
   .block-type-souscrire{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0!important;
    margin-left: -27px!important;
   }
   .block-type-souscrire .img {
    padding: 20px 0px;
    margin-bottom: 18px;
   }
   .block-type-souscrire .block {
       height: 440px;
    }
    .souscription .radio-souscription label {
    width: 382px;
      }
   .souscription .radio-souscription .btn-1 {
    position: absolute;
    z-index: 9999999999999999999;
    left: 45px;
}
.souscription .radio-souscription .btn-2 {
    width: 342px;
    position: absolute;
    left: 377px;
}
.souscription .radio-souscription {
    margin-bottom: 31px;
}
.fonctionnalites .slick-slide.slick-current {
    width: 330px!important;
}
.block-fonctionnalites .block {

    margin-left: 0px;
}
.meilleur-sport {
    padding: 30px 5% 10% 4%;

}

.nouveautes .title h1 {
    margin-top: 9%!important;
}

/*.block-fonctionnalites .block {

    margin-left: 51.5%;
    width: 98%;
}*/
.slick-list.draggable{
    padding: 0px!important;
}
input#myRadio1{
    display: none!important;
}
.acces-ecrans {
    padding: 0px 0%!important;
}
.acces-ecrans .ecrans {
    text-align: center;
    padding: 5% 0%;
}

.acces-ecrans {
    width: 100%;
}
input[type=checkbox], input[type=radio] {

    display: none!important;
}
.ecrans div div .slick-slide {

    min-height:0px!important;
}
.ecrans div div{
    left: 18px;
}
.block-questions {
   padding: 0!important;
}
.block-question .card {
    margin: 10px 0px!important;

}
.block-question h3, #accordion .questions-fréquentes button{
    font: normal normal bold 20px/28px Montserrat!important;
}
.card-body {

    font: normal normal 100 17px/26px Montserrat!important;
}
.block-liste .content {
    display: block;
}
.block-liste .texte {
    width: 100%;
    position: relative;
    bottom: 20px;
}
.block-liste .listes{
    margin: 10% 0 0 0;

}
#PassJour .vPlus {
    width: 85px;
}
.block-liste .block-left {
    margin-bottom: -5%;
    padding: 8% 5% 0% 5%;
    margin-right: 0px;
    WIDTH: 100%;
}

.souscrire .souscription {
    margin: 0 0px;
}
.choix-mobile{
    display: flex;
}
.block-type-souscrire .block.type-souscrire-mobile {
    height: 490px;
}
.block-type-souscrire p {
    font: normal normal normal 16px/36px Montserrat;
    color: #fffafa;


}

.block-pass .block.last .body-pass {
    height: 811px;
}
.block-type-souscrire .block.fixe {
    height: 277PX;
}
.code_validation{
    display: none;
}
.TarifPass .prixPass {
    WIDTH: 255px;
}
.choix h1 {
    width: 100PX;
}
.block-liste .block-left p {
    font: normal normal 300 19px/33px Montserrat;
}
.option-carte img {
    width: 120px;
    height: 98px;
}
.vPlus {
    width: 120px;
}

    .clientMobile  .block-desktop{
      display: none;
  }
  #Nbouquets {
    padding-left: INITIAL;
}
.img-offre{
    text-align: center;
}
.acces-ecrans {
    margin: initial;
}
.block-tow, #block_bouquets, .fonctionnalites, .nouveautes, .acces-ecrans {
    margin-top: initial;
}
.fonctionnalites .slider-fonctionnalites .next_Arrow {

    left: 98%;
}
#block_bouquets .title img {
    WIDTH: 42%;
    height: 70%;
     padding-left: initial;
     top: initial;
}
.chaines h6 {
    font: normal normal 300 12px/18px Montserrat;
}
.chaines .title {
    font: normal normal 500 14px/18px Montserrat;
}
.block-nouveautes img {
    width: 93%;
    height: 434px;
}
.block-liste .content {
    background: #1C1C1C 0% 0% no-repeat padding-box;
    height: 372px;
}
/* video::-webkit-media-controls-fullscreen-button {
    display: none;
  } */
  .block-pass .block.active {
    transition: initial;
    transform: initial;
}
.block-pass .block.one .header-pass {
    border-top-right-radius: 11px;
}
.block-pass .block.last .header-pass {
    border-top-left-radius: 11px;
}
.block-nouveautes.block-desktop{
    display: none;
  }
  .block-nouveautes.block-mobile{
    display: block;
  }

  .MutSun ,.MutSuns {
    position: absolute;
    top: 93%;
    cursor: pointer;
    right: 0;
}
.MultiEcrans p{
  font: normal normal normal 14px/36px Montserrat;
}
.MultiEcrans h1{
    font-size: 14px;
}
.block-ecrans.ecran {
  display: block;
  padding: 3% 0;
  margin-top: 3%;
}
.MultiEcrans {
    padding-bottom: 10px;
}
.slider-video iframe{
    /* height: 211px!important  IPHONX */
    height: 328px!important;
}


@media screen and (max-width: 500px){
  .block-ecrans.ecran {
    display: block;
    padding: 3% 0;
    margin-top: 3%;
  }
    #img-chaine{
        margin-left: 0!important;
    }
    /* ul.slick-dots {

        bottom: 20px!important;

    } */
    .block-pass .btn {

        color:#F88921;
    }
    .block-pass#PassJour {
        margin-right: 0%!important;
        margin-left: 3%!important;
    }
    .block-pass .carousel-inner {
        HEIGHT: auto!important;
    }

    .block-pass#PassJour .plus {
        margin: 0px 0px 0px 3px!important;

    }
    .block-pass#PassJour .chainesLive {
        padding: 16px 10px 16px 10px;
    }
    .block-pass#PassJour .chaines {
        width: 400PX;
        position: relative;
        left: -24px;
    }
    .body-pass .titleBouquet {
        position: relative;
        bottom: 32px!important;
        text-align: center!important;
        font: normal normal 600 12px/17px Montserrat !important;
    }
    .titleBouquet.Prestige {
        bottom: 34px!important;
    }
    /* #PassSemaine div div div div{
        width: 277px!important;
    } */
    .chaines .slick-track{
        left: 0px!important;
    top: 0px!important;
    }

    #PassSemaine div div .slick-track {
        /* left: -193px!important;
        top: 82px!important;
         height: 414px!important; */
    }

    #PassSemaine .chaines .option-carte div div{
        /*left: 0px!important;
        top: 0px!important;

        margin-right: 20px;*/

    }
    .block-pass#PassSemaine .option-carte .block {
          width: 137px!important;
    }
    #PassSemaine .chaines .option-carte div div .slick-slide{
        width: 137px!important;


    }
    #PassSemaine .chaines .option-carte {
        padding: 10px 0px 20px 48px!important;
    }

#PassSemaine .block-pass .one .btn::after {
        margin-left: 4em!important;

    }
    #PassMensuel .block-pass .one .btn::after {
        margin-left: 5em;
    }
    /* .block-pass .btn::after {

        margin-left: 5em!important;

      */

      .block-pass .last.btn::after {

        margin-left: 5em;

    }
    .block-pass .btn::after {

        margin-left: 5em!important;

    }
    #PassJour.block-pass .btn::after {
        margin-left: 4.5em!important;
    }
    .block-pass#PasseJour .btn::after {
        margin-left: 6em!important;
    }
    #PassSemaine.block-pass .last.btn::after {
        margin-left: 4em!important;
    }
    .block-pass .last.btn::after {
        margin-left: 5em!important;
    }
    .block-pass .two .btn::after {
        margin-left: 5em!important;
    }
    #PassJour div div div .slick-slide{
        width: 321px!important;
    }
    #PassJour .chaines .option-carte {
        padding: 10px 1px 20px 34PX!important;
    }

    #PassJour.block-pass  .option-carte img ,#PassJour.block-pass  .option-carte h3 ,#PassJour.block-pass  .option-carte p {
        width: 95px!important;
    }
    #PassJour.block-pass  .option-carte .middle .text {
        width: 75px!important;
    }
    #PassJour.block-pass  .option-carte img {

        height: auto!important;
    }
    .block.last{
        right: 0!important;
        left:11px!important ;
    }

    /* .chaines .option-carte {
        padding: 10px 1px 20px 52PX!important;
    }
   */
    .chaines {
        border-radius: 0!important;
        height: 232px!important;
    }

    #PassJour .body-pass {

        height: 553px!important;
    }


    #PassJour div div .slick-track  {

        top: 77px!important;
    height: 814px;
    }
    .souscription #nav-profile-one-tab label {
        padding-left: 12px;
    }
    nav .radio-toolbar.block-bouquets label {
        width: 133px!important;
        height: 29px!important;
        font: normal normal 400 15px/30px Montserrat!important;


    }
    #PassMensuel .chaines .option-carte div .slick-track{
        /* left: -42px!important; */
        top: 0px!important;
    }

    .souscription .radio-souscription label {

        height: 32px!important;

    }

    /* .acces-ecrans .ecrans .block {
        padding-top: 32px;

        padding-bottom: 29px;

    } */
    /* .img.Pc img {
        width: 31%!important;
        margin-left: 50px!important;
    }
    .img.Android img {
        width: 27%!important;
        margin-left: 53px!important;
    } */
    .block-tow ::marker {
        font-size: 17px;
    }
   #PassJour .option-carte h3 {
    font: normal normal 600 10px/35px Montserrat;

}
    #ModalVedio iframe {
        width: 383px;
        height: 215px;
        margin: -15px 0 0 -15px;
        border: initial;
    }
    .slick-trio div div .slick-slide img {
        width: 97%!important;
        margin-left: 122px;
    }
    .block-nouveautes .block {
        height: 418px;
    }
    
    .block-nouveautes {
        WIDTH: 94%;
        LEFT: 10px;
    }
   .gradient div div div .slick-slide img {
    width: 48%!important;
    margin-left: 0px;
    }
    .block_left p {
        font: normal normal 300 10px/0px Montserrat!important;
    }
    .souscription{
        line-height: 0%!important;
    }
    .souscription .block-souscrire div{
        flex-wrap: nowrap!important
        ;
    }

    nav .nav-item.active label {
        width: 212px;
        height: 33px;
        background: transparent linear-gradient(180deg, #517491 0%, #2A3250 100%) 0% 0% no-repeat padding-box;
        border-radius: 34px;
        opacity: 1;
        color: #FFFFFF;
        opacity: 0.9;
        text-align: center;
        font: normal normal 500 10px/34px Montserrat;
    }
    .title h1 {
        margin-top: 15%!important;
        font-size: 23px!important;
        margin-bottom: 7%!important;

    }
    .souscrire .title h1 {
     margin-top: 0%!important;

    }



    .souscription .radio-souscription label {
        width: 198px;


    }
    .radio-toolbar.block-bouquets #nav-home-tab {
        left: 48px!important;
    }
    .radio-toolbar.block-bouquets #nav-contact-tab {
        left: -44px!important;
    }
    .souscription .radio-souscription .btn-2 {
        width: 210px;
        position: absolute;
        left: 190px;
        height: 31px;
    }

    .souscription .radio-souscription label {

        font: normal normal 500 9px/32px Montserrat;
    }

    .souscription .radio-souscription .btn-1 {
        height: 31px;
        left: 12px;
    }
    .block-question h3, #accordion .questions-fréquentes button {
        font: normal normal bold 16px/28px Montserrat!important;
display: block!important;
white-space: normal!important;
width: 92%;
    }
    /* .slick-slide img {
        width: 17%!important;
        margin-left: 60px;
    } */
    .ecrans div div {
        left: 18px;
    }
    .block-type-souscrire .block {

        left: 11%!important;
        width: 91%!important;

    }

    .block_left .block img {
        width: 83px!important;
        margin-left: 0px!important;
    }
    #myBtn {
        width: 80px!important;
        height: 80px!important;


    }
    .acces-ecrans ,.fonctionnalites ,.bouquets, .souscrire{
        padding:70px 0%!important;
    }
    .block-question{
        padding:70px 0% 0% 0%!important;
    }
    .acces-ecrans.Contactez .title h1 {

    margin: 7% 0px 0% 0!important;

    }
    .block-question {

        margin: initial;
    }
   #block_bouquets .title h1 {
        margin-top: 4%!important;
    }
    nav.Pass {
        position: relative;
        top: -10px;
    }
    .block-type-souscrire .block {
        padding: 0px 10px;
    }
    .souscription{
        height: 50px;
    }
    #PassMensuel .prev_Arrow, #PassSemaine .prev_Arrow , .nouveautes .prev_Arrow{
        position: absolute;
        left: 7px;
        transform: rotate(180deg);
        line-height: 58em;
        z-index: 99999;
    }
    .nouveautes .prev_Arrow{
        left: -20px;
        line-height: 28em;
        z-index:99999 ;
        }
    #PassMensuel .next_Arrow , #PassSemaine .next_Arrow ,.nouveautes .next_Arrow {
        position: absolute;
        RIGHT: 8px;
        TOP: 47%;
        line-height: 3em;
    }
    .nouveautes .next_Arrow {
        RIGHT: -20px;
        TOP: 44%;
    }
}
@media screen and (max-width: 400px){
  .block-ecrans.ecran {
    display: block;
    padding: 3% 0;
    margin-top: 3%;
  }
    ul.slick-dots {
        bottom: 40px!important;
    }
    .gradient:before {
        top: 190px!important;
    }
    #PassJour .chaines .option-carte {
        padding: 9px 0px 18px 7PX!important;
    }
    #PassSemaine .option-carte .block {
        margin-left: 68px!important;
    }
    #img-chaine{
        margin-left: 0!important;
    }
    .block_left .block img {
        width: 91px!important;
        margin-left: 0px!important;
    }
    .chaines .option-carte {
        padding: 10px 2px 20px 36PX!important;
    }
    .card-body {
        font: normal normal 100 14px/26px Montserrat!important;
        }
        .ModalVedio .modal-content {
        height: auto;
        }


        .ModalVedio iframe {
        width: 100%;
        height: 230PX;
        border-color: black;
        position: relative;
        left: 15px;
        }
        .ModalVedio .modal-content {
        border-radius: 20px;
        top: 176px;
        }
        .modal-body {
        padding: 15PX;
        }
        .block-pass .modal-body img {
        width: 100%;
        height: 283px;
        }
        .PopUp .modal-content {
        right: 0;
        width: 100%;
        height: 566px;
        }

        .PopUp .modal-body {
        padding: 15PX;
        padding-top: initial;
        }
        .PopUp .modal-body img {
        width: 90%;
        height: 173px;
        }
        .PopUp .modal-content {
        top: 120px;
        }
        .PopUp .prix {
        width: 112px;
        height: 39px;
        bottom: -118px;
        right: 0%;
        }
        .PopUp .prix h1 {
        font: normal normal bold 15px/42px Montserrat !important;
        }
        .acces-ecrans .block img{
        width: auto!important;
        }
        .ecrans .title{
        line-height: 29px!important;
        }


        .ecrans div div div div div .radio__input:checked + .ecrans div div div div .radio__label {
        background: red 0% 0% no-repeat padding-box;
        box-shadow: 0px 12px 24px #000000c7;
        border: 2px solid #23262F;
        opacity: 1;
        border-radius: 3px;
        width: 100px;
        }.card-body {
            font: normal normal 100 14px/26px Montserrat!important;
            }
            .ModalVedio .modal-content {
            height: auto;
            }

            .ModalVedio iframe {
            width: 100%;
            height: 230PX;
            border-color: black;
            position: relative;
            left: 15px;
            }
            .ModalVedio .modal-content {
            border-radius: 20px;
            top: 176px;
            }
            .modal-body {
            padding: 15PX;
            }
            .block-pass .modal-body img {
            width: 100%;
            height: 283px;
            }
            .PopUp .modal-content {
            right: 0;
            width: 100%;
            height: 566px;
            }

            .PopUp .modal-body {
            padding: 15PX;
            padding-top: initial;
            }
            .PopUp .modal-body img {
            width: 90%;
            height: 173px;
            }
            .PopUp .modal-content {
            top: 120px;
            }
            .PopUp .prix {
            width: 112px;
            height: 39px;
            bottom: -118px;
            right: 0%;
            }
            .PopUp .prix h1 {
            font: normal normal bold 15px/42px Montserrat !important;
            }
            .acces-ecrans .block img{
            width: auto!important;
            }
            .ecrans .title{
            line-height: 29px!important;
            }


            /* .ecrans div div div div div .radio__input:checked + .ecrans div div div div .radio__label {
            background: red 0% 0% no-repeat padding-box;
            box-shadow: 0px 12px 24px #000000c7;
            border: 2px solid #23262F;
            opacity: 1;
            border-radius: 3px;
            width: 100px;
            } */
            .card-body {
                font: normal normal normal 14px/26px Montserrat!important;
                }
                .block-nouveautes .slick-arrow img {
                    width: initial;
                    height: initial;
                }
                .ModalVedio .modal-content {
                height: auto;
                }
                .ModalVedio .modal-header button img {
                    right: 66% !important;
                    top: 16PX !important;
                    width: 48px;
                }
                .ModalVedio iframe {
                width: 100%;
                height: 230PX;
                border-color: black;
                position: relative;
                left: 15px;
                }
                .ModalVedio .modal-content {
                    border-radius: 20px;
                    top: 228px;
                    height: 196PX;
                    WIDTH: auto;
                }
                .modal-body {
                padding: 15PX;
                }
                .block-pass .modal-body img {
                width: 100%;
                height: 283px;
                }
                .PopUp .modal-content {
                right: 0;
                width: 100%;
                height: 566px;
                }

                .PopUp .modal-body {
                padding: 15PX;
                padding-top: initial;
                }
                .PopUp .modal-body img {
                width: 90%;
                height: 173px;
                }
                .PopUp .modal-content {
                top: 120px;
                }
                .PopUp .prix {
                    bottom: 0;

                }
                .PopUp .prix h1 {
                font: normal normal bold 15px/42px Montserrat !important;
                }
                .acces-ecrans .block img{
                width: auto!important;
                }
                .ecrans .title{
                line-height: 29px!important;
                }


                .ecrans div div div div div .radio__input:checked + .ecrans div div div div .radio__label {
                background: red 0% 0% no-repeat padding-box;
                box-shadow: 0px 12px 24px #000000c7;
                border: 2px solid #23262F;
                opacity: 1;
                border-radius: 3px;
                width: 100px;
                }
    #PassMensuel .chaines .option-carte div .slick-track {
        /* left: 132px!important; */
        top: 0px!important;
    }

    .radio-toolbar.block-bouquets #nav-home-tab {
        left: 34px!important;
    }
    .block-pass#PassJour .plus {
        margin: 0px 6px 0px 2px!important;
    }


    .radio-toolbar.block-bouquets #nav-home-tab {
        left: 56px!important;
    }
    .radio-toolbar.block-bouquets #nav-contact-tab {
        left: -56px!important;
    }
    nav .radio-toolbar.block-bouquets label {
        height: 32px!important;
        font: normal normal 400 13px/28px Montserrat!important;
        width: 140px!important;

    }
    nav .radio-toolbar.block-bouquets .nav-semaine label {
        width: 139px!important;

    }
    .block-pass .two .btn::after {
        margin-left: 4em!important;
    }
    .block-pass .one .btn::after {
        margin-left: 3em!important;
    }
    .block-pass#PassJour .btn::after {
        margin-left: 4em!important;
    }
    .block-pass#PassSemaine .two .btn::after {
        margin-left: 4em!important;
    }
    .block-pass  .btn::after {
        margin-left: 4em!important;
    }

    .block-pass#PassMensuel .btn::after  {
        margin-left: 2em!important;
    }
    .block-pass#PassSemaine  .btn::after {
        margin-left: 4em!important;
    }
    #PassMensuel div div .slick-track {

      top: 72px!important;

    }
    #PassMensuel div div .slick-track .one{
        top: 0!important;
    }
    #PassMensuel div div .slick-track {

        top: 0px!important;
         height: 925px;
    }
    .body-pass .last-block img {
        margin-left: 21px!important;
    }



    .block-type-souscrire {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: 0!important;
        margin-left: -49px!important;
    }
    nav .nav-item.active label {
        width: 170px;
        height: 33px;
        background: transparent linear-gradient(180deg, #517491 0%, #2A3250 100%) 0% 0% no-repeat padding-box;
        border-radius: 34px;
        opacity: 1;
        color: #FFFFFF;
        opacity: 0.9;
        text-align: center;
        font: normal normal 500 9px/34px Montserrat;
    }
    .block-souscrire #nav-one-tab {
        left: 0%;
    }
    .block-souscrire #nav-profile-one-tab {
        left: -26px;
    }

    .block-tow li {
        font: normal normal 100 12px/11px Montserrat;
    }

    #ModalVedio iframe {
        width: 353px;
        height: 215px;
        margin: -15px 0 0 -15px;
        border: initial;
    }
    .slick-trio div div .slick-slide img {
        width: 97%!important;
        /* margin-left: 107px!important; */
    }

    #myBtn {
        width: 70px;
        height: 70px;
        LEFT: 40%;
        TOP: 29%;
    }
    .block_left p {
        font: normal normal 600 13px/0px Montserrat!important;
    }
    .gradient div div div .slick-slide img{
        margin-left: 0px!important;
    }


    .souscription .radio-souscription label {
        width: 195px;
    }
    .souscription .radio-souscription .btn-2 {
        width: 180px;
        position: absolute;
        left: 190px;
        height: 31px;
    }

    .ecrans div div {
        left: 18px;
    }
    .block-question h3, #accordion .questions-fréquentes button {
        font: normal normal normal 16px/28px Montserrat!important;
        display: block!important;
        white-space: normal!important;
        width: 92%;
    }
    /* ::-webkit-media-controls {
        display:none !important;
      } */

}
  @media screen and (max-width: 350px){
    .block-ecrans.ecran {
      display: block;
      padding: 3% 0;
      margin-top: 3%;
    }
    #ModalVedio .modal-content {
        height: 287px!important;
    }
    #ModalVedio iframe {
        width: 300px;
        height: 169px;
        margin: -15px 0 0 -15px;
        border: initial;
    }
    .slick-trio div div .slick-slide img {
        width: 97%!important;
        margin-left: 90px!important;
    }
    .block-nouveautes .block {
        height: 309px;
    }
    .block-question h3, #accordion .questions-fréquentes button {
        font: normal normal bold 8px/28px Montserrat!important;
    }
    .title h1 {
        font-size: 17px!important;
    }
    .slick-slide img {
        margin-left: 45px!important;
    }
    .ecrans div div {
        left: 170px;
    }
    #myBtn {
        width: 70px;
        height: 70px;
        LEFT: 40%;
        TOP: 32%;
    }
    .block-tow .block.vedio {
        background: #000000 0% 0% no-repeat padding-box;
        width: 98%;
        height: 217px;
    }
    .block-tow li {
        font: normal normal 100 12px/20px Montserrat;
    }

    souscription .radio-souscription label {
        width: 157px;
    }
    .souscription .radio-souscription .btn-2 {
        width: 169px;

        left: 148px;
        height: 31px;
    }
    .souscription .radio-souscription label {
        font: normal normal 500 7px/32px Montserrat;
    }

}

@media (max-width:1440px) and (min-width:400px)
{
   .slider-video .slick-track {
        opacity: 1;
        width: 7200px;
        height: 450px;
        position: relative;
        top: -65px;
        transform: translate3d(-1440px, 0px, 0px);
    }
  .block-ecrans.ecran {
    display: flex;
   
  }
    .gradient:before {

        top: 387px;
       /*top: 189px;*/
        }
  .block_left {


            top: 180PX;
            left: 10%;
            }
            .block-souscrire #nav-tab {
                position: relative;
                margin: 0 -2%;
            }
            .block-type-souscrire {

                margin-left: -55px!important;
            }

.block-liste .content {
    background: #1C1C1C 0% 0% no-repeat padding-box;

}
.block-liste {
    margin-top: 0%;
}
.block-pass .block.active, #PassSemaine.block-pass .block.active, .block-pass .block.last, .block-pass .block.one, #PassSemaine.block-pass .block.one, #PassSemaine.block-pass .block.last {
    width: 91%!important;
}
.block-nouveautes .slick-arrow img {
    width: initial;
    height: initial;
}
.card-body {
    color: #FFFFFF;
    font: normal normal normal 17px/26px Montserrat!important;
}
#pass-m .nav .nav-item.active label {
    width: 155px!important;
}
nav .radio-toolbar.block-bouquets label {
    width: 137px!important;

}
.radio-toolbar.block-bouquets #nav-home-tab {
    left: 49px!important;
}
nav .radio-toolbar.block-bouquets label {
    width: 137px!important;
    height: 35px!important;
    font: normal normal 400 14px/31px Montserrat!important;
}
.radio-toolbar.block-bouquets #nav-contact-tab {
    left: -52px!important;
}
.block_left .block img {
    width: 100px!important;
    margin-left: 0px!important;
}
.block_left p {
    font: normal normal 600 13px/0px Montserrat!important;
}
}
@media (max-width:736px) and (min-width:414px)
{
    .block_left {
        left: 5%;
        
    }
    .block-liste {
        margin-top: 14%;
    }
    .gradient:before {
        top: 86%;
        height: 15%;

    }
    .MutSun, .MutSuns {
        right: -14%;
    }
    .slider-video .slick-track { width: 2070px;
        height: 273px;}
    }
    .block-ecrans.ecran {
    display: BLOCK;
}
#PassJour  .one .carousel.slide, .last .carousel.slide {
    height: auto;
}

}
@media (max-width: 1792px) and (min-width: 542px){
  
.gradient:before {
    height: 19%;
    top: 345px;
}
.Video.mt-tv-video{
    width: 100%;
}
.block_left {
    left: 5%!important;
    top: 56PX;
}
/* .controls {
    width:100%;
    
    position:relative;
    background-color: red;
 } */


}