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

/*
*  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_"] ul li i { 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; }

.link_fullpage { width: 100%; height: 100%; top: 0; left: 0; }
.link_halfpage_horizontal_1_of_2 { width: 50%; height: 100%; top: 0; left: 0; }
.link_halfpage_horizontal_2_of_2 { width: 50%; height: 100%; top: 0; left: 50%; }

.link_hebergement_vertical_1_of_3 { width: 92%; height: 28%; top: 13%; left: 4%; flex-direction: row; }
.link_hebergement_vertical_2_of_3 { width: 92%; height: 27%; top: 41%; left: 4%; flex-direction: row; }
.link_hebergement_vertical_3_of_3 { width: 92%; height: 28%; top: auto; bottom: 4%; left: 4%; flex-direction: row; }

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