/*! normalize.css v1.1.2 | MIT License | git.io/normalize */article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block;*display:inline;*zoom:1}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}html,button,input,select,textarea{font-family:sans-serif}body{margin:0}a:focus{outline:thin dotted}a:active,a:hover{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:.67em;margin:2.33em 0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}p,pre{margin:1em 0}code,kbd,pre,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:80%}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 silver;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,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}button[disabled],html 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-cancel-button,input[type="search"]::-webkit-search-decoration{-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}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com
   ========================================================================== */

html,button,input,select,textarea{color:#222}body{font-size:1em;line-height:1.4}::-moz-selection{background:#b3d4fc;text-shadow:none}::selection{background:#b3d4fc;text-shadow:none}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}img{vertical-align:middle}fieldset{border:0;margin:0;padding:0}textarea{resize:vertical}.chromeframe{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}


/* ===== Primary Styles =====================================================
   Author: XHTML master - http://xhtmlmaster.com 
   ========================================================================== */
@font-face {
  font-family: 'helveticaneuebold';
  src: url('../fonts/helveticaneue_bold-webfont.eot');
  src: url('../fonts/helveticaneue_bold-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/helveticaneue_bold-webfont.woff2') format('woff2'),
       url('../fonts/helveticaneue_bold-webfont.woff') format('woff'),
       url('../fonts/helveticaneue_bold-webfont.ttf') format('truetype'),
       url('../fonts/helveticaneue_bold-webfont.svg#helveticaneuebold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'helveticaneuelight';
  src: url('../fonts/helveticaneue_light-webfont.eot');
  src: url('../fonts/helveticaneue_light-webfont.eot?#iefix') format('embedded-opentype'),
       url('../fonts/helveticaneue_light-webfont.woff2') format('woff2'),
       url('../fonts/helveticaneue_light-webfont.woff') format('woff'),
       url('../fonts/helveticaneue_light-webfont.ttf') format('truetype'),
       url('../fonts/helveticaneue_light-webfont.svg#helveticaneuelight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
    font-family: 'HelveticaNeueRoman';
    src: url('../fonts/HelveticaNeueRoman.eot');
    src: url('../fonts/HelveticaNeueRoman.eot') format('embedded-opentype'),
         url('../fonts/HelveticaNeueRoman.woff2') format('woff2'),
         url('../fonts/HelveticaNeueRoman.woff') format('woff'),
         url('../fonts/HelveticaNeueRoman.ttf') format('truetype'),
         url('../fonts/HelveticaNeueRoman.svg#HelveticaNeueRoman') format('svg');
}
@font-face {
  font-family: 'HelveticaNeueLTStdBdCn';
  src: url('../fonts/HelveticaNeueLTStdBdCn.eot');
  src: url('../fonts/HelveticaNeueLTStdBdCn.eot') format('embedded-opentype'),
       url('../fonts/HelveticaNeueLTStdBdCn.woff2') format('woff2'),
       url('../fonts/HelveticaNeueLTStdBdCn.woff') format('woff'),
       url('../fonts/HelveticaNeueLTStdBdCn.ttf') format('truetype'),
       url('../fonts/HelveticaNeueLTStdBdCn.svg#HelveticaNeueLTStdBdCn') format('svg');
}

*, *::before, *::after {
    box-sizing: inherit;
}

body {
	background: url(../img/bg.jpg) no-repeat top center #000; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font: 12px Arial, Helvetica, sans-serif;
	color: #000;
	padding-bottom: 78px;
	min-width: 320px;
	background-attachment: fixed;
}

.wrapper {
	width: 960px;
	margin: 0 auto;
}

h1, h2, h3, h4, h5, h6, p {
	margin: 0;
	font-weight: normal;
}
nav ul {
	margin: 0;
	padding: 0;
}

a {
	-webkit-transition: all .2s ease-in-out;	
	-moz-transition: all .2s ease-in-out;	
	-o-transition: all .2s ease-in-out;	
	-ms-transition: all .2s ease-in-out;	
	transition: all .2s ease-in-out;
	color: #5aa02e;
	text-decoration: underline;
}
a:hover {
	color: #000;
}

figure.gauche{
	float: left;
	max-width: 50%;
	margin: 0 20px 5px 0;
}
figure.droite{
	float: right;
	max-width: 50%;
	margin: 0 0 5px 5px;
}
figure.droite img,
figure.gauche img{
	width: 100%;
}

p.form_retour,
.btn {
	border: none;
	font-size: 14px;
	font-family: 'helveticaneuelight';
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0;
	padding: 0;
	outline: 0 none;
	background: #646464;
	padding: 0 14px;
	color: #fff;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	text-decoration: none;
	height: 26px;
	line-height: 26px;
}
p.form_retour{
	padding: 0;
	background: #7cb955;
	text-align: center;
}
p.form_retour.invalid{
	background: #ff0000;
	margin-bottom: 5px;
	display: block;
}
p.form_retour.valid{
	margin-bottom: 5px;
	display: block;
}
.btn:hover, .btn-green {
	background: #7cb955;
	color: #fff;
}
.btn.right{
	float: right;
}
.btn-green:hover {
	background: #000;
	color: #fff;
}
.btn.back_bloc{
	background: none;
	color: #83b454;
	font-weight: bold;
	background: url(../img/back_bloc.png) no-repeat 0 1px;
	padding-left: 50px;
}

::-webkit-input-placeholder {
   color: inherit;
}
:-moz-placeholder {
   color: inherit;  
}
::-moz-placeholder {  
   color: inherit;  
}
:-ms-input-placeholder {  
   color: inherit;  
}

.mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d28f10+0,d28f10+100&0+35,1+44 */
background: -moz-linear-gradient(left,  rgba(210,143,16,0) 0%, rgba(210,143,16,0) 35%, rgba(210,143,16,1) 44%, rgba(210,143,16,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(210,143,16,0) 0%,rgba(210,143,16,0) 35%,rgba(210,143,16,1) 44%,rgba(210,143,16,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(210,143,16,0) 0%,rgba(210,143,16,0) 35%,rgba(210,143,16,1) 44%,rgba(210,143,16,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00d28f10', endColorstr='#d28f10',GradientType=1 ); /* IE6-9 */

}
.t {
	display: table;
	width: 100%;
	height: 100%;
}
.tt {
	display: table-cell;
	vertical-align: middle;
}

#top {
	border-top: solid 1px #000;
	background: #000;
	background: rgba(0,0,0,0.8);
	height: 35px;
	overflow: hidden;
}

#top aside {
	float: right;
}
#top aside h6 {
	color: #fff;
	font: bold 12px/35px Arial, Helvetica, sans-serif;
	margin: 0;
}
#top aside h6, #top aside form {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#top aside form {
	background: #d7d8d5;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
	box-shadow: inset 0 2px 4px rgba(0,0,0,0.2);
	margin-left: 10px;
	height: 24px;
}
#top aside form.search {
	margin-left: 40px;
}
#top aside form button {
	background: url(../img/ico-book.png) no-repeat center center;
	border: 0;
	outline: 0 none;
	margin: 0;
	padding: 0;
	width: 36px;
	height: 24px;
	float: left;
}
#top aside form.search button {
	background: url(../img/ico-search.png) no-repeat center center;
}

