@charset "UTF-8";
/* GENERAL */
body {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
	color: #2c2b26;
	background-color: #eaeaea;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
div {
	position: relative;
}
img {
	margin: 0px;
	padding: 0px;
	border: 0px;
}
p {
	margin-top: 0px;
	margin-bottom: 20px;
}
form {
	margin: 0px;
	padding: 0px;
}
a {
	color: #3378d7;
	transition: 0.3s;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url(images/bg-select.png);
	background-repeat: no-repeat;
	background-position: right 5px center;
}
h1.page {
	font-family: 'Varela Round', sans-serif;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	font-size: 34px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 15px;
}
@media (max-width: 1280px) {
h1.page.mobile-space {
	margin-top: 40px;
}
}
h1.page span.icon {
	display: inline-block;
	width: 50px;
	height: 50px;
	margin-bottom: -10px;
	margin-left: 5px;
}
h1.page span.icon img {
	display: block;
	width: 100%;
}
h2.page {
	font-family: 'Varela Round', sans-serif;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	font-size: 18px;
	line-height: 28px;
	margin-top: 0px;
	margin-bottom: 40px;
	font-weight: normal;
}
h2.recherche {
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	margin-top: 0px;
	margin-bottom: 0px;
	box-sizing: border-box;
	padding: 25px;
	padding-left: 60px;
	font-weight: normal;
	background-color: #3378d7;
	color: #ffffff;
	background-size: 30px 30px;
	background-position: 20px center;
	background-repeat: no-repeat;
	background-opacity: 0.5;
}
hr {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 20px;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	border-bottom: dotted 2px #dddddd;
}
/* GENERAL END */







/* HEADER & NAV */
div#header {
	width: 100%;
	height: 120px;
	background-color: #ffffff;
	box-sizing: border-box;
}
div#header div#logo {
	float: left;
	margin-left: 30px;
	margin-top: 23px;
	width: 90%;
	max-width: 200px;
}
@media (max-width: 500px) {
div#header div#logo {
	max-width: 130px;
}	
}
div#header div#logo img {
	width: 100%;
	display: block;
}
div#header div#annuaire {
	float: left;
	width: 290px;
	height: 60px;
	box-sizing: border-box;
	font-size: 16px;
	text-align: left;
	margin-left: 18px;
	padding-left: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
	border-left: 2px dotted #dddddd;
	margin-top: 30px;
	color: #2c2b26;
}
@media (max-width: 1350px) {
div#header div#annuaire {
	display: none;
}	
}
div#header button.menu-btn {
	display: none;
}
div#header button.menu-btn img {
	display: block;
	width: 100%;
}
nav ul.topnav {
	position: absolute;
	top: 30px;
	right: 30px;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	height: 60px;
	z-index: 100;
}
nav ul.topnav li {
	float: left;
	height: 60px;
}
nav ul.topnav li a {
	display: block;
	font-family: 'Varela Round', sans-serif;
	color: #2c2b26;
	height: 60px;
	padding-top: 20px;
	font-size: 17px;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	text-decoration: none;
	transition: 0.3s;
	box-sizing: border-box;
}
nav ul.topnav li a:hover {
	color: #3378d7;
	opacity: 1;
}
nav ul.topnav li a.profil {
	color: #ffffff;
	height: 60px;
	font-weight: normal;
	background-color: #2c2b26;
	padding-left: 60px;
	padding-right: 30px;
	margin-left: 10px;
	border-radius: 30px;
	background-image: url(images/nav-icon-profil-blanc.png);
	background-position: 25px center;
	background-size: 30px auto;
	background-repeat: no-repeat;
}
nav ul.topnav li a.profil:hover {
	opacity: 1;
	background-color: #5cbe45;
}
nav ul.topnav li a.lang {
	margin-left: 10px;
	margin-right: -10px;
}
nav ul.topnav li ul {
	display: none;
	width: auto;
	position: absolute;
	padding: 0px;
	margin: 0px;
}
nav ul.topnav li:hover ul {
	display: block;
	position: absolute;
	padding: 0px;
	top: auto;
	margin-top: -8px;
	width: 270px;
	border-radius: 0px;
	overflow: hidden;
	box-shadow: 0px 0px 12px #888888;
}
nav ul.topnav li:hover ul li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 100%;
	box-sizing: border-box;
}
nav ul.topnav li:hover ul li a {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 15px;
	text-decoration: none;
	color: #666666;
	background-color: #ffffff;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
	font-size: 14px;
	font-weight: normal;
}
nav ul.topnav li:hover ul li a:hover {
	opacity: 1;
	background-color: #e2f8ff;
	color: #2c2b26;
}
@media (max-width: 1030px) {
div#header {
	width: 100%;
	height: auto;
	padding: 20px;
	padding-top: 15px;
}
div#header div#logo {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	max-width: 230px;
	width: 90%;
}
div#header button.menu-btn {
	display: inline-block;
	vertical-align: middle;
	height: 40px;
	width: 40px;
	margin-right: 5px;
	margin-bottom: -9px;
	padding: 11px;
	background-color: #3378d7;
	border-radius: 20px;
	cursor: pointer;
	outline: none;
	border: 0px;
	transition: 0.3s;
	z-index: 100;
}
div#header button.menu-btn img {
	display: block;
	width: 100%;
}
nav ul.topnav {
	display: none;
}
}
div#erreur {
	display: block;
	width: 90%;
	max-width: 540px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}
div#erreur img {
	display: block;
	width: 100%;	
}
/* HEADER & NAV */











