body, html {
  height: 100%;
}

/******************************************* Header *****************************************/

.pre-header {
    background-color: var(--kuoni-blue-dark);
    color:white;
    font-size:13px !important;
    line-height: 45px;
    height: 45px;
}
@media only screen and (max-width: 767px) {
    .pre-header-welcome {
        text-align:center;
    }
    .pre-header-links {
        display:none;
    }
}
.pre-header ul {
    background-color: var(--kuoni-blue-dark);
    color:white;
    font-size:13px;
    line-height: 47px;
}
.pre-header ul li {
    display: inline-block;
    color:white;
    padding-left: 20px;
}
.pre-header ul li a {
    display: inline-block;
    color:white;
    font-weight:600;
    text-decoration: none;
}
.pre-header ul li a:hover{
    color: rgba(200,150,8,1);
}
.pre-header ul li a.btn {
    background-color:#2d516e;
    line-height: 30px !important;
    height: 30px !important;
    font-size:13px !important;
    padding:0 15px !important;
    margin-top:-5px;
}
.pre-header ul li a.btn:hover {
    background-color:#2d516e;
}



.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(21,61,93, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E") !important;
}
.navbar-toggler {
  border-color: rgb(0,0,0,0) !important;
  background-color: transparent !important;
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
}

#navbarSupportedContent .navbar,.aide-content .navbar {
    padding: 0 !important;
    background-color: white;
}

#navbarSupportedContent .nav-link, .aide-content .nav-link {
    font-family: "Montserrat", sans-serif;
    font-size: 14px !important;
    color: #000000 !important;
    font-weight: 700 !important;
    text-transform: uppercase;
}

#navbarSupportedContent ul.navbar-nav > li a {
    line-height: 56px !important;
}

@media only screen and (max-width: 767px) {
    ul.navbar-nav {
        margin-top:30px !important;
    }
    ul.navbar-nav > li a {
        line-height:18px !important;
    }
    .pre-header-menu-links ul, .pre-header-menu-links ul li {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
    }
    .pre-header-menu-links a.nav-link {
        line-height:36px !important;
    }
    .btn-deconnexion {

    }
}
@media only screen and (min-width: 768px) {
    .pre-header-menu-links {
        display:none !important;
    }
}
.navbar-nav a:hover {
    color: rgba(200,150,8,1) !important;
}
@media (min-width: 768px) {
    .navbar-expand-lg .navbar-collapse {
        justify-content: flex-end;
    }
}
.navbar .dropdown-menu .container {
    width:100% !important;
    min-width:100% !important;
}
.navbar .dropdown-menu a {
  text-decoration: none;
  color: #000000;
}
.navbar .dropdown-menu a .d-flex {
  transition: all 0.5s;
}

@media only screen and (min-width: 992px) {
  .navbar .dropdown-menu {
    width: 90vw;
  }

    .navbar .dropdown-menu {
        display: flex;
    }

  .navbar .dropdown-menu.show {
    display: flex;
  }
}

@media only screen and (min-width: 768px) {
  .navbar .dropdown-menu {
    z-index:9999 !important;
    position: fixed !important;
    left:5vw;
  }
}
@media only screen and (min-width: 768px) and (max-height: 800px) {
  .navbar .dropdown-menu {
    z-index:9999 !important;
    position: fixed !important;
    left:5vw;
    height:calc(95vh - 135px) !important;
    overflow-y: auto;
    z-index: 9999;
    padding-bottom: 4px !important;
  }
}
.navbar .dropdown-menu {
    padding-top:10px !important;
}
.form-check {
    display: block;
    min-height: 0.5rem !important;
    padding-left: 1.5em;
    margin-bottom: 0rem !important;
}
.navbar .dropdown-menu label {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    color:#000000 !important;
    font-weight:700;
}
.navbar .dropdown-menu .form-check-label {
    font-family: "Montserrat", sans-serif;
    font-size: 12px;
    color:#666666 !important;
    font-weight:400;
}
.navbar .dropdown-menu .form-check-input:checked {
    background-color:#000000;
}
.form-zone {
    padding-top:20px;
}

.lightboxCarousel .carousel-control-prev {
    top:50% !important;
}
.lightboxCarousel .carousel-control-next {
    top:50% !important;
}
.lightboxCarousel .carousel-inner .carousel-item {
    height:100% !important;
}
.lightboxCarousel .carousel-inner .carousel-item img {
    height:100% !important;
}
.lightboxCarousel .carousel-item {
    height: 100% !important;
}
.lightboxCarousel .carousel.slide {
    height: 100% !important;
}

.lightboxCarousel .carousel-item .img-diapo {
    width: auto !important;
    height: 100% !important;
    max-height: 86vh;
}
.caroussel-caption {
    position:absolute;
    bottom:15px;
    background: rgba(0,0,0,0.5);
    padding:10px 30px;
    color:white !important;
    margin: 0 auto;
    display: inline-block;
}
.room.caroussel-caption {
    margin: 0 16px;
}


/******************************************* Footer *****************************************/

footer a:hover {
    color: rgba(200,150,8,1) !important;
}
.footer-top {
    background-color:var(--kuoni-blue-dark);
    font-size:13px;
    color:white;
    font-weight:400;
    padding:60px 0 30px 0;
}
.footer-top h6 {
    font-size:16px;
    color:white;
    font-weight:600;
    margin-bottom:15px;
}
.footer-top p {
    line-height:20px;
}
.footer-types, .footer-links {
        padding:15px 15px !important;
}

@media only screen and (min-width: 768px) {
    .footer-types, .footer-links {
        padding:0 45px !important;
    }
}

.footer-types ul, .footer-links ul {
    list-style-type: none;
    margin-left: 0;
    padding-left:0;
}
.footer-types a {
    font-size:15px;
    color:white;
    font-weight:600;
    text-decoration:none;
    text-transform: uppercase;
    line-height: 40px;
}
.footer-links a {
    font-size:13px;
    color:white;
    font-weight:600;
    text-decoration:none;
    line-height: 40px;
}
.footer-bottom {
    background-color:#11314a;
    font-size:13px;
    color:white;
}
@media only screen and (min-width: 768px) {
    .footer-bottom {
        line-height:65px;
    }
}
.footer-bottom a {
    color:white;
    text-decoration:none;
    padding: 0px 15px;
}
@media only screen and (max-width: 767px) {
    .footer-bottom {
        padding:30px 0;
    }
    .footer-bottom a {
        display:inline-block;
        width:100%;
        line-height:40px;
        text-align: left;
    }
}


/*** Section intro ***/

