@charset "UTF-8";

.row-group, .header, .container_form_callback, .container_form_research, .main_nav .the-menu ul, .main-article, .list_voucher_articles .wrap_article article { *zoom: 1; }
.row-group:before, .header:before, .container_form_callback:before, .container_form_research:before, .main_nav .the-menu ul:before, .main-article:before, .list_voucher_articles .wrap_article article:before, .row-group:after, .header:after, .container_form_callback:after, .container_form_research:after, .main_nav .the-menu ul:after, .main-article:after, .list_voucher_articles .wrap_article article:after { content: " "; display: table; }
.row-group:after, .header:after, .container_form_callback:after, .container_form_research:after, .main_nav .the-menu ul:after, .main-article:after, .list_voucher_articles .wrap_article article:after { clear: both; }

.hidden, .container_form_callback .wrap-form label, .js #presentation .side_article .btn { margin: -1px; padding: 0; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); clip: rect(0, 0, 0, 0); position: absolute; }

/* ======================= RESET
========================================================================== */

*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

html, body { margin: 0; padding: 0; position: relative; }

ul.unstyled { list-style: none none; padding: 0; margin: 0; }

img { height: auto; vertical-align: middle; border: 0; }

blockquote, figure { margin-left: 0; margin-right: 0; }

audio, canvas, video { display: inline-block; }

svg:not(:root) { overflow: hidden; }

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

.clear { visibility: hidden; clear: both; margin: 0; padding: 0; line-height: 0; }

.bullet-list{ list-style: none none; margin: 0 0 1em 0; }
.bullet-list ul{ list-style: none none; padding: 0; margin: 0 0 1em 0; }

