@charset "utf-8";
/* CSS Document */
body {
	overflow: hidden;
	/*font-family: 'BenchNine', sans-serif;*/
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 18px;
}
blockquote {
	margin-top: -15px;
	margin-right: 15px;
	margin-bottom: 5px;
	margin-left: 5px;
}
#lanav {
	font-family: 'BenchNine', sans-serif;
	position: fixed;
	z-index: 20000;
	width: 100%;
	background-color: #900;
	height: 150px;
	text-align: center;
	-webkit-border-bottom-right-radius: 500px;
	-webkit-border-bottom-left-radius: 500px;
	-moz-border-radius-bottomright: 500px;
	-moz-border-radius-bottomleft: 500px;
	border-bottom-right-radius: 500px;
	border-bottom-left-radius: 500px;
	display: block;
	top: -80px;
	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);/**/
	background: #900000; /* Old browsers */
	background: -moz-linear-gradient(top,  #900000 70%, #720000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#900000), color-stop(100%,#720000));
	background: -webkit-linear-gradient(top,  #900000 70%,#720000 100%);
	background: -o-linear-gradient(top,  #900000 70%,#720000 100%);
	background: -ms-linear-gradient(top,  #900000 70%,#720000 100%);
	background: linear-gradient(to bottom,  #900000 70%,#720000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#900000', endColorstr='#720000',GradientType=0 );

    /*background: -moz-linear-gradient(top, #900, #900 70%, #720);
    background: -ms-linear-gradient(top, #900, #900 70%, #720);
    background: -o-linear-gradient(top, #900, #900 70%, #720);
    background: -webkit-gradient(linear, 0 0, 0 100%, from(#900), to(#720));
    background: -webkit-linear-gradient(#900, #720);
    background: linear-gradient(top, #900, #900 70%, #720);*/
}
nav ul {
	display: block;
	list-style-image: none;
	list-style-type: none;
	margin-top: 100px;
	white-space: nowrap;
	margin-left: -40px;
}
nav ul li {
	display: inline;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
nav ul li a {
	font-weight: 700;
	color: #FFF;
	text-decoration: none;
	margin-right: 5px;
	margin-left: 5px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	-webkit-transition: background-color 0.3s linear;
    -moz-transition: background-color 0.3s linear;
    -o-transition: background-color 0.3s linear;
	transition: background-color 0.3s linear;

	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
nav ul li a:hover {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #069;
}
.over {
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFF;
	background-color: #069;
}
section {
	display: block;
	min-width: 100%;
    overflow-y: hidden;
	/*overflow-y: auto; enlever pour les effets parallax des tarifs*/
    overflow-x: hidden;
    margin-top: 0;
    /*position: absolute;*/
    background: #ccc;
    z-index: 2;
    /*-webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;*/
}
article {
	/*display: block;
	width: 400px;
	margin-top: 25%;
	background-color: rgba(255,255,255,0.7);
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	padding: 20px;
	margin-left: 50%;*/
	color: #FFF;
}
h1 {
	font-family: 'Vidaloka', serif;
	font-size: 80px;
	line-height: 55px;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: 'Vidaloka', serif;
	font-size: 42px;
	line-height: 38px;
	margin: 0px;
	padding: 0px;
	letter-spacing: 10px;
	text-align: center;
}
h3 {
	font-family: 'Vidaloka', serif;/**/
	font-size: 22px;
	line-height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: default;	
}
h4 {
	font-family: 'Vidaloka', serif;/**/
	font-size: 22px;
	line-height: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	cursor: default;
	color: #720000;
}
/*section:target {
    margin-top: 0;
    background-color: #ffcb00;
}*/
#accueil {
	position: relative;
	background-image: url(../ims/s01.jpg);
	background-position: center 0;
	background-attachment: fixed;
	background-size: cover;
}
#logo {
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
	min-width: 100%;
	height: 100%;
	background-image: url(../ims/logo.png);
	background-position: center 340px;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#sjardin {
	position: relative;
	background-image: url(../ims/s04.jpg);
	background-position: center 0;
	background-attachment: fixed;
	background-size: cover;
}
#jardinart {
	font-family: 'BenchNine', sans-serif;
	float: left;
	width: 330px;
	text-align: left;
	margin-left: 30px;
	padding-top: 30px;
}
#jar {
	float: left;
	width: 330px;
	color: #FFF;
	text-align: right;
}
#sglycine {
	position: relative;
	background-image: url(../ims/s02.jpg);
	background-position: center 0;
	background-attachment: fixed;
	background-size: cover;
}
#chambglycine {
	font-family: 'BenchNine', sans-serif;
	float: left;
	width: 330px;
	text-align: right;
	padding-top: 30px;
}
#gly {
	float: left;
	width: 300px;
	margin-left: 30px;
	color: #FFF;
}
#gallerygly {
	font-family: 'BenchNine', sans-serif;
	clear: left;
	width: 900px;
	color: #FFF;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	display: block;
	height: 500px;
}
#clear {
	background-color: #09C;
	clear: both;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.main {
	text-align: center;
	display: block;
	margin-left: auto;
	margin-right: auto;
	clear: left;
	width: 900px;
}
.main ul {
	text-align: center;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.main ul li {
	display: inline;
	margin: 18px;
}
.main ul li img {
	margin-top: 40px;
	padding: 5px;
	background: #fffaf6;
    -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    color: #7e7975;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
}
#shoes {
	position: relative;
	overflow-y: auto;
	overflow-x: hidden;
	display: block;
	min-width: 100%;
	height: 100%;
	background-image: url(../ims/trainers.png);
	background-position: center 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
#scapucine {
	position: relative;
	background-image: url(../ims/s03.jpg);
	background-position: center 0;
	background-attachment: fixed;
	background-size: cover;
}
#chambcapucine {
	font-family: 'BenchNine', sans-serif;
	float: left;
	width: 330px;
	text-align: left;
	margin-left: 30px;
	padding-top: 30px;
}
#cap {
	float: left;
	width: 330px;
	color: #FFF;
}
#gallerycap {
	font-family: 'BenchNine', sans-serif;
	clear: both;
	width: 860px;
	color: #FFF;
	text-align: center;
}
.tarif {
	display: block;
	font-family: 'BenchNine', sans-serif;
	background: #fffaf6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #7e7975;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	padding: 10px;
	position: absolute;
	z-index: 3000;
	right: 50px;
	bottom: 60px;
	text-align: left;
}
#formulaire {
	float: left;
	margin-left: 50px;
}
#alert {
	font-family: 'BenchNine', sans-serif;
	background: #fffaf6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
	color: #7e7975;
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	margin-left: 60px;
	margin-top: 120px;
	float: left;
	padding: 10px;
	/*display: none;*/
}
#sreservation {
	position: relative;
	background-image: url(../ims/s05.jpg);
	background-position: center 0;
	background-attachment: fixed;
	background-size: cover;
	overflow: hidden;
}
#sacces {
	/*position: relative;*/
	background-image: url(../ims/s06.jpg);
	background-position: center 0;
	background-attachment: fixed;
	background-size: cover;
}
#stourisme {
	/*position: relative;*/
	background-image: url(../ims/s07.jpg);
	background-position: center 0;
	background-attachment: fixed;
	background-size: cover;
}
#home {
	width: 500px;
	margin-top: 200px;
	/*margin-left: 30px;*/
	border-style: solid;
	border-width: 0px 30px;
	-moz-border-image: url(../ims/parenthese.png) 0 30 stretch;
	-webkit-border-image: url(../ims/parenthese.png) 0 30 stretch;
	-o-border-image: url(../ims/parenthese.png) 0 30 stretch;
	border-image: url(../ims/parenthese.png) 0 30 stretch;
	text-align: center;
	padding-top: 15px;
	padding-right: 7px;
	padding-bottom: 7px;
	padding-left: 7px;
	margin-right: auto;
	margin-left: auto;
}
#map {
	font-family: 'BenchNine', sans-serif;
	width: 1030px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	margin-top: 120px;
}
#control {
	display: block;
	float: left;
	width: 500px;
	height: 40px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
	margin-left: 30px;
	color: #FFF;
}
#map_canvas {
	width: 480px;
	height: 400px;
	float: left;
	/*border: 5px solid #FFF;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;*/
	border: 5px solid #fffaf6;
	background: #fffaf6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    border-radius: 4px;
    color: #7e7975;
    -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
	-o-box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4);
    box-shadow: 0 2px 2px rgba(0,0,0,0.2), 0 1px 5px rgba(0,0,0,0.2), 0 0 0 12px rgba(255,255,255,0.4); 
}
#directions-panel {
	font-family: 'BenchNine', sans-serif;
	font-size: 14px;
	/*display: none;
	text-align: right;*/
	width: 500px;
	height: 350px;
	float: left;
	margin-left: 30px;
	overflow: auto;
	color: #FFF;
}
.adp-placemark {
	font-size: 18px;
	background: #fffaf6;
}
.adp-text {
	font-size: 20px;
	font-family: 'BenchNine', sans-serif;
	color: #7e7975;
}
.adp-summary {
	font-size: 20px;
	font-family: 'BenchNine', sans-serif;
	color: #FFF;
}
.adp-substep {
	font-family: 'BenchNine', sans-serif;
	color: #FFF;
}
.agm_mh_directions_container td {
	font-family: 'BenchNine', sans-serif;
	color: #FFF;
}
.affroad {
	display: block;
	color: #FFF;
}
.center {
	margin-top: 120px;
	width: 660px;
	margin-right: auto;
	margin-left: auto;
}
.center2 {
	margin-top: 120px;
	width: 690px;
	margin-right: auto;
	margin-left: auto;
}
.rouge {
	color: #720000;
}