.section-intro {
    background: #011023 url(../img/bg-sunset.jpg) ;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/*** Bloc intro ***/

.bloc-intro {
    padding:55px 0;
}
.bloc-intro h1 {
    font-size: 30px;
    font-weight:700;
    color:white;
}
.bloc-intro p {
    font-size: 16px;
    font-weight:600;
    color:white;
}

/*** Bloc marques ***/

.section-marques {
    margin-top:40px;
}
.bloc-marques {
    padding:40px 30px;
    border-top:1px solid rgba(255,255,255,0.5);
}
@media only screen and (max-width: 767px) {
    .bloc-marques {
        border-top:0px solid rgba(255,255,255,0.5);
    }
}
.bloc-marques .marque {
    padding:30px 0 0 0;
    margin-bottom:30px !important;
    max-width:50%;
}
.filter-white {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
@media only screen and (max-width: 767px) {
    .section-groupe .bloc-marques .col-md-2 {
        margin-bottom: 45px;
    }
}

/*** Global ***/

/*.btn {
    font-size: 16px !important;
    font-weight:600 !important;
    line-height: 36px !important;
    padding-left:30px;
    padding-right:30px;
}*/

.calendar-nav-date button {

}
.bg-gray-f7f7f7 {
    background-color: #f7f7f7;
}
.box-shadow {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    border-radius:6px;
}
.padding-50 {
    padding: 50px 0;
}
.margin-left-15 {
    margin-left: 15px;
}
.margin-right-15 {
    margin-right: 15px;
}
.btn-black {
    background-color:black !important;
    color: white !important;
    padding-left:30px !important;
    padding-right:30px !important;
}
.btn-bleu {
    background-color:var(--cui-primary) !important;
    color: white !important;
    padding-left:30px !important;
    padding-right:30px !important;
}
.btn-padding-15 {
    padding-left:15px !important;
    padding-right:15px !important;
}
.form-bg-white label {
    color:#666666;
    font-size:14px;
}
.border-radius-6 {
    border-radius:6px;
}
.border-radius-4 {
    border-radius:6px !important;
}
.btn-deconnexion {
    font-size: 16px !important;
    font-weight:600 !important;
    line-height: 36px !important;
    padding-left:30px !important;
    padding-right:30px !important;
    background-color:black !important;
    color: white !important;
    text-align: center !important;
    margin-bottom:10px;
}
.btn-deconnexion a {
    color: white !important;
}


/*** Bloc recherche ***/

.bloc-recherche {
    background: url('../img/mapmonde.png') no-repeat bottom 8px right 5px;
    padding: 40px 75px;
}
@media only screen and (max-width: 767px) {
    .bloc-recherche {
        padding: 40px 30px;
        height:199px;
        margin-bottom:30px;
    }
}
.bloc-recherche h2 {
    font-size: 18px;
    color:black;
    font-weight:700;
    margin-bottom:30px;
}


/*** Bloc devis ***/

.bloc-devis {
    background: url('../img/picto-devis.png') no-repeat bottom 8px right 5px;
    padding: 40px 75px;
    height:199px;
}
@media only screen and (max-width: 767px) {
    .bloc-devis {
        padding: 40px 30px;
        height:199px;
        margin-bottom:30px;
    }
}
.bloc-devis h2 {
    font-size: 18px;
    color:black;
    font-weight:700;
    margin-bottom:30px;
}


/*** Section offres du moment & utiles et pratique ***/

.section-offres-moment h2 {
    font-size: 24px;
    color:black;
    font-weight:700;
    margin-bottom:45px;
}
.section-offres-moment h2 span {
    color:var(--cui-primary);
}
.card {
    border:none !important;
    border-radius: 6px !important;
}
.card-tag {
    position:absolute;
    display: block;
    top:20px;
    left:20px;
    z-index: 2;
    font-size:12px;
    font-weight:700;
    color:white;
    background-color: #cc0033;
    padding: 0 13px;
    line-height: 30px;
    border-radius: 15px;
}
.card h5 {
    font-size: 18px;
    letter-spacing: 0;
    color:black;
    font-weight:700;
    text-align: left;
}
.card p {
    font-size: 14px;
    color:black;
    font-weight:400;
    text-align: left;
}
.blocks-wrapper .card p {
    font-family: var(--cui-body-font-family);
    font-size: var(--cui-body-font-size);
    font-weight: var(--cui-body-font-weight);
    line-height: var(--cui-body-line-height);
    color: var(--cui-body-color);
    text-align: var(--cui-body-text-align);
    -webkit-text-size-adjust: 100%;
}
.card .card-link {
    position: absolute;
    bottom:15px;
    right:20px;
    float: right;
    font-size: 14px;
    color:black;
    font-weight:700;
    text-align: right;
    text-decoration: none;
}
.card .card-link:hover {
    color:rgba(200, 150, 8, 1);
}
.card .card-link:after{
    display: inline-block;
  -webkit-transform: scale(0.5, 1); /* Safari and Chrome */
  -moz-transform: scale(0.5, 1); /* Firefox */
  -ms-transform: scale(0.5, 1); /* IE 9 */
  -o-transform: scale(0.5, 1); /* Opera */
  transform: scale(0.5, 1); /* W3C */
  content: ">";
  position: relative;
  margin-left: 2px;
}
.liste-offres {
    height: inherit !important;
}
.liste-offres .card-img-top {
    height: 12.35rem;
    object-fit: cover;
}
.liste-offres .card-body {
    height: 18.7rem;
}
.liste-offres .card-footer {
    border-top:none;
}
.section-utiles-pratique h2 {
    font-size: 24px;
    color:black;
    font-weight:700;
    margin-bottom:45px;
}
.section-utiles-pratique h2 span {
    color:var(--cui-primary);
}

/*** Slick slider ***/

.slick-track {
    display: flex !important;
    padding: 0px 0px 45px;
}
.slick-slide {
    margin-left: 20px;
    margin-right: 20px;
}
@media only screen and (max-width: 767px) {
    .slick-slide {
        margin-left: 30px;
        margin-right: 35px;
    }
}
.slick-dots .slick-active {

}
.slick-dots li button:before {
    font-size: 30px !important;
    color: #000000 !important;
    width: 20px;
    height: 20px;
    content: '�';
}
.slick-slide div .card {
    height: inherit !important;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 8px 0px;
    min-height:340px;
}
.slick-prev {
    left:0px;
}
.slick-prev:before {
    content: '?';
    float: left;
    background: url('../img/slick-arrow-left.png') no-repeat;
    height:23px;
    width: 20px;
    color:transparent !important;
}

.slick-next:before {
    content: '?';
    background: url('../img/slick-arrow-right.png') no-repeat;
    float: right;
    height:23px;
    width: 20px;
    color:transparent !important;
}
@media only screen and (max-width: 767px) {
    .slick-prev {
        left:0px !important;
    }
    .slick-next {
        right:0px !important;
    }
}

/*** Section r�assurance groupe ***/

.section-reassurance-groupe {

}
.section-reassurance-groupe h2 {
    font-size: 24px;
    color:black;
    font-weight:700;
    margin-bottom:45px;
}
.section-reassurance-groupe h2 span {
    color:var(--cui-primary);
}
.section-reassurance-groupe h3 {
    font-size: 18px;
    color:black;
    font-weight:700;
    margin-top:5px;
    margin-bottom:15px;
}
.section-reassurance-groupe p {
    font-size: 14px;
    color:#666666;
    font-weight:400;
}

.section-groupe h5 {
    font-size: 18px;
    color:black;
    font-weight:700;
    text-align: left;
    margin-left:15px;
}


/******************************************* Formulaire *****************************************/

.section-recherche small {
    font-size:11px;
}


.form-bg-white {
    background-color: white !important;
    padding:20px 25px;
}
::-webkit-input-placeholder { /* Chrome */
  font-size:14px;
  color:#666666;
  font-style: italic;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size:14px;
  color:#666666;
  font-style: italic;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size:14px;
  font-style: italic;
  color:#666666;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  font-size:14px;
  font-style: italic;
  color:#666666;
  opacity: 1;
}
.input-group {
    border:1px solid #d8d8d8;
}
.input-group-text {
    background-color: white !important;
    border:none !important;
    padding-right:3px !important;
}
.datalistOptions {
    border:none !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

#ks-filter-home {
    input.datalistOptions,select,.date-picker-input {
        font-size:14px !important;
        color:#666666 !important;
        line-height:38px !important;
    }
    .date-picker-input {
        padding: 0 0 0 35px !important;

    }

    .date-picker-input-group {
        background-image: url('../img/picto-date.png') !important;
        background-position: 15px center;
        background-repeat: no-repeat;
    }
}

#ks-filter-departure-city {
    font-size: .9rem;
}

.select-type {
    background-image: url('../img/picto-date.png') !important;
    background-position:15px center;
    background-repeat: no-repeat;
    direction: ltr !important;
}
@media only screen and (max-width: 767px) {
    .form-5-cols div.col {
        flex:none !important;
    }
}
input[name='datalistDepart']{width: 500px !important;}

.clear-link {
    font-size: 16px;
    color:black;
    font-weight:700;
    border:none;
    background-color: white;
    padding:0 30px;
}
.clear-link:hover {
    color: rgba(200, 150, 8, 1);
}

/******************************************* Connexion *****************************************/

html,body.page-connexion {
    height: 100%;
}

.page-connexion .section-connexion {
    background-image: url('../img/bg-connexion.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    height: 97%;
    align-content: center;
        padding-top:70px;
}
@media only screen and (max-width: 1199px) {
    .page-connexion .section-connexion {
        padding-top:70px;
    }
}
@media only screen and (max-width: 767px) {
    .page-connexion .section-connexion {
        padding-top:70px;
        height: auto;
    }
}

.page-connexion h2 {
    font-size: 22px;
    color:black;
    font-weight:700;
}
@media only screen and (max-width: 767px) {
    .page-connexion h2 {
        text-align:center;
}
}
.page-connexion .card {
    height: auto;
    margin-top: auto;
    margin-bottom: auto;
    width: 600px;
    background-color: rgba(255,255,255,1) !important;
}
.page-connexion form {
    padding:40px 80px 40px 80px;
}

.page-connexion .card-header, .page-connexion .card-footer {
    border:none !important;
    background-color: rgba(255,255,255,1) !important;
}

.page-connexion .logo-kuoni{
    position: absolute;
    right: calc(50% - 50px);
    top: -50px;
}
.page-connexion input:focus{
    outline: 0 0 0 0  !important;
    box-shadow: 0 0 0 0 !important;
}
.page-connexion .bloc-lost-password {
    margin: 30px auto 0 auto;
    width: 600px;
    .row {
        margin: 45px auto 0 auto;
    }
    p {
        color:white !important;
        font-size:15px;
        text-align: center;
    }
    a {
        color:white;
    }
}
@media only screen and (max-width: 767px) {
    .page-connexion .bloc-lost-password  {
        width: auto !important;
        display: contents;
    }
}
.page-connexion .bloc-marques-connexion,.page-connexion .bloc-marques   {
    margin: 0 auto;
    width: 700px;
    border-top: 0;
}
@media only screen and (max-width: 767px) {
    .page-connexion .bloc-marques-connexion,.page-connexion .bloc-marques  {
        margin: 30px auto;
        width: auto !important;
        display: contents;
    }
}
.page-connexion .bloc-marques-connexion .row,.page-connexion .bloc-marques .row {
    margin: 45px auto;
}
.page-connexion .bloc-marques-connexion p,.page-connexion .bloc-marques p {
    color:white !important;
    font-size:15px;
    text-align: center;
}
.page-connexion .bloc-marques-connexion img,.bloc-marques img {
    max-width: 100px;
    max-height:40px;
}
.page-connexion .bloc-marques img{
    max-width: 80px;
    height:auto;
    max-height: 40px;
}
.page-connexion .bloc-marques-connexion .col:nth-child(3) img, .page-connexion .bloc-marques-connexion .col:nth-child(4) img {
    max-width: 100px;
    max-height:28px !important;
    margin-top:6px;
}
.section-intro .marque.emotions img,.page-connexion .marque.emotions img  {
    height: 40px;
    width: auto;
    max-width: initial;
}.page-connexion .marque.emotions img  {
     height: 32px;
     width: auto;
     max-width: initial;
 }
.page-connexion .bloc-marques-connexion a {
        color:white;
    }
@media only screen and (max-width: 767px) {
    .page-connexion .bloc-marques-connexion p {
        padding:30px 0px 0 0px;
    }
    .page-connexion .bloc-marques-connexion .col img {
        margin: 30px auto !important;
    }
    .page-connexion .bloc-marques-connexion .col:nth-child(3) img, .page-connexion .bloc-marques-connexion .col:nth-child(4) img {
        margin-top:40px !important;
    }
}

.section-catalogues {
    padding-top: 60px;
}
.section-catalogues h2 {
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #e6e6e6;
   line-height: 0.1em;
   margin: 10px 0 70px;
}
@media only screen and (max-width: 767px) {
    .section-catalogues h2 {
       width: 100%;
       text-align: center;
       border-bottom: 0px solid #e6e6e6;
       line-height: 1em;
    }
}
.section-catalogues h2 span {
    background:#fff;
    padding:0 10px;
}
.section-catalogues .col {
    padding-bottom: 45px;
}
@media only screen and (max-width: 767px) {
    .section-catalogues .col {
        width:50%;
    }
}
.section-catalogues h3 {
    font-size: 14px;
    color:black;
    font-weight:700;
}




/******************************************* Page devis *****************************************/

.section-devis {
    margin-top:40px;
    margin-bottom:40px;
}
.devis-header {
    background-image: url('../img/header-devis.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center -120px;
    min-height:300px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
@media only screen and (max-width: 767px) {
    .section-devis {
        margin-top:0px;
        margin-bottom:40px;
    }
    .devis-header {
        background-image: url('../img/header-devis.jpg');
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center -30px;
        min-height:300px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }
}
.content-padding-45-60 {
    padding:45px 60px 0px 60px;
}
.section-devis h2 {
    font-size: 24px;
    color:black;
    font-weight:700;
}
.section-devis h3 {
    font-size: 16px;
    color:var(--cui-primary);
    font-weight:700;
}

.section-devis p {
    font-size: 14px;
    color:#666666;
    font-weight:400;
}
.section-devis form {
    padding:15px 60px;
}
.section-devis form label {
    font-size: 11px;
}


.section-devis form ul.check-radio {
    margin-left: 0;
    padding-left: 0;
}
.section-devis form ul.check-radio li.radio {
    display: inline;
    margin-left: 0;
}
.section-devis .input-group {
    border: 0px solid #d8d8d8;
}
.section-devis form .check-radio .radio-inline .clab {
    cursor: pointer;
    background: #fff;
    padding: 0px 30px;
    text-align: center;
    color: #000;
    position: relative;
    /* height: 34px; */
    /* float: left; */
    margin: 0;
    /* margin-bottom: 5px; */
    border-radius: 4px !important;
    line-height: 36px;
    height:38px;
    font-size: 14px;
}
.section-devis form .input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    -webkit-margin-start: calc(var(--cui-border-width)* 0) !important;
    margin-inline-start: calc(var(--cui-border-width)* 0) !important;
    border-start-start-radius: 0;
    border-end-start-radius: 0;
}
.section-devis form .check-radio label.radio-inline input[type="radio"] {
    display: none;
    color: #000;
    background-color: white;
    border:1px solid #000;
    background-color: white;
    border-radius: 4px !important;
}
.section-devis form .check-radio label.radio-inline input[type="radio"]+div {
    color: #000;
    border:1px solid #d8d8d8;
    background-color: white;
    border-radius: 4px !important;
}
.section-devis form .check-radio label.radio-inline input[type="radio"]:checked+div {
    color: #000;
    border:2px solid #000;
    background-color: white;
    border-radius: 4px !important;
    font-weight: 700;
}


.range-cust::-webkit-slider-thumb {
  background: black !important;
}
.range-cust::-moz-range-thumb {
  background: black !important;
}
.range-cust::-ms-thumb {
  background: black !important;
}
.range-value {
    position: relative;
    display: inline-block;
    width:100%;
    text-align: center;
    top:-5px;
    font-size:16px;
    font-weight:600;
}
.section-devis form .input-group textarea {
    min-height:115px !important;
}
.section-devis form .input-group select {
    height:40px !important;
    line-height:28px !important;
}


.input-no-border {
    border: 0px solid #ced4da !important;
    height:50px !important;
    line-height: 48px !important;
}




/******************************************* Page dossiers *****************************************/

.dossiers-liste {
    padding:45px 0;
}
.dossiers-liste .row {
    padding:0px 60px 30px 60px;
}
@media only screen and (max-width: 767px) {
    .dossiers-liste .row {
        padding:0px 15px 30px 15px;
    }
}
.dossiers-header h2 {
    font-size:14px;
    color:black;
    font-weight:700;
}

.dossiers-header .container {
    background-color: #eaf2fb;
    padding-top: 20px;
    padding-bottom: 5px
}

.devis-exclus {
    padding:30px 15px 30px 15px !important;
    border-bottom:1px solid #e5e5e5;
    margin-bottom: 15px;
}
.devis-exclus label{
    color: black !important;
}
.dossiers-header .col {
        margin-bottom: 20px;
    }
@media only screen and (min-width: 768px) {
    .dossiers-header form>* {
        padding-right: calc(var(--cui-gutter-x)* .25);
        padding-left: calc(var(--cui-gutter-x)* .25);
    }
}
@media only screen and (max-width: 767px) {
    .dossiers-header .col {
        flex:none;
        width:100% !important;
        margin-bottom: 15px;
    }
}
.borderless td, .borderless th {
    border: none !important;
}
.table-bordered>:not(caption)>* {
    border-width: 0 !important;
}
.table>:not(caption)>*>* {
    padding: .15rem .5rem !important;
}
.bootstrap-table .fixed-table-container .table tfoot th .th-inner, .bootstrap-table .fixed-table-container .table thead th .th-inner {
    padding: .75rem 0rem !important;
}
.table tbody {
    font-size:14px !important;
}
.fixed-table-pagination {
    margin-top:30px;
    font-size: 12px !important;
}
.fixed-table-pagination .btn {
    height: 30px !important;
    line-height: 15px !important;
    background-color: #000 !important;
    border-color: #000 !important;
}
.fixed-table-pagination .pagination .page-link {
    font-size: 12px !important;
    color: #666666;
    border:none !important;
}
@media only screen and (max-width: 767px) {
    .float-right.pagination {
        width:100% !important;
    }
    .bootstrap-table .fixed-table-pagination>.pagination ul.pagination {
        margin: 0 auto !important;
    }
}
.page-link {
    color: #333333 !important;
    border-color: #fff !important;
    font-size: 12px;
    font-weight:700;
  display: block;
  line-height: 20px;
  width:34px;
  height:34px;
  text-align: center;
  text-decoration: none;
  margin-left: 10px;
  margin-right: 10px;
}
.active>.page-link, .page-link.active {
    color: #ffffff !important;
    border-color: #000 !important;
    font-size: 12px;
    font-weight:700;
  display: block;
  line-height: 20px;
  width:34px;
  height:34px;
  text-align: center;
  border-radius: 17px;
  text-decoration: none;
  background-color: black !important;
}
.pagination a.page-link:hover {
  border-radius: 17px;
}
.pagination a.page-link.active:hover {
  color:rgba(200, 150, 8, 1) !important;
    background-color:rgba(0, 0, 0, 0) !important;
}


.dossiers-footer {
    padding-bottom: 60px;
}
.bloc-bleu {
    background-color:var(--cui-primary);
    color:white;
    height:100%;
    padding:40px 15px;
    text-align: center;
}
.bloc-bleu h2 {
    font-size:18px;
    display: inline-block;
    margin: 0 30px;
    font-weight:700;
}
.bloc-bleu a {
    font-size:18px;
    display: inline-block;
    margin: 0 30px;
    border-radius:6px;
    background-color:white;
    color:black;
    font-weight:700;
    text-decoration: none;
    line-height:50px;
    padding: 0 30px;
}
.bloc-bleu a:hover {
    color: rgba(200, 150, 8, 1);
}
@media screen and (max-width:767px){
    .bloc-bleu a {
        margin:15px 0;
    }
}

/******************************************* Page resultats *****************************************/

@media screen and (min-width:768px){
    #btn-filtres{display:none;}
	#ks-filter-results{display:block}
}
@media screen and (max-width:767px){
	#ks-filter-results{display:none}
    #ks-filter-results.show{display:block}
}
.recherche-header {
    padding:30px 0;
}
.results-sorting .col {
    float: right !important;
}
.results-sorting .btn {
    line-height: 28px !important;
    font-size: 14px !important;
}
#btn-filtres {
    border:1px solid #dbdfe6 !important;
    height:40px;
    line-height: 28px !important;
    margin-left: 3px;
}
#btn-filtres[aria-expanded="true"] {
    border:1px solid var(--cui-primary) !important;
    background-color: var(--cui-primary);
    color: white;
}
.results-sorting .form-control, .results-sorting .form-select {
    height:40px;
    line-height: 40px !important;
    padding-top:0 !important;
    color:black !important;
    font-weight:400;
    font-size: 14px !important;
    margin-left: 4px;
}
.results-sorting .btn-group img {
    margin-right: 10px;
    margin-top:-3px;
}
.results-sorting .btn-group {
  border:1px solid #dbdfe6 !important;
    height:40px;
    line-height: 40px !important;
}
.results-sorting .btn-group label {
  background-color: #fff;
  font-weight:400 !important;
  color: #666666;
      font-size:14px;
  border:red !important;
}
.results-sorting .btn-group label[autofocus="autofocus"] {
  background-color: #f7f7f7;
  font-weight:700 !important;
  color: black;
}
.nb-results p {
    font-size:18px;
    color:black;
    font-weight:700;
}
.nb-results p span {
    color:var(--cui-primary);
}
.col-filtres {
    padding:0 !important;
    margin-bottom:45px;
}
.col-filtres input:checked + label { font-weight: bold }
.col-filtres h2 {
    font-size:14px;
    color:black;
    font-weight:400;
    margin:20px;
    padding:0 !important;
}
.col-filtres hr {
    border:1px solid #e6e6e6;
}
.col-filtres h3 {
    font-size:12px;
    font-weight:400;
    text-transform: uppercase;
    margin:20px 0px !important;
    padding:0 !important;
}
.col-filtres h4 {
    font-size:12px;
    font-weight:400;
    margin:15px 0px 5px 0px !important;
    padding:0 !important;
}
.filtres-bloc {
    padding:0px 20px 20px 20px;
    border-bottom:1px solid #e6e6e6;
}
.filtres-bloc .form-control, .filtres-bloc .form-select {
    height:40px;
    line-height: 40px !important;
    padding-top:0 !important;
    color:black !important;
    font-weight:700;
}
.filtres-bloc .date-picker-input-group {
    height:40px;
    line-height: 30px !important;
    padding:0 !important;
    padding-right:15px !important;
    background-image: none !important;
}
.filtres-bloc .date-picker-input {
    height:40px;
    line-height: 40px !important;
    padding-left:15px !important;
    color:black !important;
    font-weight:700;
}
.filtres-bloc .form-check-label small {
    font-size:12px;
}
.filtres-bloc {
    ::-webkit-input-placeholder { /* Chrome */
      font-size:14px;
      color:black !important;
    font-weight:700;
      font-style: normal;
    }
    :-ms-input-placeholder { /* IE 10+ */
      font-size:14px;
      color:black !important;
    font-weight:700;
      font-style: normal;
    }
    ::-moz-placeholder { /* Firefox 19+ */
      font-size:14px;
      font-style: normal;
      color:black !important;
    font-weight:700;
      opacity: 1;
    }
    :-moz-placeholder { /* Firefox 4 - 18 */
      font-size:14px;
      font-style: normal;
      color:black !important;
        font-weight:700;
      opacity: 1;
    }
}
.filtres-subbloc {
    padding:0px 0px 20px 0px;
    padding-left:20px;
}
.titre-subbloc {
    font-size:14px;
}
.filtres-subbloc .form-check-label {
      font-size:12px;
      font-style: normal;
      color:black !important;
}
.collapse-bottomborder {
    border-bottom:1px solid #e6e6e6;
    margin-bottom: 10px;
}


/***** Offre ********/

.offre {
    margin:0 0 30px 30px;
    padding:0;
}

.offre .offre-visuel {
    display: inline-block !important;
    padding:0 !important;
    min-height:210px;
    background-position:top left;
    background-size:cover;
    background-repeat:no-repeat;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.offre .offre-visuel a {
    display: inline-block;
    width: 100%;
    height:100%;
    margin-top: -24px;
}
.offre .offre-visuel .offre-card-tags {
    position: relative;
    display: inline-block;
    width:100%;
    top: -20px;
    left: -5px;
    z-index: 2;
}
.offre .offre-visuel .brand-tag {
    position: relative;
    display: inline-block;
    width:auto;
    bottom: 65px;
    left: 20px;
    z-index: 2;
}

.offre .offre-content {
    padding:15px 15px 10px 15px;
}
.offre .offre-content h3 a {
    font-size:20px;
    font-weight:700;
    color:black;
    text-decoration:none;
}
.offre .offre-content h3 a:hover {
    color:rgba(200, 150, 8, 1);
}

.offre .offre-content p {
    font-size:12px;
    font-weight:400;
}
p.offre-subtitle {
    font-size:12px;
    font-weight:600 !important;
    color:var(--cui-primary) !important;
    margin-bottom: 0px;
}
.offre .offre-infos {
    height: inherit !important;
}
.row-flex {
  display: flex;
  flex-wrap: wrap;
}
.offre .offre-infos .news-tag {
    position: relative;
    display: inline-block;
    width:100%;
    top: 10px !important;
    right: 10px !important;
    z-index: 2;
    font-size: 12px;
    font-weight: 700;
    background-color: transparent;
    color: #cc0033;
    text-transform: uppercase;
    text-align: right;
}
.offre .offre-infos-bottom {
    position: relative;
    display: inline-block;
    width:100%;
    bottom: 10px;
    height:auto !important;
    right: 12px;
    z-index: 2;
    text-align: right;
}
.offre .offre-infos-bottom small {
    padding-right: 15px;
}
.offre .offre-price {
    background-color: var(--cui-primary);
    border-radius:4px;
    color:white;
    padding:4px 15px 8px 15px;
}
.offre .offre-price span:first-child {
    font-size:24px;
    font-weight:700;
}
.offre .offre-price span:last-child {
    display: block;
    font-size: 10px;
    font-weight: 400;
    margin-top: -5px;
}
.offre-precisions {
    font-size:.7rem;
    padding-top:3px;
    overflow: visible;
    white-space: nowrap;
}
.offre-tags {
    position: relative;
    display: inline-block;
    width:100%;
    /*bottom: -47px;*/
    left: 0px;
    z-index: 2;
}
.offre-tag {
    display: inline-block;
    padding: 5px 10px;
    font-size: 11px;
    background-color: #e5effa;
    border-radius: 4px;
    line-height: 22px;
    margin-right: 5px;
    margin-bottom: 8px;
}
@media only screen and (max-width: 767px) {
    .offre {
        margin:0 0 30px 0px;
        padding:0;
    }
    .offre .offre-visuel {
        margin: 0 12px;
        max-width: calc(100% - 24px);
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .offre .offre-content {
        padding: 15px 30px 10px 30px;
    }
    .offre .offre-infos-bottom {
        width: auto !important;
        min-width: 125px;
        bottom: 10px;
        height: auto !important;
        left: 0px;
        margin-left:calc(100% - 135px);
    }
    .offre-tags {
        bottom: 0px;
        left: 0px;
    }
    .offre .offre-infos .news-tag {
        width: calc(100% - 20px);
        top: -35px !important;
        right: -10px !important;
        background-color: transparent;
    }
}


/****** Pagination ************/

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: auto;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}

nav.pagination-offres {
  display: flex;
  justify-content: center;
}

.offres-pagination {
  list-style: none;
  margin: 0;
  padding: 0px 0 30px 0;
  display: flex;
}

.offres-pagination li {
  margin: 0 1px;
}

.offres-pagination a {
    font-size: 12px;
    font-weight:700;
  display: block;
  line-height: 34px;
  width:34px;
  height:34px;
  text-align: center;
  border-radius: 17px;
  text-decoration: none;
  color:black;
}
.offres-pagination a:hover {
  color:rgba(200, 150, 8, 1);
}

.offres-pagination a[aria-current="page"] {
    font-size: 12px;
    font-weight:700;
  display: block;
  line-height: 34px;
  width:34px;
  height:34px;
  text-align: center;
  border-radius: 17px;
  text-decoration: none;
  background-color: black;
  color: #fff;
}



/****** Page Template ************/

/*
.section-template .container {
    max-width:1040px !important;
}

.template-header {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 400px;
    /*background-position: center -190px;  *
}
@media only screen and (max-width: 767px) {
    .template-header {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        height: auto;
    }
}
.template-header .row {
    height: 100%;
}
.template-header h1 {
    font-size:30px;
    font-weight:700;
}
.template-header h2 {
    font-size:40px;
    font-weight:700;
}
.section-template {
    padding: 0 15px;
}
.section-template .first-bloc {
    margin-top:60px;
    margin-bottom:60px;
    padding:60px;
}
.section-template .first-bloc img {
    margin:0 0 0 60px;
}
@media only screen and (max-width: 767px) {
    .section-template .first-bloc {
        margin-top:60px;
        margin-bottom:60px;
        padding:30px;
    }
    .section-template .first-bloc img {
        margin:0 0 15px 15px;
        width:100%;
    }
}
.section-template .first-bloc h2 {
    font-size:24px;
    color:var(--cui-primary);
    font-weight:700;
    margin-bottom:30px;
}
.section-template .first-bloc h2 strong {
    font-size:30px;
    color:black;
    font-weight:700;
}
.section-template .first-bloc p, .section-template .first-bloc ul {
    font-size:16px;
    color:#666666;
}
.section-template .first-bloc p strong, .section-template .first-bloc ul strong {
    color:var(--cui-primary);
    font-weight:700;
}
.section-template .first-bloc table tr td {
    padding: 5px 25px 5px 0;
    line-height:25px;
}
.section-template .first-bloc table tr td:first-child {
   white-space: nowrap;
   width: 1%;
   padding-left:15px;
}
@media only screen and (max-width: 767px) {
    .section-template .first-bloc table tr td:first-child {
       white-space: normal;
       width:auto;
       padding-left:0px;
    }
    .section-template .first-bloc table tr td input {
       max-width:100% !important;
    }
}

.template-offre {
    margin:0 0 45px 0px;
    padding:0;
}
.template-offre .offre-visuel {
    display: inline-block !important;
    padding:0 !important;
    min-height:210px;
    background-position:top left;
    background-size:cover;
    background-repeat:no-repeat;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}
.template-offre .offre-visuel a {
    display: inline-block;
    width: 100%;
    height:100%;
}
.template-offre .offre-content {
    padding:50px 50px;
}
.template-offre .offre-content h3 {
    font-size:24px;
    color:black;
    font-weight:700;
}
.template-offre .offre-content p {
    font-size:14px;
    color:#666666;
}
.template-offre .offre-content table {
    margin-top:30px;
}
.template-offre .offre-content .offre-duree {
    font-size:16px;
    color:black;
    font-weight:700;
}
.template-offre .offre-content .offre-prix {
    font-size:16px;
    color:#666666;
    font-weight:400;
}
.template-offre .offre-content .offre-prix strong {
    color:var(--cui-primary) !important;
    font-weight:700;
}
.template-offre .offre-content .offre-brochure a {
    display: inline-block;
    float: right;
}
@media only screen and (max-width: 767px) {
    .template-offre .offre-content table tr td {
        width:100%;
        display: block;
        margin-bottom: 10px;
        text-align: center;
    }
    .template-offre .offre-content .offre-brochure {
        text-align: center;
    }
}
.template-bloc-footer {
    margin:45px 0;
}
.template-bloc-footer .bloc-bleu-fonce {
    background-image:url(../img/bg-boat.png);
    background-position:bottom 15px right;

    background-repeat:no-repeat;
}
.bloc-bleu-fonce {
    background-color:var(--kuoni-blue-dark);
    color:white;
    height:100%;
    padding:40px 15px;
    text-align: center;
}
.bloc-bleu-fonce h2 {
    font-size:24px;
    display: inline-block;
    margin: 0 30px 15px 30px;
    font-weight:700;
}*/
/****** Page Croisiere ************/

.section-croisiere .container {
    max-width:1040px !important;
}


@media only screen and (max-width: 767px) {
    .section-croisiere {
        padding-left:15px;
        padding-right:15px;
    }
}
.back-to-list a {
    padding:20px 0;
    display: inline-block;
}
.back-to-list a {
    font-size:14px;
    color: var(--cui-body-color);
    text-decoration: none;
}
.back-to-list a:hover {
    color: rgba(200, 150, 8, 1);
}
.bloc-info {
    padding:40px 50px;
    margin: 30px 0;
}
@media only screen and (max-width: 767px) {
    .bloc-info {
        padding:40px 15px;
        margin: 30px 0;
    }
}
.fil-ariane {
    font-size:14px;
    color:var(--cui-primary);
    font-weight: 700;
}
.bloc-info h1 {
    font-size:30px;
    color:black;
    font-weight: 700;
    margin:25px 0 40px 0;
}
@media only screen and (max-width: 767px) {
    .bloc-info h1 {
        font-size:24px;
    }
}
.bloc-info h2 {
    font-size:18px;
    color:black;
    font-weight: 700;
    margin:0px 0 15px 0;
}
.bloc-info-left {
    display: table-cell;
    height: auto;
    float: none;
}
.bloc-info-left a.btn {
    display:flex;
    margin-right: auto;
    justify-content:start;
}
.bloc-info .croisiere-prix {
    font-size:18px;
    color:var(--cui-primary);
    font-weight: 700;
    margin-bottom: 0;
}
.bloc-info .croisiere-depart {
    font-size:14px;
    color:black;
    font-weight: 400;
    margin-bottom: 20px;
}
.bloc-info .print-picto{
    display: inline-block;
    margin-top:-3px;
}
.croisiere-quotes {
    float: right;
    background-color: #f7f7f7;
    border-radius:4px;
    padding: 5px 10px;
    margin-bottom:20px;
    margin-right: 15px;
    font-size:12px;
    line-height: 20px;
}
.croisiere-quotes .norme-locale img {
    margin-left:4px;
}
.croisiere-quotes .norme-kuoni img {
    margin-left:6px;
}
@media only screen and (max-width: 767px) {
    .tags {
        padding:25px 0;
    }
    .tags .offre-tag{
        display: inline-block;
        margin-bottom:8px;
    }
    .bloc-info .print-picto{
        display: inline-block;
        margin-top:25px;
        margin-left:-15px;
    }
}
.diaporama-visuels .slick-track {
    padding: 0;
}
.diaporama-visuels img {
    border-radius: 8px;
}

.bloc-info .bloc-diaporama-intro .diaporama-visuels .slick-prev {
    left: -15px;
}
.bloc-info .bloc-diaporama-intro .diaporama-visuels .slick-next {
    right: -15px;
}
@media only screen and (max-width: 767px) {
    .bloc-info .bloc-diaporama-intro .diaporama-visuels {
        left:-20px;

    }
    .bloc-diaporama-intro .diaporama-visuels {
        width: calc(100% + 60px) !important;
    }
    .bloc-diaporama-intro .diaporama-visuels img {
        width: calc(100% + 10px) !important;
    }
    .bloc-info .bloc-diaporama-intro .diaporama-visuels .slick-next {
        right: -5px !important;
    }
}
@media only screen and (min-width: 768px) {
    .bloc-info .bloc-diaporama-intro .diaporama-visuels {
        right: -10px;
    }
    .bloc-diaporama-intro .diaporama-visuels {
        width: calc(100% + 40px) !important;
    }
    .bloc-diaporama-intro .diaporama-visuels img {
        width: calc(100% + 10px) !important;
    }
    .bloc-info .bloc-diaporama-intro .diaporama-visuels .slick-next {
        right: -25px;
    }
}
.bloc-info .bloc-diaporama-intro .diaporama-visuels .slick-next:before {
    content: '?';
    background: url(../img/picto-fleche-ronde-droite.png) no-repeat;
    opacity: 1;
    float: right;
    height: 26px;
    width: 26px;
    color: transparent !important;
}
.bloc-info .bloc-diaporama-intro .diaporama-visuels .slick-prev:before {
    content: '?';
    background: url(../img/picto-fleche-ronde-gauche.png) no-repeat;
    opacity: 1;
    float: left;
    height: 26px;
    width: 26px;
    color: transparent !important;
}

.bloc-info .bloc-img .diaporama-visuels {
    padding: 0 45px 0 55px !important;
}
@media only screen and (max-width: 767px) {
    .bloc-info .bloc-img .diaporama-visuels .slick-slide {
        margin-left: 0px;
        margin-right: 0px;
    }
    .bloc-info .bloc-img .diaporama-visuels {
        padding: 0 15px 0 15px !important;
    }
    .sous-bloc .bloc-img .diaporama-visuels img {
        padding: 0px;
    }
}
.bloc-info .bloc-img .diaporama-visuels img {
    border-radius:0px !important;
}
.bloc-info .diaporama-visuels p {
    padding:10px 30px;
    font-size:12px;
}
.bloc-info .bloc-img .diaporama-visuels .slick-prev {
    left: 35px;
}
.bloc-info .bloc-img .diaporama-visuels .slick-next {
    right: 0px;
}
@media only screen and (max-width: 767px) {
    .bloc-info .bloc-img .diaporama-visuels .slick-prev {
        left: -20px !important;
    }
    .bloc-info .bloc-img .diaporama-visuels .slick-next {
        right: -20px !important;
    }
}
.bloc-info .bloc-img .diaporama-visuels .slick-next:before {
    content: '?';
    background: url(../img/picto-fleche-ronde-droite.png) no-repeat;
    opacity: 1;
    float: right;
    height: 26px;
    width: 26px;
    color: transparent !important;
}
.bloc-info .bloc-img .diaporama-visuels .slick-prev:before {
    content: '?';
    background: url(../img/picto-fleche-ronde-gauche.png) no-repeat;
    opacity: 1;
    float: left;
    height: 26px;
    width: 26px;
    color: transparent !important;
}
.bloc-info .accordion {
    margin-left:-15px;
}
.bloc-info h3 .accordion-button {
    font-size:13px;
    font-weight: 700;
}
.bloc-info h3 .accordion-button strong {
    color:var(--cui-primary) ;
}
.bloc-info .accordion-button:focus {
    box-shadow: none;
    border-color: rgba(0,0,0,.125);
}
.bloc-info .accordion-item {
  border: none;
}
.bloc-info .accordion-button::after {
    color:black !important;
}
.bloc-info .accordion-button {
    padding: 10px 20px;
}
.bloc-info .accordion-button:not(.collapsed) {
    color: var(--cui-body-color);
    font-weight: 700 !important;
    background-color: transparent !important;
    box-shadow: none;
}
.bloc-info .accordion-body {
    font-size: 14px;
}
.bloc-info .croisiere-map img {
    width:100%;
    height:auto;
    padding: 0 0px 0 25px;
}

.bloc-info-bleu {
    background-color: var(--kuoni-blue-dark);
    color: white;
    height: 100%;
    padding:40px 50px;
    margin: 30px 0;
    font-size:14px;
}
.bloc-info-blanc {
    background-color: #ffffff;
    height: 100%;
    padding:40px 50px;
    margin: 30px 0;
    font-size:14px;
}
@media only screen and (max-width: 767px) {
    .bloc-info-bleu {
        padding:40px 15px;
    }
    .bloc-info-blanc {
        padding:40px 15px;
    }
}
.bloc-info-bleu h2 {
    font-size:18px;
    font-weight:700;
    margin-bottom: 20px;
}
.bloc-info-bleu ul {
    font-size:14px;
}
.bloc-info-bleu ul {
    list-style-type:none;
    padding: 0 3px;
}
.bloc-info-bleu ul li {
    background: url(../img/picto-check.png) no-repeat 0px 2px;
    background-size: 14px !important;
    padding-left: 20px;
    margin-bottom: 5px;
    line-height: 23px;
}
.bloc-info-blanc h2 {
    font-size:18px;
    font-weight:700;
    margin-bottom: 20px;
    color:black;
}
.bloc-info-blanc ul {
    font-size:14px;
}
.bloc-info-blanc ul {
    list-style-type:none;
    padding: 0 3px;
}
.bloc-info-blanc ul li {
    background: url(../img/picto-check.png) no-repeat 0px 2px;
    background-size: 14px !important;
    padding-left: 20px;
    margin-bottom: 5px;
    line-height: 23px;
}
.bloc-info .bloc-img img {
    width:100%;
    height:auto;
    padding: 0 15px 0 20px;
}
.sous-bloc {
    border-top: 1px solid #e6e6e6;
    padding:40px 0 0 0;
    margin: 40px 15px 0px 0 !important;
}
.sous-bloc p, .sous-bloc ul {
    font-size:14px;
}
.sous-bloc ul {
    list-style-type: circle;
    padding-left:15px;
}
.sous-bloc .bloc-img img {
    width:100%;
    min-width:326px;
    height:auto;
    padding: 0 0 0 0px;
}
.sous-bloc .bloc-diapos img {
    width:100%;
    height:auto;
    padding: 0 0 0 0px;
}
.sous-bloc .bloc-diapos .slick-track {
    padding: 0px 0px 0px !important;
}
.sous-bloc .bloc-diapos .slick-track .table {
    margin-bottom:0 !important;
}
.sous-bloc .bloc-diapos .slick-dots {
    padding-left:0 !important;
    bottom:0px;
}
.sous-bloc .bloc-diapos .slick-slide {
    margin-left:0;
    margin-right:0;
}
.sous-bloc ul {
    list-style-type:initial !important;
}
.sous-bloc-2 {
    border-top: 1px solid #e6e6e6;
    padding:40px 0 0 0 !important;
    margin: 40px 15px 0px 0 !important;
    margin:0;
}
.sous-bloc-2 .col-md-12 {
    padding:0;
}
.sous-bloc-2 p, .sous-bloc-2 ul {
    font-size:14px;
}
.sous-bloc-2 ul {
    list-style-type: circle;
    padding-left:0px;
    list-style-type:initial !important;
}

.col-included ul, .col-notincluded ul {
    font-size:14px;
    list-style-type: none;
    padding-left: 0;
}
.col-included ul li {
    background: url(../img/picto-check-gris.png) no-repeat 0px 2px !important;
    background-size: 14px !important;
    padding-left: 20px;
    margin-bottom: 5px;
    line-height: 20px;
}
.col-notincluded ul li {
    background: url(../img/picto-not-checked-gris.png) no-repeat 0px 2px !important;
    background-size: 14px !important;
    padding-left: 20px;
    margin-bottom: 5px;
    line-height: 20px;
}
.col-included p, .col-notincluded p {
    font-size:14px;
}
.col-included p strong, .col-notincluded p strong, .col-included li strong, .col-notincluded li strong {
    font-weight:700;
}
.bloc-brochures {
    padding: 45px 0 45px 0;
}
.bloc-brochures h2 {
    font-size: 18px;
    color:black;
    font-weight:700;
    margin-bottom:30px;
}
@media only screen and (max-width: 767px) {
    .bloc-brochures .col {
        display: contents;
        padding:0 5px 10px 5px;
    }
}



/****** Page Circuit ************/


.section-circuit .container {
    max-width:1040px !important;
}

.bloc-info .accordion-item img {
  display: inline;
  vertical-align: bottom;
  float: none;
  margin-bottom:10px;
}

.circuit-table .table {
    border: 1px solid #f1f1f1 !important;
}
.circuit-table .table th {
    background-color:#eef5fc
}
.circuit-table .table th, .circuit-table .table td {
    padding:15px 10px !important;
}
.circuit-table .table th {
    font-size:12px;
    font-weight:700;
    color:var(--cui-primary);
    text-transform: uppercase;
}
.circuit-table .table tr.tr-month td {
    font-size:12px;
    font-weight:700;
    color:#000000;
    text-transform: uppercase;
    background-color:#f7f7f7 !important;
}
.circuit-table .table tr.tr-day td {
    font-size:12px !important;
    font-weight:400;
    color:#000000 !important;
}
.circuit-table .table tr.tr-day:hover {
    border:1px solid var(--cui-primary) !important;

    cursor:pointer;

}
.circuit-table .table tr.tr-day:hover td{
    border-top:1px solid var(--cui-primary) !important;
    cursor:pointer;
    -webkit-box-shadow: inset 0 1px 0px 0px rgba(31,86,131,1) !important;
    -moz-box-shadow: inset 0 1px 0px 0px rgba(31,86,131,1) !important;
    box-shadow: inset 0 1px 0px 0px rgba(31,86,131,1) !important;
}

.circuit-table .table tr.tr-day:hover td {
    background-color:#e5effa !important;
}
.circuit-table .table tr th:nth-child(1) {
    width: 150px;
}
.circuit-table .table tr th:nth-child(3), .circuit-table .table tr th:nth-child(4), .circuit-table .table tr th:nth-child(2) {
    text-align: center;
    width: 130px;
}
.circuit-table .table tr td:nth-child(3), .circuit-table .table tr td:nth-child(4) {
    font-size:14px;
    font-weight:700;
    color:#000000;
    text-align: center;
}
.circuit-table .table tr td:nth-child(2) span {
    font-size:10px;
    color:#19906a;
    font-weight:600;
    text-align: center;
    background-color: #def4ee;
    padding:4px 5px;
}
.circuit-table .table tr td:nth-child(4) span {
    font-size:10px;
    color:transparent;
    font-weight:600;
    text-align: center;
    background-color: transparent;
    padding:4px 5px;
}
.circuit-table .table tr:hover td:nth-child(4) span {
    font-size:10px;
    color:var(--kuoni-blue-dark);
    font-weight:600;
    text-align: center;
    background-color: #b7d6f2;
    padding:4px 5px;
}
.prix-barre {
    display: block;
    color:#cc0066;
    font-size:9px;
    text-transform: uppercase;
    font-weight:600;
    margin-top:-5px;
}
.prix-barre strong{
    font-weight:600;
    text-decoration:line-through;
}
.border-radius-table {
  border-radius: 8px;
  overflow: hidden;
}
.bloc-offre-promo {
    border: 2px solid #cc0066;
    border-radius: 8px;
    padding:13px 15px 0px 15px;
    margin: 30px 0;
}
.bloc-offre-promo h3 {
    color:#cc0066;
    font-weight:700;
    font-size:15px;
    line-height:15px;
}
.bloc-offre-promo h3 img {
    filter: invert(17%) sepia(47%) saturate(4767%) hue-rotate(312deg) brightness(102%) contrast(123%);
    margin-right:6px;
    margin-left:-3px;
    margin-top:-4px;
}
.bloc-offre-promo p {
    color:#666666;
    font-size:12px;
}
.bloc-offre-promo p strong{
    color:#000000;
    font-weight:700;
    font-size:13px;
}
.message-dispo {
    color:#000000;
    font-weight:700;
    font-size:13px;
}
.form-circuit .input-group {
    border: 0px;
}
.form-circuit label {
    border: 0px;
    font-size:12px;
}
.form-circuit select {
    height: 40px !important;
    line-height: 28px !important;
    width:100%;
    font-weight: 700;
    color:black !important;
}
.form-circuit select option:checked {
    font-weight: 700;
    color:black;
}
.form-circuit select option:not(checked) {
    font-weight: 400;
    color:#666666;
}
.miniatures img {
    width:100% !important;
    height:auto !important;
    padding:0 !important;
    display: inline-block;
}
.miniatures td {
    width:33% !important;
    border:none !important;
}
.miniatures p {
    padding:5px 0 !important;
    margin-bottom: 5px;
    font-size:12px;
}




/****** Page Sejour ************/

.section-product .container {
    max-width:1040px !important;
}

.section-product h1 {
    margin: 15px 0 15px 0;
}
.fc .fc-toolbar.fc-header-toolbar {
    margin-bottom: 0.75em;
}
.fc .fc-button-primary {
    background-color: #000000;
    border-color: #000000;
    color: #ffffff;
    border-radius: 50%;
    padding:1px 2px 3px 2px;
    font-size:12px;
}
.fc .fc-toolbar-title {
    font-size:18px !important;
    color:#000000;
    font-weight: 700;
    text-transform: uppercase;
}
.fc .fc-col-header-cell-cushion {
    display: inline-block;
    padding: 2px 4px;
    font-size:11px;
    color:#000000;
    text-decoration: none;
    font-weight: 400;
    text-transform: uppercase;
}
.fc .fc-day-other .fc-daygrid-day-top, .fc .fc-daygrid-day-frame .fc-daygrid-day-top {
    width: 100%;
    text-align: center;
}
.fc .fc-daygrid-day-top {
    display: inline-block;
}
.fc .fc-daygrid-day-number {
    text-decoration: none;
}
.fc .fc-non-business {
    background: transparent;
}
.fc .fc-daygrid-event-harness {
    position: relative;
    background-color: transparent;
    min-height:50px;
}
.fc .fc-h-event .fc-event-main {
    font-weight: 700;
    color: #000000;
    height: 47px;
}
.fc .fc-h-event.fc-event-today .fc-event-main {
    color: var(--cui-primary);
}
.fc-h-event {
    background-color: transparent;
    border: 1px solid transparent;
    display: block;
    text-align: center !important;
}
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
    bottom: 0;
}
.fc .best-price {

}
@media only screen and (min-width: 768px) {
    .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
        height: 47px !important;
        position: relative;
    }
}
.best-price { display: contents; }
.warning-price:not(.night-offer)::before {
    background-image: url('../img/picto-request.png');
    content: "";
    position: absolute;
    right: 5px;
    top: -20px;
    width: 15px;
    height: 15px;
    background-size: contain;
    background-repeat: no-repeat;
}
.best-price::after {
    content: "Meilleur tarif";
    border:none;
    display:block;
    width:100%;
    font-size:9px;
    padding:3px 0;
    text-transform: uppercase;
    font-weight:600;
    color: #19906a;
    background-color: #def4ee;
    position:absolute;
    bottom:-2px;
}
/*
.discount { display: contents; }
.discount::after {
    border:none;
    display:block;
    width:100%;
    font-size:9px;
    padding:3px 0;
    text-transform: uppercase;
    font-weight:600;
    color: #cc0066;
    background-color: #ffffff;
    position:absolute;
    bottom:0;
}
.discount::last-word {
    color: green !important;
}
*/
.fc-h-event .fc-event-title {
    line-height: 30px;
    height: 48px;
}
.bloc-discount {
    border:none;
    display:block;
    width:100%;
    font-size:9px;
    padding:3px 0;
    text-transform: uppercase;
    font-weight:600;
    color: #cc0066;
    background-color: transparent;
    position:absolute;
    bottom:0px;
    line-height:15px !important;
    text-decoration: line-through;
}
.fc .fc-daygrid-day.fc-day-today {
    background-color: #e5effa;
    border:2px solid var(--cui-primary);
    color: var(--cui-primary);
}
.fc .fc-daygrid-day-number {
    text-decoration: none;
    color: #000;
    font-size:10px;
}
.fc-theme-standard td, .fc-theme-standard th {
    border: 1px solid #e6e6e6;
}





