/*! normalize.css 2012-02-07T12:37 UTC - http://github.com/necolas/normalize.css */article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none}[hidden]{display:none}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:hover,a:active{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em;margin:1.33em 0}h5{font-size:.83em;margin:1.67em 0}h6{font-size:.75em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}mark{background:#ff0;color:#000}p,pre{margin:1em 0}pre,code,kbd,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:before,q:after{content:'';content:none}small{font-size:75%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}dl,menu,ol,ul{margin:1em 0}dd{margin:0 0 0 40px}menu,ol,ul{padding:0 0 0 40px}nav ul,nav ol{list-style:none;list-style-image:none}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:0}form{margin:0}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal;*margin-left:-7px}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button;*overflow:visible}button[disabled],input[disabled]{cursor:default}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}
/**************************************
 ---------- Fonts ----------
 *************************************/
@font-face {
    font-family: "Zag";
    src: url('fonts/Zag.eot');
    src: local("Zag"),
        url('fonts/Zag.woff') format('woff'),
        url('fonts/Zag.ttf') format('truetype'),
        url('fonts/Zag.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "zag-bold";
    src: url('fonts/zag-bold.eot');
    src: local("zag-bold"),
        url('fonts/zag-bold.woff') format('woff'),
        url('fonts/zag-bold.ttf') format('truetype'),
        url('fonts/zag-bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/**************************************
 ----------- Liens & Puces ------------
 **************************************/
a, a:link a:active {
	text-decoration: underline;
	outline:none;
}
a:visited {
	text-decoration: underline;
	outline:none;
}
a:hover {
	text-decoration: none;
	outline:none;
}
ul,ol{
	margin:0 0 0 40px;
}
ul li{
	margin:7px 0 7px 0;
	list-style:square;
}
ol li{
	margin:7px 0 7px 0;
}

/**************************************
 ------------- Titres ---------------
 *************************************/
a, a:link a:active {
	text-decoration: underline;
	outline:none;
	color:#009349;
}
a:visited {
	text-decoration: underline;
	outline:none;
}
a:hover {
	text-decoration: none;
	outline:none;
}

/**************************************
 ------------- Titres ---------------
 *************************************/
h1 {
	font-size:50px;
	font-size:3.125rem;
	font-family: "zag-bold";
	text-transform:uppercase;
	line-height: 1.5;
}
h2 {
	font-size: 35px;
	font-size: 2.25rem;
	font-family: "zag-bold";
	text-transform:uppercase;
	line-height: 1.5;
}
/**************************************
 ------------ General --------------
 *************************************/
.clear{
	clear:both;
}
*{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
img{
	border: 0;
	height:auto;
	width: auto;	
	max-width: 100%;
    vertical-align: middle;	
}
p, div {
	margin:0;
	padding:0;
}
html, body {
    height: 100%;
}
body {
	margin:0;
	padding:0;
	color:#2c3639; /* gris */
    font-family: "Zag";
	font-size:16px;
	font-size:1rem;
	line-height:1.8;
	background:#f8f8f8;
}
#main-container {
	width: 100%; 
    height: auto;
}
/**************************************
 ---------- header-container ----------
 *************************************/
#header-container {  
	display: block;
	position: fixed;
	top: 0;
	z-index:100;	
	width: 100%;
	height: 64px;
	background: #ffffff;
	border-bottom:2px solid #dddddd;
	z-index: 9999;
}
#header-container img.logo{
	float:left;
	width:auto;
	margin:3px 0 0 1%;
}
#header-container nav#topnav{
	float:right;
	margin:0;
	padding:0;
	margin:0 1% 0 0;
}
nav#topnav ul, nav#topnav li {  
	list-style:none;
	margin:0;
	padding:0;	
}
nav#topnav li {
	float: left;
}
nav#topnav li#menu-item-270 { /*Hide Accueil*/
	display:none;
}
nav#topnav li a { 
	display: inline-block;
	color: #2c3639;
	font-size:20px;
	font-size:1.25rem;	
    font-family: "Zag";
	text-decoration: none;
	outline:none;
	margin: 0 0 0 50px;
	padding:12px 0 0 0;
}
nav#topnav li.menu-item-270 a{
	margin-left: 0;
}
nav#topnav li:hover a, nav#topnav li.current a{ 
	border-top: 3px solid #00984a;
	color: #00984a;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	transition: all .3s;
}

