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


/*
*  GENERAL
*/ 
html { height: 100%; }
body { color: #002A3F; font-size: 16px; line-height: 1; background: #FDEDE7; text-align: center; min-height: 100%; }
a { text-decoration: none; }

.clearfix:before, .clearfix:after { clear: both; content: " "; display: table; }
/*
*  NAV BAR
*/ 
.navBar { background: #E84E0F; color: #fff; }
.navBar h1 { font-size: 14px; padding: 10px 50px 10px 10px; text-align: left;  white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; }

.controls { display: none; padding: 10px; font-size: 18px; }
.controls a { display: inline-block; cursor: pointer; }
.controls a:hover { color: #FDEDE7; }

.directPageControl { display: inline-block; width: 60px; padding: 5px; font-size: 16px; border: 0; background: #FDEDE7; color: #002A3F; border-radius: 2px; text-align: center; }
.rightAreaNavBar { display: none; }
.menu-opened h1 { border-bottom: 1px solid #fff; }
.menu-opened .rightAreaNavBar, .menu-opened .controls { display: block; margin-top: 10px; }
.menu-opened .navBar {  padding-bottom: 20px; }


/*** menu toggle ***/
#menu-toggle { margin-top: 2px; 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; }

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: #fff; 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); background-color: #fff;  }
#menu-toggle.opened i:before { transition: top 75ms ease, opacity 75ms ease .12s; top: 0; opacity: 0; background-color: #fff; }
#menu-toggle.opened i:after{ bottom: 0; transition: bottom 75ms ease,transform 75ms cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(-90deg); background-color: #fff;  }

/*
*  BROCHURE VIEWVER
*/ 

.brochureWrapper { padding: 0 0 20px 0; max-width: 1400px; margin: 0 auto;}
.brochureWrapper .slick-list { padding: 20px 0; }
.brochureWrapper .slick-list .slick-slide { outline: 0; }
.brochureWrapper img { width: 100%; height: auto; display: block; border-radius: 2px; opacity: 0; visibility: hidden; }
.brochureWrapper img:eq(0) { opacity: 1; visibility: visible; }
.slick-current img, .slick-active img { opacity: 1; visibility: visible;  }
.singlePageWrapper { position: relative; background: #fff url(../img/preloader.gif) no-repeat 50% 50%; background-size: 60px 60px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.slick-arrow { display: block; position: absolute; z-index: 3; top: 50%; margin-top: -20px; right: 101%; text-align: center; width: 40px; border: 2px solid #E84E0F; background: #FFF; color: #E84E0F; font-size: 22px; line-height: 36px; border-radius: 50px; cursor: pointer; }
.slick-arrow.slick-next { left: 101%; right: auto; }
.slick-arrow:active { background-color: #E84E0F;  color: #FFF; }
.slick-arrow.slick-disabled { background-color: #fff; color: #ccc; border-color: #ccc; }


.iconExoForce { 
	font-size : 58px !important;
	margin : 0 !important;
}
.texteForce { 
	font-size : 16px !important;
	margin : 0 !important;
}
.iconCameraForce .iconVideoForce { 
	font-size : 38px !important;
}

.noiconExoForce .noicon-camera .noicon-video { 
	display : none !important;
}

.notexteForce {
	margin-left: 50px;
    font-size: 16px;
}

.icon-infos {
  width: 40%;
  height: 40%;
  min-height: 30px;
  background-image: url('https://www.exotismes.fr/images/logo/icon-infos.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.9;
}

/*
*  LINKS MAPPING
*/ 
[class^="link_"] { background: rgba(232, 78, 15, 0.9); background: rgba(0, 42, 63, 0.9); color: #fff; padding: 20px; position: absolute; z-index: 2; display: flex; justify-content: center; align-items: center; opacity: 0; flex-direction: column; transition: opacity 0.3s ease; border-radius: 2px;  font-size: 14px; }
[class^="link_"]:focus { opacity: 1; }
[class^="link_"] .icon-exotismes { display: block; font-size: 80px; margin: 0 25px; }
[class^="link_"] ul { margin: 25px 25px; }
[class^="link_"] ul li { display: inline-block; }
[class^="link_"] .icon-camera .icon-video { font-size: 36px; }



.sommaireLink { background: rgba(232, 78, 15, 0.3) !important; background: rgba(0, 42, 63, 0.3) !important; color: #fff;  position: absolute; z-index: 2; display: flex; justify-content: center; align-items: center; opacity: 0; flex-direction: column; transition: opacity 0.3s ease; border-radius: 2px;  font-size: 14px; }

/*** SHARE ***/
.share { position: absolute; z-index: 1; top: 100%; left: 0; width: 100%; font-size: 12px; color: #868686; padding-top: 15px; line-height: 1.5; }
.share > span { display: block; }
.share a { display: inline-block; cursor: pointer;  }
.share a:hover { color: #002A3F; }

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

/*
*  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); }

.contentWrapperAffichettes > h1{
	margin-top: 10px;
}

.justify-content-md-center{
	margin-top: 10em;
}

.col-md-auto:hover{
	filter: grayscale(100%);
}