/* CSS */
body {background: #fafafa}
.row {width: 960px}
.lsf-icon { margin-right: 1em;}
article p, .panel p {text-align: justify;}
.margtop {margin-top: 2em;}
.txtjustify {text-align: justify;}
.fontnormal {font-weight: normal;}
.txtsmall { font-size: 75%; line-height: inherit; }
.txtlight { font-size: 90%; line-height: inherit; }
.minheight380 {min-height:400px;}
.boxy {display: block; border: solid 4px #fff; box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);  border-radius: 3px; -webkit-transition-property: border, box-shadow; -moz-transition-property: border, box-shadow; -o-transition-property: border, box-shadow; transition-property: border, box-shadow; -webkit-transition-duration: 300ms; -moz-transition-duration: 300ms; -o-transition-duration: 300ms; transition-duration: 300ms;}
.boxy:hover { box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); }
.clear {clear: both; }
.displaynone {display: none;}
hr {-moz-border-bottom-colors: none;-moz-border-left-colors: none;-moz-border-right-colors: none;-moz-border-top-colors: none;border-color: #999;border-image: none;border-style: dotted;border-width: 1px 0 0;clear: both;height: 0;margin: 22px 0 21px;}
sup {font-size: .6em;}
.button-group {position: relative;display: inline-block;margin: 1rem 0;}
.button-group:before {content: attr(data-grouptype);z-index: 99999;color: #999;display: block;font-size: 1rem;padding: 0.5em;border-radius: 50%;background: #fff;position: absolute;left: 42.5%;top: 0;}
.button-group button + button {margin-left: 5px;}
select { font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; border: 1px solid #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-size: 14px; margin: 0 0 12px 0; padding: 6px; height: 32px; width: 100%; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; }
.page_wrap {margin: 0 auto 25px}
p {color: #333;}
h1,h2,h3,h4 {font-family:'Open Sans Condensed',sans-serif; font-weight: normal; color: #333; margin: 20px 0}
header {clear:both; padding: 20px 0 20px; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 1px; }
#headlinks a {clear:both;font-weight: normal;font-size: 13px; text-transform: uppercase; padding: 10px 0 10px;  }
a#scrollUp {bottom: 10px;right: 10px;padding: 5px 10px;background: #73962D;color: #FFF;-webkit-animation: bounce 2s ease infinite;animation: bounce 2s ease infinite; border-radius: 20px;}
a#scrollUp i {font-size: 30px;}
#toppage {padding-top: 0;}
.header_nav {background: #fafafa; padding: 15px 0 0; box-shadow: 0 1px 6px rgba(34, 25, 25, 0.6); z-index: 999}
.header_nav_fullwidth {background: #fafafa; padding: 10px 0 2px; margin-bottom: 25px; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}
.blog_post {clear: both; padding: 15px 0; overflow:auto; margin-bottom: 20px; background:#FFF; box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4)}
.blog_post h3 {margin-top:0}
.blog_post img {}
.post_meta {color: #999; font-size: 14px; margin-bottom: 20px}
.featured_post {}
.featured_post img {margin: 12px 0}
.featured_post h3 {margin:10px 0 0; color: #000;}
.welcome_text {color:#04457B;}
.excerpt {font-size: 20px; margin-bottom: 0; font-weight: normal; font-style:italic}
.note1, .note2 {padding-left: 8px;}
.excerpt {font-size: 20px; margin-bottom: 0; font-weight: normal; font-style:italic}
i.note1, i.note2 {width: 22px;}
span.note {display:inline-block; width: 60px;}
i.note2 {opacity:.4;}
.bleu {color:#04467C;}
.vert {color:#88962D;}
.bold {font-weight: bold;}
.price {text-align: center; font-size: 1.4em; font-weight: bold; color: #88962D; line-height:1.8em; margin-top:.8em;}
.promoprice {text-align:center; font-style: italic; font-size: .9em; }
figcaption {color:#999; font-size:.9em;margin:.5em;}
/* sections */
.section_light {background: #FFF; padding: 20px 0; clear:both;}
.section_light h1 {margin: 0 0 20px 0; padding-bottom: 20px;}
.section_dark {background: #262626; border-top: 0; border-bottom: 1px dotted #999; padding: 20px 0 40px}
.section_dark h2 {color: #999; margin: 0 0 20px 0; font-size: 22px; text-align: center}
.section_main {padding: 20px 0}
.section_main h2 {padding: 0 0 20px; color:#04457B;}
/*.tabs-content p {text-align:justify;}*/
/* END  sections */
.heading_supersize {font-size: 128px; text-align:center; font-weight: normal; line-height: 150px; margin:0 0 10px; color: #212121}
.heading_largesize {font-size: 34px; text-align:; font-weight: normal}
.panel h3 {color:#04457B;}
.panel.callout {background: #FE563B; border: 1px solid #ccc}
.panel.callout p, .panel.callout h4 {color: #fff}
ul.accordion > li.active { border-top: 1px solid #73962D;}
ul.accordion > li.active .content { }
ul.accordion > li:hover { border-top: 1px solid #04467C;}
dl.tabs dd:hover { border-top: 3px solid #04457B; margin-top: -3px;}
dl.tabs dd.active { border-top: 3px solid #789A34 !important; margin-top: -3px;}
dl.tabs dd.active a {background: #fff}
.nav-bar {margin-top: 0; background: none}
.nav-bar > li {border: 0; padding: 0; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 1px; box-shadow: none}
.nav-bar > li > a:first-child {font-size: 15px; text-transform: uppercase; padding: 0 12px}
.nav-bar > li:last-child {border: 0; box-shadow: none}
.nav-bar > li.active:hover { background: #000; cursor: default; }{}
.nav-bar > li:hover { background: #8BE749; color: #000;-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out;-o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }
.nav-bar > li > a { color: #04457B;}
.nav-bar > li > a:hover { color: #000;}
/*.active a {background:#F06B48; color: #FFF}*/
.nav-bar > li.has-flyout > a:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #e0e0e0 transparent transparent transparent; position: absolute; right: 15px; top: 17px; }
.nav-bar > li.has-flyout > a:hover:first-child:after { content: ""; display: block; width: 0; height: 0; border: solid 5px; border-color: #e0e0e0 transparent transparent transparent; position: absolute; right: 15px; top: 17px; }
.flyout {background: #FAFAFA; border-radius: 5px; border: 0; margin-top: -1px; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.7);}
ul.flyout li, .nav-bar li ul li { border-left: 0}
ul.flyout li a, .nav-bar li ul li a { background: #FAFAFA; color:#04457B; border: 0; font-size: 16px;}
ul.flyout li a:hover, .nav-bar li ul li a:hover { background: #04457B; color: #fff; border: 0; -webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out;-ms-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;transition: all .2s ease-in-out; }
/*.nav-bar > li.has-flyout > a:first-child:after { right: 15px;}*/
.nav-bar > li.has-flyout > a:first-child { padding-right: 30px; position: relative; }
/* nav bar vertical */
.nav-bar.vertical > li {border:0;}
.nav-bar.vertical > li:last-child {border:0}	
/* gallery menu */
.gallery-nav-bar {list-style:none; text-align: center; padding-top:10px; font-family: 'Open Sans Condensed',sans-serif; letter-spacing: 2px; text-transform: uppercase}
.gallery-nav-bar li {display: inline-block; margin-right: 1px}
.gallery-nav-bar li {padding: 3px 12px}
.gallery-nav-bar li a {color: #000; padding: 3px 12px}
.gallery-nav-bar li a:hover {background: #C02702; color: #FFF; padding: 3px 12px; border-radius: 3px}
.footer {text-align:center; padding: 50px 0 20px 0;}
/* Chart */
.chart { position: relative; display: inline-block; width: 150px; height: 150px; margin-top: 0; margin-bottom: 85px; text-align: center; font-size: 1.7em;/* font-weight: bold; */color:#04467C;}
.chart canvas { position: absolute; top: 0; left: 10px;}
.chart h4 {}
.percent { display: inline-block; line-height: 135px; z-index: 2;}
.percent:after { content: '%';/*  margin-left: 0.1em;font-size: .8em;*/}
.nopercent:after { content: '°C';}
/* Masonry */
.centered { margin: 0 auto; }
.box {margin: 10px;padding: 10px;background: #fff;border: 0;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);font-size: 100%;line-height: 1.4em;float: left;}
.box p {font-size: 12px; margin: 0; padding: 12px 0}
.box h2 {font-size: 14px;font-weight: 200;}
.box h4 {margin-bottom: 0; font-size: 14px; font-family:Georgia, "Times New Roman", Times, serif; padding: 0;}
.box img, #tumblelog img {display: block;width: 100%;}
.box_comment {background: #fafafa; border-bottom: 1px solid #ccc; padding: 8px; soverflow: hidden;}
.box_comment p {font-size: 11px; padding: 0; margin:0}
.rtl .box { float: right; text-align: right;  direction: rtl;}
.col1 {width: 80px;}
.col2 {width: 217px;}
.col3 {width: 280px;}
.col4 {width: 380px;}
.col5 {width: 480px;}
.col1 img { max-width: 80px; }
.col2 img { max-width: 211px; }
.col3 img { max-width: 280px; }
.col4 img { max-width: 380px; }
.col5 img { max-width: 480px; }
/* fluid masonry */
.box_fluid {margin-bottom: 1.4%;padding: 0;background: #fff;box-shadow: 0 1px 3px rgba(34, 25, 25, 0.4);font-size: 100%;line-height: 1.4em;float: left;}
.box_fluid_inner {padding: 0 15px 0}
.col_fluid {width: 32%}
.col_fluid img {width: 100%}
/* MI Slider */
.mi-slider {position: relative;margin-top: 30px;height: 490px;}
.mi-slider ul {list-style-type: none;position: absolute;width: 100%;left: 0;bottom: 140px;overflow: hidden;text-align: center;pointer-events: none;}
.no-js .mi-slider ul {position: relative;left: auto;bottom: auto;margin: 0;overflow: visible;}
.mi-slider ul.mi-current {pointer-events: auto;}
.mi-slider ul li {display: inline-block;padding: 20px;width: 20%;max-width: 300px;-webkit-transform: translateX(600%);transform: translateX(600%);-webkit-transition: opacity 0.2s linear;transition: opacity 0.2s linear;}
.no-js .mi-slider ul li {-webkit-transform: translateX(0);transform: translateX(0);}
.mi-slider ul li a,.mi-slider ul li img {display: block;margin: 0 auto;}
.mi-slider ul li a {outline: none;cursor: pointer;}
.mi-slider ul li img {max-width: 100%;border: none;}
.mi-slider ul li h4 {display: inline-block;font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;font-style: italic;font-weight: 400;font-size: 18px;padding: 20px 10px 0;}
.mi-slider ul li:hover {opacity: 0.7;} 
.mi-slider nav {position: relative;top: 340px;text-align: center;max-width: 800px;margin: 0 auto;border-top: 5px solid #333;}
.no-js nav {display: none;}
.mi-slider nav a {display: inline-block;text-transform: uppercase;letter-spacing: 5px;font-family:'Open Sans Condensed',sans-serif; font-weight: normal; font-size: 16px;padding: 40px 30px 30px 34px;position: relative;color: #000;outline: none;-webkit-transition: color 0.2s linear;transition: color 0.2s linear;}
.mi-slider nav a:hover,.mi-slider nav a.mi-selected {color: #000;}
.mi-slider nav a.mi-selected:after,.mi-slider nav a.mi-selected:before {content: '';position: absolute;top: -5px;border: solid transparent;height: 0;width: 0;position: absolute;pointer-events: none;}
.mi-slider nav a.mi-selected:after {border-color: transparent;border-top-color: #fff;border-width: 20px;left: 50%;margin-left: -20px;}
.mi-slider nav a.mi-selected:before {border-color: transparent;border-top-color: #333;border-width: 27px;left: 50%;margin-left: -27px;}
/* Move classes and animations */
.mi-slider ul:first-child li,.no-js .mi-slider ul li {-webkit-animation: scaleUp 350ms ease-in-out both;animation: scaleUp 350ms ease-in-out both;}
@-webkit-keyframes scaleUp {0% { -webkit-transform: translateX(0) scale(0); }100% { -webkit-transform: translateX(0) scale(1); }}
@keyframes scaleUp {0% { transform: translateX(0) scale(0); }100% { transform: translateX(0) scale(1); }}
.mi-slider ul:first-child li:first-child {-webkit-animation-delay: 90ms;animation-delay: 90ms;}
.mi-slider ul:first-child li:nth-child(2) {-webkit-animation-delay: 180ms;animation-delay: 180ms;}
.mi-slider ul:first-child li:nth-child(3) {-webkit-animation-delay: 270ms;animation-delay: 270ms;}
.mi-slider ul:first-child li:nth-child(4) {-webkit-animation-delay: 360ms;animation-delay: 360ms;}
.mi-slider ul.mi-moveFromRight li {-webkit-animation: moveFromRight 350ms ease-in-out both;animation: moveFromRight 350ms ease-in-out both;}
.mi-slider ul.mi-moveFromLeft li {-webkit-animation: moveFromLeft 350ms ease-in-out both;animation: moveFromLeft 350ms ease-in-out both;}
.mi-slider ul.mi-moveToRight li {-webkit-animation: moveToRight 350ms ease-in-out both;animation: moveToRight 350ms ease-in-out both;}
.mi-slider ul.mi-moveToLeft li {-webkit-animation: moveToLeft 350ms ease-in-out both;animation: moveToLeft 350ms ease-in-out both;}
.mi-slider ul.mi-moveToLeft li:first-child,.mi-slider ul.mi-moveFromRight li:first-child,.mi-slider ul.mi-moveToRight li:nth-child(4),.mi-slider ul.mi-moveFromLeft li:nth-child(4) {-webkit-animation-delay: 0ms;animation-delay: 0ms;}
.mi-slider ul.mi-moveToLeft li:nth-child(2),.mi-slider ul.mi-moveFromRight li:nth-child(2),.mi-slider ul.mi-moveToRight li:nth-child(3),.mi-slider ul.mi-moveFromLeft li:nth-child(3) {-webkit-animation-delay: 90ms;animation-delay: 90ms;}
.mi-slider ul.mi-moveToLeft li:nth-child(3),.mi-slider ul.mi-moveFromRight li:nth-child(3),.mi-slider ul.mi-moveToRight li:nth-child(2),.mi-slider ul.mi-moveFromLeft li:nth-child(2) {-webkit-animation-delay: 180ms;animation-delay: 180ms;}
.mi-slider ul.mi-moveToLeft li:nth-child(4),.mi-slider ul.mi-moveFromRight li:nth-child(4),.mi-slider ul.mi-moveToRight li:first-child,.mi-slider ul.mi-moveFromLeft li:first-child  {	-webkit-animation-delay: 270ms;animation-delay: 270ms;}
/* Animations */
@-webkit-keyframes moveFromRight {0% { -webkit-transform: translateX(600%); }100% { -webkit-transform: translateX(0%); }}
@-webkit-keyframes moveFromLeft {0% { -webkit-transform: translateX(-600%); }100% { -webkit-transform: translateX(0%); }}
@-webkit-keyframes moveToRight {0% { -webkit-transform: translateX(0%); }100% { -webkit-transform: translateX(600%); }}
@-webkit-keyframes moveToLeft {0% { -webkit-transform: translateX(0%); }100% { -webkit-transform: translateX(-600%); }}
@keyframes moveFromRight {0% { transform: translateX(600%); }100% { transform: translateX(0); }}
@keyframes moveFromLeft {0% { transform: translateX(-600%); }100% { transform: translateX(0); }}
@keyframes moveToRight {0% { transform: translateX(0%); }100% { transform: translateX(600%); }}
@keyframes moveToLeft {0% { transform: translateX(0%); }100% { transform: translateX(-600%); }}
.mi-slider {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* UnSlider */
.banner {position: relative;width: 100%;overflow: auto;font-size: 18px;line-height: 24px;text-align: center;color: rgba(255,255,255,.6);text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);background: #fff;box-shadow: 2px 1px 2px rgba(0,0,0,.25);}
.banner ul {list-style: none;width: 300%;}
.banner ul li {
	display: block;
	float: left;
	width: 33%;
	padding: 160px 0 110px;
	min-height: 350px;
/*		-webkit-background-size: 100% 100%;*/
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	-ms-background-size: 100% 100%;
/*		background-size: 100% 100%;*/
	box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);
}
.banner h1, .banner h2 {	font-size: 50px;	line-height: 52px;color: #fff;}
.banner p {color: #fff; font-size: 18px;}
.banner .btn {
	display: inline-block;
	margin: 25px 0 0;
	padding: 9px 22px 7px;
	clear: both;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	border: 2px solid rgba(255,255,255,.4);
	border-radius: 5px;
}
	.banner .btn:hover {background: rgba(255,255,255,.05);}
	.banner .btn:active {
		-webkit-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		-moz-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		-ms-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		-o-filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
		filter: drop-shadow(0 -1px 2px rgba(0,0,0,.5));
	}
.banner .btn, .banner .dot {
	-webkit-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-moz-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-ms-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	-o-filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
	filter: drop-shadow(0 1px 2px rgba(0,0,0,.3));
}
.banner .dots {position: absolute;left: 0;right: 0;bottom: 20px;}
.banner .dots li {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px;
	text-indent: -999em;
	border: 2px solid #fff;
	border-radius: 6px;
	cursor: pointer;
	opacity: .4;
	-webkit-transition: background .5s, opacity .5s;
	-moz-transition: background .5s, opacity .5s;
	transition: background .5s, opacity .5s;
}
.banner .dots li.active {background: #fff;opacity: 1;}
a.th img {background-color: #fff;}
/* GALLERY */
#gallery ul { list-style:none;}
#gallery .figure {float:left; display: inline;font-size: 12px; line-height: 1.4;text-align: center; margin:1.5em;}
#gallery .figure img {border-radius: 4px;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5); display: block;margin: 0 auto 1em; width:260px; height:195px;}
#gallery .figure img:hover { opacity:.5;cursor: zoom-in; }
#gallery .figcaption {color:#999; font-size:.9em;}
/* Contact form */
#contact_form_errorloc ul li {color: red; list-style-type: none; font-size: .9em; font-style: italic;}
/* cgv */
.h4 {font-size: 23px;font-family:'Open Sans Condensed',sans-serif; font-weight: normal; color: #333;}
/* Media Queries */
@media screen and (max-width: 910px){
	.mi-slider nav {
		max-width: 90%;
	}
	.mi-slider nav a {
		font-size: 12px;
		padding: 40px 10px 30px 14px;
	}
}
@media screen and (max-width: 740px){
	.mi-slider {height: 300px;}
	.mi-slider nav {	top: 220px;}
}
@media screen and (max-width: 490px){ 
	.mi-slider {text-align: center;height: auto;}
	.mi-slider ul {position: relative;display: inline;bottom: auto;pointer-events: auto;}
	.mi-slider ul li {
		-webkit-animation: none !important;
		animation: none !important;
		-webkit-transform: translateX(0) !important;
		transform: translateX(0) !important;
		padding: 10px 3px;
		min-width: 140px;
	}
	.mi-slider nav {	display: none;}
	
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px), (max-width: 900px) {
	.banner h1, .banner h2 {	font-size: 24px;	line-height: 30px;}
	.banner ul li {height: 180px;padding: 0px 0 10px;min-height: 40px;}
	.banner .inner {padding-top: 100px;padding-bottom: 50px;}
	.banner p {font-size: 13px;width: 80%;margin: 0 auto;}
	ol.dots {display: none;}
	.button-group:before {display:none;}
}