@media only screen and (max-width: 1400px) { 

	body.home #header_logo_homepage img { height: 200px; width: auto; }

}

@media only screen and (max-height: 800px) and (min-width: 920px) { 

	body.home #header_logo_homepage img { height: 140px; width: auto; }
	#home_accroche { top: 40%; font-size: 260%; line-height: 115%; }

}

@media only screen and (max-height: 600px) and (min-width: 920px) { 

	body.home #header_logo_homepage img { height: 120px; width: auto; }
	#home_accroche { top: 45%; font-size: 220%; line-height: 105%; }

}

@media only screen and (max-width: 1250px) { 

.main-navigation li { padding: 16px 8px 6px 8px; font-size: 85%; }

}

@media only screen and (max-width: 1200px) { 

	body.home #header_logo_homepage { left: 20px; }
	body.home #header_logo_homepage img { height: 160px; width: auto; }
	#home_accroche { width: 800px; margin-left: -400px; top: 50%; font-size: 200%; line-height: 115%; }

}

@media only screen and (max-width: 1180px) { 

	#header_logo { width: 30%; }
	#home_actus_left .elem_blog_right h2 { font-size: 80%; }

}

@media only screen and (max-width: 1100px) { 

	body.home #header_logo_homepage { display: none; }
	body.page-template-tpl_contentpage #primary, body.page-template-tpl_partenaires #primary, body.page-template-tpl_blog #primary, body.page-template-tpl_blog #primary, body.page-template-tpl_contact #primary, body.single-post #primary, body.page-template-tpl_cartographie #primary { padding-top: 0; }

}


@media only screen and (max-width: 1000px) { 

	#home_compteur_cont ul li p { font-size: 120%; padding-top: 16px; }
	#home_pactforimpact_teaser ul li { font-size: 80%; padding: 0 0 20px 0; }

}

@media only screen and (max-width: 920px) { 

	body.home #header_logo_homepage { display: none; }
	body.page-template-tpl_contentpage #primary, body.page-template-tpl_partenaires #primary, body.page-template-tpl_blog #primary, body.page-template-tpl_blog #primary, body.page-template-tpl_contact #primary, body.single-post #primary { padding-top: 0; }

	#home_actus_left { width: 100%; float: none; padding: 0; } 
	#home_actus_left h2 { text-align: center; width: 100%; }
	#home_actus_left h2.sectiontitle { margin-left: 0; }
	#home_actus_left .elem_blog_right h2 { text-align: left; width: auto; }
	#home_actus_left .link_more { margin: 30px auto 0 auto; }
	#home_actus_right { width: 100%; float: none; padding: 0; margin-top: 30px; border-left: none; } 


}

@media only screen and (max-width: 880px) { 

	#home_partenaires_cont ul li { width: 33.33%; }

}

@media only screen and (max-width: 800px) { 

	body { font-size: 16px; }
	
	#primary { padding: 20px 0 30px 0; }
	#primary .center_cont { padding: 0 10px; }
	#primary .center_cont_small { padding: 0 10px; }
	#contentpage_header {  min-height: auto; }


	body.home #header_logo_homepage { left: 20px; top: 10px; }
	#home_accroche { display: block; position: relative; width: 100%; left: auto; margin-left: 0px; top: auto; font-size: 200%; margin-top: 140px; }
	#home_clock { display: block; position: absolute; width: 100%; left: auto; margin-left: 10px; bottom: 30px; z-index: 9999; /*transform: scale(0.5);*/ }
	.flip-clock-wrapper { width: 100%; min-width: 1200px; transform: scale(0.8); margin-left: 0px!important; margin-bottom: 100px!important; padding-left: 0; }

	#home_demarche { font-size: 100%; }
	#home_pactforimpact { font-size: 100%; }
	#home_pactforimpact_teaser ul { display: block; }
	#home_pactforimpact_teaser ul li { width: 100%; float: none; margin: 20px 0; font-size: 90%; }
	#home_pactforimpact_teaser ul li.img { display: none; }

	#home_compteur_cont ul li p { font-size: 110%; padding-top: 6px; }
	
	#programme_day1 { width: 100%; padding: 30px 0 0 0; float: none; }
	#programme_day2 { width: 100%; padding: 30px 0 30px 0; float: none; }
	
	ul#liste_speakers li { width: 33.33%; }

}