/* TOPBAR */
div#topbar {
	display: block;
	width: 100%;
	height: 50px;
}
div#topbar div#en-vedette a img, div#topbar div#par-region a img, div#topbar div#au-hasard a img, div#topbar div#facebook a img {
	display: inline-block;
	width: 22px;
	height: 22px;
	margin-bottom: -5px;
	margin-right: 2px;	
}
div#topbar div#en-vedette a {
	float: left;
	font-family: 'Varela Round', sans-serif;
	background-color: #ffffff;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	height: 50px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	color: #2c2b26;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 14px;
}
div#topbar div#en-vedette a:hover {
	background-color: #e2f8ff;
	opacity: 1;
}
div#topbar div#par-region a {
	float: left;
	font-family: 'Varela Round', sans-serif;
	background-color: #ffffff;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	height: 50px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	color: #2c2b26;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 14px;
}
div#topbar div#par-region a:hover {
	background-color: #e2f8ff;
	opacity: 1;
}
div#topbar div#au-hasard a {
	float: left;
	font-family: 'Varela Round', sans-serif;
	background-color: #ffffff;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	height: 50px;
	border-top: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
	color: #2c2b26;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 14px;
}
div#topbar div#au-hasard a:hover {
	background-color: #e2f8ff;
	opacity: 1;
}
div#topbar div#facebook a {
	float: left;
	font-family: 'Varela Round', sans-serif;
	background-color: #ffffff;
	width: 25%;
	box-sizing: border-box;
	text-align: center;
	height: 50px;
	border-top: 1px solid #e7e7e7;
	color: #2c2b26;
	text-decoration: none;
	font-size: 15px;
	font-weight: bold;
	line-height: 16px;
	padding-top: 14px;
}
div#topbar div#facebook a:hover {
	background-color: #e2f8ff;
	opacity: 1;
}
@media (max-width: 1200px) {
div#topbar {
	height: 75px;
}
div#topbar div#en-vedette a img, div#topbar div#par-region a img, div#topbar div#au-hasard a img, div#topbar div#facebook a img {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;	
}
div#topbar div#en-vedette a {
	width: 25%;
	height: 75px;
	padding-bottom: 15px;
	font-size: 14px;
}
div#topbar div#par-region a {
	width: 25%;
	height: 75px;
	padding-bottom: 15px;
	font-size: 14px;
}
div#topbar div#au-hasard a {
	width: 25%;
	height: 75px;
	padding-bottom: 15px;
	font-size: 14px;
}
div#topbar div#facebook a {
	width: 25%;
	border-right: 0px;
	height: 75px;
	padding-bottom: 15px;
	font-size: 14px;
}
}
/* TOPBAR END */








/* QPA */
div.qpa-accueil {
	float: left;
	width: 50%;
	background-color: #2c2b26;
	z-index: 40;
}
@media (max-width: 980px) {
div.qpa-accueil {
	float: none;
	display: block;
	width: 100%;
}
div.qpa-accueil.blogue-2 {
	display: none;
}	
}
div.qpa-accueil a {
	display: block;
	width: 100%;
}
div.qpa-accueil a div.image {
	display: block;
	width: 100%;
	transition: 0.3s;
}
div.qpa-accueil a:hover div.image {
	opacity: 0.7;
}
div.qpa-accueil a div.image img {
	display: block;
	width: 100%;
}
div.qpa-accueil a div.shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0px;
	z-index: 45;
	background-image: url(images/shadow-accueil.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
@media (max-width: 580px) {
div.qpa-accueil a div.shadow {
	background-size: auto 240px;
}
}
div.qpa-accueil a div.contenu {
	position: absolute;
	bottom: 0px;
	left: 0px;
	text-align: left;
	font-family: 'Varela Round', sans-serif;
	width: 100%;
	padding-left: 50px;
	padding-bottom: 80px;
	padding-right: 300px;
	box-sizing: border-box;
	color: #ffffff;
	transition: 0.3s;
	z-index: 85;
}
@media (max-width: 580px) {
div.qpa-accueil.blogue-1 a div.contenu {
	padding-left: 30px;
	padding-bottom: 60px;
}
}
div.qpa-accueil a div.contenu div.titre {
	font-family: 'Varela Round', sans-serif;
	font-size: 34px;
	font-weight: bold;
	margin-bottom: 8px;
}
div.qpa-accueil a div.contenu div.texte {
	font-size: 20px;
	line-height: 26px;
}
@media (max-width: 1600px) {
div.qpa-accueil a div.contenu {
	padding-right: 80px;	
}
div.qpa-accueil a div.contenu div.titre {
	font-size: 22px;
	margin-bottom: 5px;
}
div.qpa-accueil a div.contenu div.texte {
	font-size: 16px;
	line-height: 20px;
}
}
div.qpa-accueil a div.over {
	position: absolute;
	top: 25px;
	right: 25px;
	margin-left: auto;
	margin-right: auto;
	width: 100px;
	height: 100px;
	z-index: 90;
	transition: 0.3s;
	opacity: 0;
}
div.qpa-accueil a div.over img {
	display: block;
	width: 100%;
}
div.qpa-accueil a:hover div.over {
	opacity: 1;
}
@media (max-width: 1200px) {
div.qpa-accueil a div.over {
	top: 15px;
	right: 15px;
	width: 75px;
	height: 75px;
	opacity: 0.8;
}
div.qpa-accueil a div.contenu div.texte {
	display: none;
}
}
/* QPA END */








/* SECTIONS ITEM */
div#sections {
	width: 100%;
	text-align: center;
}
div#sections div.section {
	display: inline-block;
	width: 90%;
	max-width: 360px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 30px;
}
div#sections div.section a {
	display: block;
	width: 100%;
	height: auto;
	box-sizing: border-box;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 20px;
	border: 1px solid #dddddd;
	text-decoration: none;
	overflow: hidden;
}
div#sections div.section a img {
	width: 100%;
	display: block;
	border-radius: 10px;
	transition: 0.3s;
}
div#sections div.section:hover a img {
	opacity: 0.8;
}
div#sections div.section a span {
	position: absolute;
	max-width: 85%;
	font-family: 'Varela Round', sans-serif;
	bottom: 11px;
	left: 11px;
	text-align: left;
	box-sizing: border-box;
	font-size: 16px;
	color: #ffffff;
	background-color: #2c2b26;
	text-decoration: none;
	padding-left: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 15px;
	border-bottom-left-radius: 10px;
	border-top-right-radius: 15px;
	transition: 0.3s;
}
div#sections div.section:hover span {
	background-color: #3378d7;
}
/* SECTIONS ITEM END */






div.plus a {
	display: block;
	box-sizing: border-box;
	color: #ffffff;
	font-family: 'Varela Round', sans-serif;
	border-radius: 25px;
	font-size: 42px;
	background-color: #5cbe45;
	text-decoration: none;
	line-height: 1px;
	width: 50px;
	height: 50px;
	text-align: center;
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
}
div.plus a:hover {
	background-color: #47a332;
}