.descenter {
	margin-top: 80px;
	width: 750px;
	margin-left: 60px;
}
#tourisme {
	font-family: 'BenchNine', sans-serif;
	float: left;
	width: 300px;
	text-align: right;
}
#activites {
	font-family: 'BenchNine', sans-serif;
	float: left;
	width: 300px;
	margin-left: 30px;
}
.li1 {
	color: #FFF;
	text-decoration: none;
	-webkit-transition: color 0.3s linear;
    -moz-transition: color 0.3s linear;
    -o-transition: color 0.3s linear;
	transition: color 0.3s linear;	
}
.li1:hover {
	color: #069;
	text-decoration: none;
}
.titre {
	float: left;
	width: 500px;
}
footer {
	font-family: 'BenchNine', sans-serif;
	position: fixed;
	height: 300px;
	bottom: -270px;
	z-index: 15000;
	/*background-color: #069;*/
	background-color: #900;
	width: 240px;
	color: #FFF;
	-webkit-transition: bottom .8s ease-in-out;
	-moz-transition: bottom .8s ease-in-out;
	-o-transition: bottom .8s ease-in-out;
	transition: bottom .8s ease-in-out;
	left: 50%;
	margin-left: -180px;
	background: #720000; /* Old browsers */
	background: -moz-linear-gradient(top,  #720000 0%, #900000 70%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#720000), color-stop(70%,#900000));
	background: -webkit-linear-gradient(top,  #720000 0%,#900000 70%);
	background: -o-linear-gradient(top,  #720000 0%,#900000 70%);
	background: -ms-linear-gradient(top,  #720000 0%,#900000 70%);
	background: linear-gradient(to bottom,  #720000 0%,#900000 70%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#720000', endColorstr='#900000',GradientType=0 );
	-webkit-border-top-right-radius: 50px;
	-webkit-border-top-left-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-topleft: 50px;
	border-top-right-radius: 50px;
	border-top-left-radius: 50px;
	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	padding-right: 60px;
	padding-left: 60px;
	text-align: center;
}
footer:hover {
	left: 50%;
	margin-left: -180px;
	bottom: -145px;
}
footer a {
	color: #fffaf6;
	text-decoration: none;
}

#fleche {
	position: absolute;
	height: 25px;
	width: 90px;
	margin-top: -25px;
	margin-left:70px;
	background-image: url(../ims/fleche_b.png);
	background-repeat: no-repeat;
	background-position: center top;
}
::-webkit-scrollbar {
	background: transparent none;
	width: 10px;
	height: 14px;
	/*background: #ccc url(images/bg-blog-repeat.png) 0 0 repeat;*/
}
::-webkit-scrollbar-track-piece {						/* Fond */
	background: transparent none;
	border: solid 4px transparent;
	border-right-width: 8px;
	margin: 4px;
	-webkit-box-shadow: inset 1px 1px 0 0 rgb(137,131,117), inset -1px -1px 0 0 rgb(224,220,210);
}
::-webkit-scrollbar-track-piece:horizontal {			/* Fond pour la barre du bas */
	border-right-width: 4px;
	border-bottom-width: 8px;
}
::-webkit-scrollbar-thumb {								/* Barre */
	border: solid 0 transparent;
	border-right-width: 4px;
	-webkit-border-radius: 5px;
	-webkit-border-top-right-radius: 9px 5px;
	-webkit-border-bottom-right-radius: 9px 5px;
	-webkit-box-shadow: inset 0 0 0 1px rgb(79,79,79), inset 0 0 0 6px rgb(102,102,102);
}
::-webkit-scrollbar-thumb:hover {						/* Barre */
	-webkit-box-shadow: inset 0 0 0 1px rgb(90,90,90), inset 0 0 0 6px rgb(110,110,110);
}
::-webkit-scrollbar-thumb:horizontal {					/* Barre du bas */
	border-right-width: 0;
	border-bottom-width: 4px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px 9px;
	-webkit-border-bottom-left-radius: 5px 9px;
}
::-webkit-scrollbar-corner {							/* Coin de la fenêtre */
	/*background: #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;*/
}
::-webkit-scrollbar-button {							/* Boutons */
	height: 26px;
	/*background: url(images/webkit-arrows-vert.png) 1px 50% no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;*/
}
::-webkit-scrollbar-button:increment {					/* Bouton pour descendre */
	background-position: -19px 50%;
}
::-webkit-scrollbar-button:horizontal {					/* Boutons horizontaux */
	width: 26px;
	/*background: url(images/webkit-arrows-horiz.png) 50% 1px no-repeat, #bfb6a3 url(images/bg-blog-repeat.png) 0 0 no-repeat;*/
}
::-webkit-scrollbar-button:horizontal:increment {		/* Bouton pour aller à droite */
	background-position: 50% -19px;
}