#top aside form input {
	background: none;
	border: 0;
	margin: 0;
	outline: 0 none;
	color: #4a3b39;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px 10px;
	width: 140px;
}

#mobile-nav-opener, #mobile-nav, #top .links {
	display: none;
}
#top a.home {
	background: url(../img/ico-home.png) no-repeat center center;
	height: 35px;
	width: 35px;
	line-height: 35px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 0em;
	text-indent: -9999999px;
	vertical-align: middle;
}
#top .social {
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 20px;
	margin-right: 30px;
}
#top .social a {
	background: url(../img/social.png) no-repeat 0 center;
	height: 35px;
	line-height: 35px;
	width: 14px;
	font-size: 0em;
	text-indent: -999999px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 5px;
	vertical-align: middle;
}
#top .social a.facebook {
	background-position: -6px center;
}
#top .social a.twitter {
	background-position: -25px center;
}
#top .social a.flickr {
	background-position: -44px center;
}
#top .social a.instagram {
	background-position: -63px center;
}
#top .social a.youtube {
	background-position: -80px center;
	width: 40px;
}
#top .extranet {
	background: url(../img/ico-display.png) no-repeat left center;
	display: inline-block;
	*display: inline;
	zoom: 1;
	height: 35px;
	padding-left: 30px;
	vertical-align: middle;
	color: #f4a419;
	font: 11px/35px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#header .wrapper {
	background: #000;
	color: #fff;
	padding: 8px 0px;
}
#logo {
	background: url(../img/logo.png) no-repeat;
	width: 131px;
	height: 107px;
	display: block;
	float: left;
	font-size: 0em;
	text-indent: -999999px;
	margin-left: 10px;
	margin-right: 20px;
}
#header .info {
	font-family: 'helveticaneuelight';
	float: left;
	width: 448px;
	padding-top: 18px;
}
#header .info h2 {
	font-size: 31px;
	font-style: italic;
	margin-bottom: 0.2em;
}
#header .info h2 span {
	color: #7cb955;
}
#header .info h2 sup {
	font-size: 20px;
}
#header .info p {
	font-size: 14px;
	line-height: 1.4em;	
}
#header .badge {
	background: url(../img/badge.png) no-repeat left center;
	float: right;
	text-align: right;
	width: 330px;
	margin-right: 20px;
	min-height: 121px;
}
#header .badge ul {
	list-style-type: none;
	margin: 0;
	padding: 18px 0 0 0;
	line-height: 1.4em;
}

#nav .wrapper {
	background: #fff;
	position: relative;
	height: 30px;
	z-index: 999;
}
#nav .wrapper a#focus,
#nav .wrapper a#partager{
	border-radius: 15px;
	padding: 3px;
	position: absolute;
	top: 2px;
	width: 20px;
	height: 20px;
}
#nav .wrapper a#focus{
	right: 2px;
	background: #83b454 url(../img/focus.png) no-repeat scroll 9px 4px;
}
#nav .wrapper a#partager{
	left: 2px;
	background: #83b454 url(../img/people_big.png) no-repeat scroll 2px 4px;
}
#nav .wrapper a#focus:hover
#nav .wrapper a#partager:hover{
	background-color: #646464;
}

#nav .wrapper a#partager img{
	visibility: hidden;
	height: 100%;
	width: 100%;
}

#nav ul li, #nav ul li a {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#nav ul {
	padding-left: 160px;
}
#nav ul li {
	padding: 0 25px 0 0;
}
#nav ul li a {
	color: #83b454;
	font-size: 16px;
  font-family: 'HelveticaNeueLTStdBdCn';
  text-decoration: none;
  line-height: 34px;
}
#nav ul li a:hover, #nav ul li a.active, #nav ul li a.hover {
	color: #000;
}
#nav .sub {
	z-index: 300;
	background: #96c030;
	position: absolute;
	top: 30px;
	left: 0;
	-webkit-box-shadow: 3px 5px 13px rgba(19,21,21,0.5);
	-moz-box-shadow: 3px 5px 13px rgba(19,21,21,0.5);
	box-shadow: 3px 5px 13px rgba(19,21,21,0.5);
	width: 800px;
	padding-left: 160px;
	text-align: left;
	overflow: hidden;
	display: none;
}
#nav .sub img {
	position: absolute;
	bottom: 0;
	right: 0;
}
#nav .sub ul {
	vertical-align: top;
	text-align: left;
	padding: 18px 0;
	margin: 0 18px 0 0;
	display: inline-block;
	*display: inline;
	zoom: 1;
}
#nav .sub ul li, #nav .sub ul li a {
	display: block;
}
#nav .sub ul li {
	padding: 0;
}
#nav .sub ul li a {
	line-height: normal;
	font-size: 11px;
	font-style: italic;
  font-family: 'HelveticaNeueRoman';
  color: #000 !important;
  line-height: 1.8em;
}
#nav .sub ul li a:before {
	content: '- ';
}
#nav .sub ul li a:hover {
	color: #fff !important;
}