ul.qts-lang-menu { list-style:none;}
ul.qts-lang-menu li { list-style:none;float:left;padding:0;margin-top:35px;}
ul.qts-lang-menu li a { text-decoration:none;color:#2c3639;text-transform:capitalize;margin-left:10px;font-size:11px;}
ul.qts-lang-menu li.current-menu-item a{color:#00984a; }
ul.qts-lang-menu li a:hover {text-decoration:underline; }
ul.qts-lang-menu li.last-child a{ border-left:1px solid #000;padding-left:5px;margin-left:5px; }
/**************************************
 ------- -main-container -------------
 *************************************/
#home {
	padding-top: 64px;
	width:100%;
    height: 100%;
}
#jokkolabs {
	clear:both;
	padding-top:64px;	
	width:100%;
    height: 100%;
	-moz-box-shadow: 0 0 1em #000000;
	-webkit-box-shadow: 0 0 1em #000000;
    box-shadow: 0 1px 10px rgba(83, 84, 88, 0.2);	
    box-shadow: 0 1px 10px #000000;	
}
#coworking {	
	padding:0px;
	width:100%;
	height:100%;
}
#communaute {
	padding:0;
	width:100%;
    height: 100%;
	background: none;
}
#contact {
	padding: 80px 0 0 0;
	width:100%;
	height:100%;
	background:#fff url(images/Map.jpg) no-repeat;
}
section#inter0{
	background:url(images/inter0.jpg) 50% 0 no-repeat fixed;
}
section#inter1{
	background:url(images/inter1.jpg) 0 0 no-repeat fixed;
}
section#inter2{
	background:url(images/inter2.jpg) 50% 0 no-repeat fixed;
}
section#inter3{
	background:url(images/inter3.jpg) 50% 0 no-repeat fixed;
}
section.inter{
    height:400px;
    margin: 0 auto;
	padding:0;
    width: 100%;
    position: relative;
	top:0;
	left:0;
}
section.inter h1{
	color:#fff;
    position: absolute; 
}
section#inter0{
    height:500px;
}
section#inter0 h1{
	text-align:left;
	left:25px;
	top: 35%;
}
section#inter0 span{
	padding:15px 20px;
	margin:0 0 10px 0;
	display:inline-block;
	background:#f38b0d;
	background:rgba(243,139, 13, 0.6);		
}
section#inter0 div.stats{
    position: absolute; 
	top: 35%;
	right:2%;
}
section#inter0 div.stats span{
	display:inline-block;
	font-size:20px;
	text-align:center;
	margin: 0 10px;
	text-transform:capitalize;
}
section#inter0 div.stats a{
	font-weight:bold;	
	color:#f38b0d;
	text-decoration:none;
}
section#inter0 span.bigshape{
	width:140px;
	height:150px;
	padding:40px 0 0 0;
	background: url(images/shape-big.png) no-repeat;
}
section#inter0 span.middleshape{
	width:130px;
	height:140px;
	padding:29px 0 0 0;
	background: url(images/shape-middle.png) no-repeat;
}
section#inter0 span.smallshape{
	width:120px;
	height:129px;
	padding:29px 0 0 0;
	background: url(images/shape-small.png) no-repeat;
}
section#inter0 div.stats div.un{
    position: absolute; 
	right: 100px;
	bottom:150px;
}
section#inter0 div.stats div.deux{
    position: absolute; 
	right: 100px;
}
section#inter1 h1{
	text-align:right;
	right:2%;
	bottom:2%;
}
section#inter1 h1 span{
	padding:15px 20px;
	background:#00974a;
	background:rgba(0, 151, 74, 0.6);		
	margin:0 0 10px 0;
	display:inline-block;
}
section#inter2 h1{
	text-align:left;
	left:25px;
	top:30%;	
}
section#inter2 h1 span{
	padding:15px 20px;
	background:#8a3e95;
	background:rgba(138,62, 149, 0.6);	
	margin:0 0 10px 0;
	display:inline-block;	
}
section#inter3 h1{
	left:2%;
	bottom:10%;
}
section#inter3 h1 span{
	padding:15px 20px;	
	background:#2f7eb7;
	background:rgba(47, 126, 153, 0.6);
	margin:0 0 10px 0;
	display:inline-block;
}
/**************************************
 ---------------home------------------ 
 *************************************/
