/*

	Theme Name: Appartement Espagne

	Theme URI: 

	Description:

	Version: 1.0

	Author: LWS

	Author URI: http://lws.be

*/

/*------------------------------------*\

    MAIN

\*------------------------------------*/

/* global box-sizing */

*,

*:after,

*:before {

	-moz-box-sizing:border-box;

	box-sizing:border-box;

	-webkit-font-smoothing:antialiased;

	font-smoothing:antialiased;

	text-rendering:optimizeLegibility;

}

/* html element 62.5% font-size for REM use */

html {

	font-size:62.5%;

} 

body {

	font:300 14px/1.4 'Helvetica Neue', Helvetica, Arial, sans-serif;

	color:#5a5a5a;

}

strong,b{

	font-weight: 700;

}

/* clear */

.clear:before,

.clear:after {

    content:' ';

    display:table;

}

.clear:after {

    clear:both;

}

.clear {

    *zoom:1;

}

img {

	max-width:100%;

	vertical-align:bottom;

}

a {

	color:#444;

	text-decoration:none;

}

a:hover {

	color:#444;

}

a:focus {

	outline:0;

}

a:hover,

a:active {

	outline:0;

}

input:focus {

	outline:0;

	border:1px solid #04A4CC;

}

/*------------------------------------*\

    STRUCTURE

\*------------------------------------*/

/* GENERAL */

body{

	margin: 0; font-family: 'Rubik', sans-serif;

}

.content{

	width: 1200px;

	margin: 0 auto;

}

.clearfix:after {

     content: ".";

     display: block;

     clear: both;

     visibility: hidden;

     line-height: 0;

     height: 0;

}

.clearfix {display: block;}

html[xmlns] .clearfix {display: block;}

* html .clearfix {height: 1%;}

/** METEO **/

#meteo{

width: 57px; display:none;}

#meteo i {

  display: inline-block;

  font-family: 'weathericons';

  font-style: normal;

  font-weight: normal;

  line-height: 1;

  -webkit-font-smoothing: antialiased;

  -moz-osx-font-smoothing: grayscale;

  color: #fff;

}
a.logo{
	width: 100px;
	display: inline-block;
}
@media screen and (max-width : 1199px) {
	a.logo{
		width: 67px;
	}
}
/* TEXT */

h1#banner-title{

	font-family: 'Damion', cursive;

	color: #fff;

	font-size: 69px;

	margin: 0;

	text-align: center;

	padding-top: 800px;

	font-weight: normal;

}

h1{

	font-size: 45px;

	font-family: 'Damion', cursive;

	color: #529ce3;

	font-weight: normal;

}

h2{

	font-family: 'Damion', cursive;

	color: #fff;

	font-size: 69px;

	margin: 0;

	text-align: center;

	font-weight: normal;

}

h3,h3 a{

	font-family: 'Damion', cursive;

	font-size: 50px;

	color: #f38142;

	text-align: center;

	margin-bottom: 60px;

	padding-top: 60px;

	font-weight: normal;

	margin-top: 0;

}

h3 a:hover{

	color: #c76a3d;

}

h3.blue{

	color: #529ce3;

}

h4.titleblock{

	position: absolute;

	background: url('images/fond1.jpg');

	color: #fff;

	padding: 15px 35px;

	text-transform: uppercase;

	border-radius: 12px;

	top: -35px;

	margin-top: 0;

	font-size: 16px;

	-ms-transform: rotate(340deg); 

    -webkit-transform: rotate(340deg);

    transform: rotate(357deg);

}

h4.titleblock.blue{

	background: url('images/fond6.jpg');

}

h5{

	font-size: 18px;

	margin-top: 15px;

	margin-bottom: 0;

	text-align: center;

	text-transform: uppercase;

	color: #e97b3c;

}

.resume ul{

	padding-left: 0;

}

p,li{

	color: #777777;

	font-size: 14px;

}

.bouton{

	display: block;

	margin: 30px auto;

	width: 310px;

	background-color: #f38142;

	color: #fff;

	text-decoration: none;

	padding: 20px 15px;

	text-transform: uppercase;

	text-align: center;

	font-weight: bold;

	font-size: 14px;

	border-radius: 50px;

	border-bottom: 2px solid #c76f3f;

}