/* QUÉBEC PLEIN AIR ACCUEIL */
div#quebec-plein-air {
	display: block;
	width: 100%;
	clear: both;
	padding-top: 40px;
	padding-bottom: 0px;
	background-color: #ffffff;
	margin-bottom: 0px;
}
div#quebec-plein-air div#icon-plein-air {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	max-width: 300px;
	margin-right: 30px;
}
div#quebec-plein-air div#icon-plein-air img {
	display: block;
	width: 100%;
}
div#quebec-plein-air div#texte {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	max-width: 650px;
	text-align: left;
}
div#quebec-plein-air div#texte h1 {
	font-family: 'Varela Round', sans-serif;
	font-weight: bold;
	margin-bottom: 20px;
	margin-top: 0px;
	font-size: 36px;
}
div#quebec-plein-air div#texte h2 {
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 0px;
	font-size: 24px;
}
div#quebec-plein-air div#texte p {
	margin-top: 0px;
	margin-bottom: 30px;
	line-height: 26px;
}
div#quebec-plein-air div.button.blue {
	margin-left: 0px;
}
@media (max-width: 1080px) {
div#quebec-plein-air div#icon-plein-air {
	display: block;
	max-width: 150px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
div#quebec-plein-air div#texte {
	display: block;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
}
/* QUÉBEC PLEIN AIR ACCUEIL END */










/* BUTTONS */
div.button {
	display: inline-block;
	height: 60px;
	margin-left: 10px;
	margin-right: 10px;
	min-width: 230px;
}
div.button a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	font-family: 'Varela Round', sans-serif;
	padding-top: 20px;
	font-size: 17px;
	text-decoration: none;
	color: #ffffff;
	height: 60px;
	font-weight: normal;
	padding-left: 30px;
	padding-right: 30px;
	border-radius: 30px;
	text-align: center;
}
div.button.black a {
	background-color: #2c2b26;	
}
div.button.black a:hover {
	opacity: 1;
	background-color: #5cbe45;
}
div.button.blue a {
	background-color: #3378d7;	
}
div.button.blue a:hover {
	opacity: 1;
	background-color: #2562b5;
}
div.button.green a {
	background-color: #5cbe45;	
}
div.button.green a:hover {
	opacity: 1;
	background-color: #47a332;
}
div.retour a {
	display: block;
	box-sizing: border-box;
	font-family: 'Varela Round', sans-serif;
	color: #ffffff;
	padding-top: 15px;
	padding-left: 50px;
	height: 50px;
	text-decoration: none;
	background-color: #3378d7;
	border-radius: 25px;
	font-size: 17px;
	width: 140px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background-image: url(images/bg-retour.png);
	background-repeat: no-repeat;
	background-size: 6px;
	background-position: 35px center;
}
div.retour a:hover {
	opacity: 1;
	background-color: #2562b5;
}
/* BUTTONS END */




/* BORDER SAPINS */
div.border-top-sapins-blanc {
	display: block;
	width: 100%;
	height: 125px;
	background-image: url(images/border-top-sapins-blanc.png);
	background-repeat: no-repeat;
	background-position: center center;
}
div.border-bottom-sapins-blanc {
	display: block;
	width: 100%;
	height: 300px;
	background-image: url(images/border-bottom-sapins-blanc.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-bottom: 30px;
}
div.border-bottom-sapins-gris {
	display: block;
	width: 100%;
	height: 50px;
	background-image: url(images/border-bottom-sapins-gris.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: -50px;
	z-index: 50;
}
@media (max-width: 980px) {
div.border-bottom-sapins-gris {
	height: 50px;
	margin-top: -50px;
}	
}
/* BORDER SAPINS END */







/* PATHWAY */
div#pathway {
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	margin-bottom: 40px;
	font-size: 14px;
	background-color: #ffffff;
	height: auto;
	text-align: center;
	border-top: 1px solid #dddddd;
	line-height: 26px;
}
@media (max-width: 1280px) {
div#pathway {
	margin-bottom: 0px;
}
}
div#pathway div {
	display: inline-block;
	vertical-align: middle;
}
div#pathway div a {
	color: #2c2b26;
	transition: 0.3s;
}
div#pathway div a:hover {
	opacity: 0.7;
}
div#pathway div.arrow {
	color: #3378d7;
	margin-left: 5px;
	margin-right: 5px;
}
div#pathway div.title {
	font-weight: bold;
}
/* PATHWAY END */









/* CONTENT & RIGHT */
div#wrap-content {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 60px;
}
@media (max-width: 1280px) {
div#wrap-content {
	width: 100%;
	max-width: 100%;
}
}
div#content {
	float: left;
	background-color: #ffffff;
	padding: 50px;
	width: 760px;
	margin-bottom: 40px;
	box-sizing: border-box;
	text-align: left;
	box-shadow: 0px 0px 15px #cccccc;
}
@media (max-width: 1280px) {
div#content {
	float: none;
	display: block;
	width: 100%;
	max-width: 960px;
	padding: 30px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 15px #cccccc;
}	
}
div#content h1 {
	font-family: 'Varela Round', sans-serif;
	font-size: 38px;
	line-height: 46px;
	color: #3378d7;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 10px;
}
div#content h2.heading {
	font-family: 'Varela Round', sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #2c2b26;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 30px;
}
div#content div.image-chronique {
	display: block;
	width: calc(100% + 100px);
	margin-left: -50px;
	margin-bottom: 30px;
}
@media (max-width: 1280px) {
div#content div.image-chronique {
	width: calc(100% + 60px);
	margin-left: -30px;
}	
}
div#content div.image-chronique img {
	display: block;
	width: 100%;
}
div#content h2 {
	font-family: 'Varela Round', sans-serif;
	font-size: 22px;
	line-height: 30px;
	color: #2c2b26;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}