/******************************************* Page aide *****************************************/

.aide-header {
    padding:45px 0 120px 0;
    background-color: #eaf2fb;
}
.aide-liste {
    padding:45px 0;
}
.aide-liste .row {
    padding:0px 60px 30px 60px;
}
@media only screen and (max-width: 767px) {

}
.aide-header h2 {
    font-size:24px;
    color:black;
    font-weight:700;
}
.aide-content .nav-tabs {
    border:1px solid transparent !important;
}
.aide-content .nav-tabs .nav-link {
    background-color: #f2f7fd;
    height: 95px;
    padding: 30px 15px;
    margin:0 7.5px;
    text-transform: none;
    width:calc(100% - 20px) !important;
    border:1px solid transparent !important;
    color:#484a4b !important;
    font-size:16px !important;
    line-height: 0px;
}

.aide-content .nav-tabs .nav-link:hover {
    border:1px solid transparent !important;
}
.aide-content .nav-tabs .nav-item.show .nav-link, .aide-content .nav-tabs .nav-link.active {
    /*background-color: var(--cui-nav-tabs-link-active-bg);*/
    border-color: white !important;
    -webkit-box-shadow: 0px -8px 10px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px -8px 10px rgba(50, 50, 50, 0.2);
  box-shadow: 0px -8px 10px rgba(50, 50, 50, 0.2);
  color:var(--cui-primary) !important;
}
.aide-content .nav-tabs .nav-item.show .nav-link, .aide-content .nav-tabs .nav-link.active img {
  filter: invert(26%) sepia(93%) saturate(410%) hue-rotate(164deg) brightness(92%) contrast(95%);
}
.aide-content .nav-tabs .nav-link img {
    width:auto;
    height:35px;
    margin-right: 10px;
    filter: invert(27%) sepia(5%) saturate(221%) hue-rotate(156deg) brightness(99%) contrast(94%);
}
.aide-content .nav-tabs .nav-link small {
    font-size: 12px;
    font-style: italic;
    display: block;
    margin-top: 0px;
    margin-left: 55px;
    font-weight: 400;
}
@media only screen and (min-width: 1200px) and (max-width: 1599px) {
    .aide-content .nav-tabs .nav-link {
        background-color: #f2f7fd;
        height: 95px;
        padding: 30px 5px;
        margin:0 7.5px;
        text-transform: none;
        width:calc(100% - 20px) !important;
        font-size:15px !important;
        line-height: 1px;
    }
    .aide-content .nav-tabs .nav-link small {
        margin-top: -5px;
        margin-left: 65px;
    }
}
/*
.tab-pane > .container, .tab-pane > .page-container {
    padding:60px 90px;
    font-size:14px;
}
@media only screen and (max-width: 767px) {
    .tab-pane > .container, .tab-pane > .page-container {
        padding:30px 15px;
    }
}*/
.brochures-aide {
    margin-top:15px;
}
.brochures-aide > div {
    border-radius: 8px;
    border:2px solid transparent;
    padding:13px 15px;
}

