@CHARSET "UTF-8";
@CHARSET "UTF-8";

@font-face {
    font-family: 'ArvoRegular';
    src: url('../fonts/Arvo-Regular-webfont.eot');
    src: url('../fonts/Arvo-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arvo-Regular-webfont.woff') format('woff'),
         url('../fonts/Arvo-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Arvo-Regular-webfont.svg#ArvoRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArvoBold';
    src: url('../fonts/Arvo-Bold-webfont.eot');
    src: url('../fonts/Arvo-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Arvo-Bold-webfont.woff') format('woff'),
         url('../fonts/Arvo-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Arvo-Bold-webfont.svg#ArvoBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansExtrabold';
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot');
    src: url('../fonts/OpenSans-ExtraBold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-ExtraBold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-ExtraBold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansRegular';
    src: url('../fonts/OpenSans-Regular-webfont.eot');
    src: url('../fonts/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Regular-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Regular-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansSemibold';
    src: url('../fonts/OpenSans-Semibold-webfont.eot');
    src: url('../fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold-webfont.svg#OpenSansSemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSansBold';
    src: url('../fonts/OpenSans-Bold-webfont.eot');
    src: url('../fonts/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Bold-webfont.woff') format('woff'),
         url('../fonts/OpenSans-Bold-webfont.ttf') format('truetype'),
         url('../fonts/OpenSans-Bold-webfont.svg#OpenSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font: 12px/18px 'Verdana', 'Arial', sans-serif;
	background: #0e0e0e none;
}

p, h2 {
	margin: 0;
}

a {
	color: #a2ca38;
	text-decoration: none;
}
a:hover { text-decoration: underline; }
a:visited { color: #75834f; }

table td {
	border: 0;
}

.arbres-bg {
	background: transparent url(../images/sidebar-arbres.png) no-repeat left bottom;
	display: flex;
	flex-wrap: wrap;
}

.brown {
	background: transparent url(../images/brown-line-84.png) repeat;
	color: #ffffff !important;
}

.brown .sidebar { color: #a6ce39; }

.brown .content {
	background: none;
	color: #ffffff;
}

#contentwrap {
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

#content {
	position: relative;
	z-index: 99;
	width: 960px;
	margin: 0 auto;
	padding: 0 0 67px 0;
}

.content table {
	border-spacing: 0;
	border-collapse: collapse;
}

.content td,
.content th {
	padding: 10px;
	vertical-align: middle;
	/*white-space: nowrap;*/
	border: 1px solid rgba(255,255,255,0.2);
}
#page-contact .content td,
#page-contact .content th {
	border: none;
}

.content .brown {
	background-image: url(../images/brown-84.png) !important;
	background-repeat: repeat !important;
}

.content th {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
}

.content table .brown {
	background-image: url(../images/brown-100.png) !important;
}

.content table .circle {
	width: 94px;
	height: 94px;
	padding: 0 !important;
	background: transparent url(../images/brown-circle.png) no-repeat center center;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
}

em,
i {
	font-style: italic;
}

#footer {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 5;
	width: 100%;
	height: 28px;
	/*background: transparent url(../images/footer-bg.png) repeat-x bottom left;*/
	background: #2b1e10;
	overflow: visible;
}

#footer > div > div  {
	padding: 5px 0;
	height: 28px;
}
#footer > div > div > p {
	display: inline-block;
	margin: 0 10px 0 0;
	color: #f0f0f0;
	font: 12px/18px 'ArvoRegular', 'Verdana', 'Arial', sans-serif;
}

#footer > div a {
	color: #f0f0f0;
	text-decoration: none;
}

#footer > div a:hover { text-decoration: underline; }

#footer #arbreenarbre {
	position: absolute;
	bottom: 30px;
	left: 50%;
	margin-left: 285px; /* 480 - 242 */
	display: block;
	width: 195px;
	height: 261px;
	background: transparent url(../images/footer-arbreenarbre.png) no-repeat top left;
	text-indent: -100000px;
}

#page-activities #footer #arbreenarbre {
	display: none;
}

.green {
	background: transparent url(../images/green-84.png) repeat bottom left !important;
	color: #40200f !important;
}

