@font-face {
    font-family: Poppins-Bold;
    src: url(font/Poppins-Bold.ttf);
  }

  @font-face {
    font-family: Poppins-Light;
    src: url(font/Poppins-Light.ttf);
  }

  @font-face {
    font-family: Poppins-Medium;
    src: url(font/Poppins-Medium.ttf);
  }

  @font-face {
    font-family: Poppins-Regular;
    src: url(font/Poppins-Regular.ttf);
  }

  @font-face {
    font-family: Poppins-SemiBold;
    src: url(font/Poppins-SemiBold.ttf);
  }
  @font-face {
    font-family: Helvetica;
    src: url(font/Helvetica.ttf);
  }




  
  @font-face {
    font-family: Inter-Regular;
    src: url(font/Inter-Regular.otf);
  }

  @font-face {
    font-family: Inter-Bold;
    src: url(font/Inter-Bold.otf);
  }

  @font-face {
    font-family: Inter-Medium;
    src: url(font/Inter-Medium.otf);
  }
  @font-face {
    font-family: Inter-SemiBold;
    src: url(font/Inter-SemiBold.otf);
  }
  @font-face {
    font-family: SFPRODISPLAYBOLD;
    src: url(font/SFPRODISPLAYBOLD.OTF);
  }

  @font-face {
    font-family: BebasNeue-Regular;
    src: url(font/BebasNeue-Regular.ttf);
  }


 .BebasNeue-Regular{
    font-family: BebasNeue-Regular;
    font-size: 23px;
    line-height: 113%;
 }

 .piccc{
    height: 162px;
    max-width: 69%;
    object-fit: contain;
 }
  
.SFPRODISPLAYBOLD{
   font-family: 'SFPRODISPLAYBOLD' ; 
}
  .inter_medium{
    font-family: 'Poppins-Medium'!important;
  }

  .inter_regular{
    font-family: 'Poppins-Regular'!important;
  }
  .inter_semibold{
    font-family: 'Poppins-SemiBold'!important;
 }
 .poppins_bold{
    font-family: 'Poppins-Bold'!important;
 }
 .poppins_semibold{
    font-family: 'Poppins-SemiBold'!important;
 }
 .poppins_regular{
    font-family: 'Poppins-Regular'!important;
 }

 .poppins_medium{
    font-family: 'Poppins-Medium'!important;
 }

 .poppins_medium b,  .poppins_regular b ,  .poppins_semibold b{
    font-family: 'Poppins-Bold'!important;
 }
 .poppins_light{
    font-family: 'Poppins-Light'!important;
 }
 img{
    pointer-events: none!important;
 }

 .f777{
    color: #777777;
    text-align: justify;
 }
 .f11{
    font-size: 11px;

}
.f12{
    font-size: 12px;

}

.f14{
    font-size: 14px!important;

}

.op07{
    opacity: 0.7;
}

.op04{
    opacity: 0.42;
}
 .f15{
    font-size: 15px!important;
 }

 .f16{
    font-size: 16px!important;
 }
 .f18{
    font-size: 18px!important;
 }
 .f20{
    font-size: 20px!important;
 }

 .f24{
    font-size: 24px!important;
 }
 .f28{
    font-size: 28px!important;
 }
 .f30{
    font-size: 30px!important;
 }

 .vmid{
    vertical-align: middle;

 }

 .redbtn{
    background: #FF5259;
    border-radius: 4px;
    max-width: 69px;
    margin: auto;
    height: 36px;
    padding-top: 7px;
 }
 .greenbtn{
    background: #72BF65;
    border-radius: 4px;
    max-width: 69px;
    margin: auto;
    height: 36px;
    padding-top: 7px;
 }

 .buybtn{
    color: #000;
    background-color: #fff;
    border-radius: 36px;
    max-width: 187px;
    text-align: center;
    margin: auto;
    padding: 10px;
   display: block;
    text-decoration: none;
    cursor: pointer;
 }

 .max100{
    width: 100px;
 }

 /*.bopaque::after{
    content: ' ';
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
 }*/

 .bopaque{
    border-bottom: 1px solid #4b4b4e;

 }
body{
    font-family: 'Poppins-Regular';
    width: 100vw!important;
    overflow-x: hidden!important;
}


h1 {
    font-family: 'Poppins-Medium';
    font-size: 68px;
}

.h1mini{
    font-size: 31px;
}

.subh1{
    font-size: 16px;
    margin-bottom: 35px;
}

.headerCta{
    color: #DAD3C0;
    border: 1px solid #DAD3C0;
    text-align: center;
    padding: 10px 25px;
    border-radius: 36px;
    max-width: 252px;
    font-family: 'Poppins-Medium';
    margin-right: 25px;
    text-decoration: none;
}