.brochures-aide > div img {
    width:100%;
    height:auto;
}
.brochures-aide > div a, .brochures-aide > div a:hover {
    text-decoration: none;
}
.brochures-aide > div h3 {
    font-size:11px;
    text-transform: uppercase;
    color:black;
    font-weight:700;
    margin-top:8px;
    margin-bottom: 0;
}
.brochures-aide > div h4 {
    font-size:11px;
    color:#666666;
    font-weight:400;
}
.brochures-aide > div.brochure-active, .brochures-aide > div:hover {
    background-color: #eaf3fc;
    cursor:pointer;
    border:2px solid var(--cui-primary);
}
.aide-liste table tr td {
    font-size:14px;
    color:black;
    border-bottom: 1px solid #f5f5f5;
    padding-top:8px !important;
    padding-bottom:5px !important;
}
.aide-liste table tr td:first-child {
    font-size:14px;
    text-transform: uppercase;
    color:black;
    font-weight:700;
}
.aide-liste table tr td:last-child {
    text-align:right;
}
.memos-aide {
    margin-top:15px;
}
.memos-aide > div {
    border-radius: 8px;
    border:2px solid transparent;
    padding:13px 15px;
    text-align: center;
}

.memos-aide > div img {
    width:100%;
    height:auto;
}
.memos-aide > div a, .memos-aide > div a:hover {
    text-decoration: none;
}
.memos-aide > div h3 {
    font-size:11px;
    color:black;
    font-weight:700;
    margin-top:8px;
    margin-bottom: 0;
}
.memos-aide > div h4 {
    font-size:11px;
    color:#666666;
    font-weight:400;
}
.memos-aide > div.memo-active, .memos-aide > div:hover {
    background-color: #eaf3fc;
    cursor:pointer;
    border:2px solid var(--cui-primary);
}