.bouton.larger{

	width: 370px;

}

.bouton i{

	margin-right: 7px;

}

.bouton:hover{color: #FFD650;}

.bouton.blue{

	background-color: #4c9ae5;

	border-bottom: 2px solid #3974ac;

	margin-bottom: 80px;

}

.home .bouton.blue{margin-bottom: 0;font-size: 16px;}

/* HEADER */

header{

	background: url('images/fond1.jpg');

	z-index: 3;

	position: relative;

}

.box-header{

	display: inline-block;

	margin-right: 49px;

	vertical-align: middle;

}

.box-header a{

	color: #fff;

}

.resanav{

	display: none;

}

.last{

	margin-right: 0;

}

#meteo{

	font-size: 15px;

	font-weight: 500;

	margin-left: 5px;

}

header p{

	display: inline-block;

	vertical-align: middle;

	margin-right: 20px;

	color: #fff;

	line-height: 25.8px;

	margin-left: 17px;

}

header .orange{color: #fab596;text-transform: uppercase;}

header hr,nav hr{

	width: 113px;

	height: 0;

	display: inline-block;

	vertical-align: middle;

	border: 1px solid #fab596;

	noshade: "noshade"

}

.icones{

	display: inline-block;

	overflow: hidden;

	vertical-align: middle;

	color: #f27f48;

	background-color: #fab596;

 	border-radius: 30px;

 	width: 27px;

 	height: 27px;

 	text-align: center;

 	margin-right: 8px;

 	text-transform: uppercase;

}

.icones.current{background-color: #FFD650;}

.icones:hover{background-color: #FFD650;}

.icones:hover i{color: #fff;}

.last .icones:hover p{color: #fff;}

.icones i{

	line-height: 27px;

	font-size: 16px;

}

.last .icones span{

	margin: 0;

	font-weight: 500;

	color: #f27f48;

	line-height: 27px;

	font-size: 14px;

}

/* MENU */

nav{

	background: url('images/fond2.png') no-repeat center;

	height: 213px;

	padding: 20px 0;

	z-index: 2;

	position: relative;

}

nav ul{

	display: inline-block;

	padding: 0;

	vertical-align: middle;

	margin-left: 80px;

}

html[lang="nl-NL"] nav ul{

	margin-left: 18px;

}

nav li{

	display: inline;

	margin-right: 29px;

	text-transform: uppercase;

	font-weight: 500;

}

nav li.first{

	margin: 0 29px 0 15px;

}

nav li a{

	color: #ef7f40;

	text-decoration: none;

	font-size: 14px;

} 

nav li a:hover{

	color:#4F94D5

}

nav .current-menu-item a{

	color: #4F94D5;

}

nav img{

	display: inline-block;

	vertical-align: middle;

}

/* BANNER */	

#banner{

	background-image: url('images/fond3.jpg');

	-webkit-background-size: cover;

	-moz-background-size: cover;

	-o-background-size: cover;

	background-size: cover;

	background-position: center bottom;

	margin-top: -250px;

	height: 1050px;

	z-index: 1;

	position: relative;

}

/* SECTION */

.grey{

	background: url('images/fond4.jpg');

	padding: 0px 0 100px 0;

}

/*grey .content{font-size: 0;}*/

.colleft,.colright{

	width: 660px;

	display: inline-block;

	margin-bottom: 0;

	vertical-align: top;

}

.colright{

	width: 535px;

}

#presentation{

	width: 100%;

	display: block;

	background-color: #fff;

	padding: 30px;

	display: block;

	vertical-align: top;

	-webkit-border-radius: 15px;

	border-radius: 15px;

	margin-right: 12px;

	font-size: 18px;

	line-height: 28px;

	color: #777777;

	margin-bottom:60px;

	overflow: hidden;

}

.whitebox.resume{

	margin-bottom:30px;

}

.whitebox{

	background-color: #fff;

	padding: 30px;

	-webkit-border-radius: 15px;

	border-radius: 15px;

}

.yellow{

	background: url('images/fond5.jpg');

	position: relative;

}

#chiffres{

	width: 100%;

	margin: 0 auto;

	padding: 10px 0;

}

#chiffres p{

	display: inline-block;

	vertical-align: top;

	text-align: center;

	margin-top: 30px;

	margin-right: 61px;

	text-transform: uppercase;

	color: #e87c3e;

	width: 115px;

	height: 90px;

	font-size: 14px;

}

#chiffres .last{

	margin-right: 0;

}

