/*Header*/
#menuPro {
    background: #67191d;
}

#menuPro > ul > li > a.active, #menuPro > ul > li > a:hover, #menuPro > ul > li > form > a.active, #menuPro > ul > li > form > a:hover {
    color: #f9efea;
}

@media screen and (max-width: 991px){
	#menuPro .active {
	    background-color: #67191d !important;
	}
}
#menuPro ul li:hover a{
    color:#943136;
}
#menuPro ul li:hover form a{
    color:#943136;
}

#headerRightTop .logOut .icon-off {
    color:#943136;
}

#headerRightTop .logOut span {
    color:#943136;
    border-bottom: 1px solid #943136;
}

#headerRightTop .logOut:hover .icon-off {
    color:#ffe2d4;
}
#headerRightTop .logOut:hover span {
    color:#ffe2d4;
    border-bottom: 1px solid #ffe2d4;
}

.logoPro .logoImage{
    background-image: url(../../images/logo/logo-exotismes-top-rouge.png);
    background-size: 99%;
    background-repeat: no-repeat;
}
.logoPro .logoImage img{
    opacity: 0%;
}

.logoPro .tagline {
    color: #943136;
}

.main-menu ul.navigation > li {
    border-right: 1px solid #ffe2d4;
}

.main-menu ul.navigation > li > a:hover {
    color: #ffa7ab;
}

.main-menu ul.navigation > li.drop-down-wrapper.opened {
    border-right: 1px solid #ffe2d4;
}

.main-menu ul.navigation li.mega-menu-wrapper.opened > a:before, 
.main-menu ul.navigation > li.drop-down-wrapper.opened > a:before,
.main-menu ul.navigation li.mega-menu-wrapper.opened > a:after, 
.main-menu ul.navigation > li.drop-down-wrapper.opened > a:after { 
	border-top-color: #943136;
}
.main-menu ul.navigation li.mega-menu-wrapper.opened > a,.main-menu ul.navigation > li.drop-down-wrapper.opened > a {
    background: #943136;
}

.main-menu ul.navigation li.mega-menu-wrapper > a:after, .main-menu ul.navigation > li.drop-down-wrapper > a:after{
	background: transparent url(../img/mega-menu-arrow-rouge.png) 50% 100% no-repeat;
}

.mega-menu, .mega-menu-2 {
    background: #510f12;
}

.mega2Header ul {
    border-top: 1px solid #943136;
    border-bottom: 1px solid #943136;
}

.hotelsListItem li a {
    color: #dc6067;
}

.hotelsListItem li a span {
    color: #edc4c6;
    font-size: 13px;
    font-weight: bold;
}

.mega-menu ul.destinationsList a,.mega-menu-close a {
    color: #ffa7ab;
}
.mega-menu ul.destinationsList a:hover ,.mega-menu-close a:hover {
    color: #f9efea;
}

.menuProductsList {
    background: #7a2226;
    padding: 50px 25px;
}

.menuProductsList .sejourVignette .sejourImageArea .sejourPrice {
    color: black;
}
.menuProductsList .sejourVignette .sejourImageArea .sejourPrice span {
    color: #67191d;
}

.menuProductsList .sejourVignette:hover .sejourImageArea .sejourPrice{
    color: white;
}
.menuProductsList .sejourVignette a .sejourInfos { color: #ffff; }

.menuProductsList .sejourVignette a:hover .sejourInfos { color: #ffd9db; }
.menuProductsList .sejourVignette a:hover .sejourImageArea img { opacity: 0.95; box-shadow: 0 3px 3px #943136a3; }
.menuProductsList .sejourVignette a:hover .sejourPrice { background: #943136!important; color: #002A3F; }
.menuProductsList .sejourVignette a:hover .sejourPrice span { color: black; }

.main-menu ul.navigation > li.drop-down-wrapper > ul.drop-down {
    background: #fffbf9;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
	border-radius:10px;
	padding:5px
}
.main-menu ul.navigation > li.drop-down-wrapper > ul.drop-down li {
    border-top:0px;
}
.main-menu ul.navigation > li.drop-down-wrapper > ul.drop-down li a:hover {
   background: #9431362e;
}


#menu-toggle {
    color: #f9efea;
}

#menu-toggle i {
    color: #67191d;
}
#menu-toggle i:hover {
    color: #a84045;
}

#mobile-menu ul > li {
    border-bottom: 1px solid #f9efea;
}