h2 {
	padding-top: 30px;
	color: #40200f;
	text-transform: uppercase;
	font-family: 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
	font-size: 26px;
	line-height: 30px;
}

.localiser {
	display: block;
}

#nav {
	width: 100%;
	height: 168px;
	background: transparent url(../images/nav-bg.png) repeat-x top left;
	margin-bottom: 20px;
}

#nav .pattern {
	width: 100%;
	height: 106px;
	background: transparent url(../images/pattern-line.png) repeat top left;
}

#nav h1 {
	margin: 0;
}
#nav h1 a {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -480px;
	display: block;
	width: 208px;
	height: 168px;
	background: transparent url(../images/header-logo.png) no-repeat top left;
	text-indent: -100000px;
}

#nav ul {
	position: absolute;
	padding: 0;
	margin: 0;
	top: 0px;
	left: 50%;
	width: 681px; /* 960 */
	height: 106px;
	margin: 0 0 0 -220px;
	background: transparent url(../images/nav-border.png) repeat-y top left;
}

#nav li {
	display: block;
	float: left;
	padding: 0;
	margin: 0;
}

#nav li a {
	position: relative;
	display: block;
	height: 106px;
	padding: 0 15px 0 14px;
	background: transparent url(../images/nav-border.png) repeat-y top right;
	font: 14px/14px 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #40200f;
	overflow: hidden;
}

#nav li a:hover {
	/*background: #bddb40 url(../images/nav-border-hover.png) repeat-y top left;*/
}

#nav li a span {
	position: relative;
	z-index: 1;
	display: block;
	margin: 50px 0 0 0;
}

#nav li a div {
	position: absolute;
	top: 30px;
	left: 50%;
	width: 48px;
	height: 43px;
	margin: -100px 0 0 -23.5px;
	z-index: 2;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url(../images/nav-icons.png);
}

#nav .home div { background-position: 0px 0px; }
#nav .activities div { background-position: -48px 0px; }
#nav .arbreenarbre div { background-position: -96px 0px; }
#nav .tarifs div { background-position: -144px 0px; }
#nav .reservation div { background-position: -192px 0px; }
#nav .contact div { background-position: -240px 0px; }

#nav li.last {
	width: 2px;
	height: 110px;
	/*background: #a6ce39 url(../images/nav-border.png) repeat-y top left;*/
}

.prices {
	padding: 0;
	margin: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

.prices li {
	display: inline-block;
	/* float: left; */
	width: 33%;
	height: 94px;
	padding: 20px 0 0 0;
	background: transparent url(../images/brown-circle.png) no-repeat center center;
	text-align: center;
	color: #ffffff;
	font-size: 14px;
	line-height: 14px;
}

.prices strong {
	display: inline-block;
	width: 84px;
	font-size: 20px;
	line-height: 25px;
	padding: 0 0 4px 0;
	margin: 0 0 4px 0;
	font-weight: bold;
	border-bottom: 1px solid #ffffff;
}

.sidebar-bg {
	background: transparent url(../images/sidebar-bg.png) repeat-y -157px 0;
}

.sidebar,
.content {
	display: block;
	float: left;
}

.sidebar {
	padding: 30px 10px;
	width: 220px;
	color: #40200f;
	text-transform: uppercase;
	font-family: 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
	font-size: 26px;
	line-height: 30px;
}
.sidebar  img{
	margin: 10px 0;
}

.content {
	padding-top: 30px;
	padding-bottom: 30px;
	background: transparent url(../images/white-90.png) repeat top left;
	color: #0e0e0e;
}

.clear {
	display: block !important;
	float: none !important;
	clear: both !important;
	width: 0 !important;
	height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0 !important;
	outline: 0 !important;
	font-size: 0 !important;
}

#slider {
	position: fixed;
	z-index: 1;
	top: 0px; /* header */
	bottom: 0px; /* footer */
	left: 0px;
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
}

#slider li {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
}

#slider img {
	position: absolute;
	top: 0px;
	left: 50%;
}

#wrapper {
	position: relative;
	z-index: 2;
	min-height: 100%;
	padding-bottom: 28px;
}




