@media screen and (max-width: 1217px){
	#site-navigation{
		width: 992px;
	}

	#primary_menu > li {
		padding: 0 14px 10px 14px;
	}

	.menu-main-fr-container,
	.menu-main-nl-container {
		margin-left: 160px;
	}

	#div_Search{
		margin-left: 810px;
	}

	#site-navigation #lang_contact{
		margin-left: 857px;
	}

	.search-field{
		width: 71%;
	}

	.sidebar_left{
		width: calc(((100% - 992px) / 2) + 248px);
	}

	.content_right{
		width: 744px;
	}

	.sidebar_left.fournisseurs li{
		padding-left: calc(100% - 248px);
	}

	.sidebar_left.ecoles li{
		padding-left: calc(100% - 248px);
	}

	.fil_ariane{
		/* -20 par rapport au width du sidebar */
		padding-left: calc(100% - 228px);
	}

	.images_flottante_droite_gauche.sous_menu_gauche{
		margin-left: calc(((100% - 992px)/2) - 225px);
		margin-top: 800px;
	}

	.images_flottante_droite:nth-of-type(2){
		margin-left: calc(((100% - 992px)/2) + 992px);
	}

	.images_flottante_droite:nth-of-type(3){
		margin-left: calc(((100% - 992px)/2) + 992px);
	}

	.images_flottante_droite:nth-of-type(4){
		margin-left: calc(((100% - 992px)/2) + 992px);
	}

	.images_flottante_droite:nth-of-type(5){
		margin-left: calc(((100% - 992px)/2) + 992px);
	}

	.icone_gauche{
		margin-left: calc((100% - 992px) / 2) !important;
	}

	.icone_droite{
		margin-left: calc(((100% - 992px) / 2) + 992px) !important;
	}

	.content_home_page,
	.content,
	.content_actualites,
	.contenu_article_detail{
		width: 900px;
	}

	.double_colonnes_vert_orange_accueil{
		margin-left: -525px;
	}

	.icone_gauche{
		margin-left: calc(((100% - 900px) / 2) - 220px) !important;
	}

	.icone_droite{
		margin-left: calc(((100% - 900px) / 2) + 920px) !important;
	}

	.fil_ariane_defaut,
	.fil_ariane_actu,
	.fil_ariane_post{
		width: 992px;
	}

	.grand_bloc_gris div{
		width: 900px;
	}

	.grand_bloc_gris img{
		margin-left: calc(((100% - 900px) / 2) - 135px);
	}

	.bloc_actualites:nth-child(2n){
		margin-left: 90px;
	}
}