.bloc-tendances {
    background-color:#eef5fc;
    padding:0 12.5px;
    margin:0 0 30px 0;
}
.bloc-tendances .col{
    padding:0;
}
.bloc-tendances .graph-top {
    text-align:center;
    border-top-left-radius:6px;
    border-top-right-radius:6px;
    border-top: 1px solid #e6e6e6;
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    background-color:white;
    margin-left:5px;
    margin-top:10px;
    margin-right:5px;
    position: relative;
    bottom:0;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    padding-top: 8px;
    font-size:14px;
    font-weight:700;
}
.bloc-tendances .active-price .graph-top {
    border:2px solid var(--cui-primary);
}
.bloc-tendances .graph-bottom {
    border-top:1px solid #e6e6e6;
    text-align:center;
    font-size:11px;
    text-transform: uppercase;
    padding: 3px 0;
    color:#666666;
    font-weight: 700;
}
.bloc-tendances .active-price .graph-bottom {
    color:var(--cui-primary) !important;
}
.bloc-tendances .graph-top.height-20 { height:20px; }
.bloc-tendances .graph-top.height-40 { height:40px; }
.bloc-tendances .graph-top.height-60 { height:60px; }
.bloc-tendances .graph-top.height-80 { height:80px; }




/******************************************* Page agence *****************************************/