#chiffres span{

	font-weight: bold;

	display: block;

	font-size: 30px;

	text-transform: none;

}

#map{

	width: 100%;

	height: 450px;

}

/* GMAP */

.acf-map {

	width: 100%;

	height: 500px;

	border: #ccc solid 1px;

	margin: 0;

}

.acf-map img {

   max-width: inherit !important;

}

a.gmap{
	display: block;
	width: 100%;
	height: 500px;
	border: #ccc solid 1px;
	overflow: hidden;
	background: url(images/gmap.jpg) no-repeat center;
	-webkit-background-size: cover;
	background-size: cover;

}

/* SLIDER */

.content.slider{

	position: relative;

	height: 590px;

	margin-bottom:100px;

}

#owl-demo{

	margin-top: -20px;

	position: absolute;

}

.btn{

	position: absolute;

	background-color: #f38142;

	color: #fff;

	width: 30px;

	height: 30px; 

	border-radius: 50%;

	top: 0;

	bottom: 0;

	margin: auto;

	cursor: pointer;

}

.btn i{

	line-height: 30px;

	margin-left: 10px;

}

.btn.prev{

	left: -80px;

	-webkit-transition: left 0.3s; 

    transition: left 1s;

}

.btn.next{

	right: -80px;

	-webkit-transition: right 0.3s; 

    transition: right 0.3s;

}

.btn.next i{

	margin-left: 12px;

}

.btn.prev:hover{left:-85px;}

.btn.next:hover{right:-85px;}

.item{

	width: 380px;

	height: 430px;

	display: inline-block;

	border-radius: 14px;

	background-color: #fff;

	font-size: 14px;

	border-bottom: 4px solid #dfdcd7;

}

.item.last{

	margin-right: 0;

}

.item{

	display: block;

	text-align: center;

}

.item img{

	/*width: 380px;*/

	margin-top: 15px;

}

.box1-text{

	padding: 9px 25px;

	text-align: center;

	position: relative;

}

.box1-text p{

	text-align: justify;

	margin-bottom: 40px;

}

a.btn-act{

	padding: 10px 40px;

	background-color: #e97b3c;

	color: #fff;

	border-bottom: 2px solid #c76f3f;

	border-radius: 14px;

	text-decoration: none;

	position: absolute;

	left: 0;

	right: 0;

	margin: auto;

	bottom:30px;

	width: 80%;

}

.view-article{

	display: none;

}

.box1-text a:hover{color: #FFD845;}

a.fancybox{

	display: block;

	float: left;

	margin-left: 38px;

	margin-bottom: 40px;

}

a.fancybox.first{

	margin-left: 0;

}

.rond{

	-webkit-border-radius:50%;

	border-radius:50%;

	width: 165px;

}

.img-circle{

	-webkit-border-radius:50%;

	border-radius:50%;

}

.list-galeries{

	overflow: hidden;

	margin: 0 -15px;

}

.galitem img{

	-webkit-border-radius:50%;

	border-radius:50%;
	aspect-ratio: 1!important;

}

.galitem{

	position: relative;

	width:25%;

	display: block;

	margin-bottom:80px;

	float: left;

	padding : 0 15px;

}

.galitem .title{

	position: absolute;

	bottom: -40px;

	left: 0;

	font-size: 14px;

	font-weight: 700;

	right: 0;

	margin: 0 auto;

	text-align: center;

	width: 80%;

	text-transform: uppercase;

/*	color: #529ce3;*/

	display: block;

	background-color: #4f93d0;

	color: #fff;

	padding: 5px;

	-webkit-border-radius:3px;

	border-radius:3px;

}

/* FACEBOOK */

.fbarticle{

	padding: 20px;

}

.content-1-2{

	width: 50%;

	/*height: 660px;*/

	vertical-align: top;

	font-size: 16px;

}

.content-1-2 h2{

	text-align: left;

	color: #ef7f40;

	clear: both;

	font-size: 40px;

	margin-bottom:25px;

}

a.fancybox.smallpic{

	width: 90px;

	height: 90px;

	margin-left: 15px;

	margin-bottom: 15px;

}

a.fancybox.smallpic.first{

	margin-left: 0;

}

.content-1-2 ul li,.resume li{

	font-size: 14px;

	margin-bottom:10px;

	list-style: none;

}

.resume li{

position: relative;

padding-left: 15px;

}

.content-1-2 ul li:before,.resume li:before{

	content :'\f105';

	font-family: 'FontAwesome',sans-serif;

	font-size: 16px;

	color: #ef7f40;margin-right: 10px;

	display: inline-block;

}

.resume li:before{

position: absolute;

left: 0;

top: 0;

}

.content-1-2.blue{

	background: url('images/fond6.jpg');

	position: relative;

}

#container {

    position: relative;

    margin-left: 35%;

    height: 100%; /* Or whatever you want (eg. 400px) */

}

