@media (max-width: 1024px) {
	.conteneur_central, .header{
		width: 750px;
	}	
	img{
		max-width: 100%;
		height: auto;
	}
	.soutenez, .plaquette, .logo{
		width: 60%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.logo img{
		width: 80%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.membre, .img-plaket{
		width:40%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0;
	}
	 .coordonees{
		width:40%;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
	 }
	 .coordonees p{
		 font-size: 13px;
		 line-height: normal;
	 }
	.newsletter{
		width: 100%;
		left: 0;
		top:0;
	}
	.newsletter li{
		width: 80%;
		padding: 10px;
	}
	.newsletter li label{
		width: 36px;
	}
	.newsletter input.text{
		width: 80%;
	}
	.triangle{
		display: none;
	}

	.article{
		width:58%;
	}
	.article, .img-art2{
		box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	.savoirPlus{
		width: 100%;
	}
	.btn, #facebook{
		width: 33.3%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		display: inline-block;
		margin: 0;
	}
	.btn h4{
		font-size: 18px;
	}
	.nav{
		margin-top: 55px;
		width: 330px;
	}
	.plaquette, .img-plaket{
		height: 229px;
	}
	.plaquette h3{
		margin-top: 20px;;
	}
	.newsletter .submit{
		width: 100%;
	}
}

@media (max-width: 767px) {
	.conteneur_central, .header{
		width: 100%;
	}
	#header, .header{
		height: auto!important;
	}	
	#logo{
		width: 70%;
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		float: none;
		height: auto;
		padding-top: 20px;
		padding-bottom: 20px;
		margin: 0 auto;
	}
	.spip_logos{
		float: none;
		margin: 0;
	}
	.nav{
		width: 90%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		display: block;
		margin-top: 0px;
		float: none;
		clear: both;
		margin: auto;
		text-align: center;
	}
	.lang{
		width: auto;

	}
	.conteneur_central{
		background-color: #f9bb31
	}
	.soutenez{
		width: 60%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: auto;
	}
	 .plaquette{
		 width: 90%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: auto;
	 }
	.logo{
		width: 50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: auto;
	}
	.membre{
		width: 40%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: auto;
		padding: 35px 20px;
	}
	.top2 .membre, .top2 .soutenez{
		display: none;
	}
	
	.soutient{
		background-color: #162932;
	}
	.soutenez h1{
		font-size: 16px;
	}
	.soutenez p{
		font-size: 14px;
	}
	.img-plaket{
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		padding: 0;
	}
	.plaquette p{
		width: 50%;
	}
	 .coordonees{
		width:50%;
		box-sizing: border-box;
		-moz-box-sizing: border-box; 
		padding: 0;
		text-align: left;
		height: auto;
	 }
	 .coordonees p{
		 font-size: 14px;
		 padding: 10px;
		 margin-bottom: 0;
	 }
	 .encart{
		 width: 100%;
		 box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 min-height: inherit;
		 padding-bottom: 60px;
	 }
	 .encart a img{
		 width: 100%;
	 }
	 .middle-content{
		 padding-left: 0;
	 }
	 .article{
		width:100%;
		text-align: center;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		margin-left: 0
	}
	.article h2, .article p{
		text-align: center;
		margin-left: 0;
	}
	 .img-art2, .img-art, .img-art3{
		 width: 100%;
		 box-sizing: border-box;
		 -moz-box-sizing: border-box;
		 text-align: center;
		 height: auto;
	 }
	 .img-art2 img, .img-art img, .img-art3 img{
		 display: inline-block;
		 width: 30%;
		 
	 }
	 .btn h4{
		 font-size: 19px;
	 }
	 btn, #facebook, #charte, #contact{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		display: inline-block;
		margin: 0;
	}
	.middle-content{
		height: inherit;
	}
	.savoirPlus{
		text-align: center;
	}
	.savoirPlus a{
		margin-left: 0;
	}
	.logo{
		height: auto;
	}
	.spip_documents_left, .qui_img{
		float: none!important;
	}
	.qui_img{
		margin: auto;
	}
	.qui h2{
		text-align: center;
	}
	.equipes img{
		width: 80%;
	}
	#texte_img{
		margin-left: 0;
		margin-top: 10px;
	}
	.titrEquipe{
		margin-left: 0;
		padding: 5px 0;
		
	}
	.equipes{
		width: 100%;
		margin: 0;
		padding: 0;
		
	}
	.texteencadre-spip, .citation{
		padding: 5px;
	}
	.fairedon{
		position: relative;
		width: 100%;
		clear: inherit;
		right: inherit;
		background-color: #60aecf;
		-webkit-transform: inherit;
	-moz-transform: inherit;
	transform: inherit;
	}
	.fairedon a{
		display: block;
		width: 100%;
		
	}
	.savoirPlus a{
		font-size: 16px;
	}
	.logo img{
		margin-left: 10px;
		margin-top: 0;
	}
	.logo p{
		display: none;
	}
	.footerlogo{
		-webkit-transform: scale(0.6);
		-moz-transform: scale(0.6);
		transform: scale(0.6);
	}
	.soutient p{
		padding: 10px 20px;
		margin-bottom: 0;
	}
	.a-btn-text{
		font-size: 20px;
	}
}