@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300..700&display=swap');
html,body{font-family:'Montserrat',sans-serif!important;color:#fff}
input, textarea, select{background-color: #333!important;border: 1px solid #666!important;color:#fff!important;border-radius:4px!important;}
.form-check-input:checked + .form-check-label::before, .form-check-input:checked{background-color:#f00!important;border-color:#f00!important;}
.navbar, .banniere-txt{font-family:'Roboto',sans-serif!important;color:#fff}
.text-danger{color:#f00}
.text-jaune{color:#FFC300}
.border-light{border-color:#333!important}
p{font-size:1.0rem;}
.pointer{cursor:pointer}
.bg-dark{background-color:#000!important}
.bg-light-dark{background-color:#333!important}
.bg-cta{background-color:#101010!important}
.banniere{max-width:1800px;height:auto;display:block;margin:0 auto;width:100%;margin-top:110px}
.banniere-txt{top:80px;letter-spacing:1px;font-size:22px}
.atout-border-right{border-right:1px solid #F00}
.exigence-border-right{border-right:1px solid #222}
@media (max-width: 767.98px) {
    .exigence .d-flex > div{width:100%;padding:1rem 0!important}
    .exigence-border-right{border-right:none!important;border-bottom:1px solid #222}
}
.btn-transparent-gris{color:#999;border-color:#999!important}
.btn-transparent-gris:hover{color:#f00;border-color:#999!important}
.btn-close{background-color:#f00!important}
.alert i{color: #f00!important}
.btn-light{background-color:#444;}
.technique .border{border-radius:14px}
.puce-etape{background-color:#FFC300;width:30px;height:30px;line-height:30px;border-radius:50%;display:block;color:black;text-align:center;}
.technique-erreurs{list-style:none;padding-left:0;margin:0}
.technique-erreurs li{position:relative;padding-left:2rem;margin-bottom:.8rem}
.technique-erreurs li::before{content:"✕";background:#f00;position:absolute;left:0;top:.1rem;width:1.3rem;height:1.3rem;display:flex;align-items:center;justify-content:center;border-radius:50%;color:#fff;font-size:.8rem;font-weight:700;line-height:1;}

.promo{font-size:14px;text-decoration:line-through;color:gray}
.tarif{font-size:30px;font-weight:bold;margin-top:-8px;display:block;line-height:1.2}
.card-body .promo{font-size:18px}
.card-body .tarif{font-size:32px}
.emoji{font-size:26px}
.promo-angle{position:absolute;width:140px;height:100px;right:12px;border-radius:14px;overflow:hidden}
.promo-angle-texte{transform:rotate(45deg);background-color:red;top:-10px;left:50px;padding:30px 40px 10px 40px;position:relative;text-align:center;color:#ffffff}
.ariane ul{margin-bottom:0}
.ariane li{list-style:none;padding:0 5px 0 5px}
.ariane a{text-decoration:none;color:white}
.atouts, .ariane{font-size:0.9rem}
.atouts img, .ariane img{width:30px;height:30px}
.exigence img{width:60px;height:60px}
/*.atouts span::after{content:"";margin:-1px 0 0 6px;height:2px;width:26px;background-color:#f00;display:block;border-radius:2px}
.ariane a::after, .ariane .active::after, .ariane a:hover::after{content:"";margin:-1px 0 0 6px;height:2px;width:26px;background-color:none;display:block;border-radius:2px}
.ariane .active::after, .ariane a:hover::after{background-color:#f00}*/
.nav-item{margin:0 14px}
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .btn-link:hover{color:#ccc!important}
/*.nav-link::before{content:"";left:0;position:absolute;margin:20px 0 0 16px!important;height:2px;width:36px;background-color:#f00;border-radius:2px}*/
.nav-link:hover::before{background-color:transparent}
/*.footer-menu a:hover::before{content:"";position:absolute;margin:24px 0 0 10px!important;height:2px;width:30px;background-color:#f00;border-radius:2px}*/
.btn-box-revendeur:hover::before{background-color:transparent!important}
.newhead h2{font-size:1.4rem;margin-top:-10px!important}
.newhead .btn{font-size:0.8rem;padding:0.65rem 0.80rem}
/*.banniere-txt .container::after{content:"";position:absolute;margin:28px 0 0 -126px!important;height:3px;width:104px;background-color:#f00;border-radius:2px}*/
.brightness-50{filter:brightness(50%);-webkit-filter:brightness(50%);-moz-filter:brightness(50%);-o-filter:brightness(50%);-ms-filter:brightness(50%)}
.brightness-60{filter:brightness(60%);-webkit-filter:brightness(60%);-moz-filter:brightness(60%);-o-filter:brightness(60%);-ms-filter:brightness(60%)}
.brightness-70{filter:brightness(70%);-webkit-filter:brightness(70%);-moz-filter:brightness(70%);-o-filter:brightness(70%);-ms-filter:brightness(70%)}
.ri-instagram-fill, .ri-youtube-fill, .ri-facebook-fill, .ri-tiktok-fill{color:red};
.ri-instagram-fill:hover, .ri-youtube-fill:hover, .ri-facebook-fill:hover, .ri-tiktok-fill:hover{color:unset};
.banniere-apartirde{background-color:#0000f6;border-radius:100%;transform:rotate(10deg);height:92px;width:92px;font-size:9px;top:-10px;right:20px;padding-top:6px}
.banniere-apartirde span{font-size:18px}

#expert-img{margin-top:-150px;margin-left:-180px;position:relative;z-index:1;}
#expert-txt{position:relative;z-index:2;}
#expert-img img{opacity:0.5}
@media (min-width:767.98px){
    .newhead h2{font-size:3rem}
    .newhead .btn{font-size:1rem;padding:0.9rem 1.15rem}
    .banniere-txt{top:140px;font-size:32px}
    /*.banniere-txt .container::after{margin:40px 0 0 -180px!important;height:3px;width:150px}*/
    .banniere-apartirde{height:140px;width:140px;font-size:12px;top:-30px;right:40px;padding-top:10px}
    .banniere-apartirde span{font-size:28px}
}
@media (min-width:998px){
    .newhead h2{font-size:3.5rem}
    .newhead .btn{font-size:1.1rem;padding:1.15rem 1.25rem}
    .banniere-txt{top:160px;font-size:44px}
    /*.banniere-txt .container::after{margin:56px 0 0 -240px!important;height:4px;width:200px}*/
    .banniere-apartirde{height:140px;width:140px;font-size:12px;top:-40px;right:40px;padding-top:10px}
    .banniere-apartirde span{font-size:28px}
}
@media (min-width:1200px){
    #expert-img{margin-top:-150px;margin-left:0}
    #expert-img img{opacity:1}
    .newhead h2{font-size:4rem}
    .newhead .btn{font-size:1.4rem;padding:1.25rem 1.5rem}
    .banniere-apartirde{top:-10px;right:calc(50% - 580px)}
}
@media (max-width:767.98px){
    .lead{font-size:1rem}
    .atouts img{width:20px;height:20px}
    .banniere-txt .btn{padding: 5px;font-size: 12px;}
}

/*.nav-link::before{content:"";left:0;position:absolute;margin:20px 0 0 16px!important;height:2px;width:36px;background-color:transparent;border-radius:2px}
.nav-link:hover::before{background-color:#f00}*/
.logotop{width:229px;height:80px}
.navbar-nav .nav-link {font-size:1rem}
@media (max-width:991.98px){
    .navbar-collapse-light {background:#000!important}
    .navbar-nav .nav-link {color:#fff!important;font-size:1rem}
    .atouts, .ariane{font-size:0.6rem}
    .logotop{width:200px;height:70px}
    .nav-link::before{background-color:#f00}
}
.logotop{width:229px;height:80px}
@media (max-width:1200px){
    .logotop{width:200px;height:70px}
}
.dropdown-heading{font-size:0.6rem}
.bg-gray-medium{background-color:#eee}
.text-gray-medium{color:#eee}
.bg-orange{background-color:#f00!important}
.btn-skew-left{transform:none}
.btn{font-weight:unset;border-radius:4px;box-shadow:none;text-transform:uppercase;border:1px solid transparent;padding:12px}
.btn-orange-chunky, .btn-orange{background-color:red}
.btn-filmographie{width:100%;background-color:#fff;color:#000}
.btn-orange-chunky:hover, .btn-orange:hover, .btn-filmographie:hover{background-color:#c23b3b;border:1px solid #c23b3b}
.btn-transparent{border:2px solid #F00;color:#fff}
.btn-transparent:hover{background-color:#fff;color:#000}
a.card{text-decoration:none;background-color:transparent}
.card-body{border:1px solid #CCC;border-bottom-left-radius:14px;border-bottom-right-radius:14px;box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px;background-color:#F6F6F6}
.card-img-top{border-top-left-radius:14px;border-top-right-radius:14px;box-shadow:rgba(0, 0, 0, 0.24) 0px 3px 8px}
a .card-body{background:url(../../assets/images/theme/cinema-cascade.jpg) #F6F6F6 center no-repeat;background-size:cover}
.text-dark{color:#F00!important}
/*h2.display-5::after, h1.display-5::after{content:"";margin:2px 0 0 10px;height:4px;width:170px;background-color:#f00;display:block;border-radius:2px}*/
.rounded-review{border-radius:10px}
.swiper-pagination-bullet-active{background-color:#f00!important}
@media (min-width:992px){
    .dropdown-megamenu{min-height:500px}
}
.video-responsive {
    position:relative;
    overflow:hidden;
    padding-bottom:56.25%;
}
.video-responsive iframe {
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
    max-width:640px;
    max-height:360px;
}
.annonce{background-color:#222;border-bottom:1px solid #333;font-size:14px}
.annonce a{color:#fff;text-decoration:none}
.annonce img{height:14px;margin:0 8px 0 8px}
.annonce .justify-content-end{padding-right:20px}
.dropdown-list-item img{border-radius:10px}
.dropdown-title{margin-top:-14px;font-size:1.1rem}
/*.dropdown-title::after{content:"";margin:2px 0 0 10px;height:4px;width:70px;background-color:#f00;display:block;border-radius:2px}*/
h2.display-5, h1.display-5{margin-top:-5px}
.display-5 {font-size:1.4rem}
h1.display-5 {font-size:1.4rem}
h2.display-5{font-size:1.4rem}
@media (min-width:767.98px){
    h1.display-5 {font-size:1.7rem}
}
@media (min-width:992px){
    h1.display-5 {font-size:2rem}
    h2.display-5 {font-size:1.8rem}
}
@media (min-width:1200px)
{
    .annonce{font-size:16px}
}
.swiper-prev-linked i, .swiper-next-linked i{border-radius:50px}
.cardhover{transform:scale(1.03)}
.cardhover button{background-color:#c23b3b;font-weight:bold}
.swiper-wrapper .cardhover{transform:none}
/*#offcanvasCart .h6 span::after{content:"";margin:1px 0 0 6px;height:2px;width:26px;background-color:#f00;display:block;border-radius:2px}*/
/*.title-checkout::after{content:"";margin:1px 0 0 6px;height:2px;width:36px;background-color:#f00;display:block;border-radius:2px}*/
.circuitslfg{background-size:cover;background-position:center};
.calendrier .rounded-review:hover{background-color:#f00!important;color:#fff}
.option-body{margin:auto;text-align:center}
.iniprix{font-size:12px;text-align:right;margin-top:-10px}/*58*/
.iniprix .apartirde{margin-bottom:0}
.iniprix .promo{font-size:14px;margin-top:-8px}
.iniprix .tarif{font-size:24px;margin-top:-6px}
.iniprix .promo-round{margin-top:-2px;float:right;border-radius:60px;height:60px;width:60px;line-height:60px;display:block;text-align:center;transform:rotate(-10deg);background-color:#0a0;color:#fff}
.addtocart .promo-round{display:block;border-radius:60px;height:60px;width:60px;text-align:center;line-height:60px;transform:rotate(-10deg);margin-top:-15px;background-color:#0a0;color:#fff}
@media (min-width:767px){
    .iniprix{font-size:12px;margin-top:-16px}
    .iniprix .promo{font-size:18px}
    .iniprix .tarif{font-size:32px}
}
@media (min-width:998px){
    .iniprix{font-size:14px;margin-top:-28px}
    .iniprix .promo{font-size:20px}
    .iniprix .tarif{font-size:34px}
}
@media (min-width:1200px){
    .iniprix{margin-top:-32px}
}
.addtocart .tarif{font-size:36px!important}
.option-btn i{font-size:24px}
.option-btn input{font-size:24px}
.option-btn .tarif{font-size:24px}
.option-btn{border:3px solid #f6f6f6}
.option-btn:hover{border:3px solid #f00;cursor:pointer}
.choices__list{border-radius:6px}
picture img{border-radius:6px}
.choices__inner{background-color:#333;border-radius:6px;font-size:16px}
.choices__list--single .choices__item, .choices__list[aria-expanded] .choices__item{background-color:#333;font-size:16px}
.choices__list--dropdown .choices__item--selectable.is-highlighted, .choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color: #111!important}
.choices__input{font-size:16px}
/*.panier td h6::after{content:"";margin:0 0 0 6px;height:2px;width:26px;background-color:#f00;display:block;border-radius:2px}*/
.panier td input[type=text]{border-radius:4px;border:1px solid #CCC;padding:2px 5px;width:176px;margin-bottom:2px;font-size:14px}
.beneficiaire input{border-radius:4px;border:1px solid #CCC;padding:2px 5px;width:176px;margin-bottom:2px;font-size:14px}
/*.beneficiaire h6::after{content:"";margin:0 0 0 6px;height:2px;width:26px;background-color:#f00;display:block;border-radius:2px}*/
.bg-danger-light{background-color:#852c2c!important}
@media (min-width:640px){
    .choices__list[aria-expanded] .choices__item--selectable{padding-right:10px}
}

.modal{display:none;position:fixed;z-index:10000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4)}
.modal-content{margin:5% auto;padding:0 20px 20px 20px;max-width:800px}
.modal-close{float:left;color:#aaa;font-weight:bold;width:50%}
.modal-close i{float:left;font-size:48px}
.modal-close div{float:left;font-size:18px;line-height:0.8;padding:33px 0 0 5px}
.modal-close-right div, .modal-close-right i{float:right}
.modal-close:hover,.modal-close:focus{color:black;text-decoration:none;cursor:pointer}
#divPopUpVideoSample .modal-content{margin:5% auto;padding:0 20px 20px 20px;max-width:680px}
#divPopUpVideoSample .modal-close{float:left;color:#aaa;font-weight:bold;width:100%}

.banniere.compte_a_rebours_bg{position:absolute;top:0;}
.banniere.compte_a_rebours{position:absolute;margin-top:-4.2%!important;text-align:right;right:3.6%;color:#FFC300;font-size:2.4vw}
@media (max-width:767.98px){
    .banniere.compte_a_rebours{margin-top:-67.8%!important;right:5%;font-size:3.2vw}
}