#container .social-feed-container{

	height: 600px;

	background-color: #fff;

	border-radius: 15px;

	-webkit-border-radius: 15px;

	width: 460px;

	overflow: hidden;

}

.content-1-2.blue{

	padding-top: 50px;

	height: 660px;

	float: left;

}

.content-1-2.blue .blue{

	margin-left: 35%;

}

.content-1-2.orange{

	background: #F17F49 url('images/fond7.jpg') center no-repeat;

	float: right;

}

.content-1-2.orange.resumeblock{

	float: none;

	width: 100%;

	padding: 25px 0;

}

.content-1-2.orange.resumeblock a.fancybox

{

	-webkit-transition: opacity 0.4s; /* Safari 3.1 to 6.0 */

    transition: opacity 0.4s;

    opacity: 1;

	float: none;margin: 0;

}

.content-1-2.orange.resumeblock a.fancybox:hover{

	opacity: 0.7;

}

.content-1-2.orange .text{

	text-align: center;

	width: 45%;

	margin-top: 0px;

	float: left;

}

.content-1-2.orange .text.right{

float: right;margin-top: 50px;}

.content-1-2.orange p{

	color: #fff;

	font-size: 29px;

	text-transform: uppercase;

	font-weight: bold;

	margin-top: 0;

}
.btn-group{
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
#lieux{

	text-transform: none;

	margin-top: 60px;

	font-size: 23px;

}

.bouton.white{

	background-color: #fff;

	color: #f38142;

}

.bouton.white:hover{

	color: #FFD845;

}

.bouton.blue2{

	background-color: #4c9ae5; 

	border-bottom: 2px solid #3b73ac;

}

/* TRANSPORTS */

.transports{

	background-color: #fff;

	width: 400px;

	color: #b3b1ad;

	text-decoration: none;

	display: block;

	width: 780px;

	margin: 10px auto;

	padding: 15px 25px;

	border-radius: 20px;

	margin-top: 30px;

	cursor: pointer;

	position: relative;

}

.page-template-template-acceder .transports{

	width:100%;

}

.transports p{

	font-size: 19px;

	width: 715px;

	display: inline-block;

	margin: 0;

}

.transports div{

	width: 15px;

	display: inline-block;

}

.transports div.plus{

	position: absolute;

	right: 15px;

	top: 13px;

}

.transports div p{

	width: 30px;

	

}

.transports i{

	margin-right: 15px;

}

.transports .accordion{

	width: 700px;

	margin: 0 auto;

}

.transports .accordion p{

	margin: 20px 0 10px 0;

	width: 720px;

	font-size: 14px;

}

/* SECTION - Gallerie */

.grey.page{

	padding: 20px 0 10px 0;

	margin-top: -70px;

}

/* SECTION - Que faire? */

.grey.page .activities{

	background-color: #fff;

	padding: 15px 15px 35px 15px;

	margin-bottom: 10px;

	position: relative;

}

.activities .activities-text{

	float: right;

	width: 765px;

	position: relative;

	padding-bottom: 37px;

	

}

.activities .activities-text h5{

	text-align: left;

}

.activities .btn-act{

	padding: 8px 30px;

	background-color: #e97b3c;

	color: #fff;

	border-bottom: 2px solid #c76f3f;

	border-radius: 16px;

	text-decoration: none;

	font-size: 13px;

	position: absolute;

	bottom: 0px;

	right: inherit;

	width: auto;

	left: 0;

}

