/**** conception et integration par Raphael Wittmannn et EXOTISMES 
 * author url : https://raphaelwittmann.net/
 ******/

/*
 *  FONTS
 */ 
body, input { font-family: 'lato', 'Arial', sans-serif; }

.pageHeader h1, .yellowStars:after, .pageHeader.destinationHeader h2, .pokerTxt { font-family: 'lato-light', 'Arial', sans-serif; }


/*
 *  GENERAL
 */ 
html { height: 100%; }
body { background: #E84E0F; font-size: 16px; line-height: 1; color: #FDEDE7; text-align: center; min-height: 100%; }
.contentWrapper { color: white; background: #e84d0e; overflow-x: hidden; width: 100%; min-height: calc(100vh - 41px); }
a { text-decoration: none; color: #E84E0F;  }


.clearfix:before, .clearfix:after { clear: both; content: " "; display: table; }

.yellowStars { font-size: 9px; letter-spacing: -0.7px; white-space: nowrap; padding: 0 12px 0 0; position: relative; top: -2px; display: inline-block; }

/*.yellowStars:after { 
    content: 'NL'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    position: absolute; right: -2px; top: 1px; z-index: 1;
}*/

.normeNL:after { 
    content: 'NL'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -4px; top: 0px; z-index: 1;
}

.normeNF:after{
    content: 'NF'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -4px; top: 0px; z-index: 1;
}

.classeNLLUX:after{
    content: 'Luxe NL'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -20px !important; top: 0px; z-index: 1;
}

.classeNFLUX:after{
    content: 'Luxe NF '; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -20px !important; top: 0px; z-index: 1;
}

.classeNLSUP:after {
    content: 'SUP NL'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -18px !important; top: 0px; z-index: 1;
}

.classeNFSUP:after {
    content: 'SUP NF'; font-size: 8px; line-height: 8px; letter-spacing: 0.3px;
    right: -18px !important; top: 0px; z-index: 1;
}

/*
 *  HEADER
 */ 


.menuWrapper { display: none; background: #fff; text-align: left; pointer-events: none; }
.menuWrapper ul {  }
.menu-opened .menuWrapper { pointer-events: auto; transition-delay: 0s; }

.menuWrapper li { border-bottom: 1px solid rgba(232, 78, 15, 0.2); }
.menuWrapper li a, .menuWrapper li h6 { padding: 10px 13px; font-size: 14px; line-height: 1.1; display: block; color: #E84E0F; }
.menuWrapper li h6 { text-transform: uppercase; background: rgba(232, 78, 15, 0.1); color: black; }
.menuWrapper li a:hover { background: rgba(232, 78, 15, 0.05); color: #002A3F; }

/*
 *  NAV BAR
 */ 


.navBar { background: white; color: #fff; }
.navBar .logoHeaderLink {display: block; padding: 13px ; }
.navBar .logoHeaderLink img { height: 15px; width: auto; display: block; }
.topLogoWrapper { display: flex;}
.pokerNavBar { color: black; }
.lienExo { padding: 10px 13px; text-align:center; }
.lienExo > a { color: #E84E0F; }
@media (max-width: 899px) {
    .pokerNavBar { text-align:center; }
}


/*** menu toggle ***/

body #menu-toggle { display: block; float: right; width: 50px; text-align: center; position: relative; z-index: 9999; color: #002A3F; text-decoration: none; position: absolute; z-index: 10; right: 0; top: 0; background: #FFF; padding: 6px 0 6px; margin-top: 0; }

a#menu-toggle { cursor: pointer; transition-timing-function: linear; transition-duration: .15s; transition-property: opacity,filter; }
#menu-toggle strong { display: inline-block; position: relative; width: 30px; height: 26px; } 
#menu-toggle i, #menu-toggle i:before, #menu-toggle i:after { display: block; background-color: #E84E0F; height: 3px; width: 30px; position: absolute; z-index: 99; left: 0;  border-radius: 2px; transition-timing-function: ease; transition-duration: .15s; transition-property: transform; } 
#menu-toggle i { top: 50%; transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 75ms; }
#menu-toggle i:before { content:''; top: -7px; transition: top 75ms ease .12s, opacity 75ms ease; }
#menu-toggle i:after { content:''; bottom: -7px; transition: bottom 75ms ease .12s, transform 75ms cubic-bezier(.55,.055,.675,.19); }

#menu-toggle.opened i { transform: rotate(45deg);   }
#menu-toggle.opened i:before { transition: top 75ms ease, opacity 75ms ease .12s; top: 0; opacity: 0;  }
#menu-toggle.opened i:after{ bottom: 0; transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(-90deg);  }



/*
 *  PAGE HEADER
 */ 
.iconBackLink { position: absolute; z-index: 1; left: 10px; top: 10px; font-size: 25px; }

.pageHeader { padding: 23px 0 18px; position: relative; }
.pageHeader h1 { text-transform: uppercase; font-size: 5vw; font-weight: bold;line-height: 1.1; padding-top: 61px;}
.pageHeader h2 { font-size: 3vw; font-weight: bold;  line-height: 1.2; font-family: 'lato-light';padding-top: -1px;}
.pageHeader p { font-size: 17px; margin-top: 23px; padding-top: 25px;color: white; font-family: 'lato-light';font-weight: bold;}
.pageHeader a { color: white; }

.pageHeader.destinationHeader { min-height: 17vw; display: flex; flex-direction: column; justify-content: center; }
.pageHeader.destinationHeader h2 { text-transform: uppercase; font-size: 18px; font-weight: normal; }
.pageHeader.destinationHeader h1 { font-weight: bold; font-size: 24px; line-height: 1.1; display: inline; position: relative; }
.pageHeader .titleWrapper { margin-top: 5px; }

.logoExotismesOrange { margin-bottom: 15px; align-self: center; }


/*
 *  CAROUSEL
 */ 

.page { display: flex; flex-flow: row wrap; align-items: stretch;  }

.carouselWrapper { padding: 0 7px; max-width: 900px; margin: 0 auto; background: transparent url(img/ananas.svg) no-repeat 50% 15%; background-size: auto 80%; }
.carouselWrapper .slick-list { padding: 0 0 13px; }
.carouselWrapper .slick-list .slick-slide { outline: 0; }
.carouselWrapper.slick-initialized .slick-slide { display: flex; }

.slick-dots li { display: inline-block; margin: 0 5px; }
.slick-dots li button { border: 2px solid #002A3F; background: #002A3F; text-indent: -10000px; border-radius: 100%; width: 7px; height: 7px; padding: 0; line-height: 0; display: block; outline: 0; }
.slick-dots li.slick-active button { background: transparent; }

.slick-arrow { position: absolute; z-index: 2; left: -45px; top: 50%; background: #fff; border-radius: 100%; width: 40px; height: 40px; line-height: 40px; text-align: center; margin-top: -40px; cursor: pointer;  font-size: 22px; }
.slick-arrow i { position: relative; top: 2px; }
.slick-arrow.slick-disabled { opacity: 0.3; cursor: default; }
.slick-arrow:hover { background: rgba(255,255,255,0.8); }
.slick-arrow.slick-next { left: auto; right: -45px; } 

.carouselWrapper .slick-list { overflow: visible;  }

/*
 *  CARD
 */ 


.card { padding: 0 6px; margin-bottom: 12px; width: 100%; flex: 0 1 50%; position: relative; opacity: 0; top: 30px; transition: opacity 0.3s ease, top 0.3s ease; perspective: 1000px; }

.reset-animation .card, .reset-animation .slick-active .card {  opacity: 0; top: 30px; }

.slick-active .card {  opacity: 1; top: 0; }
.carouselWrapper .card:nth-of-type(4n+2), .carouselWrapper .card:nth-of-type(4n+2) > a { transition-delay: 0.1s; }
.carouselWrapper .card:nth-of-type(4n+3), .carouselWrapper .card:nth-of-type(4n+3) > a { transition-delay: 0.2s; }
.carouselWrapper .card:nth-of-type(4n+4), .carouselWrapper .card:nth-of-type(4n+4) > a { transition-delay: 0.3s; }


.card > a { background: white; border-radius: 10px; padding: 18px 13px; color: #e84d0e; display: block; min-height: 101%; border: 2px solid #fff;  position: relative; outline: 0;transition: transform 0.8s; transform-style: preserve-3d; backface-visibility: hidden;  -webkit-backface-visibility: hidden; transform: rotateY(180deg); }
.reset-animation .card > a, .reset-animation .slick-active .card > a { transform: rotateY(180deg); }
.card > a:hover { border-color: #fdc67f; /* color: white; */ }
.slick-active .card > a { transform: rotateY(0); }

.cardImage { width: 70px; height: 70px; margin: 0 auto 5px; }
.cardImage img { display: block; width: 100%; height: 100%; border-radius: 100%; object-fit: cover; border: 2px solid #7f949f; }
.card > a:hover .cardImage img { border-color: #E84E0F; }

.cardTitle { font-size: 16px; line-height: 1.2; min-height: 64px; display: flex; justify-content: center; align-items: center; }
.cardNights { color: #E84E0F; font-size: 11px; text-transform: uppercase; margin: 5px 0; }
.cardPriceFrom { color: #e84d0e; font-size: 9px; margin: 3px 0; }
.cardPrice { font-size: 38px; font-weight: bold;  line-height: 1; }
.cardPrice span { display: inline-block; position: relative; font-weight: bold;font-size: 44px;}
.cardPrice sup { font-size: 18px; vertical-align: super; white-space: nowrap; position: relative; top: 0; letter-spacing: -1px; }
.cardPrice sub { font-size: 8px; position: absolute; right: 2px; bottom: 7px; z-index: 1; font-weight: normal; letter-spacing: 0.5px; }
.cardFlight { color: #E84E0F; font-size: 11px; text-transform: uppercase; margin: 5px 0; font-weight: bold; }
.cardType { color: #E84E0F; font-size: 10px; text-transform: uppercase; line-height: 1.1; background: #fdc67f; padding: 7px 1px; margin-top: 15px; border-radius: 2px; }

.card > a:before, .card > a:after  { /* content: '\e84d'; */ font-family: "exo-icons"; color: #E84E0F; display: block; /* font-size: 19px; */ line-height: 1; position: absolute; z-index: 1; left: 3px; top: 3px; }
.card > a:after { left: auto; top: auto; right: 3px; bottom: 3px; }



/*
 *  HOME
 */ 
.homeCarousel .page {  }
.homeCarousel .card > a { padding-top: 13px; padding-bottom: 14px; margin: auto;font-family: 'lato';font-weight: bold;}
.homeCarousel .cardTitle { font-size: 14px; line-height: 1.2; font-weight: bold; text-transform: uppercase; min-height: 32px; margin-bottom: 5px; }
.homeCarousel .cardImage { margin-bottom: 5px; }
.bestPriceWrapper { background-color: rgba(255, 220, 1, 0); /* color: #e84d0e; */ }
.bestPriceWrapper .cardNights { /* color: white; */ margin: 2px 0; }
.bestPriceWrapper .cardPrice { font-size: 30px; }
.bestPriceWrapper .cardFlight { /* color: white; */ margin: 0; }
.card > a:hover .bestPriceWrapper, .card > a:hover .bestPriceWrapper .cardFlight { color: #e84d0e; }



/*
 *  PRODUIT
 */ 
.productMainRowWrapper { background: transparent; color: #002A3F; }
.pageMainColMain { text-align: left; }
.rsvpBtn, .noteWrapper { background-color: transparent; }
.promoLabel { background: #E84E0F; padding: 0px 5px 0px 5px; color: #ffdc01; }
.produitSliderWrapper { padding-top: 0; }

.iconCombines img { mix-blend-mode: darken; }
.headerCloneLeft { text-align: left; }

/*
 *  IMAGES
 */ 
.lazyload { opacity: 0; }
.lazyloaded { opacity: 1; transition: opacity 300ms; }

/*
 *  Footer
 */ 

.agenceWrapper { padding: 13px 13px 26px; font-size: 14px; line-height: 1.4; }
.agenceWrapper em { font-style: normal; display: block; font-family: 'lato-light';font-weight: bold;}

.agenceBlock { margin: 5px auto; position: relative; border: 2px solid #E84E0F; border-radius: 10px; background: #fff; max-width: 435px; }
.agenceBlock > a { display: flex; width: 100%;  padding: 10px; text-decoration: none; justify-content: center; align-items: center; }

.agenceBlock .agenceLogo { max-height: 60px; max-width: 100px; display: block; }
.agenceBlock .agenceTextes { margin-left: 15px; text-align: left; }
.agenceBlock .agenceTextes .agenceName { font-weight: bold; color: #e84d0e;}
/* .agenceBlock > a:hover { color: #7f949f; } */
.agenceBlock .agenceTextes .agenceAddr { font-size: 12px; line-height: 1.3; margin-top: 1px; color: #e84d0e;}

/*** SHARE ***/
.share { position: absolute; z-index: 1; top: 64%; left: 101; width: 36%; padding-top: 7px; line-height: 1.5; cursor: pointer; }
.shareBtn { display: block; cursor: pointer; }
.shareBtn:after { content: ''; display: inline-block; width: 25px; height: 25px; background: transparent url(img/share-icon.png) 50% 50% no-repeat; background-size: 100% 100%; margin-left: 10px; position: relative; top: 7px; border-radius: 100%; } 
.shareBtn span { text-decoration: underline; font-size: 14px; text-transform: uppercase; letter-spacing: 1px; }
.shareBtn:hover span { text-decoration: none; color: #002A3F;  }

.footer { padding: 15px 15px; text-align: center; font-size: 12px; line-height: 1.2; background-color: white; color: #E84E0F; }
.footer a {color:white;font-size: 13px;}
.footer a:hover { background: rgba(232, 78, 15, 0.05); color: #002A3F; }

/*
 *  MESSAGES
 */ 
#messageWrapper { display: none; position: fixed; width: 100%; bottom: -60px; left: 0; text-align: center; z-index: 9; opacity: 1; }
#messageWrapper p { display: inline-block; background: #E84E0F; color: #fff; font-size: 16px; padding: 15px; border-radius: 40px; box-shadow: 0 0 13px rgba(0, 0, 0, .3); }

/*
 *  TEXTES SEO
 */ 
.pokerTxt { max-width: 800px; padding: 75px 25px; text-align: left; margin: 0 auto; color: #002A3F; font-size: 15px; line-height: 1.4; }
.pokerTxt .center { text-align: center; }
.pokerTxt > * { margin: 15px 0; }
.pokerTxt h3 { font-size: 22px; font-weight: bold; margin-bottom: 30px; }
.pokerTxt h4 { font-size: 18px; font-weight: bold; }
.pokerTxt h5 { font-size: 16px; font-weight: bold; }

.pokerTxt ul { list-style: disc; padding-left: 15px; }

.share > img{
	padding: 7px;
    background-color: #E84E0F;
}

@media (min-width: 801px) {
    .homeCarousel > .slick-list{
		margin-left: 20%;
	}
}

.footer > p > a {
	color : #E84E0F;
}

.ttc{
	margin-right: -28px;
}

.textRdv{
	padding: 25px; 
	font-size: 35px; 
	line-height: 1.4;
	font-weight: bold;
}

.textRdvBloc{
	margin: 5px auto; 
	position: relative; 
	border-radius: 30px; 
	color:#E84E0F;
	background-color: #fff; 
	max-width: 700px;
	padding: 22px;
	margin-bottom: 26px;
}

.toSiteExo{
	font-size:26px;
	color:#E84E0F;
	background-color: #fff;
	padding:15px;
	border-radius: 30px;
font-weight: bold;	
}

#Compte{
	color:#E84E0F;
	font-size: 30px;
}