@media only screen and (max-width: 720px) { 

	.col_left { display: block; width: 100%; padding: 0; float: none; margin-bottom: 20px; }
	.col_right { display: block; width: 100%; padding: 0; float: none; }
	#home_clock { margin-left: 0px; }
	.flip-clock-wrapper { width: 100%; min-width: 800px; transform: scale(0.8); margin-left: -40px!important; margin-bottom: 100px!important; }

	.pagecontent_element_content.twocolumns .col_gauche { float: none; width: 100%; padding: 0 0 20px 0; }
	.pagecontent_element_content.twocolumns .col_centre { float: none; width: 100%; padding: 0 0 20px 0; }
	.pagecontent_element_content.twocolumns .col_droite { float: none; width: 100%; padding: 0; }

	.pagecontent_element_content.threecolumns .col_gauche { float: none; width: 100%; padding: 0 0 20px 0; }
	.pagecontent_element_content.threecolumns .col_centre { float: none; width: 100%; padding: 0 0 20px 0; }
	.pagecontent_element_content.threecolumns .col_droite { float: none; width: 100%; padding: 0; }


	#pagecontent_189 .twocolumns { display: block!important; }
	#pagecontent_189 .col_gauche, #pagecontent_189 .col_droite { display: block; width: 100%; float: none; margin: 20px 0; }
	
	body.page-template-tpl_blog .elem_blog_left { padding: 0 0 20px 0; float: none; }
	#home_bottom_banner { display: none; }

	#home_compteur_cont ul li { text-align: center; }
	#home_compteur_cont ul li p b { display: block; }

}

@media only screen and (max-width: 640px) { 

	#home_compteur_cont ul li { padding: 0 20px 0 20px; }
	#home_compteur_cont ul li.etats { background: none; }
	#home_compteur_cont ul li.ong { background: none; }
	#home_compteur_cont ul li.ess { background: none; }

	#home_partenaires_cont ul li { width: 50%; }
	
	#home_actus_inner .elem_blog_left { display: block; width: 100%; float: none; }
	#home_actus_inner .elem_blog_right { display: block; width: 100%; float: none; padding: 0 20px; }
	#home_actus_inner .elem_blog_right a { display: block!important; font-size: 80%!important; }
	
	ul#liste_speakers li { width: 50%; }
	
	.content_speakers .speakers_portait { display: block; float: none!important; margin: 0 auto 20px auto!important; width: 300px; max-width: 70%!important; height: auto; }

}

@media only screen and (max-width: 600px) { 

	/*body.home #header_banner { height: auto; min-height: 100vh; }*/
	#home_accroche { font-size: 140%; margin-top: 40px; }
	#home_clock { display: block; position: absolute; width: 100%; left: auto; margin-left: 0; bottom: 30px; }
	.flip-clock-wrapper { width: 100%; min-width: 800px; transform: scale(0.5); margin-left: -190px!important; margin-bottom: 100px!important; }

	body.page-template-tpl_cartographie #vmap { min-height: 450px!important; } 
	body.page-template-tpl_cartographie #vmap svg { height: 450px!important; } 
	#field_605c551748efd { padding-top: 0!important; padding-bottom: 0!important; }
	#field_605c551c3278e  { padding-top: 0!important; }
	#field_605c551c3278e { padding-left: 30px!important; }
	.filter_call_outer, .filter_call { width: 100%; } 
	#thematique_call .filter_call, #nature_call .filter_call { border-left: none!important; }
	#filters_outer button { border-left: none!important; border-right: none!important; }


	/*.flip-clock-wrapper ul {width: 40px;height: 78px;margin: 0 2px;}
	.flip-clock-wrapper ul li {line-height: 78px;}
	.flip-clock-wrapper ul li a div div.inn {border-radius: 3px;font-size: 50px;}
	.flip-clock-wrapper ul li a div.down {border-bottom-left-radius: 3px; border-bottom-right-radius: 3px;}
	.flip-clock-wrapper ul li a div.up:after {top: 38px;height: 2px;}*/


}



@media only screen and (max-width: 1150px) { 

	/*#primary { padding: 80px 10px 0 10px; }*/
	#footer_inner, #footer_bottom { padding: 0 10px; }

}