.categorytitle{

	text-align: left;

	color: #fff;

	background-color: #4F93D0;

	text-transform: uppercase;

	font-family: "Rubik",sans-serif;

	font-size: 22px;

	margin: 50px 0 10px 0;

	padding: 10px 0 10px 20px;

	font-weight: normal;

}

/* SECTION CONTACT */

/*FORM*/

.wpcf7

{

	position: relative;

}

.wpcf7-form p

{

	margin-bottom:20px;

}

.wpcf7-form-control

{

	width: 100%;

	color: #3d4346;

	font-size: 14px;

	/*padding: 5px;*/

	margin-top: 5px;

}

input.wpcf7-submit

{

	background-color: #94a555;

	color: #fff;

	text-transform: uppercase;

	font-size: 16px;

}

.wpcf7-textarea

{

	height: 130px;

}

.wpcf7-form-control-wrap

{

	position: relative;

}

span.wpcf7-not-valid-tip

{

	position: absolute;

	left: 0;

	bottom: -24px;

	font-size: 12px;

}

div.wpcf7-response-output

{

	bottom:-20px;

	position: absolute;

	left: 0;

	font-size: 12px;

	margin:0;

	border: 0;

	width: 75%;

	padding:10px;

}

div.wpcf7-response-output.wpcf7-validation-errors

{

	background-color: #ff9f9f;

	color: #ff1616;

}

div.wpcf7-response-output.wpcf7-mail-sent-ok

{

	background-color: #99d096;

	color: #138a10;

}

/**/

section.grey.contact-page{

	padding-bottom: 0;

}

.contact-page .content{

	/*height: 650px;*/

	margin-bottom: 60px;

}

.contact-page .content-1-2{

	width: 50%;

	float: left;

	padding-bottom: 50px;

}

.contact-page .content-1-2 input,textarea{

	width: 100%;

	padding: 8px;

	border-radius: 5px;

	border: none;

}

.content-1-2.last{

	margin-right: 0;

	float: right!important;

	width: 40%;

}

.contact-page .content-1-2 .wpcf7-submit{

	margin-left: 30px;

	color: #fff;

	font-size: 16px;

	background-color: #e97b3c;

	text-transform: uppercase;

	font-weight: normal;

	padding: 10px 10px 10px 10px;

	width: 130px;

	text-decoration: none;

	border: none;

	border-bottom: 3px solid #c76f3f;

	float: right;

}

.contact-page .content-1-2 .wpcf7-submit:hover{

	color: #bfbfbf;

}

.contact-page .coord{

	background: #fff;

	padding: 0 40px 45px;

	margin-top: 122px;

	margin-right: 50px;

	-webkit-border-radius : 15px;

	border-radius: 15px;

	margin-right: 15px;

	width: 100%;

}

.contact-page .coord h2{

	color: #fff;

	font-size: 19px;

	font-family: 'Rubik', sans-serif;

	margin: 0px 0 10px -40px;

	text-align: left;

	background-color: #529CE3;

	padding: 10px 10px 10px 30px;

	width: 250px;

	-webkit-border-top-left-radius: 15px;

	border-top-left-radius: 15px;

	font-weight: 700;

	text-transform: uppercase;

}

.contact-page .coord h3{

	font-size: 40px;

	margin-bottom:0;

}

.contact-page .coord h4{

	font-size: 15px;

	text-align: center;

	margin-bottom:0;

	font-family: 'Rubik',Helvetica,sans-serif;

	margin-top: 0;

	text-transform: uppercase;

	font-weight: 500;

	color: #529CE3;

}

.contact-page .coord ul{

	list-style-type: none;

	padding: 0;

}

/* FOOTER */

footer{

	background-image: url('images/logo2.png');

	background-repeat: no-repeat;

	background-position: center bottom;

	background-color: #ffd845;

	font-size: 16px;

	padding-top: 40px;

	height: 420px;

}

footer .content{

	width: 600px;

}

footer h3{

	margin: 0;

	

}

footer ul{

	list-style-type: none;

	padding: 0;

	width: 215px;

	display: inline-block;

	margin-right: 100px;

	margin-top: 10px;

}

footer ul li{

	margin-bottom: 10px;

}