#page-activities #slider {
	display: none !important;
}

#page-activities #nav {
	position: relative;
	z-index: 2;
}

#page-activities #contentwrap {
	position: relative !important;
	z-index: 1;
	top: auto !important;
	left: auto !important;
	margin: -82px 0 0 0;
}

#page-activities #content {
	width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

html {
	background: transparent url(../images/carte-tile.png) repeat top center;
}

#page-activities {
	background-color: transparent !important;
}

#page-activities #wrapper {
	background: transparent url(../images/carte.png) no-repeat center 106px;
}

#carte,
#cartemobile {
	position: relative;
	display: block;
	width: 960px;
	margin: 0 auto;
	height: 100%;
	min-height: 746px;
	/*max-height: 979px;
	background: transparent url(../images/carte.png) no-repeat top center;*/
}

#carte .tooltip {
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 11;
	margin: 0 0 13px -100px;
	display: none;
	width: 200px;
	height: auto;
	background: #ffffff;
	border: 1px solid #f7f7f7;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	overflow: visible;
}

#carte .tooltip .content {
	display: block;
	width: auto !important;
	/*max-height: 84px;
	overflow: hidden;
	text-overflow: ellipsis;*/
	padding: 8px;
	color: #40200f;
	font: 12px/18px 'OpenSansRegular', 'Arial', 'sans-serif';
}

#carte .tooltip .content h4 {
	color: #a6ce39;
	font: 12px/18px 'OpenSansBold', 'Arial', 'sans-serif';
	text-transform: uppercase;
}

#carte .tooltip .content p {
	width: 180px;
	text-align: center;
}

#carte .tooltip .tip {
	position: absolute;
	left: 0px;
	bottom: -13px;
	width: 100%;
	height: 13px;
	background: transparent url(../images/carte-sheet.png) no-repeat bottom center;
	background-position: center -138px;
}

#carte .icon {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 2;
	display: block;
	width: 0px;/* 47px; */
	height: 0px;/* 61px; */
	padding: 61px 47px 0 0;
	margin: -57px 0 0 -25px;
	background: transparent url(../images/carte-sheet.png) no-repeat top left;
	cursor: pointer;
	overflow: hidden;
}

#carte .babyfootgeant { background: none;/*background-position: 0px 0px;*/ }
#carte .babyfootgeant:hover { background-position: 0px -61px; }

#carte .miniput { background-position: 0px 0px; }
#carte .miniput:hover { background-position: 0px -61px; }

#carte .sign { background-position: -94px 0px; }
#carte .sign:hover { background-position: -94px -61px; }

#carte .pavillon { background-position: -188px 0px; }
#carte .pavillon:hover { background-position: -188px -61px; }

#carte .piquenique { background-position: -235px 0px; }
#carte .piquenique:hover { background-position: -235px -61px; }

#carte .parking { background-position: -282px 0px; }
#carte .parking:hover { background-position: -282px -61px; }

#carte .labyrinthe { background-position: -141px 0px; }
#carte .labyrinthe:hover { background-position: -141px -61px; }

#carte .hebertisme { background-position: -329px 0px; }
#carte .hebertisme:hover { background-position: -329px -61px; }

#carte .vue { background-position: -376px 0px; }
#carte .vue:hover { background-position: -376px -61px; }

#carte .sentier { background-position: -47px 0px; }
#carte .sentier:hover { background-position: -47px -61px; }


#carte ul.activities,
#cartemobile ul.activities {
	position: relative;
	z-index: 10;
	width: 220px;
	padding: 82px 0 0 0;
}


#carte ul.activities > li,
#cartemobile ul.activities > li {
	position: relative;
	display: block;
	width: 172px;
	padding: 0;
	height: 54px;
	margin: 1px 0;
	overflow: visible;
	cursor: pointer;
	background: transparent url(../images/brown-84.png) repeat top left;
}

#carte ul.activities > li > span,
#cartemobile ul.activities > li > span {
	position: absolute;
	padding: 10px 10px 10px 34px;
	top: 0px;
	bottom: 0px;
	right: 0px;
	left: 0px;
	display: block;
	text-transform: uppercase;
	text-align: right;
	color: #a5ce39;
	font: 15px/18px 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
	background: transparent url(../images/carte-sheet.png) no-repeat top left;
}