.section-agence {
    margin:60px 0;
}
.section-agence .container {
    max-width: 1100px;
}
.section-agence h1 {
    color:var(--cui-primary);
}
.section-agence a, .section-agence a:hover {
    color:#000000;
    text-decoration: none;
}
.bloc-agence {
    width:100%;
}
.bloc-agence-header {
    background-color: var(--cui-primary);
    padding:30px 30px 30px 30px;
    border-top-left-radius:8px;
    border-top-right-radius:8px;
}
.bloc-agence-header h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
}
.bloc-agence-header p, .bloc-agence-header a {
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
}
.bloc-agence-header a:hover {
    color: rgba(200, 150, 8, 1);
}
.bloc-agence-footer img,.bloc-agence-footer object {
    width:100%;
}

/******************************************* Page contacts *****************************************/

.section-contacts {
    margin:60px 0;
}
.section-contacts .container {

}
.section-contacts h1 {
    color: #000000;
    font-size: 24px;
    font-weight: 700;
    margin-bottom:50px;
}
.section-contacts h2 {
    color: var(--cui-primary);
    font-size: 18px;
    font-weight: 700;
}
.contacts-main {
    margin-bottom:25px;
}
.contacts-main a {
    color: #666666;
    font-size:14px;
}
.contacts-main img {
    width:16px;
    height:16px;
    filter: invert(37%) sepia(2%) saturate(15%) hue-rotate(36deg) brightness(105%) contrast(91%);
}
.contacts-main p {
    font-size: 16px !important;
}
.contacts-main p strong {
    font-weight:700;
}
.section-contacts p {
    font-size: 14px;
    margin-bottom: 5px;
}
.phone-line {
    width: 100%;
    /*background-image: url(../img/dotted.png);
    background-position: 0px 0px ;
    background-repeat: repeat-x;
    background-size: 1px 100%;
    */
    border-bottom:1px dotted #000000;
    margin-bottom: 10px;
    font-size:14px;
}
.phone-line span {
    display: inline-block;
    position:relative;
    bottom:-7px;
    background-color: white;
    padding: 0 7px 0 0;
    font-size:14px;
}
.phone-line span:last-child {
    float:right;
    padding: 0 0 0 7px;
}
.section-reservations {
    padding:50px 0;
    background-color: #f7f7f7;
}
.section-reservations h2 {
    color: var(--cui-primary);
    font-size: 18px;
    font-weight: 700;
}
.section-reservations p {
    color: #000;
    font-size: 14px;
}
.section-map {
    padding:50px 0;
    background-color: #ffffff;
}
.section-map h2 {
    color: var(--cui-primary);
    font-size: 18px;
    font-weight: 700;
}
.badge-contact {
    font-size:12px;
    padding:15px 15px 1px 15px;
    margin-bottom:20px;
}
.badge-contact img {
    margin-top:7.5%;
    width:55px;
    height:55px;
    border-radius:50%;
}
.badge-contact.border-right img {
    float:right;
}
.badge-contact.border-left img {
    float:left;
    margin-right:25px;
}
.badge-content {
    display:inline-block;
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
    .badge-contact.border-left img {
        float:left;
        margin-right:15px;
    }
    .badge-contact.border-left img {
        float:left;
        margin-right:15px;
    }
    .badge-contact img {
        margin-top:9%;
        width:45px;
        height:45px;
        border-radius:50%;
    }
    .badge-content {
        display:inline-block;
        max-width: 160px;
        overflow: visible;
    }
}
.badge-contact h3 {
    color: #000000;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
}
.badge-contact p {
    color: #000000;
    font-size: 12px;
}
.badge-contact p strong {
    color: var(--kuoni-blue-dark);
    font-size: 12px;
    font-weight: 700;
}
.badge-contact.badge-bleu.border-right {
    border-right:7px solid var(--kuoni-blue-dark);
}
.badge-contact.badge-bleu2.border-right {
    border-right:7px solid #dfebf3;
}
.badge-contact.badge-bleu3.border-right {
    border-right:7px solid #1f5784;
}
.badge-contact.badge-violet.border-right {
    border-right:7px solid #4679b1;
}
.badge-contact.badge-gris1.border-right {
    border-right:7px solid #c8c8c8;
}
.badge-contact.badge-gris2.border-right {
    border-right:7px solid #878787;
}
.badge-contact.badge-gris3.border-right {
    border-right:7px solid #313333;
}
.badge-contact.badge-bleu.border-left {
    border-left:7px solid var(--kuoni-blue-dark);
}
.badge-contact.badge-bleu2.border-left {
    border-left:7px solid #dfebf3;
}
.badge-contact.badge-bleu3.border-left {
    border-left:7px solid #1f5784;
}
.badge-contact.badge-violet.border-left {
    border-left:7px solid #4679b1;
}
.badge-contact.badge-gris1.border-left {
    border-left:7px solid #c8c8c8;
}
.badge-contact.badge-gris2.border-left {
    border-left:7px solid #878787;
}
.badge-contact.badge-gris3.border-left {
    border-left:7px solid #313333;
}
.badge-contact.badge-bleu img {
    border:3px solid var(--kuoni-blue-dark);
}
.badge-contact.badge-bleu2 img {
    border:3px solid #dfebf3;
}
.badge-contact.badge-bleu3 img {
    border:3px solid #1f5784;
}
.badge-contact.badge-violet img {
    border:3px solid #4679b1;
}
.badge-contact.badge-gris1 img {
    border:3px solid #c8c8c8;
}
.badge-contact.badge-gris2 img {
    border:3px solid #878787;
}
.badge-contact.badge-gris3 img {
    border:3px solid #313333;
}
.dir-comm {
    border:2px solid var(--kuoni-blue-dark);
}
.dir-comm h3 {
    color:var(--kuoni-blue-dark);
    text-transform: uppercase;
    font-weight:700;
}
.dir-comm h4 {
    color:#000000;
    font-size:12px;
    font-weight:700;
    margin-bottom:0;
}
@media only screen and (max-width: 767px) {
    .col-map {
        margin:30px 0;
    }
}



