/* Ecrans moyens et petits */
@media (min-width: 992px) and (max-width: 1600px) {
	
	header img.image_bandeau{
		top:auto;
		bottom: 0;
		left: 0;
		width: 100%;	
		height: auto;
	}

	.pop_carte .contenu_pop{
		width: 100%;
		padding:5em 3em 2em 3em;
	}

	#close_carte{
		right: 4%;	
	}

	.pop_carte .contenu_pop .contenu_texte{
		height: 400px;
	}

}


@media (min-width: 992px) and (max-width: 1350px) {

	.pop_carte{
		max-height:none; 
	}

	.pop_carte .contenu_pop{
		max-height: none;
	}

}

@media (min-width: 992px) and (max-width: 1902px) {
	header img.image_bandeau{
		height: 100%;	
		width: auto;
	}
}
	



/* lg */
@media (min-width: 1200px) {


}


/* md */
@media (min-width: 992px) and (max-width: 1199px) {

		header .cartouche_title{
			right: 0;	
		}

		header .cartouche_title .site_title{
			margin-top: 2.4em;	
			line-height: 1.1em;	
		}

		#container_carte_grand_format{
			left: 0%;	
			width: 100%;	
		}

		.pop_carte{
		}

		.pop_carte .contenu_pop{
			width: 100%;
			padding:5em 2em 0em 2em;
		}

		#close_carte{
			right: 8%;	
		}

		.chiffre{
			margin:1% 5%;
		}

		.post_it{
			margin:0 1.4%;
		}

		.point_fonctionnement{
			margin:0 27px;
			width: 192px;
			height: 209px;	
		}

		.point_fonctionnement .contenant-texte{
			line-height: 1.3em;	
		}

		.point_fonctionnement:nth-child(2n)::before{
			right: 199px;
			top: 102px;	
			width: 44px;
			height: 17px;
			background-size: 100% 100%;
		}

		.point_fonctionnement:nth-child(2n+1)::before{
			right: 199px;
			top: 102px;		
			width: 44px;
			height: 15px;
			background-size: 100% 100%;
		}

		#video_presentation{
			width: 100%;
				
		}

		.cta_newsletter{
			right: 3%;	
			padding: 0.4em 1.4em;
		}

		.en_tete img.alignleft {
    			padding: 0 1em 0 2em;
		}

}