#home div{
	width:25%;
	height:25%;
	float:left;
	overflow:hidden;
}
#home img {
	width:auto;
	height:100%;
	padding:0;
	margin:0;
}
div.community, div.research, div.innovation, div.creativespace{
	line-height:0.9;  
}
div.community a, div.research a, div.innovation a, div.creativespace a{
	width:100%;
	height:100%;
	display:block;
	color:#fff;	
	padding:20px;
	text-decoration:none;
	font-size:40px;
	font-size:2.5rem;
	font-family:"zag-bold";
	text-transform:uppercase;
}
div.creativespace a{
	text-align:right;
	background:#2f7eb7;
}
div.creativespace a:hover{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	color:#2f7eb7;
	background: rgba(47,126,183,0.2);
}
div.research a{
	background:#8a3e95;
}
div.research a:hover{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	color:#8a3e95;
	background: rgba(138,62,149,0.2);
}
div.innovation a{
	text-align:right;
	background:#f38b0d;
}
div.innovation a:hover{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	color:#f38b0d;
	background: rgba(243,139,13,0.2);
}

div.community a{
	background:#009349;
}
div.community a:hover{
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
	color:#009349;
	background: rgba(0,147,73,0.2);
}
h1 span.creativespace{
	color:#2f7eb7;	
	font-weight:bold;
}
h1 span.research{
	color:#8a3e95;
	font-weight:bold;
}
h1 span.innovation{
	color:#f38b0d;	
	font-weight:bold;
}
h1 span.community{
	color:#009349;
	font-weight:bold;	
}
.tooltipster-default, .tooltipsterhub, .tooltipster2 {
	background: #fff;
	color: #2c3639;
	padding: 0;
	font-size: 0;
	line-height: 0;
	position: absolute;
	z-index: 9999999;
	pointer-events: none;
	width: 100%;
	overflow: visible;	
}
.tooltipster2 {
	width: 74%;
}
.tooltipsterhub {
	background: #fdd534;
	width: 500px;	
}
.tooltipsterhub h2{
	color:#fff;
	line-height: 1;
}
.tooltipsterhub .tooltipster-content {
	padding: 0 25px 20px 25px;
}
.tooltipster-content {
	font-family:"Zag";
	font-size: 16px;
	font-size: 1rem;
	line-height: 2;
	padding: 0 15% 35px 15%;
	overflow: hidden;
}
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
}
.tooltipster-arrow {
	display: block;
	text-align: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
	display: block;
	width: 0; 
	height: 0;
	position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-top: 8px solid;
	bottom: -8px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-top: 9px solid;
	bottom: -8px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
	border-left: 8px solid transparent !important;
	border-right: 8px solid transparent !important;
	border-bottom: 8px solid;
	top: -8px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	border-left: 9px solid transparent !important;
	border-right: 9px solid transparent !important;
	border-bottom: 9px solid;
	top: -8px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
	left: 0;
	right: 0;
	margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
	left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
	left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
	right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
	right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-left: 8px solid;
	top: 50%;
	margin-top: -7px;
	right: -8px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-left: 9px solid;
	margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 8px solid transparent !important;
	border-bottom: 8px solid transparent !important; 
	border-right: 8px solid;
	top: 50%;
	margin-top: -7px;
	left: -8px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
	border-top: 9px solid transparent !important;
	border-bottom: 9px solid transparent !important; 
	border-right: 9px solid;
	margin-top: -8px;
}
.tooltipster-grow {
	-webkit-transform: scale(0,0);
	-moz-transform: scale(0,0);
	-o-transform: scale(0,0);
	-ms-transform: scale(0,0);
	transform: scale(0,0);
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
	-webkit-transform: scale(1,1);
	-moz-transform: scale(1,1);
	-o-transform: scale(1,1);
	-ms-transform: scale(1,1);
	transform: scale(1,1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
	-webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	-o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15); 
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
	opacity: 0.5;
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

/**************************************
 ----------- Jokkolabs ----------------
 *************************************/
/* ----------- slide --------------- */
.bx-wrapper {
	position: relative;
	margin: 0;
	padding: 0;
	*zoom: 1;
}
.bx-wrapper ul, .bx-wrapper ul li{
	list-style:none;
	margin: 0;
	padding: 0;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 20%;
	margin:0 auto;
	width: 100%;
}
.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
	background: url(images/bx_loader.gif) center center no-repeat;	
}
.bx-wrapper .bx-pager {
	text-align: center;
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #00984a;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #f38b0d;
}
.bx-wrapper .bx-prev {
	right: 63%;
	top: 80px;	
	background: url(images/controls_left.png) no-repeat;
}
.bx-wrapper .bx-next {
	right: 5%;
	top: 80px;
	background: url(images/controls_right.png) no-repeat;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	outline: 0;
	width: 20px;
	height: 33px;
	text-indent: -9999px;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-wrapper span.bx-caption{
	position: absolute;
	width: 50%;
	color: #333333;
	text-align:justify;
	line-height:2;
	font-size:14px;
	font-size:0.875rem;
	top:0;
	right: 10%;
	text-transform:normal;
}

.bx-wrapper span.bx-caption h2{
	color: #00984a;
    font-family:"Zag";
	font-weight:bold;
	display: block;
	font-size: 25px;
	font-size: 1.5625rem;
}
 /**************************************
 -------------- coworking -------------
 *************************************/	
 #coworking {
 position:relative;
}
 #coworking  img.hub{
	width:80%;
	height:auto;
	position:absolute;
	left:20%;
	margin-top:100px;
}
 #coworking ul, #coworking ul li {
	padding:0;
	margin:0;
	list-style:none;
 }
 #coworking ul.coworking {
	position:absolute;
	left:0;
	width:20%;
	height:100%;
	padding:150px 25px 0 25px;
	background:#ffffff;
}
#coworking ul.coworking li a{
	cursor:pointer;
	font-size:26px;
	font-size:1.625rem;
	font-family:"Zag";
	text-transform:uppercase;
	color:#00679d; 
	margin:10px 0 0 0;
	text-decoration:none;
}
#coworking ul.coworking li a:hover{
	color:#f38b0d;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