/******************************************* Modal/Popin *****************************************/

.modal-header {
    border-bottom: none !important;
}
.modal-header .btn-close {
    width: 0.75em !important;
    height: 0.75em !important;
    font-size:10px !important;
}
.modal-body {
    padding:0 50px 25px 50px !important;
}
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.modal-body table {
    width:100% !important;
}
.modal-body table tr td {
    padding:3px 5px 3px 0px !important;
    text-align:right;
    min-width:187px;
}
.modal-body table tr td:last-child {
    padding:3px 0px 3px 5px !important;
}
.modal-body, .modal-body p {
    font-size:12px;
}
.modal-body .input-group {
    border: 0px solid #d8d8d8;
    min-width:206px;
}
.modal-body form .input-group select {
    height: 35px !important;
    line-height: 23px !important;
    width:100% !important;
}
.modal-body .date-picker-input {
    font-size: 14px !important;
    color: #666666 !important;
    padding:0 !important;
    height: 21px !important;
    line-height: 21px !important;
}
.modal-body .date-picker-input-group {
    background-image: none !important;
    width:100% !important;
}
.modal-body ::-webkit-input-placeholder { /* Chrome */
  font-style: normal !important;
  color:#666666 !important;
}
.modal-body :-ms-input-placeholder { /* IE 10+ */
  font-style: normal !important;
  color:#666666 !important;
}
.modal-body ::-moz-placeholder { /* Firefox 19+ */
    font-style: normal !important;
    color:#666666 !important;
}
.modal-body :-moz-placeholder { /* Firefox 4 - 18 */
    font-style: normal !important;
    color:#666666 !important;
}
.modal-body hr {
    color:#e6e6e6;
    background-color: #e6e6e6;
    margin:25px 0;
}
.modal-body button {
    height: 35px !important;
    line-height: 23px !important;
    font-size:14px !important;
    margin-top:15px;
    padding:5px 10px;
}
.modal-body .cancel-link {
    display: inline-block;
    font-size: 14px;
    color: black;
    font-weight: 700;
    line-height: 35px;
    margin-top: 15px;
    margin-right: 10px;
}
.modal-body .cancel-link:hover {
    color: rgba(200, 150, 8, 1);
}
.modal-body h2 {
    font-size: 16px;
    color: black;
    font-weight: 700;
}
.modal-body h3 {
    font-size: 12px;
    color: black;
    font-weight: 700;
}
ul.modal-liste-equipements {
    padding-left:15px;
}
@media only screen and (min-width: 768px) {
    ul.modal-liste-equipements {
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3;
    }
}
.diaporama-modal .slick-slide {
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
}
.diaporama-modal .slick-slide div {
    margin:0 !important;
    padding:0 !important;
}
.diaporama-modal .slick-track {
    padding: 0px 0px 15px;
}
.diaporama-modal .slick-next {
    right: -35px;
}
.diaporama-modal .slick-prev {
    left: -35px;
}
.diaporama-modal .slick-prev:before {
    content: '?';
    background: url(../img/picto-fleche-ronde-gauche.png) no-repeat;
    opacity: 1;
    float: left;
    height: 26px;
    width: 26px;
    color: transparent !important;
}
.diaporama-modal .slick-next:before {
    content: '?';
    background: url(../img/picto-fleche-ronde-droite.png) no-repeat;
    opacity: 1;
    float: right;
    height: 26px;
    width: 26px;
    color: transparent !important;
}

.section-challenge {
    margin: 60px;
}

#btn-add-challenge {
    position: relative;
    padding: 8px 16px;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px; /* espace entre texte et loader */
}

.container-challenge #loader-challenge {
    border: 2px solid #f3f3f3;
    border-top: 2px solid #3498db;
    border-radius: 50%;
    width: 16px;
    height: 16px;
    animation: spin 1s linear infinite;
    display: none; /* caché par défaut */
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.bottom-block {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

/** Carousel in thumb mode adaptations **/
.carousel-bloc-container .marquee-slide figure img {
    width: 7rem !important;
    height: 7rem !important;
    object-fit: cover !important;
}
.carousel-bloc-container .marquee-slide{
    justify-content: start!important;
}
.carousel-bloc-container .marquee-track{
    align-items: start!important;
}
/** /Carousel in thumb mode adaptations **/

.font-size-14 {
    font-size: 14px;
}

.font-size-16 {
    font-size: 16px;
}

.div-quotation-distribute-passenger {
    max-height: 800px;
    overflow-y: scroll;
}