.container {max-width: 1400px;}
body{font-family: 'Open Sans', sans-serif;letter-spacing: 0.02rem;color:#353b50}

footer{background-color:#0a1743; color:white;}
.footer-titre{color:white;font-weight:900; margin:0.5rem;font-size:1.3rem}
.footer ul{list-style-type:none;padding: 0;}
.footer ul li a{font-weight:200;}
.footer hr{border:1px solid #3c4669}
h1, h2, h3, h4, .h3{font-family: 'Sen', sans-serif;font-weight:800;color:#164398}
h2 a{color:#353b50; font-size:1.75rem}

strong{font-weight: 700;}
.form-control2:disabled, .form-control2[readonly] {background-color: white;opacity: 1;}
p{line-height: 1.63;}
.h100vh{height:100vh;}

.border2 {border: 3px solid #dee2e6 !important;}
.border-bottom-blue {border-bottom: 2px solid #164398 !important;}
.border-red {border: 1px solid #dc3545 !important;}

a.anchor {display: block; position: relative; top: -50px; visibility: hidden;}
.cursor{cursor: pointer;}

/* -- MENU -- */
.megamenu {  position: static;}
.megamenu .dropdown-menu { background: white; border: none;  width: 100%;}

/* -- FONT SIZE -- */
.fs80{font-size:80%;}
.fs100{font-size:100%;}
.fs120{font-size:120%;}
.fs130{font-size:130%;}
.fs150{font-size:150%;}


/* -- COLORS -- */
.text-grey{color:#b5b3b3 !important;}
.text-blue{color:#164398 !important;}
.text-yellow{color:#f5c545 !important;}

.bg-light{background-color:#f9f9f9 !important;}
.bg-dark{background-color:#06419d !important;}
.bg-grey{background-color:#f0f0f0;color:#b5b3b3 !important;}
.bg-grey-light{background-color:#ffffff;}
.bg-blue{background-color:#164398 !important;}
.bg-blue-light{background-color:#f0f4ff !important;}
.bg-yellow{background-color:#f5c545 !important;}
.bg-basic, .bg-blue.basic{background-color:#45a1ad !important;}
.bg-flex, .bg-blue.flex{background-color:#2469a5 !important;}

/* -- BTN -- */
.btn{border-width: 3px;border-radius: 40px;padding: .7rem 1.6rem;font-weight:bolder;}
.btn-warning {color: #06419d;background-color:#fdc40f;border-color:#fdc40f;}
.btn-warning:hover {color: white;background-color:#164398;border-color:#164398;}


.btn-outline-light:hover{color:#164398 !important;}
.btn-outline-blue{color: #164398;border-color:#164398;}
.btn-outline-blue:hover{color:white;background-color: #164398;}

/* -- HEADER -- */
#topheader{z-index:1050;top:0}
.navbar-brand img{max-height:100px;max-width:150px;}
.navbar-expand-lg .navbar-nav .nav-link{color:white; padding-left:1.2rem;padding-right:1.2rem;font-family: 'Open Sans', sans-serif;font-weight:400;}

.tab-pane{padding:15px} 
.nav-link{color:white}
.nav-tabs{border:none;}
.navbar-toggler {padding: .6rem .75rem;}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link{background-color:#032d6f  !important;;border:none;color:white;font-size:1.2rem}
.nav-link.active{background-color:#06419d !important;color:white}
a.bg-dark:focus, a.bg-dark:hover, button.bg-dark:focus, button.bg-dark:hover {background-color: #06419d !important;}
.rounded-top {
    border-top-left-radius: 1rem !important;
    border-top-right-radius: 1rem !important;
}
.rounded-xl {border-radius: 1rem !important;}

.nav-item a:hover{border-bottom: 3px solid #ffc107 !important}

.mt-m5{margin-top: -5%;}
.mt-m8{margin-top: -8%;}
.mt-m10{margin-top: -10%;}

.ssmenu:hover{text-decoration:none;}
.ssmenu:hover > i{color:#f5c545 !important}


.border_yellow{border-bottom:3px solid #f5c545;}
.border_blue{border-bottom:3px solid #164398;}


/* -- CARD -- */
.card{border-radius: 1rem;background-color:#f9f9f9;}
.card-header,.card-footer{border:none;background:none;}
.card-header:first-child {border-radius: 1rem 1rem 0 0;}
    
    
/* -- FORM -- */
.ss-main .ss-single-selected{padding:0;margin-top: -13px;margin-left: -5px;}
select,#liste_pax {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;       /* Remove default arrow */
   background: url(../img/bas.svg) 96% / 20px no-repeat #FFF;
}

input[type="checkbox"], input[type="radio"]{
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;  
    width: 20px;
    height:20px;
    border:1px solid #ced4da;
    
}
input[type="checkbox"]{border-radius:4px; }
input[type="radio"]{border-radius:50%; }

input[type="checkbox"]:checked{
     background-image: url(../img/bas.svg);
     width: 20px;
     height: 20px;
     background-size: cover;
     border: none;
}

input[type="radio"]:checked{
     background-image: url(../img/actif.svg);
     width: 20px;
     height: 20px;
     background-size: cover;
     border: none;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {border:none;}
.select2-container--default .select2-selection--single .select2-selection__arrow {background: url(https://sbc.mistera.fr/img/bas.svg) no-repeat #FFF;top:15px; right:15px;}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#164398 !important;}
.select2-results__option{padding:10px;}

.grecaptcha-badge{display:none;}

/* -- BORDER -- */
.border-resa{border-right: 1px solid #dee2e6;}


/* -- COOKIES -- */
.cookiedisc{font-size:1rem;color: white;background-color:#f9f9f9;width: 100%;bottom: 0; left: 0;z-index: 10000;position: fixed;padding:1rem 0;}
.cookiebutton{border:none;padding:5px;}


/* -- HOMEPAGE -- */
#panoHP{background: url('../img/pano.jpg') no-repeat fixed center;background-size:cover;z-index:10;position: relative;}
#fondbleuHP{background: url('../img/fond-avion.svg') no-repeat fixed center;}
.liste_dest ul li {width:100%;padding:1rem;margin-bottom:1rem;border-radius: .3rem !important;background-color: #fff !important;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;}
.liste_dest ul {list-style-type:none;}
.liste_dest ul li a img {max-height:40px;max-width:40px;}  
.visuel1{}
.visuel2{margin-top:-18%;} 
.visuel2globe{margin-top: -10%;}
.visuel3{}
.visuel4{margin-top:-12%}

.btn-formulaire-resa{background-image: linear-gradient(to right, #2e74c5, #17459a);}

.carousel-item-prev,
.carousel-item-next,
.carousel-item.active {
    display:flex;
}
.carousel-indicators{position:unset;}

.carousel-indicators li{width: 10px;height: 10px;border:2px solid white;border-radius:10px;}

.carousel-indicators .active{color:#164398;background-color:#164398;}

/* smoother transitions */
.carousel-inner>.carousel-item.next.left,
.carousel-inner>.carousel-item.prev.right,
{
    transition: all 3s ease;
}

.dest{font-family: 'Open Sans', sans-serif !important; color:#353b50 !important; font-size: 1.1rem !important;font-weight: normal;}


/* -- FORMULAIRE RESA -- */
.height-50px{height:50px;}



/* -- CALENDAR -- */
.ui-widget-header{background-color:white;border: none;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight{background-color:#164398;color:#454545;boder:none;}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active{background-color:white;border:none;text-align: center;border-radius: 10px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover{background-color:#164398;color:white;border:none}
.ui-datepicker-month,.ui-datepicker-year{background-color:white;border:none;text-align: center;}


/* -- SELECT -- */
.ss-main .ss-single-selected{border:none;}
.ss-main .ss-content {width:max-content;margin: 7px -56px 0;}
.ss-main .ss-content .ss-list .ss-option.ss-highlighted, .ss-main .ss-content .ss-list .ss-option:hover{color:white;background-color:#164398}


.nav-pills .nav-link {color:white}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link{background-color:#fdc40f;color: #343a40 !important;}

/* -- SCRIPT --*/
.tarifEUR,.tarifUSD,.tarifGBP {display: none;}
.montreDiv {display: inline;width: 100%;}

/* -- LINKS --*/
.link span { cursor: pointer; display: inline-block; position: relative; transition: 0.5s;}
.link span:after {content: '>';position: absolute;opacity: 1;top: 0; right: -20px;transition: 0.5s;}
.link:hover span {padding-right: 35px;}
.link:hover span:after { opacity: 1; right: 0;}


/* -- VILLAS -- */
.headervillas{position: sticky;top: 55px;z-index: 1000;background-color:#f9f9f9;border-radius:0 !important}



.ligne_resa.active {background-color:#fdc40f;}
.ligne_resa.bg-grey{background-color:#f0f0f0;color:#b5b3b3 !important;}

.ui-datepicker {z-index:2000;}

.select2-container .select2-selection--single{height: 51px;padding: 13px;}
.select2-container--default .select2-selection--single{border: 1px solid #ced4da;}

.iti{width:100%;}

@media screen and (max-width:768px){
    .navbar-brand{position:absolute; top:8px;}
    .navbar-brand img{max-height:50px;}
    .navbar-nav, .ssmenu{line-height:1.3;font-size:1.3rem}
    .navbar-dark .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(253, 196, 15, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");}
    .navbar-dark .navbar-toggler{color:rgba(253, 196, 15, 1);border:none;}
    .dropdown-menu{color:white; background-color:transparent;border:none}
    .dropdown-item{color:white;}
    .dropdown-item:hover,.navbar-dark .navbar-nav .nav-link:hover{background-color:transparent;color:#f5c545;}
    
    .ss_parent{z-index:1000;position: fixed !important;height: 100vh;top: 0;}
    .ssmenu{width:100%; text-align:left;display:block}
    .close_menu{position:absolute;top:0px;right:0px;color:#f5c545 !important;}
    
    #panoHP{background: none;margin-top: -20px;}
    #reg{margin-top:-15px;}
    .mt-m5,.mt-m8,.mt-m10{margin:0;}
    
    .border-resa{border-bottom: 1px solid #dee2e6 !important;border-right:none;}

}