#content .wrapper {
	background: #fff;
	-webkit-box-shadow: 2px 3px 5px rgba(0,0,0,0.34);
	-moz-box-shadow: 2px 3px 5px rgba(0,0,0,0.34);
	box-shadow: 2px 3px 5px rgba(0,0,0,0.34);
	margin-bottom: 50px;
	padding: 16px 0;
	position: relative;
}
.main #content .wrapper {
	background: none;
	-webkit-box-shadow: 0 0 0;
	-moz-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}

#main-page {
	width: 800px;
	float: left;
	min-height: 650px;
}

#main-page .box {
	width: 358px;
	background: #fff;
	padding: 14px 7px 7px 7px;
	float: left;
	margin-left: 20px;
	margin-bottom: 16px;
	min-height: 344px;
}
#main-page .box .slideshow{
	min-height: 344px;
}
#main-page .box figure img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 6px;
}
#main-page .box h2,
#main-page .box h2 a{
	padding-left: 20px;
	margin-bottom: 8px;
	padding-top: 3px;
	font-size: 24px;
	text-decoration: none;
	color: #656565;
	font-family: 'helveticaneuelight';
	text-transform: uppercase;
	position: relative;

	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#main-page .box h2 a{
	padding: 0;
}
#main-page .box h2:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 10px;
	height: 25px;
	background: #83b454;
}
#main-page .box p,
#main-page .box p a {
	color: #000;
	text-decoration: none;
	font-size: 11px;
	font-style: italic;
  font-family: 'helveticaneuebold';
  padding-left: 20px;
  margin-bottom: 8px;
}
#main-page .box p a{
	padding: 0;
}
#main-page .box .more {
	font-size: 12px;
	font-size: 12.6px;
  font-family: 'helveticaneuebold';
  font-style: italic;
  text-decoration: none;
  padding-left: 20px;
}
#main-page .box aside {
	padding: 0 0 8px 8px;
}
#main-page .box .pager {
	position: absolute;
	bottom: 0px;
	right: 0px;
	z-index: 200;
}
#main-page .box .pager span {
	width: 12px;
	height: 12px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: #83b454;
	font-size: 0em;
	text-indent: -9999999px;
	margin-left: 3px;
	cursor: pointer;
}
#main-page .box .pager span:hover, #main-page .box .pager span.cycle-pager-active {
	background: #5aa02e;
}
#main-page .box .slide {
	width: 100%;
}

#page {
	width: 754px;
	padding-left: 34px;
	float: left;
	min-height: 650px;
}
#page.solo {
	width: 100%;
	padding-right: 34px;
	box-sizing: border-box;
}
#page .banner {
	margin-bottom: 18px;
}
#page .banner img {
	display: block;
	width: 100%;
	height: auto;
}
#page h1 {
	font-size: 24px;
	font-family: 'helveticaneuelight';
	color: #646464;
	margin-bottom: 10px;
}
#page h2 {
	font-size: 24px;
	font-family: 'helveticaneuelight';
	color: #646464;
	margin-bottom: 10px;
}
#page h3 {
	font-size: 14px;
	font-style: italic;
  font-family: 'helveticaneuebold';
	color: #71b05a;
	margin-bottom: 14px;
}
#page ul.ecotouri{
	padding: 0;
}
#page .article,
#page ul.ecotouri li{
	background: url(../img/bullet.png) no-repeat 12px center;
	padding-left: 40px;
    margin: 10px 0;
    list-style: none;
}

#page .article p {
  font-family: 'helveticaneuelight';
  margin-bottom: 16px;
}
#page .article p strong {
	font-weight: normal;
  font-family: 'helveticaneuebold';
}
#page .more {
	float: right;
  font-family: 'helveticaneuebold';
}
#page .more.link{
	font-size: 14px;
}

#slider {
	position: relative;
	margin-bottom: 16px;
}
#slider .slide {
	width: 100%;
}
#slider img {
	width: 100%;
	height: auto;
	display: block;
}
#slider .prev, #slider .next  {
	background: url(../img/arrows.png) no-repeat 0 0;
	width: 22px;
	height: 72px;
	left: 10px;
	top: 50%;
	margin-top: -36px;
	z-index: 200;
	position: absolute;
	display: block;
	cursor: pointer;
}
#slider .next {
	background-position: -22px 0;
	left: auto;
	right: 10px;
}

.sidebar {
	float: left;
	width: 172px;
}
.sidebar .labels{
	padding: 0;
	list-style: none;
	text-align: center;
}
.sidebar .labels li{
	display: inline-block;
	width: 48%;
	max-width: 83px;
	margin: 10px 0;
}
.sidebar .labels li img{
	width: 100%;
	max-width: 60px;
}
.sidebar address {
	background: #7cb955;
	color: #fff;
	margin-bottom: 10px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	padding: 9px 7px;
	font-style: normal;
	font-family: 'HelveticaNeueRoman';
	line-height: 1.4em;
}
.sidebar address a{
	color: #FFF;
}
.sidebar address .sep{
	display: block;
	margin: 5px 0;
	height: 1px;
	background: #FFFFFF;
}
.sidebar address strong {
	font-weight: normal;
  font-family: 'helveticaneuebold';
}
.sidebar nav {
	/*width: 114px;*/
	margin: 10px auto 0;
}
.sidebar nav ul {}
.sidebar nav ul li {
	margin-bottom: 10px;
}
.sidebar nav ul li a {
	background: #646464;
	color: #fff;
	/*height: 26px;*/
	line-height: 26px;
	text-align: center;
	display: block;
	font-size: 14px;	
	font-family: 'helveticaneuelight';
	text-decoration: none;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}