div#right {
	float: left;
	width: 400px;
	margin-left: 40px;
}
@media (max-width: 1280px) {
div#right {
	float: none;
	display: block;
	width: 85%;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
}
div#bloc-annuaire {
	display: block;
	width: 100%;
	height: auto;
	overflow: hidden;
	margin-bottom: 40px;
	box-shadow: 0px 0px 15px #cccccc;
	transition: 0.3s;
	border-radius: 20px;
}
div#bloc-annuaire:hover {
	opacity: 0.8;
}
div#bloc-annuaire img {
	display: block;
	width: 100%;
}
div#bloc-annuaire div.categorie {
	display: block;
	width: 100%;
	font-size: 14px;
	line-height: 20px;
	color: #ffffff;
	text-align: left;
	padding: 20px;
	padding-right: 60px;
	box-sizing: border-box;
	position: absolute;
	z-index: 97;
	left: 0px;
	bottom: 0px;
	background-image: url(images/bg-bloc-annuaire.png);
	background-repeat: no-repeat;
	background-position: right center;
}
div#carte-region {
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 20px;
	border: 1px solid #dddddd;
	box-shadow: 0px 0px 15px #cccccc;
	overflow: hidden;
	transition: 0.3s;
}
div#carte-region img {
	display: block;
	width: 100%;
	border-radius: 15px;
}
div#right div.pub-side-qpa {
	display: block;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 40px;
	padding: 10px;
	background-color: #ffffff;
	border-radius: 20px;
	border: 1px solid #dddddd;
	box-shadow: 0px 0px 15px #cccccc;
	overflow: hidden;
	transition: 0.3s;
}
div#right div.pub-side-qpa:hover {
	opacity: 0.8;	
}
div#right div.pub-side-qpa img {
	width: 100%;
	display: block;
	border-radius: 10px;
}

div.right-en-vedette {
	font-family: 'Varela Round', sans-serif;
	font-size: 24px;
	line-height: 30px;
	color: #2c2b26;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}
div.right-en-vedette span.icon {
	display: inline-block;
	width: 25px;
	margin-bottom: -4px;
}
div.right-en-vedette span.icon img {
	display: block;
	width: 100%;
}
div#right div#autres-sentiers {
	width: 100%;
	margin-bottom: 40px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #ffffff;
	border: 10px solid #ffffff;
	box-shadow: 0px 0px 15px #cccccc;
	box-sizing: border-box;
}
div#right div#autres-sentiers div a {
	background-color: #f5f5f5;
	padding: 12px;
	margin-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	color: #000000;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
}
div#right div#autres-sentiers div a:hover {
	background-color: #e2f8ff;
}
div#right div#autres-sentiers div.votre-service-ici a {
	font-family: 'Varela Round', sans-serif;
	background-color: #2c2b26;
	padding: 12px;
	margin-bottom: 1px;
	font-size: 17px;
	text-align: center;
	color: #ffffff;
	display: block;
	box-sizing: border-box;
	text-decoration: none;
	font-weight: normal;
}
div#right div#autres-sentiers div.votre-service-ici a:hover {
	opacity: 0.7;
}
/* CONTENT & RIGHT END */









/* SLIDER */
div.slider.responsive {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
div.en-vedette {
	display: block;
	box-sizing: border-box;
	padding: 20px;
	transition: 0.3s;
	text-align: left;
}
div.en-vedette:hover {
	background-color: rgba(255, 255, 255, 0.5);
	border-radius: 10px;
}
div.en-vedette div.logo a {
	display: block;
	width: 100%;
	max-width: 500px;
	margin-bottom: 15px;
	box-shadow: 0px 0px 5px #cccccc;
}
div.en-vedette div.logo a img {
	display: block;
	width: 100%;
}
div.en-vedette div.titre {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 8px;
}
div.en-vedette div.ville {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color: #3378d7;
	margin-bottom: 5px;
}
div.en-vedette div.description {
	font-size: 13px;
	line-height: 18px;
	color: #2c2b26;
	margin-bottom: 8px;
}
div.en-vedette div.plus {
	display: inline-block;
	width: 40px;
	height: 40px;
	vertical-align: middle;
	margin-right: 5px;
	margin-bottom: 0px;
}
div.en-vedette div.plus a {
	display: block;
	box-sizing: border-box;
	width: 40px;
	height: 40px;
	padding: 12px;
	border-radius: 20px;
	background-color: #2c2b26;
}
div.en-vedette div.plus a img {
	display: block;
	width: 100%;
}
div.en-vedette div.plus a:hover {
	background-color: #5cbe45;
	opacity: 1;
}
div.en-vedette div.social {
	display: inline-block;
	box-sizing: border-box;
	width: 20px;
	height: 20px;
	padding: 2px;
	vertical-align: middle;
}
div.en-vedette div.social img {
	display: block;
	width: 100%;
}
div.slider.fade {
	width: calc(100% + 80px);
	margin-left: -40px;
}
@media (max-width: 1280px) {
div.slider.fade {
	width: calc(100% + 60px);
	margin-left: -30px;
}	
}
/* SLIDER END */






/* TAGS */
div.tag {
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	height: 50px;
}
div.tag a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 12px;
	height: 50px;
	background-color: #2c2b26;
	color: #ffffff;
	text-decoration: none;
	font-size: 17px;
	border-radius: 25px;
}
div.tag a:hover {
	background-color: #3378d7;
	color: #ffffff;
	opacity: 1;
}
div.tag.plus {
	width: 38px;
	height: 38px;
	vertical-align: middle;
}
div.tag.plus a {
	width: 38px;
	height: 38px;
	border: 0px;
	padding: 12px;
	border-radius: 19px;
	background-color: #2c2b26;
}
div.tag.plus a img {
	display: block;
	width: 100%;
}
div.tag.plus a:hover {
	background-color: #3378d7;
}
/* TAGS END */




div.categorie-scroll-sub {
	display: none;
	width: 90%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}
div.categorie-scroll-sub select {
	border-radius: 30px;
	background-color: #ffffff;
	border-color: #dddddd;
	font-size: 17px;
	font-weight: bold;
	padding: 15px;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
	outline: none;
}
@media (max-width: 1200px) {
div.categorie-wrap.hide-on-cell {
	display: none;
}
div.categorie-scroll-sub {
	display: block;
}
}




/* RESSOURCES ET RÉFÉRENCES */
div.ressources-et-references {
	display: block;
	padding: 12px;
	color: #ffffff;
	background-color: #2c2b26;
	margin-bottom: 1px;
	font-size: 15px;
	font-weight: bold;
	border-top: 10px solid #ffffff;
}
div.reference {
	display: block;
	padding: 10px;
	padding-left: 35px;
	background-color: #f5f5f5;
	margin-bottom: 1px;
	transition: 0.3s;
	background-image: url(images/icon-plus-gris.png);
	background-repeat: no-repeat;
	background-position: 12px center;
	background-size: 14px;
	text-align: left;
}
div.reference:hover {
	background-color: #eeeeee;
}
div.reference a {
	text-decoration: none;
}
div.reference span.titre {
	display: block;
	font-size: 15px;
}
div.reference span.nom {
	display: block;
	color: #666666;	
	font-size: 13px;
}
/* RESSOURCES ET RÉFÉRENCES END */