/* <= à sm -> Tablettes & Smartphones */
@media (max-width: 991px) {

		header{
			display: block;
		}

		header .container-menu{
			display: none;
		}

		#wrap{
			padding-top: 50px;	
		}

		header img.image_bandeau{
			height: 100%;
			width: auto;
			left: 0;	
			top: 0;		
		}

		header .cartouche_title{
			left: 50%;
			right: 0%;	
			width: auto;
		}

		header .cartouche_title .site_title{
			margin-top: 2.4em;
		}

		.container{
			width: 100%;
		}

		.picto_periode img,
		#planning_projet .planning_periode img.picto_service{
			width: 18%;	
		}

		#planning_projet .planning_periode .texte_periode{
			font-size: 	0.9em;
		}

		#porteurs_projet .contenu{
			padding:1em;
		}

		#geg_partenaire h2{
			padding: 0.5em 0 1em 0;		
		}

		#geg_partenaire{
			padding:1em
		}

		#geg_partenaire .point_fort{
			display: block;
			width: auto;
			margin-top: 1em;	
			margin-bottom: 3em;	
		}

		#geg_partenaire .point_fort::before{
			display: none;
		}

		#porteurs_projet .contenu{
			margin-bottom: 1em;	
		}

		#presentation_geg .fond_blanc{
			width: 60%;	
		}

		#bandeau_newsletter strong{
			display: block;
		}

		.post_it{
			margin:0 10%;
			margin-bottom: 6em;	
		}

		.post_it .texte{
			height: 275px !important;	
		}

		.point_fonctionnement::before{
			display: none;
		}

		#points_fonctionnement{
			padding-top: 11em;	
		}

		.fleche_bulle_gauche.active .bulle_carte{
			background-image: url(images/bulle_vers_gauche.png);
			color:#000;
		}

		.fleche_bulle_droite.active .bulle_carte{
			background-image: url(images/bulle_vers_droite.png);
		}

		#presentation_projet .contenu{
			padding-left: 2em;	
		}

		.point_fonctionnement{
			margin: 2em 4em;	
		}

		#video_presentation{
			width: 100%;	
		}

		.footer_partenaires{
			text-align: center;
		}

		footer .menu{
			text-align: center;
		}

		footer .menu li{
			display: inline-block;
			padding:0 1em;
		}

		footer .menu li a{
			padding:0.4em 1em;
		}

		.back_to_top.active{
			left: 0.7em;
	    	bottom: 0.7em;
	    	font-size: 1.5em;
	   		padding: 0.1em 0.5em;
		    width: 39px;
		}

		.cta_newsletter{
			position: relative;
			display: inline-block;
			float:right;
			margin-top: 1em;	
		}

		#container_carte_grand_format{
			top: 50px;
			padding: 2em;	
		}

		.fleche_bulle_gauche .bulle_carte{
			left: 0;	
		}
		.fleche_bulle_droite .bulle_carte{
			right: 0;	
		}

		#close_carte{
			top: 6%;
			right: 7%;
		}

		.pop_carte{
			z-index: 10000
		}

		#contenant_carte{
			width: 100%;
		}

		.pop_carte .contenu_pop{
			width: 90%;	
		}

		.pop_carte{
			width: 90%;
			left: 5%;
		}

		.zone_logo_mobile{
			font-family: 'kg_two_is_better_than_oneRg';
			text-transform: uppercase;
			font-size: 	2.8em;
			color:#00867d;
		}

		.pop_carte.active{
			display: none;
		}

		.pop_carte.active_mobile{
			display: block;
		}

		.fond_translucide.active{
			background:rgba(255,255,255,0.8);
			position: fixed;
			left: 0;
			width: 100%;
			top: 0;
			height: 100%;
			z-index: 1000;
		}

		.gallery-item img{
			width: 100%;
			height: auto;
		}

}


/* sm - Tablettes */
@media (min-width: 768px) and (max-width: 991px) {

}