.sidebar nav ul li a:hover, .sidebar nav ul li a.active {
	background: #7cb955;
}

.inside {
	float: right;
	width: 538px;
}
.inside h3 {
	font-size: 24px;
	font-style: normal;
  font-family: 'helveticaneuelight';
  margin-bottom: 0.3em;
}
.inside p {
	margin-bottom: 1.5em;
  font-family: 'helveticaneuelight';
	font-size: 14px;
	text-align: justify;
  color: #000;
}
.inside ul li{
	font-family: 'helveticaneuelight';
	font-size: 14px;
	text-align: justify;
}
.inside p strong {
  font-family: 'helveticaneuebold';
}
.inside .manifest {
	margin-bottom: 6px;
}
.inside .manifest a img {
	width: 122px;
	height: auto;
}
.inside .manifest div, .inside .manifest aside {
	display: inline-block;
	*display: inline;
	zoom: 1;
	vertical-align: middle;
	margin-left: 15px;
}
.inside .manifest div {
	width: 320px;
	font-size: 12px;
  font-family: 'helveticaneuebold';
	color: #7cb955;
}
.inside .manifest div h4,
.inside .manifest div h4 a {
	font-size: 12px;
	text-transform: uppercase;
	color: #000;
	text-decoration: none;
}
.inside .manifest div h4 a:hover{
	color: #5aa02e;
}
.inside .manifest aside {
  font-family: 'helveticaneuebold';
	color: #656565;
}

#page .event {
	/*padding-top: 20px;*/
}
#page .event h2 {
	margin-bottom: 0.1em;
	font-family: 'helveticaneuelight';
	font-size: 24px;
	/*color: #7cb955;*/
}
#page .event time,
#page .event h2 {
	display: block;
	margin-bottom: 18px;
	font-size: 18px;
	font-family: 'helveticaneuelight';
	margin-top: 7px;
}
#page .event .right,
#page button.right{
	float: right;
}
#page .event .return{
	margin-bottom: 2px;
}
#page .event .mtn{
	margin-top: -26px;
}

#page .event .info {
	/*
	float: left;
	width: 290px;
	*/
}
#page .event .info p,
#page .event .info td,
#page .event .info li{
	text-align: justify;
	font-size: 14px;
	margin-bottom: 1em;
	line-height: 1.4em;
  font-family: 'helveticaneuelight';
}
#page .event .info td,
#page .event .info li{
	margin-bottom: 0;
	line-height: auto;
}
#page .event .info ul li {
	font-family: 'helveticaneuelight';
	font-size: 14px;
	text-align: justify;
}
#page .event aside {
	float: right;
	/*width: 398px;*/
	clear: both;
	max-width: 50%;
	padding-left: 14px;
}
#page .event aside figure {
	margin-bottom: 14px;
	margin-left: 14px;
}
#page .event aside figure img {
	display: block;
	width: 100%;
	height: auto;
}
#page .event aside .social {
	float: right;
}
#page aside .social {
	text-align: center;
}
#page .event aside .tarif_fiche{
	display: inline-block;
}
#page aside .social a {
	vertical-align: middle;
	display: inline-block;
	*display: inline;
	zoom: 1;
	background: url(../img/share.png) no-repeat 0 0;
	width: 22px;
	height: 23px;
	font-size: 0em;
	text-indent: -999999px;	
}
#page aside .social a.facebook {
	background-position: -10px -7px;
}
#page aside .social a.twitter {
	background-position: -40px -7px;
}
#page aside .social a.youtube {
	background-position: -127px -7px;
}
#page aside .social a.blog {
	background-position: -153px -7px;
}
#page aside .social a.flickr {
	background-position: -69px -7px;
}
#page aside .social a.instagram {
	background-position: -98px -7px;
}
#page .event aside .bar {
	margin-bottom: 12px;
}
#page .event aside .bar .btn {
	margin-right: 5px;
}
#page .event aside form .row {
	margin-bottom: 10px;
}
#page .event aside form label {
	width: 25%;
	float: left;
	text-align: right;
	padding-right: 10px;
	font-size: 14px;
  font-family: 'helveticaneuelight';
  padding-top: 3px;
}
#page .event aside form input {
	width: 75%;
	color: #5f5f5f;
	font-size: 14px;
  font-family: 'helveticaneuelight';
  border: solid 1px #cecece;
  padding: 2px 10px 1px 10px;
  outline: 0 none;
}

#page .event aside form {
  box-sizing: border-box;
}
#page .event aside form *, #page .event aside form *:before, #page .event aside form *:after {
  box-sizing: inherit;
}

#map,
#map-static {
	width: 130px;
	height: 650px;
	position: absolute;
	top: 12px;
	right: 16px;
	border: solid 4px #fff;
	z-index: 250;
}
#map-static {
	z-index: 251;
}
#map .toggle_map{
	background: url(../img/toggle_map.png) -40px 0 no-repeat #5aa02e;
	display: block;
	float: left;
	height: 40px;
	position: relative;
	width: 40px;
	z-index: 500;
}
#map-static .toggle_map{
	background: url(../img/toggle_map.png) 0 0 no-repeat #5aa02e;
	display: block;
	height: 40px;
	position: absolute;
	top: 4px;
	left: 4px;
	width: 40px;
	z-index: 500;
}
#mobile-map-mask {
	display: none;
}
#mobile-map {
	height: 300px;		
	width: 100%;
	display: block;
}
#map.open {
	-webkit-box-shadow: 0 0 16px rgba(19,21,21,0.3);
	-moz-box-shadow: 0 0 16px rgba(19,21,21,0.3);
	box-shadow: 0 0 16px rgba(19,21,21,0.3);
}

