@font-face {
    font-family: 'handleeregular';
    src: url('../font/handlee-regular.eot');
    src: url('../font/handlee-regular.eot?#iefix') format('embedded-opentype'),
         url('../font/handlee-regular.woff2') format('woff2'),
         url('../font/handlee-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

* {
	box-sizing: border-box;
	margin:0;
	padding:0;}

html, body{
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 15px;
	color:#333;
	text-align:justify;}

body a{
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;}

.flex-container {
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
	justify-content: space-between;
	width:95%;
	margin:0 auto;
	max-width:1140px;}

.container {
	display:block;
	margin:0 auto;
	width:95%;
	max-width:1140px;}

.galerie {
	display:flex;
	flex-direction:row;
	flex-wrap: wrap;
	justify-content: space-between;
	width:95%;
	margin:0 auto;
	max-width:1140px;}

h1, h2, h3, h4, h5, h6{
	text-align:center;}

h2 {
	margin:1em 0;
	font-size:1.85em;
	color:#397367;
	font-family:'handleeregular';}

h3 {
	font-size:1.4em;
	color:#42858C;
	margin-bottom:1em;}

ul{
	margin:0;
	padding:0;
	list-style-position: inside;
	list-style-type: disc;}
	
p {
	padding-top:0.5em;
	padding-bottom:0.5em;
	color:#35393C;}

a {
	color:#01351e;}

a:hover, a:focus {
	text-decoration: none;
	color:#88c07d;}
	
section {
	margin-top: 1em;
	padding:1em 0 2em 0;}
	
span {
	font-weight: bold;
	color: #006;}

hr {
	margin: 5% auto 0 auto;}

span {
	font-size:1.2em;
	font-weight: 200;
	color:#42858C;
	margin:1em auto;
	text-align:center;}

/* ////// <HEADER> ////// */
header {
	background-image: url(../images/keyur-nandaniya-3HDao9OoFuw-unsplash.jpg);
	background-attachment: scroll;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	display:flex;
    flex-direction:column;
    justify-content: space-between;}

header .flex-container {
	display:flex;
    flex-direction:row;
	flex-wrap: nowrap;
    justify-content: space-between;
    align-items:center;
	width:100%;
	margin-top:1em;}

#logo {
	display:flex;
	padding-top:10px;
	width:20%;}

#logo img{
	width:100%;
	height:auto;
	object-fit: cover;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	-ms-border-radius:5px;
	-o-border-radius:5px;
	overflow: hidden;}

	/* MENU */
nav {
	width:80%;
	display:flex;}
nav ul {
	width:100%;
	display:flex;
	justify-content:flex-end;}
nav li {
	display:flex;
	list-style-type: none;
	font-size:1.5em;
	margin: 0 2%;}
nav li a {
	display:flex;
	margin:0;
	padding: 10px 20px;
	color:#FFF;
	text-decoration: none;
	background-color: rgba(93,163,153,0.2);}
nav li:last-child {
	margin:0 0 0 2%;}
nav a:hover, nav a.active {
	color:#63CCCA;
	border-top:1px;
	border-bottom:1px solid #63CCCA;}
/* FIN MENU */

	/* TITRE */
.intro-lead-in {
    font-size: 6em;
	font-family:'handleeregular';
    margin: 2em auto 3em auto;
	color:#B2F5EF;}
/* ////// FIN </HEADER> ////// */

/* /////// <FOOTER> ////// */
footer {
    margin: 10% auto 0 auto;
	padding: 10px;
    background:rgba(99,204,202,0.2);}

footer h2 {
	text-align:left;
	margin-left:1%;}

footer p {
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 1.2px;}

footer hr {
	margin:10px;}
	
.contact {
	width:35%;}

.contact p {
	text-transform: none;
	letter-spacing: 1px;
	text-align:left;}

.partenaires {
	width:63%}

.logos {
	display :flex;
	flex-direction: row;
	justify-content: space-evenly;
	flex-wrap: wrap;}

.logos img {
	margin:2% auto;
    object-fit: cover;
    max-width:220px;
    height:auto;
	border-radius:5px;
	overflow: hidden;}

.copyright{
	text-align:center;}
	
/* ////// fin </FOOTER> ////// */



/* ////// INDEX ////// */
.actu {
	display:flex;
	flex-direction:row;
	flex-wrap: nowrap;
    justify-content: space-between;
	margin: 2% auto;}

.news {
	width:46%;
	/*width:30%;*/
	margin:auto;
	padding:0.8em;
	border:1px solid rgba(99,204,202,0.5);
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
}


.news h4 {
	margin:0.5em 0;}

.news img {
	margin: 1% auto;
	width:90%;
	display:block;}
/* ////// fin INDEX ////// */


/* ////// Ateliers, FDN & Qui sommes-nous ////// */
.histoire_item, .projet_item {
	margin: 5% auto;
	align-items: center;}

.histoire_item img, .projet_item img{
	object-fit: cover;
	max-width:400px;
	height:auto;
	margin:0 2%}

.histoire_item p {
	margin: 0.5em;}

.histoire img {
	display:block;
	margin: 2em auto;}

.fdn {
	display:flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: space-between;
	justify-items: center;
	width:100%;}
.fdn_item {
	width:60%;
	display:flex;
	flex-direction: column;}
.fdn_item h3 {
	margin-top:1em;}
.fdn_img {
	width:38%;
	display:flex;
	flex-direction: column;}
.fdn_img img {
	margin: 2% auto;
	width:100%;
	height:auto;}
.fdn_text {
	width:48%;
	margin:3% auto;}
.galerie img{
	object-fit: cover;
	max-width:250px;
	height:auto;
	margin:1% auto}
.btn {
	border: solid 1px #397367;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	padding:20px 0 25px 0;
	display:block;
	width:60%;
	margin: 5% auto;}
.btn:hover {
	color:#FFF;
	background:#397367;}
.btn-menu {
	text-align:center;
	width:20%;}



/* ////// fin ateliers, fete de la nature & qui-sommes-nous ////// */


/* ////// Mentions légales ////// */
.mentions {
	margin:5% auto;
	align-items:stretch;}

.mentions_item {
	width:30%;
	margin:auto;
	border:rgb(81, 145, 135) 1px solid;
	border-radius:10px;
	-webkit-border-radius:10px;
	padding:5px;}

.mentions_item h4 {
	margin:4% auto;}

	


/* ////// RESPONSIVE ///////////*/
/* TABLET */
@media (max-width: 992px) {
	.container, .flex-container {
		width:98%;
		max-width: 960px;}
	header .flex-container {
		margin: 0 0;}
	#logo {
		margin-left:3%;
		width:40%;}
	#logo img{
		width:80%;
		height:auto;}
	nav li {
		font-size:1.3em;}
	footer .flex-container {
		flex-direction: column;}
	footer h2 {
		text-align:center;}
	.contact {
		width:100%;}
	.contact h2 {
		text-align:center;}
	.contact p {
		text-align:center;}
	.contact a {
		display:block;
		margin:1em auto;
		text-align:center;}
	.partenaires{
		width:100%;}
	.intro-lead-in {
		font-size: 1.5em;
		margin: 2em auto;}
	.actu, .rejoindre {
		width:98%;}
	.histoire_item img, .projet_item img {
		width:40%;}
	.histoire img {
		width:100%;
		height:auto;}
	.fdn {
		flex-direction: column;}
	.fdn_item {
		width:100%;}
	.fdn_img {
		width:90%;
		height:auto;
		margin:auto auto;}
	.mentions_item {
		width:70%;
		margin:5% auto;}
}
/* FIN TABLET */

/* MOBILE */
@media (max-width: 768px) {
	.container, .flex-container {
		width:98%;
		max-width: 540px;
		padding:1%;}
	.flex-container {
		flex-direction:column;}
	header .flex-container {
		width:100%;}
	#logo {
		margin-left:0px;
		width:15%;}
	#logo img {
		width:100%;
		height:auto;}
	nav li {
		font-size:1em;
		margin: 0 0.3em;}
	nav li a {
		padding:4px 5px;}
	.logos {
		width:100%;
		display:flex;
		flex-wrap: nowrap;
		justify-content: space-between;}
	.logos img {
		padding:0.2em;}
	.intro-lead-in {
		font-size: 1.8em;
		margin: 0.8em auto 2em auto;}
	.actu, .rejoindre {
		width:90%;
		flex-direction:column;
		justify-content:center;
		margin:auto auto;}
	.rejoindre {
		padding:0.8em;}
	.news {
		width:95%;
		margin:1em auto;}
	.histoire_item, .projet_item {
		flex-direction: column;}
	.histoire_item img, .projet_item img {
		width:100%;}
	.fdn_img {
		flex-direction: column;
		margin: 2% auto;
		width:95%;}
	.fdn_text {
		width:100%;}
	.mentions_item {
		width:90%;}
}
/* FIN MOBILE */