#carte ul.activities > li.active > span,
#carte ul.activities > li:hover > span,
#cartemobile ul.activities > li > span:hover {
	color: #ffffff;
}

#carte ul.activities > li > div,
#cartemobile ul.activities > li > div {
	position: absolute;
	z-index: 1;
	left: 172px;
	top: 0px;
	width: 0px;
	height: 54px;
	background: transparent url(../images/white-90.png) repeat top left;
	padding: 0 28px 0 0;
	overflow: hidden;
}

#carte ul.activities > li[data-direction="up"] > div,
#cartemobile ul.activities > li[data-direction="up"] > div {
	top: auto;
	bottom: 0px;
}

#carte ul.activities > li > div.opened,
#cartemobile ul.activities > li > div.opened {
	z-index: 1000;
}

#carte ul.activities > li > div > a,
#cartemobile ul.activities > li > div > a {
	position: absolute;
	top: 30px;
	right: 4px;
	display: block;
	width: 19px;
	height: 19px;
	background: transparent url(../images/green-circle.png) no-repeat center center;
	color: #ffffff;
	font: 19px/19px 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
	text-align: center;
	text-decoration: none;
}

#carte ul.activities > li > div > div,
#cartemobile ul.activities > li > div > div {
	width: 432px;
	overflow: hidden;
	padding: 10px 0px 10px 28px;
}

#carte ul.activities > li.babyfootgeant > span, #cartemobile ul.activities > li.babyfootgeant > span { background: transparent url(../images/babyfooticon.png) no-repeat 5px center;/*background-position: 0px -345px;*/ }
#carte ul.activities > li.miniput > span, #cartemobile ul.activities > li.miniput > span { background-position: 0px -345px; }
#carte ul.activities > li.velo > span, #cartemobile ul.activities > li.velo > span { background-position: 0px -290px; }
#carte ul.activities > li.labyrinthe > span, #cartemobile ul.activities > li.labyrinthe > span { background-position: -216px -345px; }
#carte ul.activities > li.sentiers > span, #cartemobile ul.activities > li.sentiers > span { background-position: -216px -184px; }
#carte ul.activities > li.boutdchou > span, #cartemobile ul.activities > li.boutdchou > span { background-position: -216px -238px; }
#carte ul.activities > li.hebertisme > span, #cartemobile ul.activities > li.hebertisme > span { background-position: 0px -184px; }
#carte ul.activities > li.piquenique > span, #cartemobile ul.activities > li.piquenique > span { background-position: -216px -290px; }
#carte ul.activities > li.accueil > span, #cartemobile ul.activities > li.accueil > span { background-position: 0px -238px; }

#carte ul.gallery {
	margin: 2em 0 0 0;
	padding: 0;
	list-style: none;

	display: block;
	width: 100%;
	height: 86px;
}

#carte ul.gallery li {
	float: left;
}

#carte ul.gallery li a {
	display: block;
	height: 86px;
	margin: 0 3px;
	text-align: center;
}

#carte ul.gallery li.first a { margin-left: 0; }
#carte ul.gallery li.last a { margin-right: 0; }

ul.pucearbreenarbre {
	list-style: disc;
	padding-left: 20px;
}


table.tabletarifs {
	margin-bottom: 5px;
}
table.tabletarifs th,
table.tabletarifs td {
	border: none;
}
table.tabletarifs  .last p {
	padding-bottom: 6px;
}
table.tabletarifs  .last p.retraitdroite {
	padding-left: 20px;
}

#topbg {
	height: 180px;
}
#bottombg {
	height: 190px;
}
#page-activities #topbg,
#page-activities #bottombg {
	display: none !important;
}

.collaborateurs {
	text-align: center;
	padding-top : 60px;
}
.collaborateurs ul {
	list-style: none;
	padding: 0px 0px;
	margin: 0px 0px;
	padding-top: 10px;
}

.collaborateurs ul li {
	float:left;
	text-align: center;
	height: 65px;
	margin: 0px 0px;
	padding: 3px 0px;
	width: 220px;
}