#bottom .slide {
	width: 100%;
	color: #fff;
	position: relative;
}

#bottom .slide img {
	display: block;
	width: 50%;
	height: auto;
}
#bottom .slide img.mobile {
	display: none;
	width: 100%;
}
#bottom .slide aside {
	float: right;
	padding-right: 130px;
	width: 390px;
}
#bottom .slide aside h4,
#bottom .slide aside h4 a {
	font-size: 30px;
  font-family: 'helveticaneuelight';
  font-style: italic;
  text-shadow: 0px 1px 1px rgba(19, 21, 21, 0.15);
  line-height: 1.4em;
	color: #fff;
	text-decoration: none;
}
#bottom .slide aside p,
#bottom .slide aside p a {
	font-size: 11px;
	font-size: 11.5px;
	font-family: 'HelveticaNeueRoman';
	line-height: 1.4em;
	margin-bottom: 10px;
	padding-left: 15px;
	color: #fff;
	text-decoration: none;
}
#bottom .slide aside p strong,
#bottom .slide aside p a strong {
	font-family: 'helveticaneuebold';
	font-weight: normal;
	color: #fff;
	text-decoration: none;
}
#bottom .slide aside .more {
	background: url(../img/arrow.png) no-repeat 0 3px;
	padding-left: 10px;
	float: right;
  font-family: 'helveticaneuebold';
  font-size: 14px;
  color: #fff;
  text-decoration: none;
}
#bottom .pager {
	position: absolute;
	bottom: 10px;
	right: 15px;
	z-index: 200;
	font-size: 0em;
}
#bottom .pager span {
	background: url(../img/pager.png) no-repeat -22px 0;
	width: 15px;
	height: 15px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin-left: 6px;
	cursor: pointer;
}
#bottom .pager span:hover, #bottom .pager span.cycle-pager-active {
	background-position: 0 0;
}

#footer .wrapper {
	background: #fff;
	background: rgba(255,255,255,0.73);
	padding: 32px 0;
}
#footer aside.left {
	float: left;
	padding-left: 80px;
	width: 330px;
}
#footer aside.right {
	float: right;
	width: 486px;
	padding-right: 40px;
}
#footer h5, #footer h6  {
	color: #3c3c3c;
	font-size: 18px;
	font-family: 'helveticaneuebold';
	margin-bottom: 0.2em;
}
#footer h6 {
	border-bottom: solid 1px #3c3c3c;
}
#footer p {
	color: #3c3c3c;
	font-family: 'HelveticaNeueRoman';
	font-size: 12px;
	line-height: 1.4em;
	padding-left: 16px;
}
#footer cite {
	font-family: 'HelveticaNeueRoman';
	display: block;
	font-style: normal;
	font-size: 12px;
	color: #3c3c3c;
	line-height: 1.4em;
	margin-bottom: 20px;
	padding-left: 16px;
}
#footer cite strong {
	font-family: 'helveticaneuebold';
	font-weight: normal;
	font-style: italic;
}
#footer aside.right h5 {
	clear: both;
}
#footer .social {
	padding-bottom: 10px;
	font-size: 0em;
}
#footer .social a {
	background: url(../img/social-footer.png) no-repeat 0 0;
	width: 45px;
	height: 45px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	font-size: 0em;
	text-indent: -999999px;
	margin-left: 16px;
}
#footer .social a.facebook {
	background-position: -20px -14px;
}
#footer .social a.twitter {
	background-position: -81px -14px;
}
#footer .social a.flickr {
	background-position: -141px -14px;
}
#footer .social a.instagram {
	background-position: -197px -14px;
}
#footer .social a.youtube {
	background-position: -253px -14px;
}
#footer nav {
	float: left;
	margin-left: 40px;
	min-width: 135px;
	padding-bottom: 16px;
	max-width: 130px;
}
#footer nav:first-child {
	margin-left: 0;
}
#footer nav ul {
	line-height: 1.4em;
	padding-left: 16px;
}
#footer nav ul li a {
	color: #3c3c3c;
	text-decoration: none;
}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir{background-color:transparent;border:0;overflow:hidden;*text-indent:-9999px}.ir:before{content:"";display:block;width:0;height:150%}.hidden{display:none !important;visibility:hidden}.visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}.invisible{visibility:hidden}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1; clear: both;}