#coworking ul.coworking li.visa{
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-top:1px solid #dddddd;
}
/**************************************
 ----------- Communaute ----------------
 *************************************/
#communaute{
	position:relative;
}
#communaute div{
	width:10%;
	height:20%;
	float:left;
}
#communaute img{
	width:100%;
	height:auto;
}
#communaute .communaute{
	width:59%;
	position:absolute;
	left:20%;
	top:20%;
	height:40%;
	background:#f8f8f8;
	padding:10px 15px;
	background:rgba(255, 255, 255, 0.7);
}
#communaute .communaute p{
	color:#009349;
	font-size:30px;
	font-size:1.875rem;
	text-align:center;
	font-weight:bold;
	font-family:"Zag";
}
#communaute .blank{
	width:10%;
	height:20%;
	margin:0;
	padding:0;
	background:#fff;
}
#communaute a.button{
	padding:0 20px;
	margin:10px 0 0 0;
	float:right;
	display:block;
	background:#f38b0d;
	border-radius:5px;
	font-size:30px;
	font-size:1.875rem;
	font-family:"zag-bold";
	text-transform:uppercase;
}
#communaute a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;	
}
#communaute a:hover{
	background:#00984a;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

/**************************************
 ------------ Contact ----------------
 *************************************/
 
#contact .contact{
	width:900px;
	height:auto;
	margin:0 auto;
	padding:0;
}
.contact .left{
	width:45%;
	float:left;
	margin:0 10% 0 0;
}
.contact .right{
	width:45%;
	float:left;	
}

/* ----------- Tab --------------- */
#contact ul.tabs {
	width:100%;
    list-style:none;
    padding:0;
	margin:0;
    border:none;
}
#contact ul.tabs li {
    float:left;
    outline: none;		
	width:33.333%;
	height:auto;
    text-indent:0;
    margin:0 !important;
	list-style:none;
    list-style-image:none !important;
	background:#eeeeee;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}
