body
{
	background-color: #fff;
}

#branding
{
	height: 120px;
	background: #fff;
}

#branding .centrer
{
	overflow: visible;
	display: block;
}

.burger
{
	display: none;
}

#access div > ul 
{
	list-style: none;
	margin:0;
	  padding-top: 25px;
}

#access div > ul > li
{
	float: left;
	margin: 0 25px;
	padding: 40px 0;
}

#access
{
	float: right;
}

#access div > ul > li > a
{
	font-family: "aglet-sans";
	font-weight: 600;
	font-size: 14px;
	line-height: 16px;
	text-align: left;
	transition: .3s ease all;
	color: #265d39;
}

#access > div > ul > li > ul
{
	top: 70px;
	background: #fff;
	border-radius: 8px;
	z-index: 9;
	margin:0;
	list-style: none;
	padding: 20px;
	min-width: 140px;
	box-sizing: border-box;
	  padding-top: 0;
}

#access > div > ul > li > ul > li > a
{
	font-family: "aglet-sans";
	font-weight: normal;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #265d39;

	transition: .3s ease all;
}

#access > div > ul > li > ul > li > a::before
{
	content: "> ";
}

#access > div > ul > li > ul > li > a:hover,
#access > div > ul > li > a:hover
{
	color:#a6c63a;
	text-decoration: none;
}


#access div > ul > li.bouton
{
	padding: 7px 20px;
	background: #a6c63a;
  margin-top: 33px;
	transition: .3s ease all;

  text-transform: uppercase;
}

#access div > ul > li.bouton:hover
{
	background: #265D39;
	color:#FFFFFF;
	text-decoration: none;
}

#access div > ul > li.bouton:hover a
{
	color:#FFFFFF;
	text-decoration: none!important;

}

#access div > ul > li.actus
{
	background: url('images/actu.svg') no-repeat center top 15px;
}

#access div > ul > li.events
{
	background: url('images/event.svg') no-repeat center top 15px;
}

#access div > ul > li.menu-item-has-children
{
	background: url('images/drop.svg') no-repeat right center;
  padding-right: 15px;
}




.logo img
{
	width: 160px;
	padding-top: 15px;
}



#main
{
}


.logo
{
	float: left;
}


.section
{
	padding: 80px 0;
}

.bouton, .wpcf7-submit
{
	border-radius: 25px;
	background: #265d39;
	padding: 12px 20px;

	font-family: "aglet-sans", sans-serif;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	color: #fff;
	border: none;
	cursor: pointer;
	transition: .3s ease all;

	text-decoration: none!important;
}



.bouton.bouton-vert
{	
	color: #fff;
	background: #265d39;
}

.bouton.bouton-vert:hover, .wpcf7-submit:hover
{
	background: #90B16F;
}

.bouton.bouton-vert-clair
{
	background: #90B16F;
}

.bouton.bouton-vert-clair:hover
{
	background: #265D39;
}

.bouton.bouton-vert-petit
{
	font-size: 15px;
	line-height: 24px;
	padding: 8px 20px;
}

.bouton-lien
{
	background: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 15px;
	line-height: 24px;
	color: #265d39;
}

.bouton-lien:hover
{
	text-decoration: underline!important;
	background: none;
	color: #265d39;

}

.bouton-fil
{
	border: 1px solid #265d39;
	color:#265d39;
	padding: 11px 19px;
	background: rgba(255, 255, 255, 0);
}

.bouton-fil:hover
{
	background: #E0EDCD;
}



.bouton.bouton-fil-plein
{
	background: #a6c63a;
	border: 1px solid #265d39;
	color:#265d39;
	padding: 11px 19px;
}

.bouton.bouton-fil-plein:hover
{
	background: #D3DD9B;
}

 a + a .bouton
{
	margin: 0;
	margin-left: 20px;
}

.col-hero-home
{
	padding-bottom: 180px;
}

.pre-titre
{
	font-family: "aglet-sans", sans-serif;
	font-weight: 600;
	font-size: 28px;
	line-height: 24px;
	color: #265d39;
}

.image-texte img
{
	border-radius: 55px;
}

.video-carte iframe
{
	border-radius: 55px;
	width: 100%;
	height: 500px;
}

h5
{
	text-transform: uppercase;
}

.galerie-simple
{
	grid-gap: 20px;
}

.galerie-simple img
{
	border-radius: 55px;
}

.slick-slide img
{

	border-radius: 55px;

	
    margin: 0 auto;
}

.slick-slider
{
	overflow: hidden;
}

.slider .slick-arrow
{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	border:none;
	text-indent: -10000px;
	z-index: 9;
	width: 32px;
	height: 32px;
}

.slider .slick-arrow.slick-prev
{
	left: 20px;
	background: url('images/left-slider.svg') no-repeat center;
}

.slider .slick-arrow.slick-next
{
	right: 20px;
	background: url('images/right-slider.svg') no-repeat center;
}

.slider .slide 
{
	text-align: center;
}

.wpcf7-form
{

}

.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea
{
	font-family: "aglet-sans", sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 19px;
	text-align: left;
	color: #265d39;
	width: 100%;
	height: 41px;
	border-radius: 15px;
	background: #f1f2f0;
	box-sizing: border-box;
	margin-top: 11px;
	border:none;
	display: block;
	padding: 0 20px;
}