footer ul li a{

	color: #f38142;

	text-transform: uppercase;

	text-decoration: none;

	font-weight: 500;

	font-size: 15px;

}

footer ul li a:hover{

	text-decoration: underline;

}

.box-btn{

	width: 200px;

	display: inline-block;

	vertical-align: bottom;

}

footer .bouton{

	display: block;

	vertical-align: top;

}

/*------------------------------------*\

    MISC

\*------------------------------------*/

::selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-webkit-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

::-moz-selection {

	background:#04A4CC;

	color:#FFF;

	text-shadow:none;

}

/*------------------------------------*\

    WORDPRESS CORE

\*------------------------------------*/

.alignnone {

	margin:5px 20px 20px 0;

}

.aligncenter,

div.aligncenter {

	display:block;

	margin:5px auto 5px auto;

}

.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

.troisphotos{

margin-top: -20px;}

.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.alignright {

	float:right;

	margin:5px 0 20px 20px;

}

a img.alignnone {

	margin:5px 20px 20px 0;

}

a img.alignleft {

	float:left;

	margin:5px 20px 20px 0;

}

a img.aligncenter {

	display:block;

	margin-left:auto;

	margin-right:auto;

}

.wp-caption {

	background:#FFF;

	border:1px solid #F0F0F0;

	max-width:96%;

	padding:5px 3px 10px;

	text-align:center;

}

.wp-caption.alignnone {

	margin:5px 20px 20px 0;

}

.wp-caption.alignleft {

	margin:5px 20px 20px 0;

}

.wp-caption.alignright {

	margin:5px 0 20px 20px;

}

.wp-caption img {

	border:0 none;

	height:auto;

	margin:0;

	max-width:98.5%;

	padding:0;

	width:auto;

}

.wp-caption .wp-caption-text,

.gallery-caption {

	font-size:11px;

	line-height:17px;

	margin:0;

	padding:0 4px 5px;

}

.sticky {

}

.bypostauthor {

}

#menu-toggle{

	display: none;

	font-size: 19px;

	position: absolute;

	right: 0;

	top: 38px;

	text-transform: uppercase;

	padding: 5px 25px;

	background-color: #f38142;

    border-bottom: 2px solid #c76f3f;

    color: #fff;

    -webkit-border-radius:25px;

    border-radius:25px;

    font-weight: 700;

}

#menu-toggle i{

	font-size: 23px;

	vertical-align: -1px;

	margin-right: 10px;

}

#menu-toggle.open{

	background-color: #ce6d38;

	border-top: 2px solid #d87844;

	border-bottom: 0;

	color: #e99365;

}

.visible-xs{

	display: none;

}

/*------------------------------------*\

    RESPONSIVE

\*------------------------------------*/

@media only screen and (max-width : 1200px) {

	.content{

		width: 970px;

	}

	header p{

		margin: 15px 20px;

	}

	nav ul{

		margin-left: 0;

	}

	nav li,nav li.first{

		margin-right: 13px;

	}

	nav li a{

		font-size: 14px;

	}

	.box-header{

		margin-right: 10px;

	}

	.box-header.last{

		margin-right: 0

	}

	.icones{

		height: 24px;

		width: 24px;

		font-size: 12px;

		line-height: 25px;

		margin-right: 3px;

	}

	.last .icones span{

		font-size: 12px;

		line-height: 25px;

	}

	.icones i{

		font-size: 14px;

	}

	#meteo{

		margin-right: 0;

	}

	#presentation{

		margin-right: 0;

	}

	.colleft,.colright{

		display: block;

	}

	.colleft,.content-1-2{

		width: 50%;

		float: left;

	}

	.colright,.content-1-2.last{

		width: 47%;

		float: right;

	}

	.troisphotos{

		margin : 0;

	}

	a.fancybox.galitems{

		margin-left: 10px;

		width: 153px;

	}

	a.fancybox.galitems img{

		height: auto;

	}

	a.fancybox.galitems.first{

		margin-left: 0;

	}

	#chiffres p{

		margin-right: 21px;

	}

	.acf-map{

		height: 350px;

	}

	#owl-demo{

		margin: 0 auto;

		width: 90%;

		position: relative;

	}

	.item{

		margin: 0 auto;

		width: 96%;

		height: 410px;

	}

	.btn.prev{

		left: 0;

	}

	.btn.next{

		right: 0;

	}

	.btn.prev:hover{left:5px;}

	.btn.next:hover{right:5px;}

	.whitebox a.fancybox{

		margin-left: 0;

		max-width: 100%;

	}

	.activities .activities-text{

		width: 545px;

	}

	#banner{

		height: 750px;

	}

	h1#banner-title{

		padding-top:510px;

	}

	.bouton.larger{

		width: 80%;

	}

	html[lang="nl-NL"] nav ul{

		margin-left: 0;

	}

	html[lang="nl-NL"] nav ul li a{

		font-size: 13px;

	}

}

