/*
Theme Name: Illicoweb
Theme URI: https://www.illicoweb.com
Description: Hello Elementor Child Theme
Author: Studio illicoweb
Author URL: https://www.illicoweb.com
Template: hello-elementor
Version: 1.0.0
License: GNU General Public License v2 or later
License URL: https://www.gnu.org/licenses/gpl-2.0.html
*/
/* Placer votre CSS ci-dessous */

/* HEADER */
header{position: sticky !important; top:0; background: white; height:120px;}
@media (max-width:768px) { 
	header{height: auto;}

}
.home header{position: relative !important;background:none}

header #header-2 .col-moteur {width: 100% !important;}
header #header-2 .col-compte2 {display:none !important;}

header.scroll-active{-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.25);}
/* header.scroll-active .menu-header, 
header.scroll-active .gtranslate {display:none !important;} */
header.scroll-active .hide-menu {display:none !important;}
header.scroll-active #header-2 .col-logo{width:10% !important;}
header.scroll-active #header-2 .col-menu {width: 90% !important;}
/* header.scroll-active .col-menu{width:73.332% !important;} */
header.scroll-active #header-2 .col-moteur{width:80% !important;}
header.scroll-active #header-2 .col-compte2 {display:flex !important;width:20% !important;align-items: center;}
header.scroll-active #header-2 .col-compte2 .cagnottage {display:none !important;}

header.scroll-active .logo{transform:scale(1);	transition: all 0.2s ease-in-out;width:125px;}
header.scroll-active .header-btn {/*margin-top:1.6em;*/ transition: all 0.2s ease-in-out;}

header .logo{transform:scale(1);transition: all 0.2s ease-in-out; }
header .logo .elementor-widget-container{text-align:left;}
header .header-btn {transition: all 0.2s ease-in-out;}