.collaborateurs img {
	margin: 5px 20px;
}

.liensarbres {
	text-align:center;
}

@media (max-width: 375px) {
	#footer > div > div > p {
		font-size: 10px;
	}
	.prices li {
		width: 50%;
	}
	.prices li:nth-child(3) {
		clear: both;
		width: 100%;
	}

	#popup ul.gallery li a img {
		max-width: 110px;
	}

	#tariftable th,
	#tariftable td {
		padding: 5px;
	}
	#tariftable th {
		font-size: 9px;
	}
	#tariftable td {
		font-size: 9px;
	}
}

@media (min-width: 376px) and (max-width: 480px) {
	#tariftable th {
		font-size: 12px;
	}
	#tariftable td {
		font-size: 10px;
	}
}

@media (max-width: 480px) {
	.collaborateurs ul li {
		width: 100% !important;
	}

	#footer #arbreenarbre {
		left: 55% !important;
	}
}

@media (max-width: 767px) {
	body {
		background: #fff;
	}

	#cartemobilebg {
		bottom: 52px;
	}

	.collaborateurs ul li {
		width: 50%;
		margin-bottom: 5px;
	}

	.content {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	#footer {
		height: 52px;
	}

	#footer #arbreenarbre {
		bottom: 52px;
		left: 70%;
		margin-left: 0;
		width: 134px;
		height: 180px;
		background: transparent url(../images/footer-arbreenarbre-xs.png) no-repeat top left;
	}

	#footer > div > div > p {
		display: block;
		margin: 0;
	}

	h2 {
		margin: 0;
		padding-top: 10px;
	}

	.liensarbres > img,
	.liensarbres > a {
		margin-right: 10px;
	}

	.localiser {
		padding-left: 30px;
		line-height: 32px;
		background: transparent url(../images/localisationmobile.png) no-repeat center left;
	}

	#page-activities #wrapper {
		padding-bottom: 52px;
	}

	#wrapper {
		padding-bottom: 52px;
	}

	.sidebar-bg {
		background: none;
	}
	.sidebar-bg .col-sm-4 {
		background: transparent url(../images/sidebar-bg-800.png) repeat-y right 0;
		padding-bottom: 15px;
		padding-top: 10px;
	}

	#slider {
		display: none;
	}

	#wrapper {
		background: #fff;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	#cartemobilebg {
		bottom: 28px;
	}

	.collaborateurs ul li {
		width: 345px;
		margin-bottom: 5px;
	}

	#footer #arbreenarbre {
		margin-left: 200px;
		width: 134px;
		height: 180px;
		background: transparent url(../images/footer-arbreenarbre-xs.png) no-repeat top left;
	}

	.localiser {
		padding-left: 30px;
		line-height: 32px;
		background: transparent url(../images/localisationmobile.png) no-repeat center left;
	}

	#nav h1 a {
		margin-left: -374px;
		width: 140px;
		height: 113px;
		background: transparent url(../images/header-logo-sm.png) no-repeat top left;
	}

	#page-home .brown {
		margin-top: 100px;
	}
	#page-arbreenarbre .sidebar-bg,
	#page-tarifs .sidebar-bg,
	#page-contact .sidebar-bg	{
		margin-top: 100px;
	}

	.sidebar-bg {
		background-position: -212px 0;
	}
}