/* ITEM */
div.item a {
	width: 100%;
	display: block;
	box-sizing: border-box;
	margin-bottom: 20px;
	background-color: #fafafa;
	border: 2px solid #dddddd;
	padding: 0px;
	border-radius: 10px;
	transition: 0.3s;
	text-decoration: none;
	background-image: url(images/bg-item.png);
	background-repeat: no-repeat;
	background-position: right center;
}
div.item a:hover {
	text-decoration: none;
	border: 2px solid #3378d7;
}
@media (max-width: 650px) {
div.item a {
	background-repeat: no-repeat;
	background-position: right top;
}	
}
div.item a div.image {
	float: left;
	width: 170px;
	height: auto;
	padding: 10px;
	box-sizing: border-box;
	margin-right: 0px;
	overflow: hidden;
}
@media (max-width: 650px) {
div.item a div.image {
	float: none;
	padding: 20px;
	display: block;
	width: 240px;
	margin-right: 0px;
}
}
div.item a div.image img {
	display: block;
	width: 100%;
	height: auto;
	padding: 5px;
	box-sizing: border-box;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-radius: 5px;
	transition: 0.2s;
}
div.item a div.info {
	float: left;
	box-sizing: border-box;
	margin-top: 12px;
	width: calc(100% - 240px);
}
@media (max-width: 650px) {
div.item a div.info {
	float: none;
	display: block;
	width: 100%;
	margin-top: -10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
}
}
div.item a div.info span.nom {
	display: block;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 5px;
	color: #000000;
	border-bottom: 2px dotted #c5c4c0;
	text-align: left;
}
div.item a div.info span.small {
	font-size: 12px;
	text-transform: uppercase;
	color: #666666;
}
div.item a div.info span.ville {
	display: block;
	font-size: 14px;
	color: #000000;
	margin-bottom: 2px;
	opacity: 0.8;
	text-align: left;
}
div.item a div.info span.km {
	display: block;
	font-size: 13px;
	color: #3378d7;
	text-align: left;
}
div.item a div.info span.type {
	display: inline-block;
	vertical-align: top;
	font-size: 13px;
	line-height: 12px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	padding: 10px;
	box-sizing: border-box;
	margin-right: 10px;
	margin-bottom: 10px;
	color: #6c6960;
	border-radius: 5px;
}
/* ITEM END */






/* AFFICHAGE REGIONS */
div.colonne-regions {
	float: left;
	width: 100%;
	max-width: 330px;
}
div.colonne-regions div {
	font-family: 'Varela Round', sans-serif;
	font-size: 22px;
	font-weight: bold;
	padding-top: 12px;
	padding-bottom: 12px;
	box-sizing: border-box;
	transition: 0.3s;
}
div.colonne-regions div:hover {
	opacity: 0.7;	
}
span.number {
	font-size: 14px;
	color: #6c6960;
}
/* AFFICHAGE REGIONS END */









/* BLOGUE */
div.blogue {
	display: inline-block;
	vertical-align: top;
	width: 85%;
	max-width: 340px;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 40px;
}
div.blogue a {
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px;
	text-decoration: none;
	background-color: #ffffff;
	overflow: hidden;
	box-shadow: 0px 0px 3px #bbbbbb;
}
div.blogue a:hover {
	text-decoration: none;
	opacity: 0.7;
}
div.blogue a div.image {
	width: 100%;
	display: block;
	transition: 0.3s;
	margin-bottom: 10px;
	overflow: hidden;
}
div.blogue a div.image img {
	width: 100%;
	display: block;
	height: auto;
	transition: 0.3s;
}
div.blogue a div.plus {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 260px;
	height: 245px;
	z-index: 100;
	opacity: 0;
	transition: 0.3s;
}
div.blogue a:hover div.plus {
	opacity: 1;
}
div.blogue a div.title {
	width: 100%;
	font-family: 'Varela Round', sans-serif;
	text-align: left;
	font-size: 22px;
	line-height: 26px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
	margin-bottom: 3px;
	transition: 0.3s;
}
div.blogue a div.description {
	width: 100%;
	text-align: left;
	font-size: 16px;
	color: #555555;
	text-decoration: none;
}
/* BLOGUE */






/* FICHE */
div#fiche-adresse {
	width: 100%;
	margin-bottom: 40px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #ffffff;
	border: 10px solid #ffffff;
	box-shadow: 0px 0px 15px #cccccc;
	box-sizing: border-box;
}
div#fiche-adresse p.title {
	font-family: 'Varela Round', sans-serif;
	font-size: 19px;
	line-height: 24px;
	text-align: left;
	font-weight: bold;
	padding: 10px;
	box-sizing: border-box;
	margin-bottom: 20px;
}
div#fiche-adresse p.adresse {
	font-size: 15px;
	line-height: 22px;
	text-align: left;
	margin-top: -35px;
	margin-bottom: 5px;
	padding: 10px;
}
div#google-map {
	height: 350px;
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
div#google-map iframe, div#google-map img {
	height: 350px;
	width: 100%;
}
div#no-map {
	width: 100%;
	border-radius: 10px;
	overflow: hidden;
}
div#no-map img {
	display: block;
	width: 100%;
}
div.video-wrap {
	width: 100%;
	margin-bottom: 20px;
	height: auto;
}
div.video {
	position: relative;
	padding-bottom: 56.25%;
	background-color: #ffffff;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}
div.video iframe, div.video object, div.video embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
p.contenu-par {
	color: #666666;
	font-size: 14px;
	margin-bottom: 10px;
}
p.contenu-par-logo {
	width: 100%;
	max-width: 300px;
}
p.contenu-par-logo img {
	width: 100%;
	display: block;
}
div#sur-le-web {
	border-top: 2px dotted #dddddd;
	padding-top: 15px;
	font-size: 16px;
	margin-bottom: 15px;
	text-align: left;
}
div.social-fiche {
	padding: 0px;
	float: left;
	height: 40px;
	width: 40px;
	margin-right: 10px;
	margin-bottom: 10px;
	background-color: #2c2b26;
	transition: 0.3s;
	opacity: 1;
	border-radius: 26px;
}
div.social-fiche img {
	width: 100%;
	display: block;
}
div.site-web:hover {
	background-color: #cccb00;
}
div.instagram:hover {
	background-color: #da2979;
}
div.facebook:hover {
	background-color: #0866ff;
}
div.airbnb:hover {
	background-color: #fd5c63;
}
div.x:hover {
	background-color: #4ab3f4;
}
div.pinterest:hover {
	background-color: #d03330;
}
div.linkedin:hover {
	background-color: #0073b0;
}
div.youtube:hover {
	background-color: #ff0000;
}
div.tripadvisor:hover {
	background-color: #00a680;
}
div.flickr:hover {
	background-color: #0063db;
}
div#info {
	width: 100%;
	margin-bottom: 0px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #ffffff;
	border-top: 10px solid #ffffff;
}
div#info-sentiers {
	display: block;
	box-sizing: border-box;
	padding: 15px;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
	background-color: #f5f5f5;
	color: #3378d7;
	font-size: 18px;
	font-weight: bold;
}
div#info-niveau {
	display: block;
	box-sizing: border-box;
	padding: 15px;
	margin-right: 1px;
	margin-bottom: 1px;
	text-align: center;
	background-color: #f5f5f5;
	font-size: 18px;
	font-weight: bold;
}
div#info-cote {
	display: block;
	box-sizing: border-box;
	padding-top: 3px;
	background-color: #f5f5f5;
	text-align: center;
	margin-right: 1px;
	margin-bottom: 1px;
}
div#info-cote img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
div#info-acces {
	display: block;;
	box-sizing: border-box;
	padding: 15px;
	background-color: #f5f5f5;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-right: 1px;
	margin-bottom: 1px;
}
div#info-telephone {
	display: block;
	box-sizing: border-box;
	padding: 15px;
	background-color: #f5f5f5;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}