.applinkheader{
    width: 80px;
    margin-top: 10px;
}
.a_applinkheader_g img, .a_applinkheader_d img{
    width: 200px;
}
.a_applinkheader_g{
        width: 100%;
        text-align: right;
            display: block;

}

.a_applinkheader_d{
        display: block;

        width: 100%;
        text-align: left;
}

a.inter_medium.f12{
    text-decoration: none;
    color: #fff;
}
.pink{
    color: #D41B78!important;
    text-decoration: none;
}
.pictoheader{
    max-width: 16px;
    margin-right: 10px;
}
.download{
    background: #D6BD81;
    border: 1px solid #D6BD81;
    border-radius: 36px;
    color: #110e08;
    max-width: 226px;
    padding: 13px 24px;
    text-align: center;
    font-family: 'Poppins-Medium';
    text-decoration: none;
    margin-left: 15px;
}

.topcontainerCta{
    border-bottom: 1px solid #35322d ;
    background-color: #110e08;
    position: fixed;
    top: 0;
    z-index: 99999;
}

.logo{
    max-width: 103px;
}
.logo2{
    max-width: 100%;
}

/*.box {
    position: relative;
    padding: 10px;
    background: #000;
  }*/

.box {
    position: relative;
    padding: 10px;
    background: #000;
    max-width: 52vw;
    margin: auto;
}