@media only screen and (max-width: 1023px) {
	html {
		background: #fff;
	}
	.wrapper {
		width: 90%;
	} 
	
	#top {
		height: 50px;
		background: #000;
		border: 0;
	}
	
	#top aside {
		display: none;
	}
	#top a.home {
		width: 22px;
		height: 50px;
		line-height: 50px;
	}
	#top .social {
		margin-left: 0;
		margin-right: 0;
	}
	#top .social a {
		height: 50px;
		line-height: 50px;
		margin-left: 10px;
	}
	
	#top .extranet {
		height: 50px;
		line-height: 50px;
		margin-left: 10px;
		font-size: 0em;
		text-indent: -99999px;
		width: 20px;
		padding: 0;
	}
	#top .links {
		display: inline-block;
	}
	#top .ico-newsletter, #top .ico-search  {
		display: inline-block;
		*display: inline;
		zoom: 1;
		background: url(../img/ico-newsletter.png) no-repeat center center;
		height: 50px;
		width: 23px;
		vertical-align: middle;
		font-size: 0em;
		text-indent: -999999px;
		margin-left: 10px;
	}
	#top .ico-search {
		background: url(../img/ico-search-o.png) no-repeat center center;
		width: 19px;
	}
	
	#mobile-nav-opener {
		background: url(../img/menu.png) no-repeat center center;
		height: 50px;
		width: 42px;
		line-height: 50px;
		font-size: 0em;
		text-indent: -99999px;
		float: right;
		display: block;
		cursor: pointer;
	}
	
	#header {
		background: #000;
	}
	
	#logo {
		margin-left: 0;
		width: 111px;
		background-position: right center;
	}
	
	#header .badge {
		display: none;
	}
	
	#nav {
		display: none;
	}
	
	#mobile-nav {
		display: block;
		background: #fff;
		text-align: center;
	}
	#mobile-nav ul {
		padding: 20px 0;
		display: none;
	}
	#mobile-nav ul li a {
		color: #83b454;
		font-size: 20px;
	  font-family: 'HelveticaNeueLTStdBdCn';
	  text-decoration: none;
		display: block;
		line-height: 1.5em;
	}
	
	#content {
		background: #fff;
		margin-bottom: 0;
		padding: 16px 0;
	}
	#content .wrapper {
		-webkit-box-shadow: 0 0 0;
		-moz-box-shadow: 0 0 0;
		box-shadow: 0 0 0;
		padding: 0;
	}
	
	#main-page,
	#page {
		padding-left: 0;
		width: 100%;
		float: none;
		min-height: 1px;
	}
	#page.solo {
		padding-right: 0;
	}
	
	#main-page .box {
		margin-left: 0;
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
		height: auto !important;
	}
	
	.sidebar {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	.sidebar address {
		float: left;
		width: 50%;
		min-height: 154px;
		margin-bottom: 0;
	}
	.sidebar nav {
		float: right;
		width: 45%;
	}
	.sidebar nav ul li {
		margin-bottom: 3px;
	}
	
	.inside {
		float: none;
		width: 100%;
	}
	
	#page .event .info {
		/*width: 39%;*/
	}
	#page .event aside {
		/*width: 55%;*/
	}
	
	#map,
	#map-static {
		display: none;
	}
	#mobile-map-mask {
		display: block;
		margin-top: 100px;
		border: solid 2px #a7c340;
	}
	
	#bottom {
		background: #dfa955;
	}
	#bottom .wrapper {
		width: 100%;
	}
	
	#bottom img.full {
		display: none;
	}
	#bottom .slide img.mobile {
		display: block;
	}
	#bottom .slide .mask {
		position: static;
	}
	#bottom .slide aside {
		width: 90%; 
		padding: 10px 5%;
	}
	#bottom .slide aside p {
		padding-left: 0;
	}
	#bottom .slide aside .more {
		float: none;
	}
	
	#footer aside.left {
		float: none;
		width: 100%;
		padding: 0;
	}
	#footer h5, #footer h6 {
		font-size: 20px;
	}
	#footer h6 {
		border-bottom: 0;
		margin-bottom: 0;
	}
	#footer .social {
		padding-bottom: 20px;
	}
	#footer .social h5 {
		font-size: 26px;
	}
	#footer cite {
		font-size: 18px;
		line-height: normal;
		padding-left: 0;
		margin-bottom: 16px;
	}
	
	#footer aside.right {
		width: 100%;
		padding: 0;
	}
	#footer nav {
		float: none;
		margin-left: 0;
		padding-bottom: 20px;
	}
	#footer nav ul {
		padding-left: 0;
	}
	#footer nav ul li a {
		font-size: 20px;
		line-height: normal;
	}
	#footer p {
		font-size: 20px;
		padding-left: 0;
	}
} 
@media only screen and (max-width: 767px) {
	#logo {
		margin-right: 10px;
	}
	
	#header .info {
		float: none;
		width: auto;
		padding-top: 0;
	}
	#header .info h2 {
		font-size: 26px;
		white-space: normal;
		overflow: hidden;
		margin: 15px 0;
		max-width: 167px;
	}
	#header .info p {
		clear: both;
		padding-top: 10px;
		line-height: normal;
	}
	
	#main-page .box aside {
		padding-left: 0;
	}
	#main-page .box h2 {
		font-size: 19px;
	}
	#main-page .box h2:before {
		height: 20px;
	}
	#content {
		overflow: hidden;
	}
	#page .banner {
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		margin-top: -15px;
		margin-left: -5.6%;
		margin-right: -5.6%;
		height: 202px;
	}
	#page .banner img {
		display: none;
	}
	
	#slider {
		background-position: center center;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
		margin-top: -15px;
		margin-left: -5.6%;
		margin-right: -5.6%;
	}
	#slider .slide {
		height: 202px;
	}
	#slider .slide img {
		display: none;
	}
	
	.sidebar nav {
		width: 40%;
	}
	
	.inside h3 {
		font-size: 38px;
	}
	.inside p {
		font-size: 20px;
		margin-bottom: 1em;
	}
	.inside p strong {
		font-size: 30px;
		margin-bottom: 0.5em;
	}
	.inside .manifest {
		margin-bottom: 10px;
	}
	.inside .manifest a img {
		width: 100%;
		display: block;
		margin-bottom: 5px;
	}
	.inside .manifest div {
		display: block;
		font-size: 20px;
		margin: 0;
		width: auto;
	}
	.inside .manifest div h4 {
		font-size: 20px;
	}
	.inside .manifest aside {
		display: none;
	}
	
	#page .event .info {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	#page .event aside {
		float: none;
		width: 100%;
		max-width: 100%;
	}
	#page .event aside form label {
		width: 35%;
	}
	#page .event aside form input {
		width: 65%;
	}
	
	#bottom .slide aside h4 {
		font-size: 26px;
	}
	#bottom .slide aside p {
		font-size: 10px;
		font-size: 10.5px;
	}
	#bottom .slide aside .more {
		font-size: 12px;
		background-position: 0 2px;
	}
} 

#page div.model{
	clear: both;
	margin: 15px 0
}

#page div.model iframe{
	width: 100%;
}