div#info-telephone span.icon {
	display: inline-block;
	width: 35px;
	margin-bottom: -12px;
}
div#info-telephone span.icon img {
	display: block;
	width: 100%;
}
div#info-telephone a {
	color: #666666;
	text-decoration: none;
}
div.fiche-button a, div.fiche-button span.empty {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #ffffff;
	text-decoration: none;
	height: 55px;
	text-align: left;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 55px;
	border-radius: 10px;
	transition: 0.3s;
	background-repeat: no-repeat;
	background-position: left center;
}
div.fiche-button.reservation a {
	width: 190px;
	background-color: #5cbe45;
	background-image: url(images/bg-button-reservation.png);
}
div.fiche-button.reservation a:hover {
	background-color: #47a332;
}
div.fiche-button.site-web a, div.fiche-button.site-web span.empty {
	width: 165px;
	background-color: #3378d7;
	background-image: url(images/bg-button-site-web.png);
}
div.fiche-button.site-web a:hover {
	background-color: #2562b5;
}
div.fiche-telephone {
	float: left;
	margin-right: 0px;
	margin-bottom: 20px;
	font-size: 18px;
	color: #ffffff;
	background-color: #2c2b26;
	text-decoration: none;
	height: 55px;
	text-align: left;
	box-sizing: border-box;
	padding-top: 15px;
	padding-left: 55px;
	padding-right: 20px;
	border-radius: 10px;
	transition: 0.3s;
	background-repeat: no-repeat;
	background-position: left center;
	max-width: 280px;
	background-image: url(images/bg-fiche-telephone.png);
}
div#fiche-logo {
	width: 100%;
	margin-bottom: 40px;
	border-radius: 20px;
	overflow: hidden;
	background-color: #ffffff;
	border: 10px solid #ffffff;
	box-shadow: 0px 0px 15px #cccccc;
	box-sizing: border-box;
}
div#fiche-logo a img {
	width: 100%;
	display: block;
	transition: 0.3s;
}
div#fiche-logo:hover a img {
	opacity: 0.9;
}
div#proprietaire-de-ce-lieu {
	background-color: #2c2b26;
	color: #ffffff;
	box-sizing: border-box;
	padding: 30px;
	padding-right: 70px;
	margin-bottom: 20px;
	border-radius: 20px;
	background-image: url(images/nav-icon-profil-blanc.png);
	background-position: right 20px top 20px;
	background-repeat: no-repeat;
}
div#proprietaire-de-ce-lieu a {
	color: #e2f8ff;
}
div#proprietaire-de-ce-lieu p.title {
	font-family: 'Varela Round', sans-serif;
	font-size: 26px;
	line-height: 32px;
	margin-bottom: 10px;
}
div#proprietaire-de-ce-lieu p.texte {
	font-size: 16px;
	margin-bottom: 0px;
}
	
	
	
div#publication {
	border-top: 1px dotted #cccccc;
	padding-top: 20px;
	font-size: 14px;
	text-align: left;
	color: #999999;
}
/* FICHE END */









/* SLIDER */
div.slideshow-container {
	display: block;
	width: calc(100% + 100px);
	margin-left: -50px;
	margin-bottom: 30px;
	position: relative;
	box-sizing:border-box;
}
@media (max-width: 1280px) {
div.slideshow-container {
	width: calc(100% + 60px);
	margin-left: -30px;
}	
}
div.slideshow-container div.mySlides {
  display: none;
}
div.slideshow-container div.mySlides img {
  width: 100%;
  display: block;
}
div.slideshow-container a.prev {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 15px;
	right: 60px;
	padding-top: 5px;
	color: #ffffff;
	font-size: 26px;
	line-height: 16px;
	transition: 0.3s;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	user-select: none;
	background-color: #2c2b26;
	opacity: 0.6;
	border: 2px solid #ffffff;
	text-align: center;
}
div.slideshow-container a.next {
	cursor: pointer;
	display: block;
	position: absolute;
	top: 15px;
	right: 15px;
	padding-top: 5px;
	color: #ffffff;
	font-size: 26px;
	line-height: 16px;
	transition: 0.3s;
	box-sizing: border-box;
	width: 36px;
	height: 36px;
	border-radius: 18px;
	user-select: none;
	background-color: #2c2b26;
	opacity: 0.6;
	border: 2px solid #ffffff;
	text-align: center;
}
div.slideshow-container a.prev:hover, div.slideshow-container a.next:hover {
	opacity: 0.9;

}
/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}
/* Number text (1/3 etc) */
.numbertext {
	position: absolute;
	top: 0px;
	left: 0px;
	color: #ffffff;
	font-size: 14px;
	padding: 8px;
	background-color: #2c2b26;
	opacity: 0.8;
	border-bottom-right-radius: 10px;
}
div#photos-copyright {
	display: block;
	width: calc(100% + 100px);
	box-sizing: border-box;
	padding: 10px;
	margin-top: -30px;
	margin-left: -50px;
	font-size: 14px;
	color: #6c6960;
	text-align: center;
	background-color: #f5f5f5;
	margin-bottom: 20px;
}
@media (max-width: 1280px) {
div#photos-copyright {
	margin-left: -10px;
}	
}
/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
.active, .dot:hover {
  background-color: #717171;
}
/* Fading animation */
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}
/* SLIDER END */