.bullet-list li { padding-left: .8em; position: relative; line-height: 1.6; }
.bullet-list li:before { color: #3b809c; content: '\2022'; display: block; position: absolute; left: 0; top: 0; }

.icon { background-image: url("../img/global-sprite.png"); background-repeat: no-repeat; background-color: transparent; display: block; height: 17px; }
.icon.icon-user { background-position: 0 -120px; width: 24px; }
.icon.icon-room { background-position: -24px -120px; width: 19px; }
.icon.icon-meal { background-position: -50px -122px; width: 13px; }
.icon.icon-location { background-position: -69px -122px; width: 18px; }
.icon.icon-clock { background-position: -91px -120px; width: 19px; }

/* ======================= BASE
========================================================================== */

html { font-size: 62.5%; font-size: calc(1em * 0.625); -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { font-size: 1.4em; background-color: #eaeaea; color: #666; font-family: Helvetica, Roboto, Arial, sans-serif; line-height: 1.5; 
text-rendering: optimizeLegibility; /* optional: for older browsers */ 
-moz-osx-font-smoothing: grayscale; /* firefox on osx */ 
/*-moz-font-feature-settings: "liga=1, dlig=1"; -moz-font-feature-settings: "liga", "dlig";*/ /* EDIT: new syntax for FF 15+ */ 
/*-ms-font-feature-settings: "liga", "dlig"; 
-o-font-feature-settings: "liga", "dlig"; 
-webkit-font-feature-settings: "liga", "dlig"; 
font-feature-settings: "liga", "dlig";*/ 
/*-webkit-font-variant-ligatures: common-ligatures;*/ /* for iOS and Safari 6 */ 
/*font-variant-ligatures: common-ligatures discretionary-ligatures;*/ /* for up-to-date browsers, including IE10 and Opera 21 */ }

/* #Default
================================================== */

a { color: #69a6c0; text-decoration: underline; }
a:hover, a:focus, a:active { color: #69a6c0; text-decoration: none; }

code, pre, samp, kbd { white-space: pre-line; white-space: pre-wrap; font-family: Consolas, "DejaVu Sans Mono", Courier, monospace; line-height: normal; }

em, .italic, address, cite, dfn, i, var { font-style: italic; }

strong, b, .bold { font-weight: bold; }

small, sub, sup { font-size: smaller; }

sup, sub { vertical-align: baseline; position: relative; top: -0.4em; }

sub { top: 0.4em; }

button { cursor: pointer; }

p, .p-like, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure { margin: 0; line-height: 1.5; }

/* #Titles
================================================== */

h1, .h1-like { margin:0px 0 20px;font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif; line-height: 24px; line-height: 2.4rem;  font-size: 24px; font-size: 2.4rem; line-height:24px;font-weight: 500; -moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */ -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; /* Firefox 14+ */ font-feature-settings: "kern"; /* standard */ font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/ color: #3b809c; }

h2, .h2-like { margin:0px 0 20px;font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif; line-height: 22px; line-height: 2.2rem;font-size: 22px; font-size: 2.2rem; font-weight: 500; -moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */ -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; /* Firefox 14+ */ font-feature-settings: "kern"; /* standard */ font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/ color: #3b809c; }

h3, .h3-like { font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif; font-size: 20px; font-size: 2rem; -moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */ -webkit-font-feature-settings: "kern"; -moz-font-feature-settings: "kern"; /* Firefox 14+ */ font-feature-settings: "kern"; /* standard */ font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/ }

h4, .h4-like { font-size: 18px;font-size: 1.8rem; }

h5, .h5-like, h6, .h6-like  { font-size: 16px;font-size: 1.6rem; }

p { 
	-moz-font-feature-settings: "kern=1"; /* pre-Firefox 14+ */ 
	-webkit-font-feature-settings: "kern"; 
	-moz-font-feature-settings: "kern"; /* Firefox 14+ */ 
	font-feature-settings: "kern"; /* standard */ 
	font-kerning: normal; /* Safari 7+, Firefox 24+, Chrome 33(?)+, Opera 21+*/ }

.mt-2 { margin-top: 2em !important;}
.mt-1 { margin-top: 1em !important;}
.mt-15 { margin-top: 1.5em !important;}
.mb-1 { margin-bottom: 1em !important;}
.mb-0 { margin-bottom: 0 !important;}
.m-0 {margin:0 !important;}
.dpi {display: inline !important;}

/* ======================= GENERAL
========================================================================== */

.scroll-wrapper { -webkit-overflow-scrolling: touch; }

.row { margin: 0 auto; max-width: 71.5em; /* largeur du site par defaut */ }

.columns-inline .columns { display: inline-block; float: none; }

.negative { height: 40px; }

	/* ======================= Responsive class
	========================================================================== */

	@media (max-width: 480px) {
		html, body { max-width: 100%; }
		.show-for-small-only { display: block !important; }
		.hide-for-small-only { display: none !important; }
	}
	/* @media (min-width: 480px) and (max-width: 1024px) {
		.hide-for-small-only { display: none !important; }
	} */
	@media (max-width: 640px) {
		.hide-for-small-only { display: none !important; }
	}
	@media (min-width: 480px) {
		.show-for-small-only { display: none !important; }
	}
	@media only screen and (-webkit-min-device-pixel-ratio: 2) {
		.scroll-wrapper { -webkit-overflow-scrolling: touch; overflow-y: scroll; }
	}
	@media (max-width: 1024px) {
		.negative { height: 5px; }
	}

/* ======================= HEADER
========================================================================== */

form.form-language {width: 170px; margin: 0;}

.header { position: relative; }
.header a.logo { margin: .5em 0; padding: 0; display: block;}

.top-nav {margin-top: 1.5rem; float: right; padding-right: 1.4rem;}
.top-nav .pseudoselect {z-index: 5001;}
.phone-number {position: relative; display: inline-block; vertical-align: middle; font-weight: bold; line-height: 1.4rem; padding-left: 32px;}
.phone-number:before {content:"";background:url("../img/global-sprite.png") -65px -142px no-repeat; width: 25px; height: 25px; display: inline-block; vertical-align: middle; margin-right: 0.6rem;}
.phone-number p {display: inline-block; vertical-align: middle; line-height: 1.4rem;}
.phone-number span {font-size: 0.8em; font-weight: normal;}

.form-language .input-container {display: inline-block; vertical-align: middle; width: 170px; margin-left: 2rem;}

.fr .header a.logo { margin: .84em 0; display: block;}

	/* ======================= Responsive header
	========================================================================== */

	@media (max-width: 480px) {
		header h1 { text-align: center; }
	}

/* ======================= #FOOTER
========================================================================== */

footer section { padding: 1em 0; }

#top_footer { padding: 50px 0; text-align: center; }
#top_footer a { display: block; max-width: 66%; margin: 1em auto; }
#top_footer a + a:hover, #top_footer a + a:active, #top_footer a + a:focus { background: #abb31b; }

#middle_footer .soc { text-align: center; }
#middle_footer .hide-for-small-only.large-6{margin-top:-13px;}
#middle_footer .fil_ariane { list-style: none none; padding: 0; color: white;display:table-cell;vertical-align:middle;height:58px;width:475px;overflow:hidden; }
#middle_footer .fil_ariane li { display: inline-block; margin-right: 1em; }
#middle_footer .fil_ariane li span { display: block; background: #144e5b; color: white; padding: .2em 1.5em .2em 1em; position:relative;}
#middle_footer .fil_ariane li span:after{content:"";background-image:url("../img/global-sprite.png");background-position: -141px 0;position:absolute;top:-1px;right:0;width:9px;height:30px;}
#middle_footer .fil_ariane li a { color: #aab21b; text-decoration: none; }
#middle_footer .fil_ariane li a:hover { text-decoration: underline; }
#middle_footer .fil_ariane li:before{content:"";display:inline-block;width:4px;height:9px;background-image:url("../img/global-sprite.png");background-position:-32px 0;margin-right:14px;}
#middle_footer .fil_ariane li:first-child:before, #middle_footer .fil_ariane li:nth-child(2):before{display:none;}
#middle_footer .social_list { float: right; list-style: none none; margin: 0; padding: 0; }

#footer ul { list-style: none none; margin: 0; padding: 0; text-align: center; }
#footer ul a { color: white; text-decoration: none; }
#footer ul a:hover { color: #69a6c0; text-decoration: none; }
#footer address { font-style: normal; text-align: center; }
#footer address span { display: block; }
#footer address abbr { border: 0; cursor: help; }
#footer .logo_list li { display: block; margin: 0 0 1em 0; text-align: center; }
#footer .logo_list li img { display: block; margin: 0 auto; }

/* ======================= Responsive footer
========================================================================== */

@media (max-width: 1024px) {
	#middle_footer .fil_ariane { display: none; }
	#middle_footer .social_list { text-align: center; float: none; margin: 0 auto; display: inline-block; }
	#footer .logo_list { width: 100%; }
	#footer .logo_list li { width: 32%; display: inline-block; }
}
@media (max-width: 480px) {
	#footer address { text-align: center; margin: 1em 0; }
	#footer .logo_list { width: 100%; }
	#footer .logo_list li { width: 100%; display: block; }
	#top_footer .item { margin-bottom: 1em; overflow: hidden; text-align: left; }
	#top_footer .item img { display: block; float: left; margin-right: 1em; }
	#top_footer .item a + a { background: transparent; display: inline-block; float: left; font-weight: 400; margin: 2em 0 0 12px; max-width: auto !important; padding: 0; position: relative; text-decoration: underline; text-transform: none; }
	#top_footer .item a + a:before { content: ''; height: 10px;  width: 10px;position: absolute; left: -12px; top: 5px; 
		background: transparent url("../img/global-sprite.png") no-repeat -41px -21px; display: block; }
	#top_footer .item a + a:hover, #top_footer .item a + a:active, #top_footer .item a + a:focus { text-decoration: none; -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@media (min-width: 480px) and (max-width: 800px) {
	#top_footer .item { margin-bottom: 1em; overflow: hidden; text-align: left; }
	#top_footer .item img { display: block; float: left; margin-right: 1em; }
	#top_footer .item a + a { background: transparent; display: inline-block; float: left; font-weight: 400; margin: 2em 0 0 12px; max-width: auto !important; padding: 0; position: relative; text-decoration: underline; text-transform: none; }
	#top_footer .item a + a:before { content: ''; height: 10px;  width: 10px;position: absolute; left: -12px; top: 5px; 
		background: transparent url("../img/global-sprite.png") no-repeat -41px -21px; display: block; }
	#top_footer .item a + a:hover, #top_footer .item a + a:active, #top_footer .item a + a:focus { text-decoration: none; -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); }
}
@media (min-width: 480px) and (max-width: 800px) {
	footer #top_footer { padding: 1em 0; }
	footer #top_footer a { margin: 1em 0 0 12px !important; }
	footer #top_footer a img { width: 55px; height: 55px; }
}
@media (min-width: 801px) and (max-width: 1024px) {
	footer #top_footer { padding: 1em 0; }
	footer #top_footer a { margin: 1em auto !important; max-width: 80%; }
	footer #top_footer a img { width: 55px; height: 55px; }
}

#slider_home { width: 100%;}
#slider_home .bx-wrapper {height: 450px; overflow: hidden;}
#slider_home .sliderPicture{display:block;height: 450px;width: 100%;position: relative;top: -140px;background-position: center top;background-repeat: no-repeat;background-size: cover;float: left;list-style: none;}
#slider_home .sliderPicture .row{position: relative;top: 140px;}
#slider_home .article-on-header { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 450px; padding-top: 140px; position: relative; width: 100%; }
#slider_home .article-on-header .article-header-title, #slider_home .article-on-header .article-header-subtitle { text-align: right; color: white; float: right; padding: 0; margin: 0; }
#slider_home .article-on-header .article-header-title a, #slider_home .article-on-header .article-header-title span { background-color: rgba(59, 128, 156, 0.8); color: white; display: inline-block; line-height: 50px; padding: 0 20px; text-decoration: none; }
#slider_home .article-on-header .article-header-title a:hover { background-color: #3b809c; }
#slider_home .article-on-header .article-header-subtitle { clear: right; font-family: Helvetica, Roboto, Arial, sans-serif; }
#slider_home .article-on-header .article-header-subtitle span { background-color: rgba(69, 72, 73, 0.8); font-size: 18.2px; font-size: 23.8px; font-size: 1.7rem; font-weight: normal; padding: 6px 20px; display: inline-block;}
#slider_home .nav{display: none;}
#slider_home .searchFrom {position: relative;top: -73px;}
#slider_home .searchFrom .container_form_research, #slider_home .searchFrom .follow-link{top:0;}
#main #slider_home.api_slider_container .nav a{height: 45px; width: 30px; position: absolute; top: 24%; left: 30%; }
#main #slider_home.api_slider_container .api_slider_previous a{background-position: -90px -143px;text-indent: -9999px;}
#main #slider_home.api_slider_container .api_slider_next a{background-position: 30px -142px;left: 36%;text-indent: -9999px;}

@media (min-width: 1024px) {
	#slider_home .nav-container{margin: 0 auto;max-width: 71.5em;position: relative;height: 80px;top: -100px;margin-top: -80px;}
	#slider_home .nav{display: block;top: 63%; background-color: rgba(255, 255, 255, 0.5); height: 80px; width: 80px; border-radius: 80px;}
	#slider_home .api_slider_next{right: 340px;}
	#slider_home .api_slider_previous{left: 340px;}
}

.navPoint{text-align: center;position: relative;top: -40px;}
.navPoint .wrapperPoint{display: inline-block;}
.navPoint .wrapperPoint .ico{cursor: pointer;}
.navPoint span.n{display: block;width: 15px;height: 15px;float: left;margin-right: 15px;margin-top: 3px;background-color: #6b94c0;border-radius: 15px;}
.navPoint span.n.active{background-color: #33557a;}

.homepage #presentation #all-articles article {display:none;}
.homepage #presentation #all-articles article:first-child {display:block;}
.homepage h1, .homepage h2 {margin-top:0;}

	/* ======================= Responsive Slider
	========================================================================== */

@media (max-width: 1024px) {
	.navPoint{top:-4px;}
	#slider_home .api_slider_previous{left: 5%;}
	#slider_home .api_slider_next{right: 5%}
	.navPoint span.n{height: 6px; width: 6px;}
}

@media (min-width: 480px) and (max-width: 800px) {
	#slider_home .nav{top: 72%;}
}

	/* ======================= Responsive div pleasure
	========================================================================== */

	@media (max-width: 480px) {
		#slider_home { height: 250px; }
		#slider_home .article-on-header { height: 250px; }
		#slider_home .article-on-header .article-header-title, #slider_home .article-on-header .article-header-subtitle { display: none; }
	}

/* ======================= #BUTTONS
========================================================================== */

.btn { -webkit-transition: background-color 300ms ease-out 0s; -moz-transition: background-color 300ms ease-out 0s; -ms-transition: background-color 300ms ease-out 0s; -o-transition: background-color 300ms ease-out 0s; transition: background-color 300ms ease-out 0s; font-weight: 700; margin: .5em 0 0; padding: .4em 20px; text-decoration: none; text-transform: uppercase; }
.btn:hover, .btn:focus, .btn:active { color: white; text-decoration: none; }
.btn:active { position: relative; top: 1px; }

.btn-default { color: white; background-color: #abb31b; }
.btn-default:hover { background-color: #3b809c; }

.btn-devis { color: white; background-color: #F27C56!important;margin: 1em 0 !important;float: right;font-size: 14px;text-decoration: none!important;padding:1.5em; }
.btn-devis:hover { background-color: #d64d1e!important; }

.btn-map { background: white; color: #69a6c0; display: none; text-decoration: underline; font-weight: normal; }
.btn-map:hover { background: white; color: #69a6c0; text-decoration: none; }

	/* ======================= Responsive class
	========================================================================== */

	@media (max-width: 480px) {
		main .btn, main #presentation .btn, main #business_solution .btn { display: block; float: none; margin: 1em auto; max-width: 70%; text-align: center; }
		main #pleasure .btn { max-width: 100%; }
		main .btn-map { display: block; max-width: 100%; margin: 0 1em 1em 1em; }
	}
	@media (min-width: 480px) and (max-width: 800px) {
		body #pleasure .btn { max-width: 100%; }
		main .btn-map { display: block; max-width: 100%; margin: 0 1em 1em 1em; }
	}
	@media (max-width: 320px) {
		main .btn { max-width: 80%; }
	}

/* ======================= #FORMS
========================================================================== */

	/* ======================= New select
	========================================================================== */

	.pseudoselect { position: relative; font-size: 18.2px; font-size: 13px; z-index: 999; }
	.pseudoselect .label-like { color: #666; display: block; height: 30px; text-decoration: none; background: white; padding: .4em 1.5em .45em 1em; position: relative;overflow:hidden; }
	.pseudoselect .label-like:hover { color: #69a6c0; }
	.pseudoselect .label-like:after { content: ''; width: 14px; height: 9px; 
		-webkit-transition: all 0.1s ease; -moz-transition: all 0.1s ease; -ms-transition: all 0.1s ease; -o-transition: all 0.1s ease; transition: all 0.1s ease; 
		transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); -webkit-transform: rotate(0deg); 
		filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(0deg), M12=-sin(0deg), M21=sin(0deg), M22=cos(0deg)); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(0deg), M12=-sin(0deg), M21=sin(0deg), M22=cos(0deg))"; 
		zoom: 1; display: block; position: absolute; right: 6%; top: 40%; 
		background: transparent url("../img/global-sprite.png") no-repeat -40px -9px; }
	.pseudoselect .label-like.active:after,  .pseudoselect .label-like.toggle-active:after{ 
		transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); 
		filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg)); 
		-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg))"; zoom: 1; 
		}
	.pseudoselect .was_a_select {background: white; display: none; left: 0; list-style: none none; margin: 0; padding: 0; position: absolute; top: 2.55em; width: 100%; z-index: -1; }
	.pseudoselect .was_a_select a { -webkit-transition: background 0.1s ease-in; -moz-transition: background 0.1s ease-in; -ms-transition: background 0.1s ease-in; -o-transition: background 0.1s ease-in; transition: background 0.1s ease-in; background: #3b809c; color: #fff; display: block; padding: .5em 1em; text-decoration: none; }
	.pseudoselect .was_a_select a:hover { background: #69a6c0; color: #fff; text-decoration: none; }
	.pseudoselect .was_a_select.open { opacity: 1; filter: alpha(opacity=100); transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -webkit-transform: translate(0, 0); zoom: 1; display: block; z-index: 50; }

	/* ======================= Callback
	========================================================================== */


		/* ==================== Callback by market
		================================================== */

		.container_form_callback .toggle_callback { cursor: pointer; height: 175px; left: -52px; position: absolute; top: 25%; width: 52px; }
		

		/* ==================== general styles
		================================================== */
		
		.container_form_callback { -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; background: #eaeaea; position: fixed; padding: 1.5em; right: -375px; top: 170px; width: 375px; z-index: 5000; border: 1px solid #AAB31A;}
		.container_form_callback .close_button{position:absolute; right:2px; top:2px;width:23px;height:23px;background-image:url("../img/global-sprite.png");background-position:-122px -119px;cursor:pointer;}
		.container_form_callback.open { right: 0; }
		.container_form_callback p { margin-bottom: 1em; }
		.container_form_callback .toggle_callback.active {left: -52px;}
		.container_form_callback .toggle_callback span.text{
			color:white;display:block;text-align:center;font-size:16px;line-height:39px;background-color:#abb31b;
			-moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);transform:rotate(-90deg);
			position:absolute;bottom:68px;left:-56px;width:175px;height:39px;
		}
		.container_form_callback .toggle_callback span.text:after{content:"";width:22px;height:20px;margin-left:5px;vertical-align:middle;
			display:inline-block;background-image:url(../img/global-sprite.png);background-position:-98px -61px;
			transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); }
		.container_form_callback .toggle_callback span.arrow {background-color:#abb31b;width:13px;height:26px;position:absolute;left: 0px; top: 74px;
			-webkit-border-radius: 13px 0 0 13px; border-radius:13px 0 0 13px;
		}
		.container_form_callback .toggle_callback span.arrow:before {content:""; 
			-webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; 
			transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); 
			filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg)); 
			-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg))"; 
			zoom: 1; display: block; width: 8px; height: 10px; 
			background:  url("../img/global-sprite.png") no-repeat -41px -21px; position: absolute;top:8px;left:2px ; 
			}
		.container_form_callback .toggle_callback.active span.arrow:before { 
			transform: rotate(360deg); -moz-transform: rotate(360deg); -o-transform: rotate(360deg); -webkit-transform: rotate(360deg); 
			filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(360deg), M12=-sin(360deg), M21=sin(360deg), M22=cos(360deg)); 
			-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(360deg), M12=-sin(360deg), M21=sin(360deg), M22=cos(360deg))"; 
			zoom: 1; left:7px;}
		.container_form_callback .wrap-form { margin-bottom: 1.5em; }
		.container_form_callback .form-callback .half-wrap-form { float: left; width: 46.8%; }
		.container_form_callback .form-callback .half-wrap-form.nth-child-2np1 { margin-right: 1.5em; }
		.container_form_callback .wrap-form.full-wrap-form { width: 100%; float: none; clear: both; }
		.container_form_callback .wrap-form [type=text] { -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; font-size: 14px; font-size: 1.3rem; border: 0; font-style: italic; height: auto; margin: 0; padding: .3em; }
		.container_form_callback .wrap-form textarea { -webkit-box-shadow: 0 0 0 transparent; -moz-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; font-size: 14px; font-size: 1.3rem; border: 0; color: #999; height: 90px; margin: 0 0 1.5em 0; resize: vertical; }
		.container_form_callback .btn-submit { font-size: 14px; font-size: 1.4rem; float:right; margin: 0 auto; max-width: 50%; }
		.container_form_callback > em {float:left;}
		#CallbackDeForm .wrap-form input[type="text"] {height:3rem;}
		
		.container_form_callback .wrap-select{background:white;position:relative;}
		.container_form_callback .wrap-select:after{content:"";width:30px;height:30px;position:absolute;top:0;right:0;background-image:url("../img/global-sprite.png");background-position: -55px -66px;}
		.container_form_callback .wrap-form select {position:relative;z-index:2; -webkit-box-shadow: 0 0 0 white; -moz-box-shadow: 0 0 0 white; box-shadow: 0 0 0 white; background-color: transparent; background-image:none;border: 0; font-size: 14px; font-style: normal; height: auto; margin: 0; padding: .43em 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#666;}
		.container_form_callback .wrap-form select:not(:checked) { font-style: italic; color: #9b9b9b; }
		.container_form_callback .wrap-form select option {color:#666;}

		/* ==================== Responsive callback
		================================================== */

		@media (max-width: 1024px) {
			.container_form_callback { -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; top: 121px; }
			.container_form_callback .toggle_callback span.text, .container_form_callback .toggle_callback span.arrow{display:none;}
			.container_form_callback.open { right: 13px; }
			.container_form_callback .toggle_callback { background: transparent url("../img/global-sprite.png") no-repeat -87px -52px !important; height: 51px; top: -24px; left: -58px; width: 44px; }
			.fr .container_form_callback .toggle_callback { top: -41px; }
			.nl .container_form_callback .toggle_callback,
			.vl .container_form_callback .toggle_callback,
			.wl .container_form_callback .toggle_callback,
			.en .container_form_callback .toggle_callback,
			.de .container_form_callback .toggle_callback { top: -24px; }
			.fixed-mobile .container_form_callback { top: 37px !important; }
			.fixed-mobile .container_form_callback .toggle_callback { top: -38px !important; }
			.container_form_callback .toggle_callback span { 
				transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform: rotate(90deg); 
				filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90deg), M12=-sin(90deg), M21=sin(90deg), M22=cos(90deg)); 
				-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(90deg), M12=-sin(90deg), M21=sin(90deg), M22=cos(90deg))"; 
				zoom: 1; bottom: 5px; left: 39%; top: auto; }
			.container_form_callback .toggle_callback.active { left: 330px; }
			.container_form_callback .toggle_callback.active span { transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90deg), M12=-sin(-90deg), M21=sin(-90deg), M22=cos(-90deg)); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-90deg), M12=-sin(-90deg), M21=sin(-90deg), M22=cos(-90deg))"; zoom: 1; }
		}
		@media (width: 414px) {
			.container_form_callback { width: 414px !important; right: -414px !important; }
			.container_form_callback.open { right: 0 !important; }
			.container_form_callback .toggle_callback.active { left: 356px !important; }
		}
		@media (max-width: 480px) {
			.container_form_callback { width: 375px; right: -375px; z-index: 10000; }
			.container_form_callback.open { right: 0; }
			.container_form_callback .toggle_callback.active { left: 317px; }
			.container_form_callback .wrap-form.half-wrap-form { width: 100%; float: none; clear: both; }
		}
		@media (width: 320px) {
		.container_form_callback { width: 320px !important; right: -320px !important; }
		.container_form_callback.open { right: 0 !important; }
		.container_form_callback .toggle_callback.active { left: 262px !important; }
		}