.wpcf7-form textarea
{
	height: 250px;
	padding: 20px;
	resize: none;
}

.wpcf7-form .wpcf7-spinner
{
	display: block;
  margin: 0 auto;
  margin-top: 20px;
}

.wpcf7-form label
{
	padding: 0 20px;
	font-weight: 600;
}

.wpcf7-form p
{
	padding: 0!important;
}

.liste-articles
{

}

.liste-articles .bloc-article
{
	border-radius: 55px;
	overflow: hidden;
	background: #F1F2F0;
}

.liste-articles .bloc-article .details
{
	padding: 20px;
	text-align: center;
}

.liste-articles .bloc-article .details h5
{
	color: #265d39;
}

.bloc-article .date
{
	font-family: "aglet-sans", sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #265d39;

}

.liste-frise .bloc-frise::before,
.liste-frise .bloc-frise::after
{
	background: #A6C63A;
}

.bloc-habitat
{
	background: #fff;
	border-radius: 55px;
	overflow: hidden;
}

.bloc-habitat .details
{
	padding: 20px;
	text-align: center;
}

.footer p,
.footer p a
{
	font-size: 12px;
	line-height: 20px;
}

.footer p strong
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
	text-align: center;
	color: #a6c63a;
}

.footer .bouton
{
	font-size: 15px;
	text-transform: uppercase;
	padding: 7px 15px;
}

.credits
{
	background: url('images/credits.jpg') no-repeat center;
	background-size: cover;
	padding-bottom: 20px;
	padding-top: 240px;
}

.credits p,
.credits a
{
	font-size: 12px;
	color:#F5F5F5;
}

@media (max-width: 1300px)
{
	#access div > ul > li
	{
		  margin: 0 15px;
	}

}

@media (max-width: 1000px)
{
	.burger
	{
		display: block;
		position: relative;
		width: 40px;
		height: 40px;
		float: right;
		margin-top: 50px;
		border:none;
		transition: .3s ease all;
		cursor: pointer;

		background: url('images/burger.svg') no-repeat center;
	}
/*
	.burger .trait-1
	{
		content: "";
		width: 25px;
		height: 3px;
		background: #A6C63A;
		position: absolute;
		transition: .3s ease all;
		top:0px;    
		left: 0;
	}	

	.burger .trait-2
	{
		content: "";
		width: 30px;
		height: 3px;
		background: #A6C63A;
		position: absolute;
		transition: .3s ease all;
		top:10px;    
		left: 0;
	}

	.burger .trait-3
	{
		content: "";
		width: 20px;
		height: 3px;
		background: #A6C63A;
		position: absolute;
		top:20px;    
		transition: .3s ease all;
		left: 0;
	}*/

	/*.burger:hover > span
	{
		width: 30px;
	}*/

	/*.burger.active .trait-1
	{
		width: 30px;
		transform: rotate(45deg);
		top:10px;
	}


	.burger.active .trait-2
	{
		opacity: 0;
	}

	.burger.active  .trait-3
	{
		width: 30px;
		top:10px;
		transform: rotate(-45deg);
	}*/

	.burger+div
	{
		display: none;
	}	

	.burger.active + div {
		display: block;
	}

	#access div > ul {
	  list-style: none;
	  margin: 0;
	  padding-top: 25px;
	  position: absolute;
	  z-index: 9;
	  background: #FFF;
	  top: 100px;
	  width: 200px;
	  right: 0;
	  padding: 20px;
	  border-radius: 0 0 0 20px;
	}

	#access div > ul > li {
	    margin: 0;
	    padding: 10px 0;
	    float: none;
	  }

	 #access > div > ul > li > ul
	 {
	 	display: block;
		  position: static;
		  padding-bottom: 0;
	 }

	 #access div > ul > li.menu-item-has-children,
	 #access div > ul > li.events,
	 #access div > ul > li.actus
	 {
	 	background: none;
	 }

	 .liste-articles .bloc-article
	  {
		  grid-column: span 6;	
	}

	.footer .col-4
	{
		  grid-column: span 12;
	}

	.footer .col-2
	{
		  grid-column: span 3;
	}


}

@media (max-width: 740px)
{
	.section
	{
	}
	
	.section .col-25,
	.section .col-33,
	.section .col-50,
	.section .col-66,
	.section .col-100,
	.section .col-1,
	.section .col-2,
	.section .col-3,
	.section .col-4,
	.section .col-5,
	.section .col-6,
	.section .col-7,
	.section .col-8,
	.section .col-9,
	.section .col-10,
	.section .col-11,
	.section .col-12
	{
  	grid-column: span 12;	 
	}




	input[type="text"], input[type="email"], textarea, select, input[type="number"]
	{
		max-width: 100%;
		width: 100%;
		box-sizing: border-box;
	}

	.grid-home, 
	.grid-home.grid-2,
	.grid-home.grid-1,
	.grid-home.grid-3,
	.grille-3,
	.grille-2,
	.grille-1
	{
		  grid-template-columns: repeat(1, 1fr);
	}

	.credits
	{
		text-align: center;
	}


	  a + a .bouton
	  {
	  	margin: 0;
	  	margin-top: 20px;
	  }


	  .centrer .centrer
	  {
	  	padding: 0;
	  }


}