div.partenaire {
	display: inline-block;
	vertical-align: middle;
	margin-left: 0px;
	margin-right: 40px;
	margin-bottom: 40px;
	max-width: 280px;
	height: auto;
	transition: 0.3s;
}
div.partenaire img {
	display: block;
	width: 100%;
	height: auto;
}
div.partenaire:hover {
	opacity: 0.8;
}




div.boutique {
	padding: 0px;
	margin-top: 0px;
	border-radius: 10px;
	border: 2px solid #dddddd;
	overflow: hidden;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-color: #fafafa;
	width: 100%;
	transition: 0.3s;
}
div.boutique:hover {
	border: 2px solid #3378d7;	
}
div.boutique p.boutique {
	font-family: 'Varela Round', sans-serif;
	padding: 10px;
	font-size: 18px;
	font-weight: bold;
	background-color: #eeeeee;
	margin: 0px;
}
div.boutique p.adresse {
	padding: 10px;
	font-size: 14px;
	margin: 0px;
}








/* TABLE FORM */
table.form {
	width: 100%;
	margin-bottom: 20px;
	border: 0px;
}
table.form tr {
	margin: 0px;
	padding: 0px;
}
table.form td.sub-title {
	text-align: left;
	background-color: #dddddd;
	padding: 12px;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	box-sizing: border-box;
	border: 1px solid #ffffff;
}
table.form td input, table.form td select, table.form td textarea {
	border: 1px solid #dddddd;
	padding: 12px;
	font-size: 14px;
	box-sizing: border-box;
	outline: none;
	width: 100%;
	background-color: #ffffff;
	font-family: 'Varela Round', sans-serif;
}
table.form td.field input::placeholder, table.form td.field textarea::placeholder {
	color: #bbbbbb;
	font-weight: normal;
	font-style: italic;
}
table.form td.label {
	text-align: left;
	background-color: #eeeeee;
	padding: 12px;
	font-size: 14px;
	width: 20%;
	box-sizing: border-box;
}
table.form td.label.checkbox {
	text-align: center;
	width: 20%;
}
table.form td.label.checkbox input.checkbox {
	width: 25px;
	height: 25px;
	padding: 5px;	
}
table.form td.field {
	font-size: 14px;
	text-align: left;
	background-color: #f5f5f5;
	padding: 12px;
	width: 80%;
	box-sizing: border-box;
}
table.form td.field input.button {
	display: block;
	width: 100%;
	max-width: 180px;
	box-sizing: border-box;
	font-family: 'Varela Round', sans-serif;
	padding: 0px;
	font-size: 18px;
	text-decoration: none;
	color: #ffffff;
	height: 60px;
	font-weight: normal;
	border-radius: 30px;
	text-align: center;
	border: 0px;
	background-color: #5cbe45;
	margin-bottom: 30px;
	transition: 0.3s;
	cursor: pointer;
	outline: none;	
}
table.form td.field input.button:hover  {
	opacity: 1;
	background-color: #47a332;
}
.note {
	font-size: 4px;
}
.message-red {
	font-size: 13px;
	color: #dd0000;
}
.message-blue {
	font-size: 13px;
	color: #3378d7;
}
.message-grey {
	font-size: 13px;
	color: #6c6960;
	font-style: italic;
}
/* TABLE FORM END */







/* INSCRIPTION */
h1.inscription {
	font-family: 'Varela Round', sans-serif;
	width: 85%;
	margin-left: auto;
	margin-right: auto;
	font-size: 34px;
	line-height: 36px;
	font-weight: normal;
	margin-top: 50px;
	margin-bottom: 20px;
}
@media (max-width: 780px) {
h1.inscription {
	margin-top: 30px;
}	
}
div.inscription-texte-top {
	display: block;
	width: 85%;
	max-width: 880px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding-top: 20px;
	font-size: 16px;
	line-height: 22px;
	box-sizing: border-box;
	text-align: left;
}
@media (max-width: 780px) {
div.inscription-texte-top {
	padding-top: 0px;	
}
}
div#inscription-icon-plein-air {
	float: right;
	margin-top: -20px;
	max-width: 200px;
	margin-left: 10px;
}
div#inscription-icon-plein-air img {
	display: block;
	width: 100%;
}
@media (max-width: 780px) {
div#inscription-icon-plein-air {
	display: none;	
}
}
div.inscription-content {
	display: block;
	width: 100%;
	max-width: 760px;
	padding: 20px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	font-size: 16px;
	line-height: 22px;
	box-sizing: border-box;
	text-align: left;
	box-shadow: 0px 0px 15px #cccccc;
}
p.form-title {
	color: #ffffff;
	background-color: #3378d7;
	padding: 12px;
	font-size: 15px;
	text-align: center;
	margin-bottom: 0px;
	border-top-right-radius: 10px;
}
span.economie {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	color :#5cbe45;
}
span.message-note {
	font-size: 14px;
	color: #666666;
}










span.star {
	color: #ff0000;
	font-size: 14px;
}

span.message-erreur {
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #CC0000;
	margin: 0px;
	width: 88%;
	display: block;
	font-weight: bold;
}
div.logo-paypal {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 80px;
}
div.logo-paypal img {
	display: block;
	width: 100%;
}
div.bouton-paypal {
	display: inline-block;
	vertical-align: middle;
}
/* INSCRIPTION */