/* xs - Smartphones */
@media (max-width: 767px) {
		#presentation_projet,
		#zoom_carte{
			width: 100%;			
		}

		#porteurs_projet, #geg_partenaire{
			width: 100%;	
			height: auto !important;
		}

		#close_carte::after{
			display: none;
		}
		
		#close_carte{
			top: 61px;
			width: 30px;
			height: 30px;
		}

		.pop_carte{
			top: 50px;
			left: 0;
			right: 0;
			width: 100%;
		}

		.pop_carte .contenu_pop{
			padding-left: 0.5em;
			padding-right: 1em;
		}

		#close_carte i{
			font-size: 1.6em;
		}

		#presentation_geg .fond_blanc{
			width: 86%;	
		}

		#contenant_carte{
			margin-bottom: 1em;	
		}

		footer .menu li{
			display: block;
		}

		img.aligncenter{
				width: 100%;	
				height: auto;
		}

		#planning_projet .planning_periode{
			width: 65%;	
		}

		#planning_projet .planning_periode .picto_periode{
			min-height: 80px;
		}

		#planning_projet .planning_periode .texte_periode{
			font-size: 	1.3em;
		}

		header .cartouche_title .site_title{
			font-size: 	1.9em;
			line-height: 1em;	
			margin-top: 4em;	
		}

		header img.image_bandeau{
			height: 100%;	
			right: -30%;
			left: auto;	
		}

		#presentation_geg .zone_boutons{
			left: 20%;	
			right: 20%;	
		}

		#presentation_geg .zone_boutons a{
			padding:1em;
			line-height: 1em;	
		}

		#geg_partenaire .point_fort{
			margin-bottom: 1em;	
		}

		#planning_projet .planning_periode .picto_periode img{
			-webkit-transform: 	scale(1);
			-ms-transform: 	scale(1);
			-o-transform: 	scale(1);
			transform: 	scale(1);
			margin-top: 8px;	
		}

		.deroule_newsletter .wpcf7-text{
			width: 100%;	
		}

		.img_entete_centrale{
			width: 100%;
			top: -92px;		
		}

		.img_entete_centrale img{
			width: 80%;	
			height: auto;
		}

		.point_fonctionnement{
			margin:1em 0;
		}

		#post_content{
			padding:1em;
		}

		#post_content h1{
			font-size: 	1.8em;
		}

		#post_content h2{
			font-size: 	1.2em;
		}

		.cta_newsletter{
			right: auto;
			float:none;	
		}

		.alignleft,
		.alignright{
			float:none;
			margin:1em auto;
			width: 100%;
			display: block;
			height: auto;
		}

		.entry-content .alignleft img{
			display: block;	
			height: auto;
			width: 100%;	
		}

		body.archive article{
			margin-bottom: 3em;	
		}

		.video iframe{
			width: 100%;
			height: 200px;		
		}

		.en_tete {
			text-align: center;
				
		}

		.pr3,
		.pl3{
			padding:0;
		}

		.en_tete img.alignleft{
			padding:1em 0 2em 0;
			display: block;
			margin:0 auto;
			float:none;
		}

		.question .texte_question{
				padding-left: 1em;
				padding-right: 5em;		
		}

		body.page-template-template-questions .en_tete h2{
			margin-bottom: 1em;
		}

		.gallery .gallery-item{
			float:none !important;
			width: 100% !important;	
			text-align: center;
		}

		.contenu_pop img,
		.contenu_pop .alignleft,
		.contenu_pop .alignright{
			width: 100% !important;	
			height: auto;
		}

		.deroule_newsletter .wpcf7-form input.wpcf7-submit{
			margin-top: 1em;	
		}

		header .liste_logos{
			left: 1em;
			right: 1em;
		}

		header .liste_logos .logo{
			margin-right: 0.5em;
			margin-left: 0.5em;
		}

		header .liste_logos .logo img{
			height: 36px;
			margin-top: 5px;
			margin-bottom: 5px;
		}

		header .cartouche_title{
			left: 0;
			top: 100px;
			padding:2em;
		}

		header .cartouche_title .site_title{
			margin-top: 1em;
		}

		img#apercu_carte_projet{
			height: 100%;
			width: auto;
		}

		#porteurs_projet .zone_logos{
			width: 100%;
			padding: 1em 0;
		}

		#porteurs_projet .liste_logos .logo{
			margin-bottom: 1em;
		}

		.point_fort{
			width: 100%;
			height: auto !important;
			padding: 0;
			margin-bottom: 1.4em;
		}

		.point_fort::before{
			display: none;
		}

		#presentation_geg .video_miniature{
			width: 85%;
		}

		.intro_eolienne p{
			padding: 0;
		}

		#points_fonctionnement{
			padding-top: 1em;
		}

		.img_entete_centrale h2.titre_points_blanc{
			margin-bottom: 1em;
		}

		.outil{
			text-align: center;
		}

		footer .container{
			padding: 1em;
		}

		footer .liste_logos .logo{
			margin-right: 0.5em;
			margin-left: 0.5em;
			margin-bottom: 1em;
			margin-top: 1em;
		}

		.post_it{
			margin: 0 0 4rem 0;
			border:1px solid #333;
			width: 90%;
			height:auto !important;
			background:none;
			min-height: 0;
		}
		.post_it::before,
		.post_it::after{
			display: none;
		}
		.post_it .texte{
			height: auto !important;
			position: relative;
		}

		.post_it.couleur-bleu_clair h3,
		.post_it.couleur-bleu_fonce h3,
		.post_it.couleur-bleu_gris h3{
			background-size: cover;
		}

}


/* very xs - petits Smartphones */
@media (max-width: 480px) {


}