.header-mobile.elementor-sticky--active {background: #FFF;}
.header-mobile.elementor-sticky--active .hfe-nav-menu-icon path {fill: var(--e-global-color-primary) ;}

.header-mobile .logo-bleu-mobile {display: none;}
.header-mobile.elementor-sticky--active .logo-bleu-mobile {display: block;}
.header-mobile.elementor-sticky--active .logo-blanc-mobile {display: none;}
.header-mobile.header-accueil.elementor-sticky .gtranslate .gt-current-lang .gt-lang-code {color: #FFF;}
.header-mobile.header-accueil.elementor-sticky--active .gtranslate .gt-current-lang .gt-lang-code{color: var(--e-global-color-primary);}

#header-1.elementor-sticky--effects {background: #fff!important;}

#header-1 .logo-bleu {display: none;}
#header-1.elementor-sticky--effects .logo-blanc {display: none;}
#header-1.elementor-sticky--effects .logo-bleu {display: block;}
#header-1.elementor-sticky--effects .elementor-element-e5cadde>.elementor-widget-wrap {margin-bottom: 0;}

.elementor-465 .elementor-sticky--effects  .elementor-element.elementor-element-66462cb .elementor-nav-menu--main .elementor-item {color: var(--e-global-color-primary) !important;}

	/* Logo */
img.hfe-site-logo-img, .elementor-widget-theme-site-logo img {max-width: 120px;}

	/* Drapeau */
a.nturl {font-size: 0; max-height: 40px;}

.header-1 .gt_float_switcher, 
.header-1 .gt_float_switcher .gt-selected {background-color: transparent; box-shadow: none;}
.header-1 .gt_float_switcher .gt-selected .gt-current-lang {color: white;}
#header-2 .gt_float_switcher .gt-selected .gt-current-lang,
.header-1.elementor-sticky--effects .gt_float_switcher .gt-selected .gt-current-lang {color: var(--e-global-color-primary);}
.header-1 .gt_float_switcher .gt-selected .gt-current-lang img, 
.header-1 .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow {display: none;}
.header-1 .gt_float_switcher .gt_options img {margin: 0;}

.header-mobile .gt_float_switcher, 
.header-mobile .gt_float_switcher .gt-selected {background-color: transparent; box-shadow: none;}
.header-mobile .gt_float_switcher .gt-selected .gt-current-lang {color: white;}
.header-mobile .gt_float_switcher .gt-selected .gt-current-lang,
.header-mobile.elementor-sticky--effects .gt_float_switcher .gt-selected .gt-current-lang {color: var(--e-global-color-primary);}
.header-mobile .gt_float_switcher .gt-selected .gt-current-lang img, 
.header-mobile .gt_float_switcher .gt-selected .gt-current-lang .gt_float_switcher-arrow {display: none;}
.header-mobile .gt_float_switcher .gt_options img {margin: 0;}
.header-mobile .gt_options.gt-open {background-color: white;}

	/* Mon compte */
.header-1 .user-box .cagnottage {color: white;fill: white;gap: 5px;border: 1px solid white;padding: 10px;border-radius: 50px;}
.header-1 .user-box .cagnottage svg, .fm-mobile .user-box .cagnottage svg {width: 2em;}
.header-1.elementor-sticky--effects .user-box .cagnottage, #header-2 .user-box .cagnottage {color: var(--e-global-color-primary);fill: var(--e-global-color-primary);border-color: var(--e-global-color-primary);}

.user-box a.cagnottage {font-weight: 400;}

header .nav-link.elementor-button {background-color: var(--e-global-color-primary);padding: 15px;}
header .nav-link.elementor-button:hover {background-color: var(--e-global-color-8752c96);}
header .nav-link.elementor-button.show {border-radius: 25px 25px 0 0;background-color: var(--e-global-color-primary);}
header .dropdown-item.active, 
header .dropdown-item:active {background: none;}

header ul.dropdown-menu {width: 100%;top: -3px !important;border-color: var(--e-global-color-primary);border-radius: 0 0 25px 25px;}

.fm-mobile .user-box .cagnottage {width: auto;gap: .5em;border: 1px solid var(--e-global-color-primary);padding: 10px;border-radius: 50px;}

.cagnottage .desktop {display: block;}
.cagnottage .mobile {display: none;}

@media screen and (max-width:1024px) {
	.fm-mobile .user-box a.elementor-button-link {display: none !important;}
	.header-mobile .cagnottage {width: 5em;flex-wrap: wrap;justify-content: center;}
	.header-mobile .cagnottage .desktop {display: none;}
	.header-mobile .cagnottage .mobile {display: block !important;font-size: .8em;position: relative;top: 5px;left: 3px;}
	.header-mobile .cagnottage svg {max-width: 3.5em;position: absolute;}

	.user-box .user-info {display: none;}
	.dropdown-toggle::after {display: none;}
	header .elementor-widget-wrap > .elementor-element {width: auto; }
}

@media (max-width:768px) { 
	header .nav-link.elementor-button {padding: 5px;}
    label.form-check-label {width: 80%;}
    .fw-bold span {display: block;}
}

/*@media (min-width:768px) { 
	.header-2 {display: none; transform: translatey(-80px); -moz-transition: all .3s ease!important; -webkit-transition: all .3s ease!important; transition: all .3s ease!important; width: 100% !important;}
	.elementor-sticky--effects.header-2  {display: block; height: auto!important; transform: translatey(0px);}
	.elementor-sticky--effects.header-1 {display: none!important;}
}*/

/*.elementor-sticky--effects.header-mobile {background-color: #FFF;}*/
/*.elementor-sticky--effects.header-mobile img {background: lightblue; clip-path: circle(); width: 150px; height: 150px;}*/

.header-btn .elementor-button-icon svg {width: 2em !important;}
.header-btn .elementor-button-content-wrapper {align-items: center !important;}

/*FIN - HEADER */

/* MOTEUR DE RECHERCHE */
#search-form{margin-top:1.5em;}
#search-form-accueil #search-form{margin-top:0;}

@media (max-width: 1025px) {
	#search-form-accueil #search-form {gap: 0;}
}

#search-form, #search-form .search-fields, .search-input {display: flex; transition: all 0.2s ease-in-out; align-items: center; gap:1em;}

header.scroll-active #search-form{justify-content:flex-start;transition: all 0.2s ease-in-out; margin-top: 0;}
header.scroll-active #search-form .search-voyage{/*margin-right:2em;*/transition: all 0.2s ease-in-out;}

@media screen and (min-width:1025px) {
	#search-form .ligne {width: 1px ; border-left:2px solid #D2D3D9; height:70px; border-radius: 10px;}
}
@media screen and (max-width:1024px) {
	#search-form {flex-wrap: wrap;}
	#search-form .btn-search button {width: 100%; justify-content: center;}
}

/* #search-form .voyageurs-dates {border-left: 2px solid #D2D3D9;border-right: 2px solid #D2D3D9;} */
#search-form .voyageurs-btn {position: relative;}
#search-form .voyageurs-btn p { font-weight: 700; color: var( --e-global-color-primary ); }
#search-form .voyageurs-btn #summary {font-weight: 500;color: #8C8E9B;cursor: default;padding: 0.5rem 1rem;}
#search-form-accueil #search-form .voyageurs-btn #summary {padding: 0;}

    /* Calendrier */
.daterangepicker .drp-calendar {max-width: 100% !important;}
.daterangepicker.show-calendar .drp-calendar.left, .daterangepicker.show-calendar .drp-calendar.right {padding: 20px;}

table caption+thead tr:first-child td, table caption+thead tr:first-child th, table colgroup+thead tr:first-child td, table colgroup+thead tr:first-child th, table thead:first-child tr:first-child td, table thead:first-child tr:first-child th {border: none;} /* ES - 2025-01-28 */

.daterangepicker .drp-calendar .calendar-table table {font-family: var(--e-global-typography-text-font-family);}
.daterangepicker .drp-calendar .calendar-table table tbody>tr:nth-child(odd)>td, 
.daterangepicker .drp-calendar .calendar-table table tbody>tr:nth-child(odd)>th {background-color: transparent;}
.daterangepicker .drp-calendar .calendar-table table td {line-height: 15px;}
.daterangepicker .drp-calendar .calendar-table table td.today:not(.active) {background-color: transparent;color: var(--e-global-color-secondary);}
.daterangepicker .drp-calendar .calendar-table table td.available.active, 
.daterangepicker .drp-calendar .calendar-table table td.available.active:hover {background-color: var( --e-global-color-primary );}
.daterangepicker .drp-calendar .calendar-table table td.in-range:not(.available.active) {background-color: #f0f1f4;}

.daterangepicker .drp-buttons span.drp-selected {display: none;} /* ES - 2025-01-28 */

button.btn-primary.disabled, 
button.btn-primary:disabled {background-color: var(--e-global-color-142e3b0);border-color: var(--e-global-color-142e3b0);}

@media screen and (max-width:768px) {
	.daterangepicker.show-calendar {width: 100vw;}
	.daterangepicker.show-calendar::before, .daterangepicker.show-calendar::after {left: 41.5vw !important;}
	.daterangepicker.show-calendar::after {border-right: 7px solid transparent;border-bottom: 7px solid #fff;border-left: 7px solid transparent;}
	.daterangepicker.show-calendar .ranges {margin-top: 0;}
	.daterangepicker.show-calendar .drp-calendar.left {padding: 8px !important;}
	.daterangepicker .drp-calendar .calendar-table table th {padding: 15px 0 !important;}
}


    /* Voyageurs */
#search-form .modal {display: none;position: absolute;top: 80px;left: 0;background: white;border: 1px solid #ccc;border-radius: 10px;box-shadow: 0px 0px 10px 4px rgb(25 30 56 / 35%);overflow-y: auto;/*max-height: 80vh;*/width: 450px;height: auto;z-index: 1;}
#search-form-accueil #search-form .modal {top: 105px;}
#search-form .modal .modal-content { padding: 40px; }
#search-form .modal .modal-content p { font-weight: bold; color: var( --e-global-color-primary ); margin-bottom: 0; }

#search-form .modal .modal-content #chambresContainer {max-height: 45vh;overflow-y: scroll; border-top: 1px solid #ccc;padding-top: 10px;margin-top: 10px;}

#search-form .modal .modal-content .count, 
#search-form .modal .modal-content #chambresContainer .chambre-section .age-block { display: flex; align-items: center; justify-content: space-between; padding: 10px; }
#search-form .modal .modal-content #chambresContainer .chambre-section:not(#chambre-1) { border-top: 1px solid #ccc; padding-top: 10px; margin-top: 10px; }
#search-form .modal .modal-content .count.count-numbers { justify-content: flex-end; padding: 0; }
#search-form .modal .modal-content .count.count-numbers .btn-circle { width: 30px; height: 30px; padding: 0; border: 1px solid var( --e-global-color-primary ); background-color: transparent; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold; cursor: pointer; color: var( --e-global-color-primary );}
#search-form .modal .modal-content .count.count-numbers .btn-circle:hover {background-color: var( --e-global-color-primary );color: white;}
#search-form .modal .modal-content #chambresContainer .chambre-section .age-block select.age-select {width: 150px;border-radius: 7px;padding: 5px;border: 1px solid var( --e-global-color-primary ); text-align: center;}

.count-chambres .count-numbers {margin-right: 7px;} /* ES - 2025-01-28 */
.count-chambres .count-numbers #room-count {width: 27%;} /* ES - 2025-01-28 */

#search-form .modal .modal-content .btn { background-color: var( --e-global-color-primary ); color: white; padding: 10px 20px; border-radius: 15px; cursor: pointer; border: none; width: 100%; margin-top: 20px; font-weight: 700; }
        
#search-form input[type=number] {width: 25%;text-align: center;border: none;/*margin-left: 14px;*/-moz-appearance: textfield}
#search-form input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}

@media screen and (max-width:768px) {
	#search-form .modal {width: auto;}
	#search-form .modal .modal-content {padding: 20px;}
	.count-chambres .count-numbers {margin-right: 0;}
}

/*autres formulaires*/
.elementor-element-af00ffa .elementor-form input[type="number"] {margin: 0px; text-align: left;}
.elementor-element-af00ffa .e-form__buttons {margin-top: 20px;}
.elementor-element-5bf1591 .elementor-form input[type="number"] {margin: 0px; text-align: left;}
.elementor-element-5bf1591 .e-form__buttons {margin-top: 20px;}
.elementor-element-5bf1591 span.elementor-field-option {display: flex; gap: 5px; align-items: center;}
.elementor-element-5bf1591 .elementor-field-subgroup  {display: flex; gap: 10px}
/*FIN - autres formulaires*/

	/* Page accueil */
.search-hotel.search-carte {background-color: white;border-radius: 15px;border: 3px solid white;}
.search-hotel.search-carte #search-hotel {background-color: var(--e-global-color-secondary);padding: 10px;border-radius: 15px 0 0 0;}
.search-hotel.search-carte #search-carte {color: white;background: url("/wp-content/uploads/2025/01/Carte.png") no-repeat center center;background-size: cover;background-color: rgba(0, 0, 0, 0.35);background-blend-mode: darken;border-radius: 0 15px 0 0;}
.search-hotel.search-carte #search-carte:hover {background-color: rgba(0, 0, 0, 0.55);}

.search-hotel.search-carte #search-form .search-voyage, 
.search-hotel.search-carte #search-form .btn-search {/*padding: 40px*/ padding: 3% 2%;border: 2px solid transparent;}
/* .search-hotel.search-carte #search-form .search-voyage:hover {border: 2px solid var(--e-global-color-secondary);border-radius: 15px;} */

.search-hotel.search-carte .search-voyage input {border: none;padding: 0;/*margin-top: 10px;*/}
.search-hotel.search-carte .search-voyage-destination, 
.search-hotel.search-carte .search-voyage-dates, 
.search-hotel.search-carte .search-voyage-voyageurs {margin-bottom: 10px;}

.search-hotel.search-carte .search-voyage>div{display: flex;align-items: center;gap: 10px;}
/* .search-hotel.search-carte .search-voyage .search-title {font-weight: 700;} */
.search-title { font-weight: 700; }

.search-hotel.search-carte .search-voyage.voyageurs-destination {width: 29%; padding-right: 0 !important;}
.search-hotel.search-carte .search-voyage.voyageurs-dates {width: 26%;}
.search-hotel.search-carte .search-voyage.voyageurs-btn {width: 25%;}
.search-hotel.search-carte .btn-search {width: 20%;}

@media screen and (max-width:1240px) {
	.search-hotel.search-carte .search-voyage.voyageurs-destination {width: 33%;}
	.search-hotel.search-carte .search-voyage.voyageurs-dates {width: 33%;}
	.search-hotel.search-carte .search-voyage.voyageurs-btn {width: 33%;}
	.search-hotel.search-carte .btn-search {width: 100%;}
}
@media screen and (max-width:768px) {
	.search-hotel.search-carte .search-voyage.voyageurs-destination {width: 90%; background-color: #F7F7F7; border-radius: 100px ; margin: 10px; padding: 10px 30px !important;}
	.search-hotel.search-carte .search-voyage.voyageurs-dates {width: 90%; background-color: #F7F7F7; border-radius: 100px ; margin: 10px; padding: 10px 30px !important;}
	.search-hotel.search-carte .search-voyage.voyageurs-btn {width: 90%; background-color: #F7F7F7; border-radius: 100px ; margin: 10px; padding: 10px 30px !important;}
	input#search-date  {background-color: #F7F7F7;}
	input#search-input  {background-color: #F7F7F7;}
}

	/* Pages intérieures */
#search-form.pages-int .search-voyage {border:#ffffff 2px solid;border-radius:50px;background-color: var(--e-global-color-a4245a1);display: flex;align-items: center;padding: 0.8em 2em;gap: 1em;}
#search-form.pages-int .search-voyage:hover{border:#E5B62D 2px solid;}
/* #search-form .voyageurs-destination, #search-form .voyageurs-dates, #search-form .voyageurs-btn {padding: 0 40px;} */
#search-form.pages-int .voyageurs-destination input, 
#search-form.pages-int .voyageurs-dates input, 
#search-form.pages-int .voyageurs-btn {background-color:#f7f7f7;border-radius:50px; border:none; cursor: default; font-size: 1em;}
#search-form.pages-int .voyageurs-btn {border:#ffffff 2px solid;}
input#search-date {outline: none;font-size: initial;}
input#search-input {box-shadow: none;}

/*FIN - MOTEUR DE RECHERCHE */

	/* Recherche (loupe) */
button.btn.btn-primary.icon {padding: 13px;height: fit-content;background-color: var( --e-global-color-primary );display: flex;gap: 10px;  align-self:center;}
button.btn.btn-primary.icon:hover {background-color: var(--e-global-color-8752c96);}

	/* Page jeu QR code week-end */
.elementor-button-content-wrapper {display: flex; align-items: center; justify-content: center;}


/* Accueil -  Bloc pq réserver CH ?*/
.Bloc-reserver.hotel:hover svg path:nth-child(2) {fill: #30354B;}
.Bloc-reserver.hotel:hover svg path:nth-child(7) {fill: #30354B;}
.Bloc-reserver.hotel:hover svg path:nth-child(6) {fill: #E5B62D;}

.Bloc-reserver.tarif:hover svg path:nth-child(3) {fill: #30354B;}
.Bloc-reserver.tarif:hover svg path:nth-child(2) {fill: #E5B62D;}

.Bloc-reserver.sourire:hover svg path:nth-child(6) {fill: #30354B;}
.Bloc-reserver.sourire:hover svg path:nth-child(7) {fill: #30354B;}
.Bloc-reserver.sourire:hover svg path:nth-child(8) {fill: #30354B;}
.Bloc-reserver.sourire:hover svg path:nth-child(9) {fill: #30354B;}
.Bloc-reserver.sourire:hover svg path:nth-child(2) {fill: #E5B62D;}

.Bloc-reserver.cash:hover svg path:nth-child(6) {fill: #30354B;}
.Bloc-reserver.cash:hover svg path:nth-child(7) {fill: #30354B;}
.Bloc-reserver.cash:hover svg path:nth-child(8) {fill: #30354B;}
.Bloc-reserver.cash:hover svg path:nth-child(9) {fill: #30354B;}
.Bloc-reserver.cash:hover svg path:nth-child(1) {fill: #E5B62D;}

@media (max-width:768px) {
	.elementor-element-90eeec5 .elementor-container {overflow-x: auto;display: grid;grid-template-columns: repeat(4, 1fr);}
	.elementor-element-90eeec5 .elementor-container .elementor-column.Bloc-reserver {width: 335px;}
}

/*FIN - Accueil -  Bloc pq réserver CH ?*/


/* NOS NOUVEAUX HOTELS */
.home #page {overflow: hidden;}

#nouveaux-hotels.swiper {/*overflow: visible;*/ width: 90%; margin-right: 0; position: static;}

#nouveaux-hotels.swiper .swiper-slide{/*display:flex;justify-content:center;align-items:center;*/width: 18vw; }
#nouveaux-hotels.swiper .swiper-slide img {height: 30em;object-fit: cover;object-position: center;}
#nouveaux-hotels.swiper .swiper-slide .card {width: 18vw;padding-top: 15px;border: none;}
/*#nouveaux-hotels.swiper .swiper-slide:nth-child(5) {opacity: 40%;}*/


#nouveaux-hotels.swiper .swiper-button-next, 
#nouveaux-hotels.swiper .swiper-button-prev {color: #191E38; border: 2px solid #191E38;border-radius: 100%;width: 3em; position: absolute; top: 40%;}
#nouveaux-hotels.swiper .swiper-button-next:after, 
#nouveaux-hotels.swiper .swiper-button-prev:after {font-size: 1.5em;}

#nouveaux-hotels.swiper .swiper-button-prev {left: 6%;}

@media screen and (min-width:1025px) {
	.list-hotel-dep #nouveaux-hotels.swiper {width: 100%;}
	.list-hotel-dep #nouveaux-hotels.swiper .swiper-button-prev {left: -7%;}
	.list-hotel-dep #nouveaux-hotels.swiper .swiper-button-next {right: -7%;}	
}
@media screen and (max-width:1024px) {
	#nouveaux-hotels.swiper {margin-right: auto;}
	#nouveaux-hotels.swiper .swiper-slide .card {width: auto;}
	#nouveaux-hotels.swiper .swiper-button-prev {left: -1.5%;}
	#nouveaux-hotels.swiper .swiper-button-next {right: -1.5%;}	
}
@media screen and (max-width:768px) {
	#nouveaux-hotels.swiper {width: 80%;}
	#nouveaux-hotels.swiper .swiper-button-prev {left: -3%;}
	#nouveaux-hotels.swiper .swiper-button-next {right: -3%;}	
}

/*FIN - NOS NOUVEAUX HOTELS */


/* CAROUSSEL - Découvrez la France */
.elementor-element-6adbe20 svg.e-font-icon-svg.e-eicon-chevron-left, 
.elementor-element-6adbe20 svg.e-font-icon-svg.e-eicon-chevron-right {background-color: #fff;}
/*FIN - CAROUSSEL - Découvrez la France */

/* CSS commun à toutes les pages php */
/* FIL D'ARIANE */
#breadcrumb {font-weight: 700}
#breadcrumb .breadcrumb-loc {font-weight: 400;}
#breadcrumb a {color: var(--e-global-color-primary);}
#breadcrumb .breadcrumb-hotel {color: var( --e-global-color-secondary );}

nav .breadcrumb-item+.breadcrumb-item::before {color: var(--e-global-color-primary);content: var(--bs-breadcrumb-divider, ">");}
nav .breadcrumb-item.active {color: var(--e-global-color-secondary);font-weight: 700;}

nav ol.breadcrumb {margin-bottom: 0;}


/* BOUTONS */
a.btn, .btn {border-radius: 30px;padding: 10px 20px;}
.btn.btn-picto, .bloc-picto {display: flex;/*align-items: flex-start;*/align-items: center;gap: 10px;font-weight: 400;width: fit-content;}

    /* Bleu */
.btn.btn-blue {background-color: var(--e-global-color-primary);color: white !important;}
.btn.btn-blue:hover {background-color: var( --e-global-color-8752c96 ); color: white;}

    /* Jaune */
.btn.btn-yellow{background-color:var( --e-global-color-secondary );color:var(--e-global-color-primary);}
.btn.btn-yellow:hover{background-color:var( --e-global-color-d52111a );color:var(--e-global-color-primary);}

    /* Encadré */
.btn.btn-encadre {border: 2px solid var(--e-global-color-primary);}
.btn.btn-encadre:hover, .btn.btn-picto-active {border-color: var(--e-global-color-secondary);}

#btn-action-favoris.btn-picto-active svg {fill: var(--e-global-color-secondary);}
.bloc-card .card .hotel-avantages .hotel-favoris svg:hover {stroke: var(--e-global-color-secondary); fill: var(--e-global-color-secondary);}


.yellow-text {color:var(--e-global-color-secondary); cursor: pointer;}

	/* Accueil */
.btn-icon-accueil .elementor-button-content-wrapper {align-items: center;}
.btn-icon-accueil .elementor-button-icon>* {font-size: 2em;}	



/*RESPONSIVE*/
@media screen and (min-width:768px) {
	header {margin-bottom:60px;}
	/* .home header {margin-bottom: 0;} */
}

@media screen and (max-width:1823px){
	#search-form.pages-int .search-voyage {	padding: 0.8em 1em;	gap: 0em; width: -moz-available; width: -webkit-fill-available; width: fill-available;}
}

@media screen and (max-width:1595px){
	.col-menu{	align-items:flex-start;	}
	.menu-header {align-self:flex-start !important;	margin-top:0.8em;}
	header .header-btn {margin-top:0;}
	/* header .elementor-element-295993f {position: absolute;width: 115% !important;margin-top: 12em;} */
	header.scroll-active .elementor-element-295993f {position: relative;margin:auto;}
}

/* @media screen and (max-width:1393px){
	#search-form .voyageurs-btn #summary {padding: 0;}
	#search-form.pages-int .voyageurs-destination input, #search-form.pages-int .voyageurs-dates input, #search-form.pages-int .voyageurs-btn {padding-inline: 0.1em;padding-block: 0;}
} */

@media screen and (max-width:1357px){
	.elementor-element-874d4e7{	padding-inline:2% !important;}
	.elementor-592 .elementor-element.col-logo{width:15%;	}
	.elementor-element-295993f {position: absolute;	width: 120% !important;	margin-top: 10em;}
	/* header {height: 172px;} */
}

@media screen and (max-width:1024px){
	header.scroll-active .elementor-element-874d4e7 .elementor-container {justify-content: space-between;}
	header .elementor-element-295993f {width: 135% !important;transform: translate(-15%, 0);margin-top:10em;}
	header.scroll-active .elementor-element-295993f{position: relative;	margin:auto;transform:none;	}
	header.scroll-active .elementor-element-17b82c4{width:fit-content !important;}
	header.scroll-active .header-btn  .elementor-button-text{	display:none;}
	header.scroll-active .header-btn  a{padding-inline:1.2em !important;}
	header.scroll-active.elementor-element-874d4e7{	padding-inline:2% !important;width: max-content;}
	.home #search-form{display:flex;flex-direction:column;align-content: center;flex-wrap: wrap;	}
	.search-hotel.search-carte .search-voyage.voyageurs-destination {width: 90%; background-color: #F7F7F7; border-radius: 100px ; margin: 10px; padding: 10px 30px !important;}
	.search-hotel.search-carte .search-voyage.voyageurs-dates {width: 90%; background-color: #F7F7F7; border-radius: 100px ; margin: 10px; padding: 10px 30px !important;}
	.search-hotel.search-carte .search-voyage.voyageurs-btn {width: 90%; background-color: #F7F7F7; border-radius: 100px ; margin: 10px; padding: 10px 30px !important;}
	input#search-date  {background-color: #F7F7F7;}
	input#search-input  {background-color: #F7F7F7;}

	/* #search-form.pages-int .search-voyage.voyageurs-destination {display: none;} */
	button.btn.btn-primary.icon {width: 100%; justify-content: center;}
}

@media screen and (max-width:1509px){
	header.scroll-active .col-menu .elementor-widget-wrap{	padding-block:0;}
}


@media screen and (max-width:956px){
	header.scroll-active #search-form .search-voyage { margin-right: 0.3em;	padding-block:0.2em;}
}


@media screen and (max-width:768px) { 
	/* header{	margin-bottom:0;height: 87px;padding-top: 1.5em;} */
	header.scroll-active{/*height: 125px;*/ height: auto; padding-top: 0em;}
	header section.elementor-element-2a4578e{position:relative !important;}
	header .elementor-element-f904718 .elementor-button-text{display:none;}	
	header .elementor-element-7086f99.elementor-widget-theme-site-logo {position: relative; display: flex;justify-content: center;align-items: center;	}
	header .elementor-element-7086f99.elementor-widget-theme-site-logo img {position: relative;	z-index: 1;	width: 100%; }
	header .elementor-element-7086f99::after {content: '';position: absolute;top: calc(100% - 105px);left: calc(50% + 20px);transform: translate(-50%, 0);background: #ffffff;	border-radius: 50%;width: 120px; height: 120px;	z-index: 0;	}

	/*Page accueil*/

	header .elementor-element-bb26e19{position:relative;}
	.elementor-element-1852692{	margin-top:5em;	padding-inline:2em;	}
	.search-hotel.search-carte{	border-color:#e5b62d;	}
	.search-hotel.search-carte #search-hotel {border-radius: 10px 0 0 0;}
	.search-hotel.search-carte #search-carte {border-radius: 0 10px 0 0;}
	.home #search-form{display:flex;flex-direction:column;align-content: center;flex-wrap: wrap;	}
	.elementor-354 .elementor-element.elementor-element-d4976bd{padding-top:200px;padding-bottom:2em;}
	footer .elementor-element-9cde4e5 .elementor-widget-wrap{padding-inline:3em !important;	}
	.elementor-element-0f68c69 .elementor-widget-wrap{justify-content:center;}
	.elementor-element-0f68c69 .elementor-widget-wrap img{margin-bottom:2em;}
	.elementor-element-0f68c69 .elementor-widget-wrap p{text-align:center;	}
	
}

@media screen and (max-width:576px){
	.search-hotel.search-carte nav{	flex-direction: row !important;	}	
	#search-hotel, #search-carte{width:50%;	}
}

/* FIN - CSS commun à toutes les pages php */

/* FOOTER */
	/* Newsletter */
/*div.tnp-subscription, form.tnp-subscription, form.tnp-profile {margin: 0; /*max-width: none;}
.tnp-subscription form {display: flex; flex-wrap: wrap; position: relative;}

.tnp-subscription form .tnp-field-email, .tnp-subscription form .tnp-field-surname, .tnp-subscription form .tnp-field-firstname {position: relative;}
.tnp-subscription form .tnp-field-email::before {content: "@";color: var( --e-global-color-primary );position: absolute;font-size: 1.5em;left: 10px; top: 10%}
.tnp-subscription form .tnp-field-email {width: 100%;}
.tnp-subscription form .tnp-field-email input[type="email"] {padding: 10px;border-radius: 50px; padding-left: 40px;}
.tnp-subscription form .tnp-field-email input[type="email"]::placeholder {font-weight: 500;color: var(--e-global-color-142e3b0);}

.tnp-subscription form .tnp-field-surname {width: 50%; padding-left: 3px;}
.tnp-subscription form .tnp-field-firstname {width: 50%; padding-right: 3px;}
.tnp-subscription form .tnp-field-surname input[type="text"], .tnp-subscription form .tnp-field-firstname input[type="text"] {padding: 10px; border-radius: 50px;}

.tnp-subscription form .tnp-privacy-field {order: 2;}
.tnp-subscription form .tnp-privacy-field a {color: var(--e-global-color-ac9b9b0); font-weight: 400;}

.tnp-subscription form .tnp-field-button input[type="submit"] {padding: 5px 20px; width: auto; background-color: var(--e-global-color-b681916); position: absolute; top:60px ;right: 10px; border: none; font-weight: 500;}
.tnp-subscription form .tnp-field-button input[type="submit"]:hover {background-color: var(--e-global-color-8752c96);}*/

	/*@media (max-width:768px) {
	.tnp-subscription form .tnp-field-button {position: absolute;right: 151px;top: 10px;}
}*/

	/* Newsletter */
div.tnp-subscription, form.tnp-subscription, form.tnp-profile {margin: 0;max-width: none;}
.tnp-subscription form {display: flex; flex-wrap: wrap; position: relative;}

.tnp-subscription form .tnp-field-email, .tnp-subscription form .tnp-field-surname, .tnp-subscription form .tnp-field-firstname {position: relative;}
.tnp-subscription form .tnp-field-email::before {content: "@";color: var( --e-global-color-primary );position: absolute;font-size: 1.5em;left: 15px; top: 10%}
.tnp-subscription form .tnp-field-email {width: 50%; padding-left: 6px; }
.tnp-subscription form .tnp-field-email input[type="email"] {padding: 10px;border-radius: 50px; padding-left: 40px;}
.tnp-subscription form .tnp-field-email input[type="email"]::placeholder {font-weight: 500;color: var(--e-global-color-142e3b0);}

.tnp-subscription form .tnp-field-surname {width: 25%; padding-left: 3px;}
.tnp-subscription form .tnp-field-firstname {width: 25%; padding-right: 3px;}
.tnp-subscription form .tnp-field-surname input[type="text"], .tnp-subscription form .tnp-field-firstname input[type="text"] {padding: 10px; border-radius: 50px;}

.tnp-subscription form .tnp-privacy-field {order: 2;}
.tnp-subscription form .tnp-privacy-field a {color: var(--e-global-color-ac9b9b0); font-weight: 400;}

.tnp-subscription form .tnp-field-button input[type="submit"] {padding: 5px 20px; width: auto; background-color: var(--e-global-color-b681916); position: absolute; top:6px ;right: 10px; border: none; font-weight: 500;}
.tnp-subscription form .tnp-field-button input[type="submit"]:hover {background-color: var(--e-global-color-8752c96);}

@media (max-width:768px) {
	.tnp-subscription form .tnp-field-email {width: 100%; padding: 0px}
	.tnp-subscription form .tnp-field-surname {width: 50%;}
  .tnp-subscription form .tnp-field-firstname {width: 50%;}
	.tnp-subscription form .tnp-field-button input[type="submit"] {top: 60px; right: 10px;}
	.tnp-subscription form .tnp-field-email::before {left: 10px; }
}

	/* Gtranslate*/
footer .gt_switcher { width: auto;  background: transparent; position: relative; overflow: visible}
footer .gt_float_switcher .gt_options.gt-open {position: absolute; bottom: 100%; background-color: white;width: auto; border: none; left:0; right:1px; text-align: center;}
footer .gt_float_switcher {background: none !important; box-shadow: none !important; transition: none;}

.statut-card {
    height: 100%; /* S'adapte à la hauteur maximale de la colonne */
    border-radius: 8px; /* Ajoute un effet de bord arrondi */
    box-shadow: 0 4px 6px #e9ecef; /* Ajoute une ombre douce */
    border : 1px solid #e9ecef;
}

.statut-actuel {
    background-color: #e9ecef;
}

/*FIN - FOOTER */


/* CONNEXION */
	/*Réservation connexion*/
.nav-tabs .nav-link.active {color: #FFF; background-color: var(--e-global-color-primary); border-color: var(--e-global-color-primary);}
@media (max-width: 768px){
	.nav-tabs .nav-item {width: 100% !important;}
	.nav-tabs a.nav-link {width: 100% !important; display: flex; align-items: center; justify-content: center;}
}

	/*Espace client*/
.form-confirm form > div {display: flex; align-items: center; gap: 5px; margin-bottom: 10px;}
.form-confirm form > section {margin-top: 2em;}
.form-confirm input[type="radio"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 20px; height: 20px; border: 1px solid var(--e-global-color-primary); border-radius: 50%; cursor: pointer; position: relative; transition: all 0.3s;}
.form-confirm input[type="radio"]::after {content: ""; width: 10px; height: 10px; background-color: var(--e-global-color-primary); border-radius: 50%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: none; }
.form-confirm input[type="radio"]:checked::after { display: block;}

.commentaires .liste-options {background-color: white !important; padding: 10px 0px 0px 0px;}

.assurance { display: flex; align-items: center; border: 1px solid var(--e-global-color-secondary); padding: 10px; border-radius: 10px; gap: 20px; }
.assurance img { width: auto; height: 100%; object-fit: cover;}
.assurance .valide-assurance {display: flex; background: var(--e-global-color-primary); padding: 10px 15px; border-radius: 10px; gap: 5px; color: #FFF;}
.assurance .valide-assurance input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; background-color: var(--e-global-color-primary); width: 20px; height: 20px; border: 1px solid var(--e-global-color-secondary); border-radius: 5px; cursor: pointer; position: relative; transition: all 0.3s;}
.assurance .valide-assurance input[type="checkbox"]::after { content: "✔"; font-size: 1em; color: var(--e-global-color-secondary); position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); display: none;}
.assurance .valide-assurance input[type="checkbox"]:checked::after {display: block;}

.mentions {display: flex; flex-direction: column; gap: 20px ;}
.mentions .newsletter-resa, .mentions .cgv {display: flex; gap: 10px; align-items : center;}
.mentions input[type="checkbox"] {appearance: none; -webkit-appearance: none; -moz-appearance: none; width: 25px; height: 20px; border: 1px solid var(--e-global-color-primary); border-radius: 5px; cursor: pointer; position: relative; transition: all 0.3s;}
.mentions input[type="checkbox"]::after { content: "✔"; font-size: 1em; color: var(--e-global-color-primary); position: absolute; left: 50%; top: 40%; transform: translate(-50%, -50%); display: none;}
.mentions input[type="checkbox"]:checked::after {display: block;}

@media (max-width: 768px) {
	.form-confirm form > div > label {max-width: 90%;}
	.form-confirm .mentions .newsletter-resa label, .form-confirm .mentions .lien-cgv {max-width: 90%;}
	.mentions input[type="checkbox"] {width: 1em; height: 1em;}
}

.btn-validation {display: flex; align-items: center;justify-content: center;}


/* FIN - CONNEXION */

/* CAROUSSEL */
.carousel .carousel-indicators {background-color: #00000040; margin: 0;padding: 2%; gap:10px;}
.hotel-galerie-photos.mobile .carousel .carousel-indicators {gap:0px;}
.carousel .carousel-indicators [data-bs-target] {width: 10px;height: 10px;border-radius: 100%;border: 1px solid white;background-color: transparent;opacity: 1;background-clip: border-box;}
.carousel .carousel-indicators [data-bs-target].active,
.carousel .carousel-indicators [data-bs-target]:hover {background-color: var(--e-global-color-secondary);border-color: var(--e-global-color-secondary);}
/* FIN - CAROUSSEL */		  

/* CARD */
.card .card-body {padding: 1.8rem;}

.bloc-card .card {border-radius: 10px;border: none;}
.bloc-card .card {box-shadow: 0px 3px 8px 1px rgb(0 0 0 / 20%);}

.bloc-card .card .card-body .hotel-info p {display: flex; align-items: center; gap: 10px;}

     /* Tarif */
.bloc-card .card .card-body .hotel-tarifs {margin: 1.8rem 0;}

.bloc-card .card .card-body .type-tarif {background-color: var(--e-global-color-primary);color: var(--e-global-color-secondary);padding: 3px 15px;border-radius: 10px; width: fit-content; font-size: .8em; font-weight: 700;}

.bloc-card .card .card-body .hotel-reserver .hotel-tarif-special p {font-weight: 600; margin-bottom: 3px !important;}
.bloc-card .card .card-body .hotel-reserver .hotel-tarif-special p .price {font-size: 1.8em;font-weight: 700;}

.bloc-card .card .card-body .hotel-reserver .hotel-tarif-classique p {margin-bottom: 10px;font-size: .9em;}
.bloc-card .card .card-body .hotel-reserver .hotel-tarif-classique p .price {font-size: 1.3em;}

.bloc-card .card .card-body .hotel-reserver .prix-ttc {color: var(--e-global-color-142e3b0); /*font-weight: 700;*/ font-size: .8em;}

.cash-smile .card {border-radius: 10px;}
/* FIN - CARD */

/* SCROLL BAR */
#hotel-list-container::-webkit-scrollbar, /* liste hôtel */
#services-checkbox::-webkit-scrollbar, /* liste hôtel */
#chambresContainer::-webkit-scrollbar /* moteur recherche */ {width: 6px;}

#hotel-list-container::-webkit-scrollbar-track, /* liste hôtel */
#services-checkbox::-webkit-scrollbar-track, /* liste hôtel */
#chambresContainer::-webkit-scrollbar-track /* moteur recherche */ {background: white;border-radius: 10px; }

#hotel-list-container::-webkit-scrollbar-thumb, /* liste hôtel */
#services-checkbox::-webkit-scrollbar-thumb, /* liste hôtel */
#chambresContainer::-webkit-scrollbar-thumb /* moteur recherche */ {background: #dfdddd;border-radius: 10px;}

/* Détecte si le navigateur est Firefox */
@-moz-document url-prefix() {
    #hotel-list-container, 
	#services-checkbox,
	#chambresContainer {scrollbar-width: thin;scrollbar-color: #dfdddd white; overflow-y: auto;} /* Firefox */
}

/*FIN - SCROLL BAR */

/* CSS de chargement de liste - SE - 20250225 */
 /* Centrage de la roue */
/*.loader-container {display: flex; justify-content: center; align-items: center; height: 80vh; background-color: #fff;}*/
.loader-container {display: flex;flex-direction: column; justify-content: center; align-items: center; 	height: 80vh;background-color: #fff;}
.loader-message{font-weight:bold;font-size:1.2em;padding-bottom:30px;}

/* Animation de rotation */
.loader circle {stroke-dasharray: 150, 200; stroke-dashoffset: 0; animation: spin 1.5s linear infinite; stroke: var(--e-global-color-primary); }

@keyframes spin {
	0% {stroke-dasharray: 1, 200; stroke-dashoffset: 0;}
	50% {stroke-dasharray: 90, 200; stroke-dashoffset: -35;}
	100% {stroke-dasharray: 90, 200; stroke-dashoffset: -125;}
}

/* FIN - CSS de chargement de liste - SE */

/* INSCRIPTION/CONNEXION */
  	/*eye*/
.far {font-family: "Font Awesome 5 Free"; cursor: pointer;}

  /* Page connexion */
form#form-login div {position: relative;}
form#form-login .far {position: absolute; right: 2%;}
form#form-login {display: flex; flex-direction: column; gap: 20px; background-color: #F7F7F7; padding: 1em; border-radius: 20px;max-width: 60%; margin-bottom: 10px;}
form#form-login > input {display: flex; align-items: center; justify-content: center;}
form#form-login div {display: flex; align-items: center; gap: 10px;}
form#form-login div label {width: 20%}
form#form-login div>input {border-radius: 200px;}

@media(max-width:1552px) {
	form#form-login div label {width: 30%}
}

@media(max-width:1024px) {
	form#form-login {max-width: 80%}
}

@media(max-width:768px) {
	form#form-login {max-width: 100%}
	form#form-login div {display: flex; flex-direction: column; align-items: start; gap: 10px;}
	form#form-login div label {width: 100%}
	form#form-login .far {right: 4%; top: 60%;}
}

  /* Page inscription */
form#form-register .togglePassword, form#form-register .togglePasswordC {position: relative;}
form#form-register .togglePassword .far, form#form-register .togglePasswordC .far {position: absolute; top: 35%; right: 2.5%;}
form#form-register div.card {background-color: #F7F7F7; border: 0px; border-radius: 20px; }
form#form-register input, form#form-register select {border-radius: 200px;}

@media(max-width:1024px){
	form#form-register .togglePassword .far, form#form-register .togglePasswordC .far {right: 5%; top: 20%;}
}

@media(max-width:768px){
	form#form-register .togglePassword .far, form#form-register .togglePasswordC .far {right: 10%; top: 35%; }
	form#form-account-info .togglePassword .far, form#form-account-info .togglePasswordC .far {position: absolute; top: 30%; right: 8%;}
	form#form-register .card .card-body {padding: 1em;}
	form#form-register label[for="newsletter"] { max-width: 92%; line-height: 1.5;}
}


  /* Page réservation - Connexion - Inscription - Sans inscription */
form#illico-api-form {display: flex; flex-direction: column; gap: 20px; background-color: #F7F7F7; padding: 1em; border-radius: 20px;}
form#illico-api-form button {display: flex; align-items: center; justify-content: center; width: 100%;}
form#illico-api-form div {display: flex; align-items: center; gap: 10px; margin-bottom: .5em !important;}
form#illico-api-form div label {width: 20%}
form#illico-api-form div>input {border-radius: 200px;}
form#illico-api-form div {position: relative;}
form#illico-api-form .far {position: absolute; top: 30%; right: 2%;}
#tab2 form#form-register .togglePassword .far {top: 20%; right: 4%;}
#tab2 form#form-register .togglePasswordC .far {top: 25%; right: 4%;}
 
form#form-anonyme div.card {background-color: #F7F7F7; border: 0px; border-radius: 20px; }
form#form-anonyme input, form#form-anonyme select {border-radius: 200px;} 

@media(max-width:1552px) {
	form#illico-api-form div label {width: 30%}
}
@media(max-width:768px) {
	form#illico-api-form .far {right: 5%; top: 60%;}
	form#illico-api-form div {display: flex; flex-direction: column; align-items: start; gap: 10px;}
	form#illico-api-form div label {width: 100%}
	#tab2 form#form-register .togglePassword .far {top: 30%; right: 8%;}
	#tab2 form#form-register .togglePasswordC .far {top: 30%; right: 8%;}
	form#form-anonyme .card .card-body {padding: 1em;}
}

  /* Page mon profil */
form#form-account-info div {position: relative;}
form#form-account-info .togglePassword .far {position: absolute; top: 15%; right: 5%;}
form#form-account-info .togglePasswordC .far {position: absolute; top: 25%; right: 5%;}

@media(max-width:1024px){
	form#form-account-info .togglePassword .far {position: absolute; top: 12%; right: 8%;}
	form#form-account-info .togglePasswordC .far {position: absolute; top: 20%; right: 8%;}
}

/* FIN - INSCRIPTION/CONNEXION */


/*  Couleur ICONES services */
img.icon-svg {
      filter: invert(70%) sepia(80%) saturate(500%) hue-rotate(5deg);
}

.table-cagnottages .th-mobile { display:none;}

@media screen and (max-width: 900px) {
	.table-cagnottages {
	  border: 0;
	}

	.table-cagnottages .th-mobile { display:contents;}
  
	.table-cagnottages thead {
	  display: none;
	}
  
	.table-cagnottages tr {
	  margin-bottom: 10px;
	  display: block;
	  border-bottom: 2px solid #ddd;
	}
  
	.table-cagnottages td {
	  display: block;
	  text-align: right;
	  font-size: 13px;
	  border-bottom: 1px dotted #ccc;
	}
  
	.table-cagnottages td:last-child {
	  border-bottom: 0;
	}
  
	.table-cagnottages td:before {
	  content: attr(data-label);
	  float: left;
	  text-transform: uppercase;
	  font-weight: bold;
	}
  }
  

/* PLAN DU SITE */
ul.elementor-sitemap-list {padding: 0;column-count: 3;}
ul.elementor-sitemap-list>li.elementor-sitemap-item {background-color: var(--e-global-color-primary);padding: 15px;border-radius: 10px;display: inline-block;width: 100%;margin: 10px 0;}
ul.elementor-sitemap-list li.elementor-sitemap-item a {color: white !important;}
ul.elementor-sitemap-list>li ul.children li a {font-weight: 500;}
ul.elementor-sitemap-list>li ul.children>li ul.children li a {font-weight: 300;}

@media (min-width: 768px) and (max-width: 1024px) {
	ul.elementor-sitemap-list  {column-count: 2;}
}

@media (max-width: 768px) {
	ul.elementor-sitemap-list  {column-count: 1;}
}


/* GE - Ajout de la classe .rechercheChambresModal dans le formulaire de recherche */
.rechercheChambresModal
{
	right:0;
	left: auto !important;
}



/* Hôtels étoiles */
sup i.fas.fa-star::before {
	font-size: 0.5em;
}

/* Avic clients */

.note-score .note-stars {
	font-size: 0.85rem;
    margin-top: -0.5rem;
}

.note-score .note-value .note {
    font-size: 2.5em;
}

.afficher-plus-link:hover {
    color: var(--e-global-color-primary);
}

/* Style pour la modale globale des avis - largeur optimisée */
.modal-dialog {
    max-width: 90vw;
    width: 90vw;
}

/* Pour les écrans moyens et grands (≥992px) - garder une largeur généreuse */
@media (min-width: 992px) {
    .modal-dialog {
    	max-width: 85vw;
        width: 85vw;
    }
}

/* Pour les très grands écrans (≥1200px) - limiter la largeur pour éviter que ce soit trop étendu */
@media (min-width: 1200px) {
     .modal-dialog {
        max-width: 80vw;
        width: 80vw;
    }
}

/* Pour les écrans extra larges (≥1400px) - largeur fixe optimale */
@media (min-width: 1400px) {
     .modal-dialog {
        max-width: 1200px;
        width: 1200px;
    }
}
i.fas.fa-star {vertical-align: text-top;}
i.fas.fa-star::before {font-size: .5em;}

.leaflet-container a
{
	color : var(--e-global-color-text) !important;
}

/* Bootstrap custom buttons */
.btn-group-lg>.btn, .btn-lg {
	padding: .5rem 1rem !important;
    font-size: 1.25rem !important;
}

/* DateRangePicker dans une fenêtre modale */
/* Styles pour calendrier scrollable dans les modals */
.daterangepicker-in-modal {
	max-height: 70vh !important;
	overflow-y: auto !important;
	overflow-x: hidden !important;
	position: fixed !important;
	z-index: 10000 !important;
}

.daterangepicker-in-modal .ranges {
	max-height: none !important;
	overflow-y: visible !important;
}

.daterangepicker-in-modal .drp-calendar {
	max-height: none !important;
	overflow: visible !important;
}

.daterangepicker-in-modal .calendar-table {
	margin-bottom: 10px;
}

/* Optimisation mobile */
/* @media (max-width: 768px) {
	.daterangepicker-in-modal {
		max-height: 60vh !important;
		width: 90vw !important;
		max-width: 90vw !important;
		left: 5vw !important;
		right: 5vw !important;
	}

	.daterangepicker-in-modal .drp-calendar {
		border: none !important;
		padding: 0 !important;
	}

	.daterangepicker-in-modal .calendar-table {
		font-size: 14px;
	}
} */

/* Améliorer la lisibilité du scroll */
.daterangepicker-in-modal::-webkit-scrollbar {
	width: 8px;
}

.daterangepicker-in-modal::-webkit-scrollbar-track {
	background: #f1f1f1;
	border-radius: 4px;
}

.daterangepicker-in-modal::-webkit-scrollbar-thumb {
	background: #c1c1c1;
	border-radius: 4px;
}

.daterangepicker-in-modal::-webkit-scrollbar-thumb:hover {
	background: #a8a8a8;
}


.btn-i-secondary {
	background-color: var(--e-global-color-primary) !important;
	color: white !important;
	border: none;
	text-decoration: none !important;
}

.btn-i-secondary.active, .btn-i-secondary:hover, .btn-i-secondary:focus, .btn-i-secondary:active {
	background-color: var(--e-global-color-secondary) !important;
	color: white !important;
}

.bg-color-i-secondary {
	background-color: var(--e-global-color-secondary) !important;
}

.color-i-secondary {
	color: var(--e-global-color-secondary) !important;
}