/* SIGNALER UNE ERREUR */
div#fiche-signaler-une-erreur a {
	display: block;
	margin-top: 20px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	height: 50px;
	text-align: left;
	box-sizing: border-box;
	padding-top: 14px;
	padding-left: 45px;
	padding-right: 20px;
	border-radius: 10px;
	background-color: #eeeeee;
	color: #000000;
	max-width: 210px;
	background-image: url(images/icon-drapeau-rouge.png);
	background-size: 28px;
	background-repeat: no-repeat;
	background-position: left 13px center;
	transition: 0.3s;
}
div#fiche-signaler-une-erreur a:hover {
	background-color: #e5e5e5;
}
div#fiche-signaler {
	margin: 0px;
	width: 94%;
	max-width: 800px;
	background-color: #ffffff;
	padding: 30px;
	box-sizing: border-box;
	border-radius: 20px;
}
div#fiche-signaler p.title {
	font-family: 'Varela Round', sans-serif;
	font-size: 24px;
	color: #2c2b26;
	margin-bottom: 20px;
	margin-top: 0px;
	font-weight: bold;
}
div#fiche-signaler div.drapeau-rouge {
	float: left;
	margin-top: -7px;
	margin-right: 5px;
	width: 40px;
}
div#fiche-signaler div.drapeau-rouge img {
	display: block;
	width: 100%;
}
div#fiche-signaler p.texte {
	margin-top: 0px;
	font-size: 14px;
	margin-bottom: 15px;
	line-height: 22px;
}
div#fiche-signaler input.button {
	display: block;
	min-width: 140px;
	box-sizing: border-box;
	font-family: 'Varela Round', sans-serif;
	padding: 15px;
	font-size: 20px;
	text-decoration: none;
	color: #ffffff;
	font-weight: normal;
	background-color: #3378d7;
	text-align: center;
	border: 0px;
	border-radius: 40px;
	transition: 0.3s;
	margin-left: 1px;
	outline: none;
	cursor: pointer;
}
div#fiche-signaler input.button:hover {
	background-color: #2562b5;
}
div#fiche-signaler div.fiche-signaler_close {
	cursor: pointer;
	font-family: 'Varela Round', sans-serif;
	color: #2c2b26;
	margin: 0px;
	width: 39px;
	height: 39px;
	box-sizing: border-box;
	padding-top: 3px;
	position: absolute;
	top: 15px;
	right: 15px;
	text-align: center;
	border-radius: 20px;
	font-size: 25px;
	font-weight: bold;
	background-color: #eeeeee;
	transition: 0.3s;
}
div#fiche-signaler div.fiche-signaler_close:hover {
	color: #ff0000;
	opacity: 0.7;
}
/* SIGNALER UNE ERREUR */











/* BOTTOM PROMO */
div.bottom-promo {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	max-width: 320px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	text-align: center;
}
div.bottom-promo a {
	display: block;
	width: 100%;
	text-decoration: none;	
}
div.bottom-promo a:hover {
	opacity: 0.7;
}
div.bottom-promo a span.title {
	font-family: 'Varela Round', sans-serif;
	display: inline-block;
	font-size: 28px;
	font-weight: bold;
	color: #2c2b26;
	margin-bottom: 10px;
	border-bottom: 3px dotted #cccccc;
	padding-bottom: 5px;
	transition: 0.3s;	
}
div.bottom-promo a span.texte {
	display: block;
	font-size: 16px;
	color: #2c2b26;
	margin-bottom: 10px;
	line-height: 24px;
	transition: 0.3s;	
}
div.bottom-promo a span.image {
	display: block;
	margin-bottom: 0px;
	width: 80px;
	height: 80px;
	margin-left: auto;
	margin-right: auto;	
}
div.bottom-promo a span.image img {
	display: block;
	width: 100%;
}
/* BOTTOM PROMO END */





/* FOOTER */
div#quebec-foret {
	width: 100%;
	height: 200px;
	margin-bottom: 0px;
	clear: both;
	background-image: url(images/quebec-foret.png);
	background-repeat: repeat-x;
	background-position: center center;
}
@media (max-width: 1440px) {
div#quebec-foret {
	height: 100px;
	background-size: auto 100px;
}	
}
div#footer {
	clear: both;
	width: 100%;
	background-color: #2c2b26;
	padding-top: 40px;
	padding-bottom: 60px;
	text-align: center;
	color: #dddddd;
}
div#footer a {
	color: #cccccc;
}
div#footer a:hover {
	opacity: 0.7;
}
div#footer-logo {
	display: block;
	width: 90%;
	max-width: 320px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	margin-top: 0px;
}
div#footer-logo img {
	display: block;
	width: 100%;	
}
div#footer div#footer-guide {
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
}
div#footer div#facebook-likes {
	width: 90px;
	height: 30px;
	margin-right: auto;
	margin-bottom: 40px;
	margin-left: auto;
	transition: 0.3s;
}
div#footer div#facebook-likes img {
	display: block;
	width: 100%;
}
div#footer div#facebook-likes:hover {
	opacity: 0.7;
}
div#footer div.footer-categorie {
	display: inline-block;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
}
div#footer div.footer-categorie a {
	display: block;
	padding: 13px;
	background-color: #333333;
	text-decoration: none;
	font-size: 14px;
	border-radius: 5px;
}
div#footer div.footer-categorie a:hover {
	background-color: #222222;
	color: #ffffff;
	opacity: 1;
}
div#footer p {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 0px;
	max-width: 680px;
	text-align: center;
	line-height: 32px;
	font-size: 16px;
}
div#footer div#ajouter-un-lieu {
	max-width: 220px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	transition: 0.3s;
}
div#footer div#ajouter-un-lieu img {
	display: block;
	width: 100%;
}
div#footer div#ajouter-un-lieu:hover {
	opacity: 0.7;
}
div#footer div.confidentialite {
	display: inline-block;
	vertical-align: top;
	padding: 10px;
	font-size: 14px;
	text-align: center;
	background-color: #333333;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 20px;
	border-radius: 5px;
}
div#footer div.confidentialite a {
	text-decoration: none;	
}
div#footer div#developpe-au-quebec {
	display: block;
	text-align: center;
	width: 290px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	box-sizing: border-box;
	line-height: 22px;
	font-size: 14px;
}
div#footer div#developpe-au-quebec img {
	display: inline-block;
	width: 17px;
	height: 22px;
	margin-left: 2px;
	margin-right: 2px;
	margin-bottom: -6px;
}
/* FOOTER END */








div.clear {
	margin: 0px;
	padding: 0px;
	clear: both;
}












/*
#3378d7; bleu qpa
#2562b5; bleu qpa - hover
#e2f8ff; bleu très pâle
#2c2b26; noire qpa
#6c6960; gris beige qpa
#5cbe45; vert qpa
#47a332; vert qpa - hover
#dddddd; border
*/