.box::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 20px;
        padding: 1px;
    background: linear-gradient(133.11deg, #FBEBC2 25.83%, #AE8C5E 103.27%);
    -webkit-mask: 
      linear-gradient(#fff 0 0) content-box, 
      linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
            mask-composite: exclude;
    pointer-events: none;
}

.cours{
    margin-bottom: 150px;
}

.gradient {
    background: linear-gradient(133.11deg, #FBEBC2 25.83%, #AE8C5E 103.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.feature{
   /* border-image:linear-gradient(133.11deg, #FBEBC2 25.83%, #AE8C5E 103.27%) 1;
    border-width: 1px;*/
}

.highlight{
    padding: 20px;
    border-left: 2px solid;
    background-color: #191919 ;
}

.iphoneimage{
    max-width: 400px;
} 
.w-80{
    max-width: 80%;
}
.w-97{
    max-width: 97%;
}
.w-100{
    max-width: 100%;
}

.w-600{
    width: 600px;
    max-width: 100vw;
}


.w-100u{
    width: 100%;
}

.mw-250{
    max-width: 260px;
}


.table-borderless  tr,.table-borderless  td, .table-borderless  tr,.table-borderless  th{
background-color:transparent !important;
}

.f-center{
text-align: center;
vertical-align: middle;    

}


.gradient-bordered{
    border-width: 0.5px;
    border-style: solid;
    border-image: linear-gradient(133.11deg, #FBEBC2 25.83%, #AE8C5E 103.27%) 1;
    border-radius: 10px;
}


.shadowed{
    background-image: url('/img/shadow.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
.fond-listing{
    background-image: url('/img/fondliste.png');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    padding: 18vh 0px;
    font-family: 'Poppins-Regular';
    font-size: 19px;
}
li {
    display: block;
}
.separator {
    width: 100%;
    height: 1px;
    background: #fff;
}


.reseau{

}

.qr_logo{
    width: 96px;
    display: block;
    max-width: 100%;
}

.button-get{
    width: 187px;
    margin-top: 10px;
    max-width: 100%!important;
}

.accordion-button{
    font-family: 'Poppins-SemiBold';
    font-size: 24px;
}
.accordion-body{
    font-family: 'Poppins-Regular';
    font-size: 18px;
}
.accordion-item,.accordion-button,.accordion-header,.accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
    border:none;
    box-shadow:none;
    border-radius: 0px !important;

}

.accordion-item{
    border-bottom:1px solid #fff;
}

.accordion-button::after ,.accordion-button:not(.collapsed)::after{
    background-image: url('/img/expand.png');
}

.nav-link {
    color: #747474;
    background: #0d0d0d;
    border-radius: 30px 30px 30px 30px !important;
    border: none !important;
}

.nav-link.active{

    background-color:#191919!important;
}

.bann{
    border: 1px solid #AE8C52;
    border-radius: 30px;
    justify-content: space-between;
    display: flex;
}
.bann-imgc {
    position: relative;
width: 25%;
    min-width: 167px;
}
.bann-img {
    position: absolute;
    top: -100%;
    width: 100%;
    max-width: 300px;
    right: 0;
}

.nav-link.active span{
    background: linear-gradient(133.11deg, #FBEBC2 25.83%, #AE8C5E 103.27%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.nav-link:hover,.nav-item:hover .nav-link{
    color: #747474;
}

ul#myTab {
    border: none;
}

td.poppins_light.f14.op07 {
    width: 25%;
}

ul.ultable {
    padding: 0;
    margin: 0;
    margin-bottom: -0.5rem;
}

ul.ultable li {
    border-bottom: 1px solid #777;
    padding: .5rem;
    margin-left: -0.5rem;
    min-height: 41px;
}
ul.ultable li:last-child {
    border-bottom:none;
}

.parentcardtarif{
    margin: auto;
    padding: 30px;
}
.cardtarif{
    background: #010206;
    border: none;
    border-radius: 10px;
    padding: 54px 40px;
    position: relative;
}
.cardtarif::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 1.2px;
  border-radius: 24px;

  background: linear-gradient(
    140deg,
    #1a1206 0%,
    #6b4d1f 20%,
    #a67c2e 40%,
    #e0b84f 50%,
    #a67c2e 60%,
    #6b4d1f 80%,
    #1a1206 100%
  );

  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;

  box-shadow: 0 0 8px rgba(224, 184, 79, 0.15);
}

.minicheck{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 8px;
}

.grey11{
    font-size: 16px;
    color: #999999;
    display: inline!important;
    margin-left: 4px;
}
.subp{
    font-size: 11.3px;
    color: #999999;
    margin-bottom: 13px;
}
.subp2{
    font-size: 16px;
    color: #FCFBF8;
    margin-bottom: 13px;
}

.subp2 div{
    
    margin-bottom: 7px;

}
.subh5{
    font-size: 13.5px!important;
    color: #FCFBF8!important;
        margin-bottom: 5px!important;

}

.subh3{
        font-size: 1.5rem;
    padding-left: 20px;
}
.yb {
    background: #FBBD23;
    color: #000 !important;
    font-size: 13px;
    text-align: center;
    padding: 11px;
    border-radius: 5px;
    margin-top: 50px;
    cursor: pointer;
}

.hs-kb-social_follow{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: right;
    justify-content: flex-end;
    gap: 12px;
    margin-bottom: 1.4rem;
}

a.icon--custom {
    display: inline-block;
    width: 30px;
    height: 32px;
    background-color: #494a52;
    color: #fff;
    border-radius: 50%;
}

.hs-kb-social_follow__icon {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.hs-kb-social_follow__icon svg {
    height: 50%;
    width: 50%;
    fill: currentColor;
}

.footicn{
        flex-flow: column;
    justify-content: space-between;
        max-width: 115px;
}

.link-bottom{
	font-family:"Poppins-Regular";
	color:#7F7F7F;
	font-size:1rem;
	text-align: center;

}
.link-bottom a{
	font-family:"Poppins-Regular";
	color: #AD841F;
	font-size:1rem;
	text-align: center;


}

p.footerparagraph{
    color: #999999;
    font-size: 0.9rem;
    margin-bottom: 01rem;
    line-height: 1.3;
}
.titleonfooter{
    font-size: 1.3rem;
    
}

.logofooteronly{
        height: auto;
                        width: 208px;
                        border-width: 0px;
                        border: 0px;margin-right: 1.5rem;
}

.dargbk{
    background-color:#010206;
        color: #fff;
}

.titlespecial{
    font-size: 24px;
    background: #010206;
    max-width: fit-content;
    padding-left: 10px;
    padding-right: 15px;
    margin-bottom: -18px;
    z-index: 99;
    display: block;
    margin-left: 20px;
    /* background-color: #fff; */
    position: relative;
}
@media only screen and (min-width: 999px) {
.show-mob-only{
    display: none;
}}

@media only screen and (max-width: 999px) {
    .mob-w-100{
        max-width: 100%!important;
    }
    .center-mob{
        text-align: center!important;
    }
    .mobile50{
        width: 38vw;
        margin-bottom: 2rem;
    }
    .a_applinkheader_g img, .a_applinkheader_d img {
    max-width: 100%;
}
.footer-left {
    max-width: 90%!important;
}
    .footicn{
            max-width: 10% !important;
    margin: 0 !important;
    }
    table {
        width: 100vw !important;
        overflow-x: scroll;
    }
    .tablescroll {
        width: 100vw !important;
        overflow-x: scroll;
    }

    .tablescrollno {
        width: 100vw !important;
        overflow: hidden;
    }

    .headerCta {
        color: #DAD3C0;
        border: 1px solid #DAD3C0;
        text-align: center;
        padding: 10px 6px;
        text-align: center;
        border-radius: 36px;
        width: 228px;
        max-width: 48%;
        font-family: 'Poppins-Medium';
        margin-right: 2px;
        text-decoration: none;
        font-size: 0.7rem;
    }

    h1 {
        font-family: 'Poppins-Medium';
        font-size: 1.7rem !important;
    }

    .subh1 {
        font-size: 1rem!important;
    }

    .mob-no-marg-bottom{
        margin-bottom: 0px!important;
    }

    h1.cst {
        /*font-size: 2.2rem !important;*/
        font-size: 2rem !important;
    }

    .blockmob{
        display: block;
    margin-bottom: 10px;
    }

    .box2::before {
        width: 212% !important;
        min-width: 818px;
    }

    #abonnement {
        margin-bottom: 10px;
        padding: 12px !important;
    }
    .cours {
        margin-bottom: 0px!important;
    }
    .mw-250 {
        min-width: 136px!important;
    }

    .logo ,.row.mb-5.align-items-start{
        margin-bottom: 12px !important;
    }

    .fond-listing {
        padding: 0px!important;
        font-family: 'Poppins-Regular';
        font-size: 0.8rem!important;
    }

    ol, ul {
        padding-left: 0rem!important;
    }
    .col-md-6.p-5{
        padding: 15px !important;
    }
    .col-6.mb-5.mt-5.pt-5{
        margin-top: 0px !important;
        padding-top: 0px !important;
    }

    .box {

        max-width: 85vw;
        margin: auto;
    }

    .box2{
        max-width: 90vw;
    }

    .col-md-12.text-center {
        margin-top: 0px !important;
    }

    .w-600 {
        width: 600px;
        max-width: 90vw!important;
    }
    img.w-80.mob-w-100 {
        margin-top: -50px;
        position: relative;
        z-index: 99;
    }

    .mob-center{
        text-align: center;
    }

    .qr_logo {
        margin: auto;}

        .hide-mob{
            display: none;
        }


        .download {
            /*display: inline-block;
            background: #DAD3C0;
            border: 1px solid #DAD3C0;
            border-radius: 36px;
            color: #110e08;
            min-width: 90vw;
            padding: 15px 61px;
            text-align: center;
            font-family: 'Helvetica';
            text-decoration: none;
            margin: auto;*/
            margin-left: 0!important;
            position: relative;
            z-index: 99;
        }

        .iphoneimage {
            width: 64vw;
            max-width: 300px;
        }
        td.poppins_light.f14.op07 {
            min-width: 271px;
        }        
        .button-get {
            max-width: 70% !important;
        }

        td.f-center.poppins_medium.f16.op04 {
            font-size: 0.8rem !important;
        }
        .logo2 {
            max-width: 80%;
            margin:auto;
            position: relative;
            z-index: 1;
        }

        td.poppins_semibold.f30.vmid.text-center {
            font-size: 1.1rem !important;
        }
        td.poppins_regular.text-center.f18.vmid {
            min-width: 87px;
            text-wrap: nowrap;
        }
        h1.h1mini {
            font-size: 1.3rem !important;
        }

        .col-md-6.moborder2.mb-5.mt-5.pt-5 {
            margin-top: -151px !important;
            width: 80%;
            margin-left: 14px;
            margin-bottom: 1rem !important;

        }

        .moborder1{
                   order: 1;
        /* text-align: center; */
        max-width: 80%;
        margin: auto;
        margin-bottom: 0!important;
        }
        .moborder2{
            order: 2;
            text-align: center;
        }

        .mt0mob{
            margin-top: 0!important;
        }
         .pt0mob{
            padding-top: 0!important;
        }

        .moborder3{
            order: 3;
            max-width: 80%;
        margin: auto;
        margin-top: -5px!important;
                text-align: center;

        }

        .BebasNeue-Regular {
            font-family: BebasNeue-Regular;
            font-size: 14px;
            line-height: 113%;
        }

        .piccc {
            height: 70px;
            max-width: 100%;
            object-fit: contain;
        }

        .buybtn {
            color: #000;
            background-color: #fff;
            border-radius: 36px;
            max-width: 187px;
            text-align: center;
            margin: auto;
            padding: 10px;
            font-size: 19px;
        }

        .bann-txt.p-5 {
            padding: 36px 20px !important;
        }
        .bann-img {
            position: absolute;
            top: -7vh;
            width: 100%;
            max-width: 300px;
            right: 0;
        }

        .bann {
            border: 1px solid #AE8C52;
            border-radius: 30px;
            justify-content: space-between;
            display: flex
        ;
            min-height: 125px !important;
        }

        .nav-link .f18{
            font-size: 1rem!important
        }
        table.table.table-dark.table-borderless {
            position: relative;
            left: -15px;
        }
        li.nav-item {
            margin-right: 4px;
        }
        
        
        .shadowed {
            background-size: cover!important;

        }

}