@media only screen and (max-width: 900px) { 

	#header_home_cont { float: none; margin-top: 40px; width: 100%; }
	#header_home_img { display: block; float: none; height: auto; overflow: hidden; max-width: 75%; margin: 0 auto; }
	#header_home_img img { display: block; height: auto; width: 100%; float: none; }

	#header_home_compteur1, #header_home_compteur2, #header_home_compteur3, #header_home_compteur4 { width: 300px; margin: 0 auto; float: none; max-width: 100%; }

}

@media only screen and (max-width: 850px) { 


	.elem_offre { width: 50%; }
	
	#footer_col1 a, #footer_col2 a, #footer_col3 a { font-size: 100%; line-height: 120%; }

	
}

@media only screen and (max-width: 800px) { 

	#edito_home_left { width: 100%; float: none; padding: 0 0 40px 0; }
	#edito_home_right { width: 100%; float: none; }
	#edito_home_right iframe { width: 100%; max-width: 100%; }
	#actus_home { padding-top: 40px; }
	#actus_home ul li { width: 100%; float: none; padding: 20px; }
	#actus_home ul li:first-child { padding: 20px; }
	#actus_home ul li:last-child { padding: 20px; }

	#csbwfs-social-inner { zoom: 0.7; }

	.wp-image-1055 { margin: 20px auto 0 auto!important; }

}

@media only screen and (max-width: 780px) { 

	.site-content { margin-top: 10px!important; }

}

@media only screen and (max-width: 740px) { 

	#footer_col1, #footer_col2 { width: 50%; }
	#footer_col3 { float: none; width: 100%; }
	
}

@media only screen and (max-width: 700px) { 

	.cont_cols2 { -moz-column-count: 1; -webkit-column-count: 1; -o-column-count: 1; column-count: 1; }
	
}

@media only screen and (max-width: 500px) { 

	#footer_col1, #footer_col2, #footer_col3 { float: none; width: 100%; }

}

/* fondation **/

@media only screen and (max-width: 800px) { 

	.fondation_mission { width: 100%; float: none; }
	#fondation_mission_sante_alimentation, #fondation_mission_lien_social, #fondation_mission_acces_alimentation, #fondation_mission_insertion_emploi { padding: 20px 0 20px 0; }

}

@media only screen and (max-width: 700px) { 

	#fondation_mission_intro_inner { width: 96%; float: none; }

}

@media only screen and (max-width: 560px) { 

	#fondation_mission_intro_inner { width: 94%; float: none; font-size: 100%; padding: 20px; }

}

/* projets */

@media only screen and (max-width: 800px) { 

	.elem_projet { width: 50%; }

}

@media only screen and (max-width: 780px) { 

	select.filter_select { max-width: 100px; }

}


@media only screen and (max-width: 700px) { 

	#projets_intro_inner { width: 96%; float: none; }
	#pagination a { margin: 0 8px; font-size: 100%; padding: 4px 8px; }

	.projet_left { width: 100%; padding: 0 0 20px 0; float: none; }
	.projet_right { width: 100%; padding: 0; float: none; }

}

@media only screen and (max-width: 560px) { 

	#projets_intro_inner { width: 94%; float: none; font-size: 100%; padding: 20px; }
	select.filter_select { max-width: 80px; }

}

@media only screen and (max-width: 540px) { 

	select.filter_select { max-width: 60px; }
	#pagination a { margin: 0 6px; font-size: 90%; padding: 4px 6px; }


}

/* publications */

@media only screen and (max-width: 700px) { 

	#documentation_introduction_inner { width: 96%; float: none; }
	.elem_publications_outer li { width: 33.33%; }

}

@media only screen and (max-width: 560px) { 

	#documentation_introduction_inner { width: 94%; float: none; font-size: 100%; padding: 20px; }
	.elem_publications_outer li { width: 50%; }

}

/* contact */

@media only screen and (max-width: 700px) { 

	#contact_intro_inner { width: 96%; float: none; }

}

@media only screen and (max-width: 600px) { 

	#contact_left { width: 100%; float: none; padding: 0 0 30px 0; }
	#contact_right { width: 100%; float: none; padding: 0; }

}

@media only screen and (max-width: 560px) { 

	#contact_intro_inner { width: 94%; float: none; font-size: 100%; padding: 20px; }

}

/* actus */

@media only screen and (max-width: 660px) { 

	.elem_actus_left { width: 100%; float: none; }
	.elem_actus_right { width: 100%; float: none; padding-left: 0; padding-top: 20px; }

	.cat_resume img.visuel { max-width: 100%; margin: 0 0 20px 0; float: none; }


}