@media (max-width: 991px) {
	#cartemobilebg {
		position: absolute;
		overflow: hidden;
		width: 100%;
		top: 75px;
	}
	#cartemobilebg > img {
		position: absolute;
		top: 0;
		width: 100%;
	}

	#cartemobile {
		position: relative;
		z-index: 2;
		width: 100%;
		margin: 0;
		height: 551px;
		min-height: 0;
	}

	#cartemobile ul.activities {
		position: absolute;
		left: -172px;
		z-index: 3;
		width: 220px;
		margin: 0;
		padding: 10px 0 100px 0;
	}

	#cartemobile ul.activities > li > div {
		height: 55px;
	}
	#cartemobile ul.activities > li > div > a {
		top: 10px;
	}

	#popup ul.gallery {
		margin: 2em 0 0 0;
		padding: 0;
		list-style: none;

		display: block;
		width: 100%;
		height: 86px;
	}

	#popup ul.gallery li {
		float: left;
	}

	#popup ul.gallery li a {
		display: block;
		height: 86px;
		margin: 0 9px 9px 9px;
		text-align: center;
	}

	#popup ul.gallery li.first a { margin-left: 0; }
	#popup ul.gallery li.last a { margin-right: 0; }

	h2 {
		font-size: 22px;
	}

	#nav {
		position: relative;
		width: 100%;
		height: 75px;
		z-index: 8;
		margin-bottom: 0;
	}
	#page-activities #nav {
		margin-bottom: 0;
		z-index: 8;
	}

	#page-activities #popup {
		display: none;
		position: absolute;
		z-index: 7;
		top: 85px;
		bottom: 62px;
		width: 100%;
		padding: 30px 20px 20px 20px;
		background: transparent url(../images/white-90.png) repeat top left;
	}
	#page-activities #popup a.close {
		position: absolute;
		top: 10px;
		right: 10px;
		display: block;
		width: 19px;
		height: 19px;
		background: transparent url(../images/green-circle.png) no-repeat center center;
		color: #ffffff;
		font: 19px/19px 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
		text-align: center;
		text-decoration: none;
	}

	#nav .pattern {
		width: 100%;
		height: 75px;
		/*position: relative;
		z-index: 3;*/
	}

	#nav h1 a {
		top: 5px;
		left: 10px;
		margin-left: 0px;
		width: 80px;
		height: 64px;
		background: transparent url(../images/header-logo-xs.png) no-repeat top left;
	}

	#nav #navbtn {
		display: block;
		width: 100%;
		height: 75px;
		background: transparent url(../images/iconmenu.png) no-repeat center right;
	}

	#nav ul {
		display: none;
		position: absolute;
		padding: 0;
		margin: 0;
		top: 75px;
		left: 0;
		width: 100%;
		height: auto;
		margin: 0 0 0 0;
		background: transparent url(../images/nav-bg-xs.png) repeat top left;
	}

	#nav li {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
	}

	#nav li a {
		position: relative;
		height: 75px;
		border-top: solid 1px #6f901e;
		padding-left: 70px;
		background: url(../images/navfleche.png) no-repeat right center;
	}

	#nav li a div {
		position: absolute;
		top: 14px;
		left: 10px;
		width: 48px;
		height: 43px;
		margin: 0;
		z-index: 2;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: 0px 0px;
		background-image: url(../images/nav-icons.png);
	}

	#nav .home div { background-position: 0px 0px; }
	#nav .activities div { background-position: -48px 0px; }
	#nav .arbreenarbre div { background-position: -96px 0px; }
	#nav .tarifs div { background-position: -144px 0px; }
	#nav .reservation div { background-position: -192px 0px; }
	#nav .contact div { background-position: -240px 0px; }

	#nav li a span {
		margin: 30px 0 0 0;
	}

	#nav li.last {
		display: none;
	}
}

@media (min-width: 992px) {
	.localiser {
		position: absolute;
		width: 162px;
		height: 162px;
		top: -20px;
		right: -30px;
		overflow: hidden;
		text-indent: -9999px;
		background: transparent url(../images/banner-localisation.png) no-repeat top left;
	}

	.localiser:hover {
		background-position: 0px -162px;
	}

	#nav ul {
		display: block !important;
	}

	#page-activities #popup {
		display: none !important;
	}
}
#page-raid #topbg, #page-raid #bottombg, #page-raid-partenaires #topbg, #page-raid-partenaires #bottombg {
  background: url('../images/raid2016/fond-raid2.jpg') no-repeat center center!important;
  background-size: 100% auto!important;
}
.arbres-bg h3 {
  color: #40200f;
  text-transform: uppercase;
  font-family: 'ArvoBold', 'Arial Black', 'Arial', sans-serif;
}

#map_download{position: absolute; width:300px; top:150px; right:50px; padding:20px; background: transparent url(../images/white-90.png) repeat top left;}
.map_link{display: block; font-size: 14px; line-height:22px; }
.map_link a{color:#75834f !important;}
.map_link a:hover{color:#75834f;}