#page .liste{
	width: 100%;
}
div.fancybox-inner,
div.fancybox-inner p{
	font-family: "helveticaneuelight";
}
#page .liste article,
#map article,
#mobile-map article{
	width: 100%;
	font-family: "helveticaneuelight";
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #71b05a;
}
#page .liste article figure,
#map article figure,
#mobile-map article figure{
	width: 25%;
	display: inline-block;
}
#page .liste article img,
#map article img,
#mobile-map article img{
	width: 100%;
	max-height: 250px;
}
#page .liste article img.width_auto,
#map article img.width_auto,
#mobile-map article img.width_auto{
	width: auto;
}
#page .liste article div,
#map article div,
#mobile-map article div{
	width: 60%;
	display: inline-block;
	vertical-align: middle;
}
#page .liste article div.full,
#map article div.full,
#mobile-map article div.full{
	width: 70%;
}
#page .liste article div p a,
#map article div p a,
#mobile-map article div p a{
	color: #000;
	text-decoration: none;
}
#page .liste article a.more,
#map article a.more,
#mobile-map article a.more{
	font-size: 13px;
	width: 10%;
	float: none;
	display: inline-block;
	vertical-align: bottom;
}

#page .liste_objet_fiche_station article figure{
	width: 19%;
}
#page .liste_objet_fiche_station article div{
	width: 60%;
}
#page .liste_objet_fiche_station article div.full{
	width: 60%;
}
#page .liste_objet_fiche_station article a.more{
	/*width: 14%;*/
	width: auto;
}

#page .liste article h4,
#page .liste article h4 a,
#page .liste_station h4 a,
#map article h4,
#map article h4 a,
#mobile-map article h4,
#mobile-map article h4 a{
	color: #000;
	font-family: "helveticaneuebold";
	font-size: 12px;
	text-transform: uppercase;
	text-decoration: none;
}
#page .liste article h4 a:hover,
#map article h4 a:hover,
#page .liste_station h4 a:hover,
#mobile-map article h4 a:hover{
	color: #5aa02e;
}
#page .liste article span,
#map article span,
#mobile-map article span,{
	color: #7cb955;
	font-family: "helveticaneuebold";
	font-size: 12px;
	width: 320px;
}
#map article,
#mobile-map article{
	width: 500px;
	border: none;
}
#mobile-map article figure,
#mobile-map article div,
#mobile-map article div.full,
#mobile-map article a.more,
#map article figure,
#map article div,
#map article div.full,
#map article a.more{
	width: 48%;
	display: inline-block;
	margin: 10px 0;
}
#mobile-map article a.more,
#map article a.more{
	text-align: center;
	width: 100px;
	margin: auto;
	display: block;
}

#page .liste .pagination{
	width: 100%;
	text-align: center;
	margin: 10px 0;
}
#page .liste .pagination a{
	font-size: 12px;
	height: auto;
	line-height: 18px;
	margin: 2px 0;
	padding: 0 9px;
}
#page form.formulaire label {
	display: block;
	font-size: 14px;
	margin-bottom: 0.2em;
}
#page form.formulaire .select select {
	width: 100%;
}
#page form.formulaire div.row div{
	box-sizing: border-box;
	margin-bottom: 20px;
	vertical-align: top;
}
#page form.formulaire div.row.col-1 div{
	display: inline-block;
	width: 98%;
}
#page form.formulaire div.row.col-2 div{
	display: inline-block;
	width: 48%;
}
#page form.formulaire div.row.col-3 div{
	display: inline-block;
	width: 32%;
}
#page form.formulaire div.row.col-4 div{
	display: inline-block;
	width: 24%;
	vertical-align: top;
}
#page form.formulaire div.row div ul,
#page form.formulaire div.row div ul li{
	list-style: none;
	padding: 0;
	margin: 0 0 5px 0;
}
#page form.formulaire div.row div ul{
	margin-right: 5%;
}
#page form.formulaire div.row div ul li input[type=checkbox],
#page form.formulaire div.row div ul li label{
	display: inline-block;
	cursor: pointer;
	vertical-align: middle;
	width: auto;
}
#page form.formulaire div.row div ul li input[type=checkbox]{
	display: none;
}
#page form.formulaire div.row div ul li{
	font-family: "HelveticaNeueRoman";
	padding: 0 5px;
	cursor: pointer;
}
#page form.formulaire div.row div ul li label{
	overflow: hidden;
	font-family: "HelveticaNeueRoman";
	line-height: 21px;/*
	text-overflow: ellipsis;*/
	font-size: 12px;
	margin: 0;/*
	white-space: nowrap;*/
	width: 100%;
}
#page div.filtre{
	margin-bottom: 15px;
}
#page form.formulaire div.row div ul li.active,
#page form.formulaire div.row div ul li:hover{
	background: #7cb955 none repeat scroll 0 0;
	border-radius: 9px;
}
#page form.formulaire div.row div ul li.active label,
#page form.formulaire div.row div ul li:hover label{
	color: #FFF;
}