@media screen and (max-width: 1010px){
	#site-navigation{
		width: 768px;
		height: 177px;
	}

	.menu-main-fr-container,
	.menu-main-nl-container{
		margin-left: 54px;
		margin-top: 137px;
	}

	#div_Search{
		margin-left: 581px;
		margin-top: 88px;
	}

	#site-navigation #lang_contact{
		margin-left: 629px;
	}
	#site-navigation #lang_contact a{
		margin-top: 50px;
	}

	.sidebar_left{
		width: calc(((100% - 768px) / 2) + 192px);
		height: 1010px;
	}

	.content_right{
		width: 576px;
	}

	.sidebar_left.fournisseurs li{
		padding-left: calc(100% - 192px);
	}

	.sidebar_left.ecoles li{
		padding-left: calc(100% - 192px);
	}

	.fil_ariane{
		/* -20 par rapport au width du sidebar */
		padding-left: calc(100% - 172px);
	}

	.images_flottante_droite_gauche.sous_menu_gauche{
		margin-left: calc(((100% - 768px)/2) - 282px);
		margin-top: 970px;
	}

	.images_flottante_droite:nth-of-type(2){
		margin-left: calc(((100% - 768px)/2) + 768px);
		margin-top: 285px;
	}

	.images_flottante_droite:nth-of-type(3){
		margin-left: calc(((100% - 768px)/2) + 768px);
		margin-top: 800px;
	}

	.images_flottante_droite:nth-of-type(4){
		margin-left: calc(((100% - 768px)/2) + 768px);
		margin-top: 1300px;
	}

	.images_flottante_droite:nth-of-type(5){
		margin-left: calc(((100% - 768px)/2) + 768px);
		margin-top: 1800px;
	}

	.icone_gauche{
		margin-left: calc((100% - 768px) / 2) !important;
	}

	.icone_droite{
		margin-left: calc(((100% - 768px) / 2) + 768px) !important;
	}

	.titre_page_accueil{
		margin-top: 391px !important;
	}

	.en_savoir_plus_accueil{
		margin-top: 661px !important;
	}

	.programme_europeen{
		margin-top: 1006px !important;
	}

	.content_home_page,
	.content,
	.content_actualites,
	.contenu_article_detail{
		width: 700px;
	}

	.double_colonnes_vert_orange_accueil{
		display: block !important;
		margin: 0 !important;
		width: auto;
	}

	.colonne_fond_vert_accueil,
	.colonne_fond_orange_accueil{
		margin-left: -150px !important;
		margin-right: -150px !important;
		padding-left: 0;
		padding-right: 0;
	}

	.colonne_fond_orange_accueil ul,
	.colonne_fond_vert_accueil ul{
		margin: auto;
		display: block;
		width: 60%;
	}

	.colonne_fond_vert_accueil h5,
	.colonne_fond_orange_accueil h5{
		margin: 0 0 30px 0;
		padding-top: 20px;
	}

	.icone_gauche{
		margin-left: calc(((100% - 700px) / 2) - 220px) !important;
	}

	.icone_droite{
		margin-left: calc(((100% - 700px) / 2) + 720px) !important;
	}

	.fil_ariane_defaut,
	.fil_ariane_actu,
	.fil_ariane_post{
		width: 768px;
	}

	.grand_bloc_gris div{
		width: 700px;
	}

	.grand_bloc_gris img{
		margin-left: calc(((100% - 700px) / 2) - 135px);
	}

	.bloc_actualites:nth-child(2n){
		margin-left: 69px;
	}

	.image_contact{
		display: none;
	}

	.content>div:not(.grand_bloc_gris){
		width: 100%;
		display: block;
	}
}