/* ================================= SEARCH
=================================================================================== */

.container_form_research { background: rgba(0, 0, 0, 0.6); height: 73px; margin-bottom: -4.3em; padding: 20px; position: relative; top: -73px; width: 72%; float:left;}
.container_form_research .label-like { font-style: italic; color: #666; }
.container_form_research .label-like:after { width: 30px; height: 30px; top: 0; right: 0; background: #3b809c url("../img/global-sprite.png") no-repeat -55px -66px; }
.container_form_research .label-like.active:after { top: 0; }
.container_form_research .was_a_select { top: 30px; }
.container_form_research .was_a_select a { background: white; color: #666; }
.container_form_research .wrap-form.third-wrap-form { float: left; margin-right: 1em; width: 24%; }
.container_form_research .btn-submit { font-size: 16.8px; font-size: 19.6px; font-size: 1.4rem; display: block; margin: 0; padding: .55em 1em; white-space: nowrap; }
.container_form_research .inactive{opacity:0.5;filter: alpha(opacity=50);}
.container_form_research .inactive:before{content:" ";height:30px;position:absolute;top:0;left:0;width:100%;z-index:10;background-color:transparent;}

.multicolumns { width: auto; }
.multicolumns ul { float: left; max-width: 100px; margin: 0; padding: 0;}
.multicolumns ul > li:first-child { color: black; font-weight: bold; margin-bottom: 10px;}
.multicolumns ul ul { float: none; margin: 0; padding: 0;}


.follow-link { background: #3b809c; float: right; height: 73px; line-height: 1.15; margin-bottom: -4.3em; position: relative; top: -73px; width: 200px; }
.follow-link a { color: white; display: block; font-weight: bold; padding: 20px 2em 20px 20px; text-align: center; text-decoration: none; }
.follow-link a:after{content:"";position:absolute;top:44%;right:10px;width:10px; height:10px;background: transparent url("../img/global-sprite.png") no-repeat -40px -21px; }
.medium-12 .follow-link, .medium-8 .follow-link, .medium-4 .follow-link {display:none;}

.container_form_research .grouped {left:-350px;border:1px solid #ddd;width:762px;}
.container_form_research .grouped ul.group {list-style:none;float:left;width:20%;padding:0;}
.container_form_research .grouped:before {border-bottom:1px solid white;content:"";left:349px;position:absolute;top:-1px;width:130px;}
.container_form_research .grouped ul.group li:first-child {font-weight:bold;}
.es .container_form_research .grouped {left:0;width:288px;}
.es .container_form_research .grouped ul.group{width:50%;}
.es .container_form_research .grouped:before {left:0;}

	/* ================================= Responsive search
	=================================================================================== */

	.container_form_research select{max-width:90%;}

/* ================================= RESPONSIVE QUOTE BUTTON (follow link)
=================================================================================== */

.tablet .product-overview .follow-link{display:none;}
@media (max-width: 1024px) {
	/*apparence pour ecran non desktop-like*/
	.follow-link { background: transparent url() no-repeat 0 0; height: auto; margin: 0 0 1.5em 0; top: 10px; width: 100%; float: none; }
	.follow-link a { background: #3b809c;display: block; padding: 14px 20px; }
	.follow-link a:after{content:"";position:absolute;top:40%;right:10px;width:10px; height:10px;background: transparent url("../img/global-sprite.png") no-repeat -40px -21px; }
	.negative .follow-link{display:none;}
}
@media (min-width: 641px) and (max-width: 1024px) {
	/*apparence pour ecran medium*/
	.medium-4 .follow-link{display:block;padding-top:1em;}
	.referencies-page .medium-4 .follow-link{display:block;}
	.referencies-page .medium-8 .follow-link{display:none;}
	.referencies-detail .medium-4 .follow-link{display:none;}
	.referencies-detail .medium-8 .follow-link{display:block;}
	.referencies-page .medium-12 .follow-link{display:block; width: 20em; position: absolute; right: 1em; top:0;}
	.referencies-page h1{margin: 20px 0 30px;}
}
@media (max-width: 640px) {
	/*apparence pour ecran small*/
	.medium-8 .follow-link{display:block;padding-top:0px;margin-top:1em;}
	.referencies-page .medium-8 .follow-link{display: block;}
	.referencies-page .medium-4 .follow-link{display: none;}
	.referencies-detail .medium-4 .follow-link{display:block;}
	.referencies-detail .medium-8 .follow-link{display:none;}
	.referencies-page .medium-12 .follow-link{display:block;}
	.referencies-page article .medium-4 {display: none;}
}

	/* ======================= Responsive callback
	========================================================================== */

	.tablet.portrait .pseudoselect .was_a_select { display: none; }
	.tablet.portrait .pseudoselect .was_a_select.open { display: block; }

	@media (max-width: 1024px) {
		.container_form_research { width: 100%; right: 0; left: auto; }
		.container_form_research .wrap-form.third-wrap-form { width: 24%; }
	}
	@media (max-width: 599px) {
		.container_form_research .wrap-form { float: left; }
		.container_form_research .wrap-form:nth-child(2) { display: none; }
		.container_form_research .wrap-form:nth-child(3) { display: none; }
		.container_form_research .wrap-form.third-wrap-form { width: 81.7%; }
		.container_form_research .btn { background: #abb31b url("../img/global-sprite.png") no-repeat -52px -32px; float: left; height: 32px; width: 32px; text-indent: -999em; }
	}
	@media (min-width: 600px) and (max-width: 800px) {
		.container_form_research .wrap-form.third-wrap-form { width: 28.7%; }
		.container_form_research .btn { background: #abb31b url("../img/global-sprite.png") no-repeat -52px -32px; float: left; height: 32px; width: 32px; text-indent: -999em; }
	}
	@media (min-width: 801px) and (max-width: 1024px) {
		.container_form_research .wrap-form.third-wrap-form { width: 29.8%; }
		.container_form_research .btn { background: #abb31b url("../img/global-sprite.png") no-repeat -52px -32px; float: left; height: 32px; width: 32px; text-indent: -999em; }
	}

/* ======================= #NAVIGATION
========================================================================== */

.basic-list { list-style: none none; padding: 0; margin: 0; }
.basic-list li { display: block; }
.basic-list li a { display: inline-block; padding: .25em 0; }

.aside-list { list-style: none none; padding: 0; margin: 0; }
.aside-list li { display: block; margin-bottom: .5em; }
.aside-list a { background: white; display: block; padding: .5em; text-align: center; }

.social_list li { display: block; float: left; margin-right: 8px; }
.social_list li a { display: block; width: 34px; height: 34px; opacity: 0.8; filter: alpha(opacity=80); }
.social_list li a:hover, .social_list li a:focus { opacity: 1; filter: alpha(opacity=100); }

/* ================================= main nav
=================================================================================== */

.main_nav { background-color: #333333; font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif; height:39px;}
.main_nav .the-menu ul { list-style: none none; margin: 0; padding: 0; }
.main_nav .the-menu li { display: block; float: left; height: 39px; position: relative; font-size: 19px; }
.main_nav .the-menu li:hover > ul { display: block; z-index: 30; }
.main_nav .the-menu li > ul { display: none; background: #fff; left: 50%; margin:0 0 0 -100px; padding: .2em 0 0; position: absolute; right: auto; top: 39px; width: 200px; z-index: 0; }
.main_nav .the-menu li > ul { -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.8); -webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.8); -o-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.8); box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.8); filter:progid:DXImageTransform.Microsoft.Shadow(color=#cfcfcf, Direction=180, Strength=5); }
.main_nav .the-menu li > ul:before { background: transparent url("../img/global-sprite.png") no-repeat -23px -31px; content: ''; display: block; height: 9px; left: 50%; margin: 0 auto 0 -9px; position: absolute; top: -9px; width: 17px; }
.main_nav .the-menu li > ul > li { font-size: 14px; font-size: 1.4rem; float: none; font-family: Helvetica, Roboto, Arial, sans-serif; position: relative; text-align: center; }
.main_nav .the-menu li > ul > li a { background: #fff; color: #333; display: block; padding: 0 1em; }
.main_nav .the-menu li > ul > li a:hover { background: #69a6c0; color: #fff; text-decoration: none; }
.main_nav .the-menu li > ul > li a:hover:after { opacity: 0; filter: alpha(opacity=0); }
.main_nav .the-menu a { color: #efefef; display: block; padding: 0 1em; position: relative; text-decoration: none; line-height: 38px;}
.main_nav .the-menu a:hover { color: white; }
.main_nav .oldselect { display: none; }
.main_nav .the-menu ul > li > a:after {
	-webkit-transition: all 0.1s cubic-bezier(0.175, 0.835, 0.735, 0.325);
	-moz-transition: all 0.1s cubic-bezier(0.175, 0.835, 0.735, 0.325);
	-ms-transition: all 0.1s cubic-bezier(0.175, 0.835, 0.735, 0.325);
	-o-transition: all 0.1s cubic-bezier(0.175, 0.835, 0.735, 0.325);
	transition: all 0.1s cubic-bezier(0.175, 0.835, 0.735, 0.325);
	opacity: 0;
	filter: alpha(opacity=0);
	background: transparent url("../img/global-sprite.png") no-repeat -24px -77px;
	bottom: 0;content: '';display: block;height: 12px;width:23px;left: 50%;position: absolute;text-align: center;margin-left: -12px;
}
.main_nav .the-menu ul > li > a:hover:after {opacity: 1;filter: alpha(opacity=100);bottom: -12px;z-index: 10;}
.main_nav .the-menu ul > li.active > a:after {opacity: 1;filter: alpha(opacity=100);bottom: -12px;z-index: 10;}
.greenarrow { opacity: 0; filter: alpha(opacity=0); background: transparent url("../img/global-sprite.png") no-repeat -24px -77px; bottom: 0; content: ''; display: block; height: 12px; left: 0; position: absolute; text-align: center; width: 23px; }
.mini-menu-title { color: white; display: block; font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif; font-size: 25.2px; font-size: 1.8rem; height: 39px; left: 0; line-height: 39px; position: absolute; text-align: center; top: 0; width: 100%; }
.main_nav .the-menu .nav-language-form{display:none;}

	/* ================================= Responsive main nav
	=================================================================================== */

	@media (max-width: 1024px) {
		.fixed-mobile .main_nav { position:fixed !important; top:0; width:100%; z-index:1001; }
		.main_nav .the-menu ul > li.active > a:after { display: none !important;}
	}

	.mobile .fixed-mobile .main_nav, .tablet.portrait .fixed-mobile .main_nav { position:fixed; top:0; width:100%; z-index:1001; }
	.mobile .the-menu ul:before, .smartphone .the-menu ul:before, .tablet.portrait .the-menu ul:before { display: none !important; }
	.mobile .the-menu li:after, .smartphone .the-menu li:after, .tablet.portrait .the-menu li:after { display: none !important; }
	.mobile .the-menu a:after, .smartphone .the-menu a:after, .tablet.portrait .the-menu a:after { display: none !important; }

	@media (max-width: 480px) {
		.main_nav { position: relative; height: 39px; }
		.main_nav.open { height: auto; }
		.main_nav.open ul { display: block; }
		.main_nav.open ul ul.sub-nav { display: none !important; }
		.main_nav.open .oldselect { background: #565656; display: block; padding: 0 1.3em 1em 1.3em; text-align: center; }
		.main_nav.open .oldselect:before { border-top: 1px solid #9ea61b; content: ''; display: block; width: 100%; margin: 0 auto; padding: 1em 0 0 0; }
		.main_nav.open .oldselect .was_a_select.open { position: static; margin-bottom: .5em; }
		.main_nav .columns { padding: 0; }
		.main_nav .show-for-small-only { display: block; }
		.main_nav .hamburger { background: transparent url("../img/global-sprite.png") no-repeat -24px -47px; display: block; height: 20px; margin-top: 9px; width: 20px; position: absolute; left: 7px; z-index: 9999; }
		.main_nav .the-menu ul { background: #565656; margin: 10px 0 0 0; padding: 1em 0 0.25em 0; display: none; }
		.main_nav.open .the-menu > ul { display: block; }
		.main_nav .the-menu ul ul{display:none;}
		.main_nav .the-menu ul li { background: #686868; display: block; float: none; margin: 0 1em .5em 1em; text-align: center; }
		.main_nav .the-menu ul li:hover > ul, .main_nav .the-menu ul li > ul:before, .main_nav .the-menu ul li a:hover:after, .main_nav .the-menu ul li a.selected:after { display: none; }
		.main_nav .the-menu ul li a.label-like{color:#666;font-size:16px;}
		.main_nav .the-menu ul li a.label-like span.ico{	position: absolute;right: 6%;top: 40%;width: 14px;height: 9px;
			background: transparent url("../img/global-sprite.png") no-repeat scroll -40px -9px;
			content: "";display: block;transform: rotate(0deg);transition: all 0.1s ease 0s;}
		.main_nav .the-menu ul li a.label-like.active span.ico,  .main_nav .the-menu ul li a.label-like.toggle-active span.ico{ transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg)); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg))"; zoom: 1; }
		.main_nav .the-menu ul li .pseudoselect ul{display:block;}
		.main_nav .the-menu ul li:last-child{height:48px;}
		.main_nav .the-menu .pseudoselect{padding:10px 0;background-color:#565656;border-top:1px solid #9ea61b;}
		.main_nav .the-menu .pseudoselect a{height:38px;}
	}
	@media (min-width: 480px) {
		.main_nav .show-for-small-only { display: none; }
	}
	@media (min-width: 480px) and (max-width: 1024px) {
		.header .main_nav { position: relative; height: 39px; }
		.header .main_nav.open { height: auto; }
		.main_nav.open ul { display: block; }
		.main_nav.open ul ul.sub-nav { display: none !important; }
		.header .main_nav .columns { padding: 0; }
		.header .main_nav .show-for-small-only { display: block; }
		.header .main_nav .hamburger { background: transparent url("../img/global-sprite.png") no-repeat -24px -47px; display: block; height: 20px; margin-top: 9px; width: 20px; position: absolute; left: 7px; z-index: 9999; }
		.header .main_nav ul { background: #565656; margin: 39px 0 0 0; padding: 1em 0; display: none; }
		.main_nav.open .the-menu > ul { display: block; }
		.header .main_nav ul li { background: #686868; display: block; float: none; margin: 0 1em .5em 1em; text-align: center; }
		.header .main_nav ul li:hover > ul { display: none; }
		.header .main_nav ul li > ul:before { display: none; }
		.header .main_nav ul li a:hover:after { display: none; }
		.header .main_nav ul li a.selected:after { display: none; }
		.header .main_nav .show-for-small-only { display: block !important; }
		.main_nav .the-menu ul li a.label-like{color:#666;font-size:16px;}
		.main_nav .the-menu ul li a.label-like span.ico{background: transparent url("../img/global-sprite.png") no-repeat scroll -40px -9px;
		content: "";display: block;height: 9px;position: absolute;right: 6%;top: 40%;transform: rotate(0deg);transition: all 0.1s ease 0s;width: 14px;}
		.main_nav .the-menu ul li a.label-like.active span.ico,  .main_nav .the-menu ul li a.label-like.toggle-active span.ico{ transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -webkit-transform: rotate(-180deg); filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg)); -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=cos(-180deg), M12=-sin(-180deg), M21=sin(-180deg), M22=cos(-180deg))"; zoom: 1; }
		.main_nav .the-menu ul li .pseudoselect ul{display:block;}
		.main_nav .the-menu ul li:last-child{height:48px;}
		.main_nav .the-menu .pseudoselect{padding:10px 0;background-color:#565656;border-top:1px solid #9ea61b;}
		.main_nav .the-menu .pseudoselect a{height:38px;}
	}

	/* ================================= Responsive language form
	=================================================================================== */

	@media (max-width: 767px) {
		.main_nav .the-menu .nav-language-form { display: block; }
		.form-language { display: none; }
		.nav-language-form {height: auto !important;}
	}
	.mobile .form-language label, .tablet .form-language label {display: none;}
	.nav-language-form label {display: none;}
	.nav-language-form select {margin: 0;}

/* ======================= #MAPS
========================================================================== */

#maps_home .content_tab { min-height: 451px; position: relative; }
#maps_home .content_tab .more_info { background: white; padding: 10px; z-index: 100; position: relative;}
.more_info .legend {position: relative;}
.more_info em {color: #999;}
.more_info .legend:before { content: "•"; display: block; position: absolute; left: -12px; top: -12px; font-size: 30px;}
.more_info .legend-01:before { color: #20657a;}
.more_info .legend-02:before { color: #69a6c0;}
.more_info .legend-pv:before { color: #f07d5a;}
.more_info .legend-cp:before { color: #007a3e;}
.more_info .legend-sp:before { color: #2f5d8e;}
#maps_home .content_tab .more_info + .other-items { margin-top: 5px;}
#maps_home .content_tab .more_info ul { list-style: none none; margin: 10px 0 0 40px; padding: 0;}
#maps_home .content_tab .other-items ul { margin: 10px 0 0 0;}
#maps_home .content_tab .other-items li { text-align: center; margin: 0 0 5px 0;}
#maps_home .map { position: absolute; right: 0; top: 0;}
#maps_home .map .bg-map { display: block; float: right; }

/* ================================= Pin
=================================================================================== */

.pin-list { list-style: none none; margin: 0; padding: 0; position: absolute; }
.pin-list > li { margin-left: -14px; margin-top: -18px; position: absolute; }

.pin { background-color: transparent; background-repeat: no-repeat; background-image:url("../img/global-sprite.png");display: block; height: 18px; position: absolute; text-decoration: none; width: 14px; }
.pin:hover { text-decoration: none; margin-top: -1px; }
.pin:hover .card-pin { display: block; }
.pin.pin-sem { background-position: -31px -141px;}
.pin.pin-incent { background-position: 0 -140px;}
.pin.pin-cp { background-position: -38px -182px;}
.pin.pin-pv { background-position: -19px -182px;}
.pin.pin-sp { background-position: 0 -182px;}
.js .card-pin { display: none; }
.card-pin { -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; background: white; padding: 25px; width: 250px; z-index: 300; left: 35px;top:-100px;position:absolute; }
.index .card-pin:before { content: ""; position: absolute; top: 96px;left: -12px; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-right: 12px solid white; }
.index .card-pin .close-card{position:absolute;top:10px;right:10px;}
.card-pin.open { display: block; position: relative; }
.card-pin img { display: block; margin-bottom: 10px; }
.card-pin h2 { font-family: Helvetica, Roboto, Arial, sans-serif; font-size: 15px; font-weight: 400; margin: 0; padding: 0; }
.card-pin em { font-size: 14px; font-size: 1rem; font-size: 12px; color: #999; }
.card-pin ul { list-style: none none; margin: 1em 0; padding: 0; position: static; }
.card-pin ul li { position: static; }
.card-pin ul li:before {
	content: '';
	display: inline-block;
	width: 20px;
	height: 15px;
	background-image: url('../img/global-sprite.png');
	background-repeat: no-repeat;
	background-color: transparent;
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.card-pin ul .list-seminars:before { background-position: -2px -65px; }
.card-pin ul .list-incentives:before { background-position: -2px -83px; }
.card-pin ul .list-locations:before { background-position: -2px -102px; }

.tablet #onglet_01 .large-4{width:100% !important;}
.tablet .content_tab .more_info{margin-top: 441px; width: 447px; float: left;}
.tablet #maps_home .content_tab .more_info + .other-items { margin-top: 441px; margin-left: 20px;}
	/* ======================= Responsive maps
	========================================================================== */

	@media (max-width: 480px) {
		#maps_home h2 { display: block; padding-left:12px;}
		#maps_home .tabs { display: none; }
		#maps_home .content_tab { display: none; }
	}
	@media (min-width: 480px) and (max-width: 800px) {
		#maps_home h2 { display: block; }
		#maps_home .tabs { display: none; }
		#maps_home .content_tab { display: none; }
	}
	@media (min-width: 801px) and (max-width: 1920px) {
		#maps_home h2.h1-like { display: none; }
	}
	@media (min-width: 801px) and (max-width: 1024px) {
		.content_tab .more_info { margin-top: 441px; width: 47.9%; float: left; }
		#maps_home .content_tab .more_info + .other-items { margin-top: 441px; margin-left: 20px;}
	}
	@media (min-width: 1024px) and (max-width: 1600px) {
		.content_tab .more_info { margin-top: 441px; /*width: 400px;*/width: 47.9%; float: left; }
		#maps_home .content_tab .more_info + .other-items { margin-top: 441px; margin-left: 20px;}
	}
	@media (min-width: 1600px) {
		#maps_home .content_tab .more_info{width: 300px;}
	}

/* ======================= #FORMULAIRES
========================================================================== */



#the-form > form { margin: 0 auto 2em auto; }
#the-form .wrap-form { padding: 0 20px 60px; overflow:hidden;}
#the-form h2, #the-form h3 { margin: 15px 0 10px 0; }
.es #the-form h2, .es #the-form h3 { margin: 0 0 20px 0; }
#the-form h2 { color: #3b809c;margin: 0 0 10px 0;font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif;font-size: 19px; }
.es #the-form h2 { color: #3b809c;font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif;font-size: 19px; }
#the-form h3 { color: #666; font-family: "Josefin Sans", "Arial Narrow", Helvetica, Arial, sans-serif; font-size: 14px; white-space: nowrap; }
#the-form .wrap-input, #the-form .wrap .wrap-input, #the-form .wrap-select, #the-form .wrap-textarea { margin: 0 0 5px 0; }

.es #the-form > form { background: #dae1e4; margin: 0 auto 2em auto; }
.es #the-form .wrap-form { padding: 20px; }
/* .es #the-form h2, #the-form h3 { margin: 0 0 20px 0; } */
.es #the-form h2 { color: #666; font-family: Helvetica, Roboto, Arial, sans-serif; font-size: 19px; }
.es #the-form h3 { color: #3b809e; font-family: Helvetica, Roboto, Arial, sans-serif; font-size: 14px; white-space: nowrap; }
.es #the-form .wrap-input, .es #the-form .wrap .wrap-input, .es #the-form .wrap-select, .es #the-form .wrap-textarea { margin: 0 0 10px 0; }


#the-form .wrap-input label, #the-form .wrap .wrap-input label, #the-form .wrap-select label, #the-form .wrap-textarea label { display: none; }
#the-form .wrap-checkbox, #the-form .wrap-radio { margin-bottom: 1em; }
#the-form .wrap-checkbox ul, #the-form .wrap-radio ul { list-style: none none; margin: 0; padding: 0; }
#the-form .wrap-checkbox label, #the-form .wrap-radio label { display: inline; font-size: 14px; }
#the-form input[type="text"] { -webkit-box-shadow: 0 0 0 white; -moz-box-shadow: 0 0 0 white; box-shadow: 0 0 0 white; background: white; border: 1px solid#fff; font-size: 14px; height: auto; margin: 0; padding: 1em; }
.es #the-form input[type="text"] { -webkit-box-shadow: 0 0 0 white; -moz-box-shadow: 0 0 0 white; box-shadow: 0 0 0 white; background: white; border: 0; font-size: 14px; height: auto; margin: 0; padding: .46em 30px .46em 10px;}

#the-form input[type="text"]:hover {border: 1px solid#3b809c;}
.es #the-form input[type="text"]:hover {border: none;}

#the-form .container-photos {width: 43%;}
#the-form .container-photos .content-photos {padding: 1em;margin-bottom: 2rem;background: white;}
#the-form .container-photos .content-photos img {display: block;width: 100%;height: auto;}
#the-form .container-photos .content-photos .text-photos {font-size: 12px;padding: 1em 1em 0;text-align: center;}

#the-form .wrap-select{background:white;position:relative;}
#the-form .wrap-select:after{content:"";width:22px;height:22px;position:absolute;top:12px;right:12px;background-image:url("../img/arrow_bottom.svg");z-index: 10;}
#the-form select { background-color: transparent; background-image: none; border: 1px solid#fff; font-size: 14px; font-style: normal; height: auto; margin: 0; padding: 1em; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#666; z-index: 20; position: relative;}
.es #the-form .wrap-select:after{content:"";width:30px;height:30px;position:absolute;top:0;right:0;background-image:url("../img/global-sprite.png");background-position: -55px -66px; z-index: 10;}
.es #the-form select { -webkit-box-shadow: 0 0 0 white; -moz-box-shadow: 0 0 0 white; box-shadow: 0 0 0 white; background-color: transparent; background-image: none; border: 0; font-size: 14px; font-style: normal; height: auto; margin: 0; padding: .43em 6px; -webkit-appearance: none; -moz-appearance: none; appearance: none; color:#666; z-index: 20; position: relative;}

#the-form select:hover {border: 1px solid#3b809c;cursor: pointer;}

#the-form select:focus, #the-form select:active {outline: 0 none;}
#the-form select:not(:checked) { font-style: italic; color: #9b9b9b; }
#the-form select option{color:#666;}
#the-form textarea { -webkit-box-shadow: 0 0 0 white; -moz-box-shadow: 0 0 0 white; box-shadow: 0 0 0 white; background: white; border: 0; font-size: 14px; height: auto; margin: 0; min-height: 147px; padding: 10px; }
#the-form textarea#form-wishes { height: 205px; }
#the-form .trigger-date { display: block; position: relative; }
#the-form .trigger-date-arrive { width: 49%;float: left; }
#the-form .trigger-date-depart { width: 49%;float: right; }
#the-form .trigger-date .ui-datepicker-trigger { background: transparent url("../img/calendar.svg") no-repeat; content: ''; display: block; height: 22px; width: 22px; position: absolute; right: 12px; top: 12px; padding:0; text-decoration: none; text-indent: -999em; }
.es #the-form .trigger-date .ui-datepicker-trigger { background: transparent url("../img/global-sprite.png") no-repeat -55px 0; content: ''; display: block; height: 30px; position: absolute; right: 0; top: 0; width: 30px;padding:0; text-decoration: none; text-indent: -999em; }


#the-form .trigger-date .ui-datepicker-trigger:hover { text-decoration: none; }

#the-form button[role="submit"] { display: block; margin: 1em auto; font-size: 14px; }
#the-form input[type="file"] { margin-top: 5px; }
#the-form input::-webkit-input-placeholder, #the-form textarea::-webkit-input-placeholder { font-style: italic; color: #9b9b9b; }
#the-form input:-moz-placeholder, #the-form textarea:-moz-placeholder { font-style: italic; color: #9b9b9b; }
#the-form input::-moz-placeholder, #the-form textarea::-moz-placeholder { font-style: italic; color: #9b9b9b; }
#the-form input:-ms-input-placeholder, #the-form textarea:-ms-input-placeholder { font-style: italic; color: #9b9b9b; }

.form-newsletter .main-article, .form-quote .main-article, .form-voucher .main-article { margin-bottom: 0;}

	/* ======================= Contact form
	========================================================================== */

	.pic-form { padding: 1em 0; }
	.pic-form img { height: auto; width: 100%; }

	.form-contact p + p, .form-brochure p + p { margin: 1em 0; }

	#the-form #form-contact #questions { height: 219px; }

	/* ======================= Newsletter
	========================================================================== */

	#the-form #form-newsletter { margin-top: 2em; }
	#the-form .cb-newsletter { margin-top: 2em; }
	#the-form .cb-newsletter label { width: 95%; vertical-align: text-top; font-style: italic; }

	.simili-label { font-style: italic;font-size: 10px;}
	.es .simili-label { margin-top: 1em;font-style: normal;font-size: inherit; }

	/* ======================= gift voucher form
	========================================================================== */
	#the-form #form-voucher { margin-top: 1em; }
	#the-form #form-voucher #other { min-height: 69px; height: 69px; }

	/* ======================= validation page
	========================================================================== */

	.form-confirmation h1 { margin: 1.5em 0 1em 0; }

	.wrap-confirm { background: #dae1e4; padding: 20px; margin-bottom: 2em; }
	.container_form_callback .wrap-confirm{background:#eaeaea;}
	.wrap-confirm h2 { font-size: 14px; padding-left: 30px; position: relative; }
	.wrap-confirm h2:before { -webkit-border-radius: 20px; border-radius: 20px; background-clip: padding-box; background: #69a8c2; color: #dae1e4; content: '\2714'; display: block; height: 20px; line-height: 20px; position: absolute; left: 0; text-align: center; top: 3px; width: 20px; }
	.wrap-confirm p { margin: 1em 0; }

	/* ======================= Brochure form
	========================================================================== */
	#the-form #form-voucher, #the-form #form-brochure { margin-top: 1em; }
	#the-form #form-voucher #other, #the-form #form-brochure #other { height: 71px; min-height: 71px; }

	/* ======================= Cas special du champ upload
	========================================================================== */

	#the-form .wrap-upload {position: relative;}
	#the-form .wrap-upload input { background: white; width: 100%; height: 30px; margin: 0; padding: 0; visibility: hidden; position: absolute; top: 0; }
	#the-form .wrap-upload label { display: block; position: absolute; top: 12px; right: 12px; width: 22px; height: 22px; color: white; text-indent: -999em; background:url('../img/search.svg') no-repeat; }
	#the-form .wrap-upload .ersatz-input { background: white; color: #9b9b9b; display: block; font-size: 14px; font-style: italic; height: 46px; line-height: 1.1; margin: 0; overflow: hidden; padding: 1em; text-overflow: ellipsis; width: 100%; }
	.es #the-form .wrap-upload label { display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; color: white; text-indent: -999em; background: #3b809e url('../img/global-sprite.png') no-repeat -52px -32px; }
	.es #the-form .wrap-upload .ersatz-input { background: white; color: #9b9b9b; display: block; font-size: 14px; font-style: italic; height: 30px; line-height: 1.1; margin: 0; overflow: hidden; padding: .46em 30px .46em 10px; text-overflow: ellipsis; width: 100%; }

	/* ======================= Responsive form
	========================================================================== */

	@media (max-width: 480px) {
		.pic-form { display: none; }
	}
	@media (min-width: 480px) and (max-width: 1024px) {
		#the-form textarea#form-wishes { height: 295px; }
	}

/* ======================= DATEPICKER
========================================================================== */

.ui-datepicker-trigger { position: absolute; top: 7px; right: 7px; border: 0 none transparent; color: transparent; z-index: 9; width: 20px; height: 21px; background: url("../img/global-sprite.png") no-repeat -52px -47px white; }

.ui-datepicker { background: #fff; width: 300px; padding: 5px; z-index: 500 !important;box-shadow: 0 0 6px #666; }
.es .ui-datepicker { background: #3b809c; width: 230px; padding: 5px; z-index: 500 !important; }
.ui-datepicker .ui-datepicker-header { width: 100%; }
.ui-datepicker .ui-datepicker-title { background: white; color: #666; font-weight: 400; margin: 0 40px 1em 40px; padding: 5px 10px; text-align: center; text-transform: uppercase; }
.es .ui-datepicker .ui-datepicker-title { background: white; color: #666; font-weight: 400; margin: 0 40px; padding: 5px 10px; text-align: center; text-transform: uppercase; }
.ui-datepicker .ui-datepicker-current, .ui-datepicker .ui-state-disabled { display: none; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 12px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { background-repeat: no-repeat; border-bottom: 8px solid transparent; border-top: 8px solid transparent; display: inline-block; height: 0px; text-indent: -9999px; width: 0px; }
.ui-datepicker .ui-datepicker-prev { left: 10px; }
.ui-datepicker .ui-datepicker-prev span { border-left: 0px solid transparent; border-right: 14px solid #f27c54; }
.es .ui-datepicker .ui-datepicker-prev span { border-left: 0px solid transparent; border-right: 14px solid white; }
.ui-datepicker .ui-datepicker-next { right: 10px !important; left: auto; }
.ui-datepicker .ui-datepicker-next span { border-left: 14px solid #f27c54; }
.es .ui-datepicker .ui-datepicker-next span { border-left: 14px solid white; }
.ui-datepicker .ui-datepicker-calendar { background: transparent; border-collapse: separate; border-spacing: 1px; border: 0; color: #666; margin: 5px; text-align: center; width: 96%; }

.ui-datepicker .ui-datepicker-calendar thead { background: white; color: #3b809c; text-align: center; }
.es .ui-datepicker .ui-datepicker-calendar thead { background: #3b809c; color: white; text-align: center; }
.ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { vertical-align: middle;line-height:2em;}
.es .ui-datepicker .ui-datepicker-calendar th, .es .ui-datepicker .ui-datepicker-calendar td { vertical-align: middle;line-height: inherit;}

.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable, .ui-datepicker .ui-datepicker-calendar .ui-state-disabled { background: #f2f2f2; padding: 5px; display: table-cell; }
.es .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable, .es .ui-datepicker .ui-datepicker-calendar .ui-state-disabled { background: #74adc1; padding: 5px; display: table-cell; }

.ui-datepicker .ui-datepicker-calendar a { background: white; color: #666; display: block; padding: 5px; text-decoration: none; }
.ui-datepicker .ui-datepicker-calendar a.ui-state-active{background: #f27c54; color: white;}
.es .ui-datepicker .ui-datepicker-calendar a.ui-state-active{background: white;color: #666;}
.ui-datepicker .ui-datepicker-calendar a:hover { text-decoration: none; }
.ui-datepicker .ui-datepicker-calendar a.ui-state-hover { background: #f27c54; color: white; }
.es .ui-datepicker .ui-datepicker-calendar a.ui-state-hover { background: #aeb51a; color: white; }

.error { padding: 0 0 10px 40px; margin: 0 0 10px 0;position:relative;}
.error:before{content:"";background-image:url("../img/global-sprite.png");background-position: -24px -93px;width:27px;height:27px;position:absolute;top:0px;left:9px;}
.error p,.error2 p  { color: #666; font-weight: bold; font-size: 16px; }
.error2 { padding: 0 0 10px 30px; margin: 0 0 10px 0;position:relative;}
.error2:before{content:"";background-image:url("../img/global-sprite.png");background-position: -25px -92px;width:25px;height:25px;position:absolute;top:0px;left:0px;}
.input-error { border: 1px red solid !important; }

/* ======================= HOME
========================================================================== */

#presentation .btn, #business_solution .btn, #pleasure .btn { margin: 20px 0 0; display: inline-block; }
#business_solution{margin:20px 0 60px;}
#presentation, #pleasure { padding: 60px 0;}

/* ================================= PRESENTATION
=================================================================================== */

#presentation #all-articles { clear: both; }
#presentation .side_article { height: auto; width: 100%; }
#presentation .side_article .article_illustration a { background: white; display: block; margin-bottom: 5px; padding: 15px; text-align: center; }
#presentation .side_article .article_illustration a img { display: block; height: auto; margin: 0 auto; width: 100%; }
#presentation .side_article .wrap-all { background: white; padding: 10px; text-align: center; }
#presentation .side_article .wrap-all strong { font-weight: normal; margin-top: 20px; }
#presentation .side_article .wrap-all strong, #presentation .side_article .wrap-all em { color: #999; display: block; }

/* ================================= BUSINESS SOLUTION
=================================================================================== */

#business_solution ul { list-style: none none; padding: 0; margin: 0; }
#business_solution ul li { padding-left: .8em; position: relative; line-height: 1.6; }
#business_solution ul li:before { color: #3b809c; content: '\2022'; display: block; position: absolute; left: 0; top: 0; }
#business_solution .media { margin: 1em 0; }

/* ================================= PLEASURE
=================================================================================== */

#pleasure img { width: 100%; height: auto; }
#pleasure .text-p { text-align: center; margin: 20px 0 0; }
#pleasure .btn { margin: 20px auto 0; text-align: center; display: block; max-width: 66%; }

#pleasure .neqfr-content .text-p { text-align: left; }
#pleasure .neqfr-content .btn { text-align: left; margin: 1em 0; display: inline-block;}

#pleasure .neqfr-content-list { margin-top: 20px; }
#pleasure .neqfr-content-list .btn { font-weight: 400; background-color: white; display: block; text-align: center; color: #69a6c0; text-decoration: underline; margin: 0 0 5px 0; max-width: 100%; }
#pleasure .neqfr-content-list .btn:hover { color: #69a6c0; text-decoration: none; }

#pleasure .neqfr-content .btn:before, #pleasure .neqfr-content-list .btn:before { display: none; }

	/* ======================= Responsive pleasure
	========================================================================== */

	@media (max-width: 480px) {
		#pleasure img { float: left; width: 25%; margin-right: 1em; }
		#pleasure p { margin: 0; padding-left: 28.5%; text-align: left; }
		#pleasure .text-p { text-align: left; margin: 0 0 0 120px; }
		#pleasure .eqfr-content .btn { background: transparent; clear: left; color: #69a6c0; margin: 0 0 1em 120px; padding: 0; text-align: left; text-decoration: underline; text-transform: none; }
		#pleasure .eqfr-content .btn:hover, #pleasure .eqfr-content .btn:active { -moz-transform: scale(1); -o-transform: scale(1); -webkit-transform: scale(1); transform: scale(1); background: transparent; text-decoration: none; }
		#pleasure .eqfr-content .btn:before { content:""; width:6px;height:12px;display:inline-block;margin-right:6px;vertical-align:middle;	background-image:url(../img/global-sprite.png);background-position:-27px -14px;}
		#pleasure .neqfr-content .text-p {margin: 0;}
	}

/* ================================= MAPS
=================================================================================== */

.tabs { list-style: none none; margin: 0; padding: 0; }
.tabs li { display: block; float: left; }
.tabs li a { background: #3b809c; color: white; text-transform: uppercase; display: block; padding: .3em .5em; text-decoration: none; }
.tabs li a.active { background: #d8dfe2; color: #3b809c; }
.js .content_tab { display: none; }
.js .open { display: block; }
.content_tab { background-color: #d8dfe2; padding: 60px 0; }

/* ================================= CATEGORY
=================================================================================== */

#seminaries { padding-bottom: 1em; }
#seminaries .text-p, #seminaries p { margin-bottom: 1em; }
#seminaries .cat > div { position: relative; margin-top:20px;}
#seminaries .cat > div img { width: 100%; height: auto; }
#seminaries .cat > div a { background: rgba(0, 0, 0, 0.5); bottom: 0; color: white; left: 0; padding: .5em 0; position: absolute; text-align: center; width: 100%; }
#seminaries .btn { margin-bottom: 1em; }
#seminaries .aside-list { clear: both; margin-top: 2em; }

#referencies { background: #d8dfe2; padding: 2em 0;}
#referencies article { position: relative; margin-bottom: 2em; }
#referencies article .medium-4 {text-align: center; padding-top: 1em;}
#referencies article .medium-4 img {width: 12em;}
#referencies article h2 { margin: 0; padding: 0; }
#referencies article h2 a { text-decoration: none; }
#referencies article h2 a:hover, #referencies article h2 a:active { text-decoration: underline; }
#referencies article p + p { color: #9b9b9b; }

	/* ======================= Responsive category
	========================================================================== */

	@media (max-width: 480px) {
		#seminaries .btn { display: block; margin: 0 auto; max-width: 80%; text-align: center; }
	}
	@media (min-width: 480px) and (max-width: 1024px) {
		#seminaries #category_list .cat { margin-bottom: 5px; }
		#seminaries .cat > div { margin-top:0px;}
		#seminaries #category_list .cat h2, #seminaries #category_list .cat img { display: none; }
		#seminaries #category_list .cat a { background: white; color: #69a6c0; display: block; position: static; text-decoration: underline; }
		#seminaries #category_list .cat a:hover, #seminaries #category_list .cat a:focus { color: #69a6c0; text-decoration: none; }
	}

/* ================================= PRODUCT OVERVIEW
=================================================================================== */

	/*==================== tools
	========================================================= */

	.tools { float: right; list-style: none none; margin: 0; padding: 0; height:32px; position: relative; zoom: 1;}
	.tools li { display: inline-block; margin-left:10px; vertical-align: top; }
	.tools a { background-color:#9e9e9e; display: block; border-radius:16px; -webkit-border-radius: 16px; color: white; text-decoration: none; text-transform: uppercase; height: 32px; line-height: 32px; padding: 0 10px; }
	.tools a:hover, .tools .toggle-active, .tools a.active { background-color:#69abc5; }
	.tools .display-cards, .tools .display-lines { text-align: center; width: 32px; }
	.tools .display-cards span, .tools .display-lines span { margin: 0 auto; display: block; width: 12px; height: 12px;background-image: url('../img/global-sprite.png'); background-repeat: no-repeat; text-indent: -999em; position: relative; top: 10px; }
	.tools .display-cards span { background-position: 0 0; }
	.tools .display-lines span { background-position: -15px 0; }

/*==================== PRODUCT OVERVIEW
========================================================= */

.product-overview  article {height:430px;margin-bottom:40px;overflow:hidden;}
.product-overview .container_form_research form .input-container:first-child li:first-child, .product-overview .nb_results, #display_A, #display_B, .product-overview .tools,
.product-overview .filtered .msg_filter  {display:none;}
.product-overview .filtered .nb_results, .product-overview .filtered #display_A,.product-overview .filtered #display_B, .product-overview .filtered .tools{display:block;}

.product-overview .results_list {margin-top:20px;}
.product-overview .results_list h1 {margin: 0 0 60px 0;}

.product-overview .cartouche { margin: 0 0 1em 0; }
.product-overview .cartouche header, .product-overview .cartouche footer, .product-overview .cartouche .main-content { background: white; }
.product-overview .cartouche .main-content, .product-overview .cartouche footer { padding: 1em; }
.product-overview .cartouche header { padding: 0.7em 1em; margin-bottom: .5em; min-height:56px;}
.product-overview .cartouche header h2 { font-size: 16px; font-size: 1.6rem; font-family: Helvetica, Roboto, Arial, sans-serif; font-weight: 400; margin: 0; padding: 0; line-height:1em;}
.product-overview .cartouche header h2 a { color: #3b809c; text-decoration: none; }
.product-overview .cartouche header h2 a:hover, .product-overview .cartouche header h2 a:active { text-decoration: underline; }
.product-overview .cartouche header h2 + em { color: #9e9e9e; }
.product-overview .cartouche header .number { color: #666; float: right; position:relative; text-align:center;line-height:18px;}
.product-overview .cartouche header .number:before{content:" ";width:19px;height:14px;background-image: url("../img/global-sprite.png");background-position:0 -83px;display:inline-block;}
.product-overview .cartouche header .number span{display:block;}
.product-overview .seminaire .cartouche header .number:before{background-position:0 -65px;}
.product-overview .cartouche .main-pic { margin-bottom: .5em; position: relative;height:150px; }
.product-overview .cartouche .main-pic .img-container {height:150px;overflow:hidden;position:relative;}
.product-overview .cartouche .main-pic img { height: 100%; width: auto; }
.product-overview .cartouche .price { -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; background: #3b809c; color: white; float: right; padding: 2em; position: absolute; right: -5%; top: -30%; }
.product-overview .cartouche .price strong { font-size: 30px; font-size: 30px; font-size: 3rem; position: relative; top: .6em; white-space: nowrap; }
.product-overview .cartouche a.more-infos{ -webkit-border-radius: 15px; border-radius: 15px; background-clip: padding-box; font-size: 20px; font-size: 2rem; background: #144e5b; top: 44px;
	color: white; display: block; font-family: serif; font-style: italic; height: 20px; right: 43px; line-height: 19px; position: absolute; text-align: center; text-decoration: none; width: 20px; z-index:2;}
.product-overview .cartouche a.more-infos:hover, .product-overview .cartouche .main-pic a.more-infos:focus { text-decoration: none; }
.product-overview  .cartouche .infos-detail {top:-7px;}
.product-overview .cartouche .main-pic .maps { background: transparent url("../img/global-sprite.png") no-repeat -55px -97px; display: block; height: 25px; text-indent: -999em; width: 25px; position: absolute; bottom: 0; left: 0; }
.product-overview .cartouche .main-content {height:140px;padding-bottom:0;overflow:hidden;}
.product-overview .cartouche .main-content ul { list-style: none none; margin: 0; padding: 0; }
.product-overview .cartouche .main-content ul li { padding-left: .8em; position: relative; }
.product-overview .cartouche .main-content ul li:before { color: #3b809c; content: '\2022'; display: block; left: 0; position: absolute; top: 0; }
.product-overview .cartouche footer {min-height:67px;}
.product-overview .cartouche footer .btn {float:right;}
.product-overview .cartouche footer .brand {float:left; max-width: 80px; }
.product-overview .cartouche footer .brand img { width: 100%; height: auto; }
.product-overview .cartouche footer .brand.PV {margin-top:13px;max-width: inherit;}
.product-overview .gmap-container, .product-overview #map-canvas { height: 450px; }

.product-overview .promotions article.no-promotion {display:none;}
.inline article {height:201px;margin-bottom:25px;}
.inline .cartouche .main-pic {float:left;width:268px;position:relative;height:201px;margin-right:5px;}
.inline .cartouche .main-content {float:left;width:450px; margin-right:5px;height:201px;position:relative;overflow:hidden;padding:10px;}
.inline .cartouche .main-content .price {top:-22%;right:-3%;}
.inline .cartouche .right-part {float:left;width:245px;position:relative;}
.inline .cartouche .right-part .head {height:60px;margin-bottom:5px;}
.inline .cartouche .right-part .head .capacity {display:table-cell;vertical-align:middle;background-color:white;margin-right:5px;height:60px;width:80px;text-align:center;color: #666;}
.inline .cartouche .right-part .head .capacity:before {content:"";background: transparent url("../img/global-sprite.png") no-repeat scroll -2px -64px;display:block;width:20px;height:16px;margin:0 auto;}
.inline .cartouche .right-part .head .brand {position:absolute;top:0;right:0;width:160px;height:60px;text-align:center;background-color:white;}
.inline .cartouche .right-part .head .brand.PV img {margin-top:22px;}
.inline .cartouche .right-part .head .brand.CP img {margin-top:12px;}
.inline .cartouche .map-container img {margin-bottom:5px;}
.inline .cartouche .map-container .btn {display:block;height:30px;margin:0;padding:0;text-align:center;line-height:30px;}

.product-overview .results_list #display_B, .product-overview .results_list.B_view #display_A {display:none;}
.product-overview .results_list.B_view #display_B {display:block;}
.product-overview  #display_B .cartouche a.more-infos {top:auto;bottom:-8px;left:auto;right:56px;}
.product-overview  #display_B .cartouche .infos-detail {width:305px;max-width:305px;}
#display_B h2 { margin-bottom:0; }
#display_B h2 a { text-decoration: none; cursor: text; }
#display_B .cartouche .main-content em {font-size:12px;font-size:1.2rem;color:#9e9e9e;display:block;margin:-2px 0 6px;}
#display_B .cartouche .main-content .conditions {font-style:italic;color:#9e9e9e;font-size:10px;font-size:1rem;}

.product-overview .infos-detail {max-width:225px;}

	/*==================== THE MAP ON PRODUCT OVERVIEW
	========================================================= */

	.product-overview .card-pin:after { content: ""; position: absolute; top: 172px; left: -10px; width: 0; height: 0; border-right: 12px solid white; border-bottom: 12px solid transparent; border-top: 12px solid transparent; }
	.product-overview  .card-pin{margin-top:0px;margin-left:0;position:static;min-height:220px}

	/*==================== PRODUCT OVERVIEW RESPONSIVITY
	========================================================= */

	.mobile .product-overview  article{height:auto;overflow:visible;margin-bottom:40px;}

	@media (max-width: 480px) {
		.product-overview .results_list h1{margin-bottom:1em;}
		.product-overview .results_list{margin-top:0;}
		.product-overview .container_form_research{height:auto;top:-168px;}
		.product-overview .container_form_research .wrap-form {display:block;margin-bottom:1em;position:relative;}
		.product-overview .container_form_research .wrap-form:first-child{z-index:102;}
		.product-overview .container_form_research .wrap-form:nth-child(2){z-index:101;}
		.tools { float: none; position: static;height:4em;}
		.tools li { display: block; margin-left:0px; text-align:center;margin-bottom:1em;}
		.tools a { background-color:#9e9e9e; display: inline-block; padding: 0 15px; }
	}
	@media (max-width: 800px) {
		.product-overview .results_list .cartouche .main-pic img{ width: 100%; height: auto; }
	}
	@media (min-width: 801px) and (max-width: 1024px) {
		.container_form_research .wrap-form.third-wrap-form { width: 29.8%; }
		.product-overview .results_list{padding-top:1em;}
		.product-overview .results_list h1{margin-bottom:1em;}
		.product-overview .results_list .cartouche .main-pic img{ margin-top: -8%; width: 100%; height: auto; }
	}

/*==================== PRODUCT DETAIL
========================================================= */

#banner-top { width: 100%; height: 450px; overflow:hidden;}
#banner-top .article-on-header { background-position: center top; background-repeat: no-repeat; background-size: cover; height: 450px; padding-top: 140px; position: relative; width: 100%; }
#banner-top .article-on-header .article-header-title, #banner-top .article-on-header .article-header-subtitle { text-align: right; color: white; float: right; padding: 0; margin: 0; }
#banner-top .article-on-header .article-header-title { background-color: rgba(59, 128, 156, 0.8); color: white; display: block; height: 50px; line-height: 50px; padding: 0 20px; text-decoration: none; }
#banner-top .article-on-header .article-header-subtitle { background-color: rgba(69, 72, 73, 0.8); clear: right; font-family: Helvetica, Roboto, Arial, sans-serif; height: 40px; line-height: 40px; }
#banner-top .article-on-header .article-header-subtitle span { font-size: 18.2px; font-size: 23.8px; font-size: 1.7rem; display: block; font-weight: normal; padding: 0 20px; }

.product_detail { position: relative; }

#intro_product { padding-bottom: 2em; }
#intro_product p + p { margin-top: 1em; }

.product_detail .price-offer, .product_detail .brand { background: white; clear: both; padding: 1em; margin-bottom: 1em; }

#data-tab .tabs li { margin-right: 2px; }
#data-tab .content-tab { background: #D8DFE2; }

#product-infos ul { background-color: rgba(0, 0, 0, 0.6); float: left; list-style: none none; margin: 0; padding: 0; position: relative; top: -73px; height:73px;}
#product-infos ul li { color: white; display: inline-block; font-size: 12px; line-height: 1.3; padding: 10px 20px; text-align: center; vertical-align: top; }
#product-infos ul li span { display: block; margin: 0 auto 4px auto; }

	/*==================== product detail
	========================================================= */

	.brand img { display: block; margin: 0 auto; }

	.product_detail .price-offer .price { display: block; text-align: center; }
	.product_detail .price-offer strong { color: #3b8095; display: inline-block; font-size: 55px; font-weight: bold; }
	.product_detail .price-offer .more-infos { -webkit-border-radius: 20px; border-radius: 20px; background-clip: padding-box; background: #a4ac1b; color: white; display: inline-block; font-family: serif; font-style: italic; font-weight: bold; height: 20px; line-height: 20px; margin: 0 10px 0 0; position: relative; text-decoration: none; vertical-align: top; width: 20px; }
	.product_detail .price-offer .more-infos:hover { text-decoration: none; }
	.price-offer .infos-detail { -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; background: white; color: #666; font-family: Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-size: 12px; font-weight: normal; right: 32px; padding: 10px 30px 10px 10px; position: absolute; text-align: left; top: -42px; width: 255px; }
	.price-offer .infos-detail .close { -webkit-border-radius: 15px; border-radius: 15px; background-clip: padding-box; background: #333; color: white; display: block; font-weight: bold; height: 15px; line-height: 15px; position: absolute; right: 10px; text-align: center; text-decoration: none; top: 10px; width: 15px; }
	.price-offer .infos-detail .close:hover { text-decoration: none; }
	.product_detail .content_tab{padding-top:42px;}
	.js .infos-detail { display: none; }

	/*==================== header product detail
	========================================================= */
	.center-table{margin:0 auto;}
	.boardroom {position:relative;margin-top:50px;}
	.boardroom .o_hidden{overflow:hidden;}
	.boardroom h2{margin:0;text-align:center;background: white; color: #666; font-weight: bold; margin: 0; padding: 5px; text-transform: uppercase;font-size:14px;font-size:1.4rem;font-family:Helvetica,Roboto,Arial,sans-serif;}
	#boardroom-table {width:1001px;}
	#boardroom-table th, #boardroom-table td { background: #e4e7e9; border:2px solid #d8dfe2;height:31px;width:105px;}
	#boardroom-table tr th:first-child{border-left:medium none;width:238px;}
	#boardroom-table tr th:last-child{border-right:medium none;}
	#boardroom-table tr td:last-child{border-right:medium none;}
	.content_tab .pseudo-first-col{position:absolute;background:#e4e7e9;width:248px;top:33px;border-right:2px solid #d8dfe2;padding-top:49px;z-index:2;}
	.content_tab .pseudo-th{padding:5px 10px;border-bottom:1px solid #d8dfe2;border-top:1px solid #d8dfe2;line-height:21px;width:248px;}
	.content_tab .pseudo-th:first-child{border-top:2px solid #d8dfe2;}
	#boardroom-table caption {display:none;}
	#boardroom-table thead th { color: #3b8095; font-weight: 400; line-height: 1; padding: 10px; text-align: center; vertical-align: middle; }
	#boardroom-table thead th span { color: #929292; display: block; font-style: italic; }
	#boardroom-table tbody th { color: #666; font-weight: 400; padding: 5px; text-align: left; }
	#boardroom-table tbody td { color: #666; text-align: center; vertical-align: middle; }
	#boardroom-table tfoot { padding-top: 10px; }
	#boardroom-table tfoot td { background: #D8DFE2;}
	#boardroom-table tfoot tr:first-child td{height:25px;}
	#boardroom-table tfoot .picto-info { -webkit-border-radius: 15px; border-radius: 15px; background-clip: padding-box; background: #929292; color: #d2d9db; display: inline-block; font-weight: bold; height: 15px; line-height: 15px; text-align: center; text-decoration: none; width: 15px; margin: 0 10px 0 0; }
	#boardroom-table tfoot .picto-info:hover { text-decoration: none; }

	.boardroom .goRight{position:absolute;right:-20px;top: 45%;background-image:url("../img/global-sprite.png");background-position:-13px -14px;height:21px;width:13px;text-indent:-1000px;overflow:hidden;}
	.boardroom .goLeft{position:absolute;top: 45%;left:-20px;background-image:url("../img/global-sprite.png");background-position:0px -14px;height:21px;width:13px;text-indent:-1000px;overflow:hidden;}

	/*==================== Pics gallery
	========================================================= */

	.gallery-pics { margin-bottom: 2em;position:relative; margin:0;}
	.gallery-pics .slider-container{overflow:hidden;height:312px;width:416px;margin:0 auto;}
	.gallery-pics .slider-container ul.main-pic{list-style-type:none;margin:0;padding:0;}
	.gallery-pics .thumb-list { list-style: none none; margin: 4px auto 0; padding: 0; height: 60px;width:416px;}
	.gallery-pics .thumb-list li { float: left; width: 19%; margin: 0 0 0 1%;}
	.gallery-pics .thumb-list li:first-child{margin-left:0;}
	.gallery-pics .thumb-list li img { width: 100%; height: auto;}
	.api_slider_container{position:relative;}
	.api_slider_container .nav{position:absolute;width:12px;height:21px;top:50%;left:0px;z-index:10;overflow:hidden;text-indent:-100px;margin-top:-43px;}
	.api_slider_container .nav a{display:block;height:21px;width:12px;background-image:url(../img/global-sprite.png);background-repeat:none;background-position:0 -14px;}
	.api_slider_container .nav a.disabled{visibility:hidden;}
	.api_slider_container .nav.next{left:auto;right:0;}
	.api_slider_container .nav.next a{background-position:-13px -14px;}

	.mobile .bx-viewport, .tablet .bx-viewport{height:auto;}
	.mobile .product_detail .bx-viewport, .tablet .product_detail .bx-viewport{height: 205px !important;}

	@media (min-width: 481px) {
		.gallery-pics .main-pic li, .gallery-pics .main-pic li img{width:416px !important;height:312px;}
	}

	/*==================== MAP TAB
	========================================================= */

	.content_gmap #map-canvas { width: 416px; height: 312px; margin-left: 1em; }
	.content_gmap address { font-style: normal; }
	.content_gmap ul, .content_gmap li { padding: 0; }
	.content_gmap .latlng {list-style: none none;}
	.content_gmap h3, .content_gmap h4 { font-size: 14px; font-family: Helvetica, Roboto, Arial, sans-serif; }
	.content_gmap li h4 { margin: 0; padding: 0;}
	.content_gmap h3 { text-transform: uppercase; font-weight: bold; }
	.content_gmap .truncate { display: inline; }
	.content_gmap .complete { display: none; }
	.display-complete .complete { display: inline; }
	.display-complete .truncate { display: none; }

	/*==================== responsive product detail
	========================================================= */

	@media (max-width: 480px) {
		.product_detail #product-infos { height: auto; padding: 1em 0; }
		.product_detail #product-infos ul { float: none; margin: 0 1em; position: static;height:auto; }
		.product_detail #product-infos ul li { display: block; float: none; text-align: left; }
		.product_detail #product-infos ul li span { float: left; margin: 0 1em 0 0; }
		#data-tab .tabs { background: #69a6c0; padding: 1em; }
		#data-tab .tabs li { display: block; float: none; width: 100%; margin: 0 0 4px 0; }

		.gallery-pics { width: 100% !important; height: 185px !important; margin: 0; padding: 0 30px; }
		.gallery-pics .slider-container {width:275px;height:205px;}
		.gallery-pics .bx-wrapper { max-width: 100% !important; }
		.gallery-pics .bx-wrapper li { width: 275px !important; }
		.gallery-pics .bx-wrapper li img { width: 275px; height: 205px; }
		.gallery-pics .thumb-list { display: none;}

		.api_slider_container .nav { top: 130px !important; }
		.api_slider_container .api_slider_previous { left: 0 !important;}
	}
	@media (max-width: 800px) {
		.boardroom { display: none;}
		#map-canvas { width: 100%;	height: 400px; margin-left: 0; }
	}
	@media (max-width: 1024px) {
		#data-tab .tabs li { font-size: 13px; }
	}
	@media (min-width: 800px) and (max-width: 1024px) {
		#main #product-infos ul { float: none; text-align: center; }
		#data-tab .boardroom { width: 95%; }
	}

/*==================== VOUCHER PAGE (NOT THE FORM)
========================================================= */

.main-article { margin: 3em 0; }
.main-article h1 { line-height: 1; margin: 0 0 1em 0; padding: 0; }
.main-article .text-p { margin: 0 1em 1em 0; }
.main-article img { display: block; width: 100%; height: auto; }

.the-form { margin: 3em 0 0; }
.the-form h1 { line-height: 1; margin: 0 0 1em 0; padding: 0; }

.list_voucher_articles h2{ margin: 0 0 1em 0; padding: 0; }
.list_voucher_articles .wrap_article { margin-bottom: 25px; }
.list_voucher_articles .wrap_article:last-child{margin-bottom:60px;}
.list_voucher_articles .wrap_article img { display: block; width: 100%; height: auto; }
.list_voucher_articles .wrap_article article { background: white; margin-left: 5px; min-height: 242px; padding: 15px; }
.list_voucher_articles .wrap_article article h3 { font-family: Helvetica, Roboto, Arial, sans-serif; font-weight: normal; line-height: 1; margin: 0; padding: 0; font-size:16px; font-size:1.6rem;color:#3b80a1;}
.list_voucher_articles .wrap_article article h3 a { text-decoration: none; }
.list_voucher_articles .wrap_article article h3 a:hover, .list_voucher_articles .wrap_article article h3 a:focus { text-decoration: underline; }
.list_voucher_articles .wrap_article article h4 { font-size: 13px; font-size: 1.3rem; color: #9e9e9e; font-family: Helvetica, Roboto, Arial, sans-serif; font-style: italic; font-weight: normal; line-height: 1; margin: 0; padding: 0; }
.list_voucher_articles .wrap_article article p { margin: 20px 0 20px 0;margin: 2rem 0 2rem 0; line-height:18px; line-height:1.8rem;}
.list_voucher_articles .wrap_article article .btn { margin-left:20px;}
.list_voucher_articles .wrap_article article .link-container{text-align:right;}

	/* ======================= Responsive voucher
	========================================================================== */

	@media (max-width: 640px) {
		.main-article img { display: none; }
		.list_voucher_articles .wrap_article article { margin-left: 0; min-height:inherit;}
		.list_voucher_articles .wrap_article article .btn { float: none; }
		.list_voucher_articles .wrap_article article .link-container{text-align:center;}
		.list_voucher_articles .wrap_article article .link-container .btn{margin-left:0;display:inline-block;}
	}

/*==================== REFERENCIES
========================================================= */

.referencies-page #referencies { background: transparent; }
.referencies-page .pic-default { text-align: center; margin-top: 25px;}
.referencies-page .pic-default img { background: white; display: block; padding: 10px 20px; width: auto; height: 80px; max-height: 80px; margin: 0 auto 1em auto; }
.referencies-page .pic-default .btn { margin: 0 auto; }

.gallery-vertical-ref { padding: 0 0 2em 0; position: relative; }
.gallery-vertical-ref .thumb-list { list-style: none none; margin: 0; padding: 0; }
.gallery-vertical-ref .thumb-list li { display: block;}
.gallery-vertical-ref .thumb-list li img { margin: 0 auto; height: 80px; max-height: 80px; width: auto; }
.gallery-vertical-ref .thumb-list li a { background: white; display: block; text-decoration: none; text-align: center; vertical-align: middle; padding: 10px;}
.gallery-vertical-ref .thumb-list li a:hover { text-decoration: none; }
.gallery-vertical-ref.api_slider_container .nav { width: 23px; height: 13px; }
.gallery-vertical-ref.api_slider_container .nav a { width: 23px; height: 13px; }
.gallery-vertical-ref.api_slider_container .api_slider_previous { top: 0; left: 47%; right: auto; }
.gallery-vertical-ref.api_slider_container .api_slider_previous a { background-position: 0px -50px; }
.gallery-vertical-ref.api_slider_container .api_slider_next { top: auto; bottom: 0; left: 47%; right: auto; }
.gallery-vertical-ref.api_slider_container .api_slider_next a { background-position: 0px -38px; }

.gallery-ref-hz { margin: 1em 0 2em 0; position: relative; min-height: 120px; }
.gallery-ref-hz .thumb-list { list-style: none none; margin: 0; padding: 0; text-align: center; }
.gallery-ref-hz .thumb-list li { display: inline-block; margin: 0 1em; }
.gallery-ref-hz .thumb-list li a { display: block; text-decoration: none; }
.gallery-ref-hz .thumb-list li a:hover { text-decoration: none; }
.gallery-ref-hz.api_slider_container .bx-wrapper { max-width: 960px !important; }
.gallery-ref-hz.api_slider_container .nav { top: 93px; }
.gallery-ref-hz.api_slider_container .api_slider_previous { left: 0; }

#referencies-detail article p { margin: 1em 0; }

.aside-article { background: #d7dee1; padding: 2em; margin: 2em 0; }
.aside-article dt { display: block; float: left; width: 25%; font-weight: bold; margin: 0; padding: 0; }
.aside-article dd { display: block; float: left; width: 75%; margin: 0; padding: 0; }

	/* ======================= Responsive referencies
	========================================================================== */

	@media (max-width: 480px) {
		.gallery-vertical-ref { display: none; }
		.aside-article dl dt { clear: both; float: none; width: 100%; }
		.aside-article dl dd { clear: both; float: none; margin-bottom: 0 0 10px 0; width: 100%; }
		.gallery-ref-hz .thumb-list { text-align: left; }
		.gallery-ref-hz .thumb-list li { display: block; margin: 0 20px; }
		.gallery-ref-hz.api_slider_container .bx-wrapper { max-width: 960px !important; }
		.gallery-ref-hz.api_slider_container .nav { top: 50px !important; }
		.gallery-ref-hz.api_slider_container .api_slider_previous { left: 0; }
	}
	@media (max-width: 1024px) {
		.referencies-page .pic-default .btn { display: block; max-width: 75%; }
	}

/* ============== SECTIONS
========================================================== */

#presentation, #maps_home .content_tab { background-color: #d8dfe2; }
#top_footer { background-color: #3b809c; }
#middle_footer { background-color: #20657a; height:58px; }
#footer { background-color: #333; color: white; padding:60px 0;}

/* ======================= BASIC PAGE (textual)
========================================================================== */

.basic-page {padding-bottom:2em;}
.basic-page .link-container {margin-top:1em;}

/* ======================= PRODUCT CROSS SELL
========================================================================== */
.cross-sell{padding-bottom: 50px;background-color: #d8dfe2;}
.cross-sell [class*="column"]+[class*="column"]:last-child{float: left;}
.cross-sell .cartouche { margin: 0 0 1em 0; }
.cross-sell .cartouche header, .cross-sell .cartouche footer { background: white; }
.cross-sell .cartouche footer { padding: 1em; }
.cross-sell .cartouche header { padding: 0.7em 1em; margin-bottom: .5em; min-height:56px;}
.cross-sell .cartouche header h3 { font-size: 16px; font-size: 1.6rem; font-family: Helvetica, Roboto, Arial, sans-serif;font-weight: 400;margin: 0;padding: 0;line-height:1em;}
.cross-sell .cartouche header h3 a { color: #3b809c; text-decoration: none; }
.cross-sell .cartouche header h3 a:hover, .cross-sell .cartouche header h3 a:active { text-decoration: underline; }
.cross-sell .cartouche header h3 + em { color: #9e9e9e; }

.cross-sell .cartouche .main-pic { margin-bottom: .5em; position: relative;height:150px; }
.cross-sell .cartouche .main-pic .img-container {height:150px;overflow:hidden;position:relative;}
.cross-sell .cartouche .main-pic img { height: 100%; width: auto; }
.cross-sell .cartouche .price { -webkit-border-radius: 50%; border-radius: 50%; background-clip: padding-box; background: #3b809c; color: white; float: right; 
	padding: 2em; position: absolute; right: -5%; top: -30%; }
.cross-sell .cartouche .price strong { font-size: 30px; font-size: 30px; font-size: 3rem; position: relative; top: .6em; white-space: nowrap; }
.cross-sell .cartouche a.more-infos{ -webkit-border-radius: 15px; border-radius: 15px; background-clip: padding-box; font-size: 20px; font-size: 2rem;
	background: #144e5b; top: 44px;color: white; display: block; font-family: serif; font-style: italic; height: 20px; right: 43px; line-height: 19px;
	position: absolute; text-align: center;text-decoration: none; width: 20px; z-index:2;}
.cross-sell .cartouche a.more-infos:hover, .cross-sell .cartouche .main-pic a.more-infos:focus { text-decoration: none; }
.cross-sell .cartouche .infos-detail {top:-7px;}

.cross-sell .cartouche footer {min-height:67px;}
.cross-sell .cartouche footer .btn {float:right;}
.cross-sell .cartouche footer .brand {float:left; max-width: 80px;margin:0;padding: 0; }
.cross-sell .cartouche footer .brand img { width: 100%; height: auto; }
.cross-sell .cartouche footer .brand.PV {margin-top:13px;max-width: inherit;}

.cross-sell article .infos-detail { -webkit-box-shadow: 0 0 5px #ccc; -moz-box-shadow: 0 0 5px #ccc; box-shadow: 0 0 5px #ccc; 
	background: white; color: #666; font-family: Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-size: 12px; 
	font-weight: normal; right: 32px; padding: 10px 30px 10px 10px; position: absolute; text-align: left; top: -42px; width: 225px; }
.cross-sell article .infos-detail .close { -webkit-border-radius: 15px; border-radius: 15px; background-clip: padding-box; background: #333;
	color: white; display: block; font-weight: bold; height: 15px; line-height: 15px; position: absolute; right: 10px; text-align: center;
	text-decoration: none; top: 10px; width: 15px; }
.cross-sell article .infos-detail .close:hover { text-decoration: none; }
.cross-sell .cartouche header a.mobile{display:none;}

	@media (max-width: 640px) {
		.cross-sell .cartouche header a.mobile{
		    display: block;			
		    min-height: 57px;
		    position: absolute;
		    right: 0;
		    top: 0;
		    background-color: #adb31d;
		    width: 48px;
		    text-align: center;
		    text-decoration: none;
		    line-height: 56px;
		    color: #fff;
		}
		.cross-sell .cartouche .main-pic, .cross-sell .cartouche footer{display:none;}
	}
	@media (max-width: 800px) {
		.cross-sell .cartouche .main-pic img{ width: 100%; height: auto; }
		
	}
	@media (min-width: 801px) and (max-width: 1024px) {
		.cross-sell .cartouche .main-pic img{ margin-top: -8%; width: 100%; height: auto; }
	}

/* Captcha */
.captcha {text-align: right; padding: 10px 0;}
.es .captcha {text-align: center;}
.g-recaptcha {display: inline-block;}
.error-captcha {color: red;}

body.quote #ui-datepicker-div {display: none;}