#mobile-menu .navigation-mobile li a {
    color: #67191d;
}
#mobile-menu .navigation-mobile li:hover > a {
    color: #a84045;
}

#mobile-menu .navigation-mobile li:hover .destinationsList {
    color: #a84045;
}

#mobile-menu .destinationsList.clearfix {
	background-color:#a84045;
}

#mobile-menu .navigation-mobile li .destinationsList.clearfix li:hover>a {
    color: #f9efea;
}

#mobile-menu .navigation-mobile li .destinationsList.clearfix li ul li {
	background-color:#4e1114;
}

#mobile-menu .navigation-mobile li .destinationsList.clearfix li ul li a {
    color: #c6aa9b;
}

#mobile-menu .navigation-mobile li .destinationsList.clearfix li ul li:hover a {
    color: #a4484d;
}


/*Fin Header ---------------------------------------------------------------*/




body {background-color: #943136;}

#content {background-color: #f9efea;}
.contentHeaderWrapper div h1 {color:#67191d}

.breadcrumb.clearfix {
	background-color: #67191d !important;
	color: white;
	margin-bottom: 0;
}

.sejourPriceWrapper .sejourPrice{
	background-color: #f9efea;
}

.searchdestination{
	display:flex;
	padding-bottom: 20px;
	border-bottom: 1px solid gray;
	margin-bottom: 20px;
	flex-direction: column;
}
.searchdestination .menudestination {
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
.searchdestination .titre{
	font-size: 20px; 
    text-align: center; 
    margin-bottom: 20px; 
    font-weight: bold; 
    color: #67191d;
}


.searchdestination #textweb-menu-current {
	background-color: #66161d;
	border-radius:8px;
}


.textweb-list-element,.clearfix.textweb-menu-container, .searchdestination #textweb-menu-current {
	margin: 0;
	margin-top: 0;
	width:200px;
}

.textweb-list-element, .searchdestination #textweb-menu-current:hover a{
	color:white
}


.textweb-list-element, .searchdestination #textweb-menu-current .textweb-list-element, .textweb-list-element-current {
    font-size: 14px;
    border-bottom: 0px;
}
.textweb-list-element-current:has(.textweb-list-link .textweb-menu-icon.icon-down-open){
	background-color:#f9efea
}
#textweb-menu-current .textweb-list-element-current:has(.textweb-list-link .textweb-menu-icon.icon-down-open) a{
	color:black;
}
#textweb-menu-current .textweb-list-element-current:has(.textweb-list-link .textweb-menu-icon.icon-right-open) a{
	color:#f9efea;
}

.textweb-list-element{
	text-align:center;
	width:100%;
	padding-bottom:2px;
	padding-top:2px;
	
}
.textweb-list-element a{
	color:white;
}
 #textweb-menu-list-ocean-indien{
	     width: 200px;
 }

#textweb-menu-list-ocean-indien , #textweb-menu-list-caraibes{
	border-radius:8px;
	padding: 5px;
	background-color: #66161d;
	position: absolute;
	z-index: 10;
	width:180px;
}

.textweb-list-element:hover{
	border-bottom:1px solid white;
}
.optionsForm .bootstrap-select .btn , .searchdestination .bootstrap-select .btn {
	border:solid 0px;
	border-radius:8px;
	color:white;
	background-color:#943136;
	font-size: 13px;
	padding-top: 2px;
	padding-bottom: 2px;
	/* font-size: 13px; */
	/* padding: 4px; */
}
.btn-default:active:hover, .btn-default.active:hover, .open > .dropdown-toggle.btn-default:hover, .btn-default:active:focus, .btn-default.active:focus, .open > .dropdown-toggle.btn-default:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .dropdown-toggle.btn-default.focus{
    color: #67191d;
    background-color: #f9efea;
    border-color: #f9efea;
}
.bootstrap-select .dropdown-toggle:focus{outline:0px!important;}