@media screen and (max-width: 785px){
	/* *{
		border: 1px solid red !important;
	} */

	#site-navigation{
		width: 100%;
		height: 525px;
	}

	.partenaires div{
		width: 100%;
	}

	#ligne_menu{
		width: 100%;
		margin-left: auto;
	}

	#primary_menu{
		display: block;
	}

	.menu-main-fr-container,
	.menu-main-nl-container {
		display: block;
	}

	.menu-main-fr-container,
	.menu-main-nl-container{
		margin-top: 159px;
	}

	#site-navigation #lang_contact{
		margin-left: calc(100% - 140px);

	}

	#div_Search{
		margin-left: calc(100% - 208px);
	}

	.sidebar_left{
		width: 100%;
		height: auto;
	}

	.content_right{
		width: 100%;
		padding: 50px 25px 100px 25px;;
	}

	.sidebar_left.fournisseurs li{
		padding-left: 50px;
	}

	.sidebar_left.ecoles li{
		padding-left: 50px;
	}

	.fil_ariane{
		padding-left: 70px;
	}

	#sous_menu_ecoles{
		display: none;
	}

	.images_flottante_droite{
		display: none;
	}

	.icone_gauche{
		display: none;
	}

	.icone_droite{
		display: none;
	}

	.image_sous_menu_fournisseurs,
	.image_sous_menu{
		display: none;
	}

	.titre_page_accueil{
		margin-top: 706px !important;
		font-size: 30px !important;
		margin-left: 0 !important;
		width: 100% !important;
		left: 0 !important;
	}

	.titre_page_accueil em{
		font-size: 45px !important;
	}

	.en_savoir_plus_accueil{
		margin-top: 991px !important;
	}

	.programme_europeen{
		margin-top: 1353px !important;
		margin-left: 0 !important;
		width: 100% !important;
		left: 0 !important;
	}

	.content_home_page,
	.content,
	.fil_ariane_defaut,
	.content_actualites,
	.fil_ariane_actu,
	.fil_ariane_post,
	.contenu_article_detail{
		width: 100%;
		padding: 0 50px;
	}

	.bloc_actu_page_accueil .alignleft{
		display: block !important;
		float: none !important;
		width: 100% !important;
	}

	.bloc_actu_page_accueil .alignleft img{
		display: block !important;
		width: 100% !important;
	}

	.icone_gauche,
	.icone_droite{
		display: none !important;
	}

	.grand_bloc_gris{
		/* width: 100%; */
		margin-left: -50px;
		margin-right: -50px;
		padding: 0 50px;
	}

	.grand_bloc_gris div{
		width: 100%;
	}

	.grand_bloc_gris img{
		display: none;
	}

	.fond_bulle_bleu_ciel{
		background-size: 100%;
		font-size: 14px !important;
		height: 241px;
		padding: 55px 0 50px 0 !important;
	}

	.fond_double_colonne_vert,
	.fond_double_colonne_orange{
		display: block !important;
		padding: 16px 64px 40px 64px;
	}

	.fond_double_colonne_orange ul,
	.fond_double_colonne_vert ul{
		margin: 0 !important;
	}

	.wp-block-columns{
		display: block !important;
	}

	.fond_double_colonne_orange{
		margin-left: 0 !important;
	}

	.bouton_participer_orange{
		margin: 0 !important;
	}

	.fond_double_colonne_bleu div:nth-child(2){
		margin-left: 0 !important;
		margin-top: 20px;
	}

	.fond_double_colonne_bleu .wp-block-column{
		padding: 20px;
	}

	.fond_double_colonne_bleu ul{
		margin: 0;
	}

	.bloc_actualites{
		width: 100%;
		margin-left: 0 !important;
		margin-bottom: 100px;
	}

	.fil_ariane_post{
		margin-top: 30px;
	}

	.contenu_article_detail img{
		display: block;
		width: 100%;
	}

	.grand_bloc_fond_bleu{
		padding: 20px;
	}

	.grand_bloc_fond_bleu h5{
		text-align: center;
	}

	.introduction_formulaires{
		font-size: 22px !important;
	}
	.titre_fond_bleu_clair,
	.titre_fond_bleu_foncer{
		font-size: 30px !important;
		margin-left: -50px !important;
		margin-right: -50px !important;
	}

	.active{
		border: 0;
	}

	.main-navigation li{
		border-top: 1px solid #2f3e8b;
		width: 100%;
		/* padding: 15px 14px 15px 50px !important; */
		padding: 0 !important;
	}

	#primary_menu li a{
		padding: 15px 14px 15px 50px !important;
	}

	#primary_menu > li > a:before{
		content: '> ';
	}

	.main-navigation li:last-child{
		border-bottom: 1px solid #2f3e8b;
	}

	.menu-main-fr-container{
		margin-left: 0;
		width: 100%;
	}

	.sidebar_left{
		display: none;
	}

	.temoignage:nth-child(2){
		margin-left: 0 !important;
	}

	.temoignage .wp-block-image img{
		width: 100% !important;
	}

	.temoignage blockquote{
		margin: 0 !important;
	}

	.temoignage{
		padding: 0 37px !important;
	}

	.ParallaxBox > div:nth-child(1){
		width: 100% !important;
		margin-left: auto !important;
	}

	.ParallaxBox{
		left: 0 !important;
		width: 100% !important;
	}

	#scene{
		width: 100% !important;
		margin-left: auto !important;
	}

	#scene > div:nth-child(1){
		/* RADIS */
		top: 270px !important;
	}
	#scene > div:nth-child(2){
		/* POIRE */
		top: 40px !important;
	}
	#scene > div:nth-child(3){
		/* LAIT */
		top: 40px !important;
	}
	#scene > div:nth-child(4){
		/* POIREAU */
		top: 270px !important;
	}
	#scene > div:nth-child(5){
		/* POMME */
		top: 530px !important;
	}
	#scene > div:nth-child(6){
		/* Choux */
		top: 530px !important;
	}

	.colonne_fond_vert_accueil,
	.colonne_fond_orange_accueil{
		margin-left: -60px !important;
		margin-right: -60px !important;
	}
	
	.home_titre_liste_des_ecoles_participantes
	{
		margin-left: -60px !important;
		margin-right: -60px !important;
	}
	#map
	{
		margin-left: -50px !important;
		margin-right: -50px !important;
		width:100% !important;
	}
	
	.titre_contact{
		margin-left: -60px;
		margin-right: -60px;
	}
}