@media only screen and (max-width : 979px) {

	.content{

		width: 750px;

		position: relative;

	}

	footer .content{

		width: 93%;

	}

	header hr{

		width: 70px;

	}

	header p{

		margin:15px 11px;

	}

	#menu-toggle{

		display: block;

	}

	.main-nav{

		display: none;

	}

	.main-nav.open{

		display: block;

	}

	nav .main-nav{

		position: absolute;

		left: 0;

		width: 100%;

		top: 115px;

		padding: 20px;

		background : url('images/fond1.jpg');

		-webkit-border-radius:5px 5px 25px 25px;

	}

	nav .main-nav li{

		display: block;

	}

	nav .main-nav li.first{

		margin-left: 0;

	}

	nav .main-nav li a{

		color: #fff;

		padding: 8px 15px;

		font-size: 18px;

		display: block;

		border-bottom: 1px solid #d16f39;

	}

	nav .main-nav li:last-child a{

		border-bottom: 0

	}

	h1#banner-title{

		font-size: 60px;

	}

	.box-header.resanav{

		display: inline-block;

		float: none;

		width: 50%;

		text-align: center;

		padding: 10px 0;

		border-bottom: 1px solid #d9b644;

		border-top: 1px solid #d9b644;

		margin-left: 63px;

	}

	.box-header.resanav p{

		margin: 0;

		font-size: 14px;

		color: #d9b644;

	}

	.box-header.resanav p a{

		color: #ae9237;

	}

	.box-header.resanav p.orange{

		font-family: 'Damion',cursive;

		font-size: 30px;

		color: #f38142		;

	}

	.resatop{

		display: none;

	}

	.box-header{

		margin-right: 0;float: left;margin-top: 8px; margin-bottom: 8px;

	}

	.box-header.last{

		margin-right: 0;float: right;margin-top: 8px; margin-bottom: 8px;

	}

	div#header{

		overflow: hidden;

	}
	div#header .content-1-2{

		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 100%;

	}
	.content-1-2.orange p{

		font-size: 24px;

	}

	#lieux{

		font-size: 20px;

	}

	.content-1-2.orange .text{

		width:55%;

	}

	.content-1-2.orange .text.right{

		width:45%;

	}

	#presentation{

		line-height: 1.2em;

	}

	.colleft, .content-1-2{

		width: 57%;

	}

	.colright, .content-1-2.last{

		width: 41%;

	}

	.content-1-2.last{

		width: 47%;

	}

	.troisphotos{

		margin-top: 30px;

	}

	a.fancybox.galitems{

		width: 116px;

	}

	#chiffres{

		text-align: center;

	}

	#chiffres p,#chiffres p.first,#chiffres p.last{

		margin: 30px 20px 20px;

	}

	.transports{

		width: 93%;

	}

	.bouton{

		width: 70%;

	}

	.box-btn{

		float: right;

		display: block;

	}

	.footer .bouton{

		width: 100%;

	}

	.whitebox a.fancybox{

		margin-bottom:15px;}

	.activities img{

		width: 30%;

	}

	.activities .activities-text{

		width: 66%;

	}

	.transports .accordion{

		width: 100%;}

	.transports p{

		width: 99%;

	}

	.transports .accordion p{

		width: 85%;

	}

}