#contact ul.tabs a {
    font-size:15px;
    font-size:0.938rem;
    display:block;
	color:#2c3639;
    text-align:center;
    text-decoration:none;
    font-family:"Zag";	
	font-weight:bold;
    padding:7px 0;
    margin:0;
}
#contact ul.tabs a:active {
    outline:none;
	background: #2f7eb7;
}
#contact ul.tabs li a:hover {
    background: #2f7eb7;
    color:#fff;
}
#contact ul.tabs li:hover {
    outline: none;	
}
#contact ul.tabs a.current, #contact ul.tabs a.current:hover, #contact ul.tabs li.current a {
    background: #2c78ac;
    cursor:default !important;
    color:#fff !important;
}
#contact .panes {
    clear: both;
}
#contact .panes ul, #contact .panes ul li{
    list-style:none;
    padding:0;
	margin:0;

}
#contact .panes div.pane {
    padding:50px;
    border:none;
    border:0;
	width: 100%;
	text-align: center;
    height:auto;
    font-size:15px;
    font-size:0.9375rem;
	background: rgba(255,255,255,0.9);
	border:1px solid #dddddd;
	border-top:none;
} 
 /* ----------- Form --------------- */
#contact input[type=submit] {
	background: #2b77ab;
	width:150px;
	font-size:20px;
	font-size:1.25rem;
	font-family:"zag-bold";
	color:#fff;
	margin:35px 0 0 30px;
	padding:5px 15px;
	cursor:pointer;
	float:left;
	border:2px solid #eeeeee;
}
#contact input[type="text"],
#contact input[type="email"],
#contact input[type="tel"],
#contact textarea,
#contact select,
#contact .captcha input[type="text"]{
    outline: none;
	display:inline-block;
	width:100%;
	padding:10px 5px;
	margin:10px 0;	
	color:#555555;
	border:1px solid #eeeeee;
}
#contact input[type="radio"]{
    outline: none;	
	border:none;
}
#contact textarea{
	height:120px;
}
#contact p.cptch{
	float:left;
	margin:25px 0 0 0;
}
#contact .captcha input[type="text"]{
    width:80px;
}

/**************************************
 ----------- Footer ----------------
 *************************************/
footer{
	width:100%;
	text-align:center;
}
footer h3{
	font-weight:bold;
	color:#cccccc;
	background:#fff;
	padding:5px;
	margin:-25px auto 0 auto;
}
footer#footer-container-blanc {
	background:#fff;
	padding:80px 0 60px 0;	
}
footer#footer-container-gris {
	background:#2c3639;
	padding:30px 0;
}
footer #partners, footer #talkaboutus{
	border-top:1px solid #ddd;
}
footer #partners{
	margin-bottom:70px;
}
footer #partners h3{
	width:240px;
}
footer #talkaboutus h3{
	width:340px;
}
footer #partners img{
	margin:35px 35px 15px 0;
}
footer #talkaboutus img{
	margin:35px 25px 15px 0;
}
footer #reso{
	clear:both;
	margin:20px 0 30px 0;
	text-align: center;
}
footer #reso img{
	margin: 0 25px;
}
div.last{
	font-size:14px;
	font-size:0.875rem;
	color:#2c3639;
	font-family:"Zag";
	background:#ffffff;	
	padding:20px 10px 15px 10px;
}
div.last a{
	color:#2f7eb7;
	text-decoration:none;
}
div.last a:hover{
	text-decoration:underline;
}
span.copy{
	float:left;
}
span.credit{
	float:right;
}
/* the overlayed element */
.simple_overlay {

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:675px;
    min-height:200px;
    border:1px solid #666;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/media/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}
/******************************************************************************
 -------- style for smartphones & tablettes -------------
 ******************************************** *********************************/

/******************* max-width:480px*********************/
 @media (max-width: 480px) {


}

/******************* min-width:1500px *********************/
 @media (min-width: 1500px) {
section#inter0{
	background:url(images/inter2-0.jpg) 50% 0 no-repeat fixed;
}
section#inter1{
	background:url(images/inter2-1.jpg) 0 0 no-repeat fixed;
}
section#inter2{
	background:url(images/inter2-2.jpg) 50% 0 no-repeat fixed;
}
section#inter3{
	background:url(images/inter2-3.jpg) 50% 0 no-repeat fixed;
}

}
/******* @media (max-device-width:768px) and (orientation: landscape) *********/
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
  }
}