.dropdown-menu.open{
	border: 0px;
	background-color:#943136;
	padding:5px;
}
.dropdown-menu.inner{
	background-color:#943136;
	text-align:center;
	
}
.bootstrap-select.btn-group .dropdown-menu li a span.text{
	color:white
}
.bootstrap-select.btn-group .dropdown-menu li a:hover{
	background-color:#943136;
	border-bottom:solid 1px white;
}
.breadcrumb a { color: white; }
.breadcrumb a:hover { color: #ec6c2c; }

.pageHeaderMainText h1{
	color: #66161d!important;
}

.pageHeaderMainText .clearfix.textweb-menu-container #textweb-menu-current .textweb-list-element-current {
	background-color: #66161d!important;
	border-radius:5px;
	width:180px;
}
.pageHeaderMainText .clearfix.textweb-menu-container #textweb-menu-current .textweb-list-element-current a{
	color:#f9efea!important;
}

.pageHeaderMainText .clearfix.textweb-menu-container{
	width:auto
}

.pageHeaderMainText .clearfix.textweb-menu-container #textweb-menu-list{
	background-color:#c77478;
}



.productItemInList  {
    border-top: none;
    padding: 11px;
    margin: 26px 0;
    background-color: white;
    border-radius: 10px;
}
.combineDestinations {color: #67191d;}

.productItemInList.adWordsFond{
    border:0px;
}

.productList.sejourList.clearfix p {color: #9b3b40!important;}

.adWords {
    color: #E84D0E;
    background-color: #ffffff;
}

.sejourFeaturesWrapper {background-color: white !important;}
.sejourFeatures {color: #67191d;}
.productItemInList .productTitle {color: black;}

.sejourList .productItemInList:nth-child(odd) .sejourPrice,.sejourList .productItemInList .sejourPrice {background: #f9efea;border-radius: 5px;}

.sejourList .productItemInList > a:hover .productTitle, .sejourList .productItemInList:hover .productTitle {color: #943136;}
.sejourList .productItemInList > a:hover .yellowStars { color: #F49B00; }
/* .sejourList .productItemInList > a:hover .productImageArea img { opacity: 0.7; } */

.productItemInList > a:hover .sejourPrice , .productItemInList:hover .sejourPrice { background-color: #943136!important; color: white; }
.productItemInList > a:hover .sejourPrice span , .productItemInList:hover .sejourPrice span {color: white!important; }

.productItemInList > a .sejourPrice , .productItemInList .sejourPrice  { background-color: #f9efea!important; color: black; }
.productItemInList > a .sejourPrice span , .productItemInList .sejourPrice span {color: #943136; }

.combineListHotelItem:hover {background-color: #9431361c;}
.combineListHotelItem .productDestination { color: black; font-size: 14px; line-height: 18px; font-weight: bold; }
.combineListHotelItem .productDestination .nombreNuites { color: black; font-weight: normal; }

.imageIllustration{
	background-image:url(/images/logo/picto_all_in_rouge.png);
	background-size: contain;
	background-repeat:no-repeat;
	height: 200px;
	width: 100%;
}

.filtersWidget label:after {border: 2px solid #ffffff;border-top: none;border-right: none;}
.filtersWidget label:before {background: #943136;border:none}
.filterWidgetTitle{border-bottom:none}
.filterWidgetTitle span {background-color:white}

/* .filtersWidget.accesPlageWidget[style="left: 97%;"]{display: none;} */

.combineFeatures {background-color:#f9efea;}
.combineFeatures .combineListTotal {color: black;}
.combineFeatures .combineListTotal span {color: black;}
.combineFeatures .combineListTextLink span {color:black;border-bottom: 1px solid black}


.pageNavigationWrapper {
    border-top: 1px solid #67191d
}

.pageNavigationWrapper a {
    color:#67191d
}
.pageNavigationWrapper .pagePagination li , .pageNavigationWrapper .pagePagination a {color:#67191d}
.pageNavigationWrapper .pagePagination li , .pageNavigationWrapper .pagePagination a:hove {color:#943136}

/*-------------*/




ul li.strong {
    color: #f9efea;
}
.container .middleText a {color:#67191d}
.container .middleText a:hover {color:#943136}


.back2topWrapper a {
    color: #67191d;
    background: #f9efea;
}

.back2topWrapper a:hover{
    color: #f9efea;
    background: #67191d;
}

/**/
.sejourPrice span {color: white;}
.sejourVignette a:hover .sejourPrice { background: #ec6c2c!important; color: white; }
.sejourVignette a:hover .sejourPrice span { color: white; }

.leftColumnList {background-color: white;}
.filtersTopFields {background-color: white !important;}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], textarea { background-color: #67191d80; color: #67191d; border: #67191d;}

input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="tel"]:hover, textarea:hover { border-color: #c45f6430;}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="tel"]:focus, textarea:focus { border-color: #c45f6430; background: #c45f6430;  }

::-webkit-input-placeholder { color: #67191d; }
:-moz-placeholder { color: #67191d; }
::-moz-placeholder { color: #67191d; }
:-ms-input-placeholder { color: #67191d; }

.noUi-connect {background-color: #67191d80;}

.btn, .txt a.btn, input[type="submit"], .icon-tgv-air  {background: #67191d; border: #67191d;}
.btn:hover, .txt a.btn:hover, input[type="submit"]:hover  { background-color: #c45f6430; color: #67191d; }


/*Footer*/
#prefooter {
    background: #67191d;
    border-top: 10px solid #f8dccd;
}

.footerIconsLinks {
    border: 1px solid #f8dccd;
    border-bottom: 10px solid #f8dccd;
}

.footerIconsLinks > div {
    border-top: 1px solid #f8dccd;
}
.footerIconsLinks > div a {
    background-color:#4f0f12;
}
.footerIconsLinks > div a:hover {
    background-color:black;
}

.footerIconsLinks > div a:hover i {
    color:#d37579;
}
.footerIconsLinks > div a:hover {
    color:#ffa7ab;
}

.footerIconsLinks a {
    color: #f3e1d7;
}

.footerIconsLinks a i {
    color: #f8dccd;
}

@media (min-width: 768px){
	.footerIconsLinks {
	    border-top: 1px solid #f8dccd;
	    border-left: 0;
	}
	
	.footerIconsLinks > div {
	    float: left;
	    width: 25%;
	    border-top: 0;
	    border-left: 1px solid #f8dccd;
	}
}

.back2topWrapper {
    background-color: #943136;
    color: black;
}

.back2topWrapper a {
	background-color:#f8dccd;
}

.footerColumn.col-sm-3 .footerColumnInner{
    background-color: #943136;
}

.FooterLinksListsRow a {
    color: #ffa7ab;
}

.footerContactsInfos a {
    border-bottom: 1px solid #ffa7ab;
}

#footer {
    background: #531418;
    color: #943136;
    padding: 35px 25px;
}

.footerLeft a{
    background-image: url(../../images/logo/logo-exotismes-footer-blanc.png);
    background-size: 87%;
    background-repeat: no-repeat;
    display: block;
}
.footerLeft a img{
    opacity:0;
}


.footerCenter li a {
    color: #ffa7ab;
}

.footerCenter .footerCenterLinksList li {
	border-right: 1px solid #ffa7ab;	
}

.footerRight a {
    color: #ffa7ab;
}
.footerRight a:hover {
    color: white;
}
.icon-youtubebleu:before {
    content: url(../fonts/youtuberouge.svg);
}
.icon-pinterestblue:before {
    content: url(../fonts/pinterestrouge.svg);
}
/*Fin Footer*/