#page form.formulaire div.row div ul li.title:hover{
	background: #FFF;
	cursor: default;
}
#page form.formulaire div.row div ul li input[type=checkbox]{
	margin-right: 5px;
}
#page form.formulaire .half {
	width: 50%;
}
#page form.formulaire .vhalf {
	width: 25%;
}
#page form.formulaire .half.left {
	padding-right: 20px;
	float: left;
}
#page form.formulaire .half.right {
	padding-left: 20px;
	float: right;
}
#page form.formulaire input,
#page form.formulaire textarea,
#page form.formulaire select{
	border: 1px solid #71b05a;
	background: #fff;
	outline: 0 none;
	font-size: 14px;
	width: 100%;
	padding: 12px 15px;
}
#page form.formulaire input.err,
#page form.formulaire textarea.err,
#page form.formulaire select.err{
	border-color: #FF0000;
}
#page form.formulaire textarea{
	height: 150px;
}
#page form.formulaire ::-webkit-input-placeholder {
  text-transform: uppercase;  
  color: #a9a9a9;
}
#page form.formulaire :-moz-placeholder {
   text-transform: uppercase;  
   color: #a9a9a9;
}
#page form.formulaire ::-moz-placeholder {  
  text-transform: uppercase;    
  color: #a9a9a9;
}
#page form:-ms-input-placeholder {  
  text-transform: uppercase;  
  color: #a9a9a9;
}
#page div.carousel{
	border: 1px solid #71b05a;
	margin: 10px 0;
	padding-top: 10px;
	width: 100%;
}
#page div.zoom,
#page div.vignette{
	text-align: center;
}
#page div.zoom{
	padding-bottom: 10px;
}
#page div.vignette{
	border-top: 1px solid #71b05a;
}
#page div.vignette img{
	padding: 5px;
}
#page div.zoom img{
	max-width: 100%;
	display: none;
}
#page div.zoom img.active{
	display: inline-block;
}
#page ul.colonne{
	padding: 0;
	display: inline-block;
	width: 100%;
}
#page .formulaire_objet label{
	display: inline-block;
	width: 32%;
	position: relative;
	margin: 4px 2px;
	cursor: pointer;
}
#page .formulaire_objet label:hover span{
	background:  rgba(31, 31, 31, 1);
	/*
	background-color: #7cb955;
	*/
}
#page .formulaire_objet label input{
	display: none;
}
#page .formulaire_objet label img{
	width: 100%;
}
#page .formulaire_objet label span{
	bottom: 0;
	display: block;
	background: rgba(31, 31, 31, 0.8);
	font-size: 20px;
	padding: 15px 0;
	text-align: center;
	color: #FFF;
	font-family: "helveticaneuelight";
	left: 0;
	position: absolute;
	width: 100%;
}
#page .mtn{
	margin-top: -27px;
}
#slider_fiche{
	height: 200px;
	overflow: hidden;
	margin-bottom: 15px;
	/*border-radius: 5px;*/
	position: relative;
}
#slider_fiche a.prev,
#slider_fiche a.next{
	position: absolute;
	top: 0;
	z-index: 200;
	width: 22px;
	height: 200px;
	background: url(../img/arrows.png) 0 center no-repeat #FFF;
}
#slider_fiche a.prev{
	left: 0;
}
#slider_fiche a.next{
	right: 0;
	background-position: -22px center;
}
#slider_fiche div{
	margin: 0 22px;
	height: 200px;
	width: auto;
	position: absolute;
}
#slider_fiche.static div{
	position: relative;
	margin: auto;
}
#slider_fiche.static a.prev,
#slider_fiche.static a.next{
	display: none;
}
#slider_fiche div img{
	height: 200px;
	width: auto;
	margin: 0 2px;
	display: inline-block;
}
#page form.lexique{
	text-align: center;
}
#page form.lexique input{
	padding: 0 10px;
}
#page .liste_station ul{
	list-style: none;
	padding: 0;
}
#page .liste_station ul li{
	width: 33%;
	display: inline-block;
	margin-bottom: 5px;
}
div.legende_map{
	background: #5aa02e none repeat scroll 0 0;
	color: #fff;
	display: inline-block;
	float: right;
	font-family: "helveticaneuebold";
	font-size: 16px;
	margin-right: 5px;
	min-height: 20px;
	position: relative;
	text-align: center;
	/*
	width: 675px;
	*/
	width: 552px;
}
a#viewAllStation{
	background: #5aa02e none repeat scroll 0 0;
	border: 1px none #5aa02e;
	color: #fff;
	float: right;
	font-family: "helveticaneuelight";
	font-size: 14px;
	padding: 2px 5px;
	display: none;
	position: relative;
	text-decoration: none;
	z-index: 1000;
}
a#viewAllStation:hover{
	color: #5aa02e;
	background: #FFF;
}
div.open a#viewAllStation{
	display: block;
}

#map div.legende_map{
	display: none;
}
#map.open div.legende_map{
	display: inline-block;
}

#mobile-map-mask div.legende_map{
	margin: 0;
	float: none;
	/*
	width: 100%;
	*/
	width: 80%;
}
#mobile-map-mask a#viewAllStation{
	display: block;
	width: 15%;
	text-align: center;
}
div.onglet{
	margin-bottom: 10px;
}
div.onglet ul{
	text-align: center;
}
div.onglet ul li{
	display: inline-block;
}
div.onglet ul li label{
	background: #646464 none repeat scroll 0 0;
	border-radius: 9px;
	color: #fff;
	display: block;
	font-family: "helveticaneuelight";
	font-size: 14px;
	line-height: 26px;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	margin: 0 5px;
	padding: 0 10px;
}
div.onglet ul li label input{
	display: none;
}
div.onglet ul li label:hover,
div.onglet ul li label.active{
	background: #7cb955 none repeat scroll 0 0;
}

@media only screen and (max-width: 1023px) {
	#map article,
	#mobile-map article{
		width: 250px;
		border: none;
	}
	#page .liste article{
		width: 48%;
		display: inline-block;
	}
	#page .liste article figure,
	#page .liste article div,
	#page .liste article div.full,
	#page .liste article a.more{
		width: 100%;
		margin: 10px 0;
	}
	#page .liste article a.more{
		text-align: center;
		width: 100px;
		margin: auto;
		display: block;
	}
	#page .liste article div,
	#page .liste article div h4,
	#page .liste article div span{
		font-size: 20px;
	}
	#page .formulaire_objet label{
		width: 48%;
	}
}

@media only screen and (max-width: 600px) {
	#page .liste article{
		width: 100%;
		display: inline-block;
	}
	#page form.formulaire div.row div.half.right,
	#page form.formulaire div.row div.half.left,
	#page form.formulaire div.row div.col{
		clear: both;
		width: 100%;
		float: none;
		padding: 0;
	}
}