@media only screen and (max-width : 767px) {

	.icones{

		width: 22px;

		height: 22px;

	}

	.visible-xs{

		display: block;}

	.bouton.larger{

		width: 100%;}

	nav .content,.yellow .content{

		overflow: visible;

	}

	.content{

		width: auto;

		padding: 0 15px;

		overflow: hidden;

	}

	h1{

		padding-top: 60px;

		margin-top: 0;

	}

	.galitem{

		width: 50%;

	}

	#header .content{

		overflow: hidden;

	}

	h3, h3 a{

		font-size: 43px;

		line-height: 1.1em;

		margin-bottom:25px;

	}

	.troisphotos{

		margin-top: 0;

		margin-bottom: 30px;

	}

	.box-header.resanav{

		display: none;

	}

	#menu-toggle{

		right: 15px;

	}

	a.logo{

		display: inline-block;

		width: 60px;

	}

	a.logo img{

		display: block;

		max-width: 100%;

		height: auto;

	}

	nav{

		height: 100px;

	}

	#menu-toggle{

		font-size: 15px;

		top: 9px;

	}

	#menu-toggle i{

		font-size: 20px;

	}

	nav .main-nav{

		top: 59px;

		-webkit-border-radius: 0 0 15px 15px;

		border-radius: 0 0 15px 15px;

	}

	nav .main-nav li a{

		font-size: 15px;

	}

	.content-1-2.orange .text.right,.content-1-2.orange .text{

		width: 100%;

	}

	#banner{

		height: 590px;

	}

	h1#banner-title{

		font-size: 58px;

    	line-height: 0.9em;

    	padding-top: 340px;

	}

	.colleft,.colright

	{

		width: 100%;

		float: none;

	}

	a.fancybox.galitems,a.fancybox.galitems.first{

		width: 45%;

		margin-left: 10%;

	}

	a.fancybox.galitems.firstmobile{

		margin-left: 0;

	}

	#chiffres p, #chiffres p.first, #chiffres p.last{

		margin-bottom:10px;

	}

	.item{padding: 15px;}

	.transports p{font-size: 14px;}

	footer{

		height: auto;

		overflow: hidden;

		text-align: center;

	}

	footer ul{

		margin: 25px 0;

	}

	footer h3,footer h3 a{

		padding-top: 0;

	}

	.box-btn{

		float: none;

		width: 93%;

		margin: 0 auto;

	}

	.content.slider{

		margin-bottom:25px;

	}

	.contact-page .content-1-2{

		width: 100%;

	}

	.contact-page .coord{margin-top: 25px;}

	.activities img,.activities .activities-text{

		width: 100%;

	}

	.grey.acces{

		padding:0px 0 55px 0;

	}

}

@media only screen and (max-width : 480px) {

	

}

@media only screen and (max-width : 320px) {

	.content-1-2.orange p{

		font-size: 17px;

	}

	#lieux{

		font-size: 14px;

		margin-top: 25px;

	}

	h1{

		width: 100%;

		text-align: center;

		line-height: 1.1em;

		font-size: 37px;

	}

	h3, h3 a{

		font-size: 30px;

	}

	.contact-page .coord h2{font-size: 17px;}

	h1#banner-title{padding-top: 420px;font-size: 37px;}

	.bouton{width: 90%;padding: 15px}

	.box-header{

		float: none;

		margin: 0px auto;

		width: 155px;

		display: block;

	}

	.box-header.resatop{

		display: none;

	}

	.box-header.last{

		float: none;

		width: 155px;

		display: block;

		margin: 0px auto 15px; 

	}

	#chiffres p{

		margin-top: 10px;

		margin-bottom:10px;

		height: auto;

	}

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),

	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\

    PRINT

\*------------------------------------*/

@media print {

	* {

		background:transparent !important;

		color:#000 !important;

		box-shadow:none !important;

		text-shadow:none !important;

	}

	a,

	a:visited {

		text-decoration:underline;

	}

	a[href]:after {

		content:" (" attr(href) ")";

	}

	abbr[title]:after {

		content:" (" attr(title) ")";

	}

	.ir a:after,

	a[href^="javascript:"]:after,

	a[href^="#"]:after {

		content:"";

	}

	pre,blockquote {

		border:1px solid #999;

		page-break-inside:avoid;

	}

	thead {

		display:table-header-group;

	}

	tr,img {

		page-break-inside:avoid;

	}

	img {

		max-width:100% !important;

	}

	@page {

		margin:0.5cm;

	}

	p,

	h2,

	h3 {

		orphans:3;

		widows:3;

	}

	h2,

	h3 {

		page-break-after:avoid;

	}

}