@media screen and (max-width: 480px) {
	
	/* ### GENERAL ########################################################## */
	.nomobile { display:none!important; }
	.mobileonly { display:block!important; }
	
	body {min-width:auto;}
	
	/* ### PAGE ############################################################# */
	#page {width:465px;} 
	
	/* ### HEADER ########################################################### */
	#header { width:465px; text-align:center; min-width: initial; margin-bottom:0px; } 
	#header #logo { /*width:380px;*/ width:100%; height:auto; top:0px; left:0px; margin-top:10px; margin-bottom:0px; }
	#header #sitename { top:0px; left:5%; width:90%; font-size: 22px; text-align:left; }
	/*#header .bs_menu { font-size: 20px; }
	#header .bs_menu li a { border-width:2px; } *//* positioning fix on iPhone */
	
	
	#header .bs_nav_menu, #header .bs_nav_menu .dropdown-menu { font-size:20px!important; }
	#header .bs_nav_menu { margin-bottom:40px; margin-top:0px; }
	#header .bs_nav_menu li.drop-lvl1 { padding: 0px 0px 0px 50px; }
	#header .bs_nav_menu li { text-align: left; margin: 0px;  }
	#header .bs_nav_menu li.drop-lvl1 { border-bottom: 1px solid white; }
	#header .bs_nav_menu .dropdown-menu a:before { content:'-'; margin-right:4px; }
	#header .bs_nav_menu .dropdown-menu a { margin-bottom:8px; }
	
	#header .bs_nav_menu .open a { color:white!important; }
	
	#header .navbar-toggle { margin-right:30px; }
	#header .navbar-brand { color:white; font-size:24px; margin:0px 15px; }
	#header .navbar-nav { margin:0px; }

	.title-container{	flex-direction: column; align-items: flex-start;	}
	
	#alert-cookies .page { padding:10px 20px; font-size:2.0em; }
	
	/* ### FOOTER ########################################################### */
	#footer { font-size:14px; text-align: left; padding:0px 10px 0px 10px; }
	#footer .partenariat { margin-top:30px; width:100%; float:left; }
	#footer .ministere { margin-top:10px; width:170px; height:auto; float:left; }
	#footer .onema { margin-top:10px; margin-left:10px; width:170px; height:auto; float:left; }
	#footer .ecophyto { margin-top:10px; margin-left:10px; width:170px; height:auto; float:left; }
	#footer .legal { margin-top:30px; }
	
	#footer .partners { float:left; }
	#footer .partner { float:none; display: inline-block; margin-top:10px; margin-left:10px; width:47%; height:auto;}
	#footer .partner img { width:95%!important; }

	#footer img { width:140px!important; }
	
	/* ### MISC ########################################################### */
	#main_block { width:460px; }
	
	
	
	#result_wrapper { width:95%; }
  	#result_wrapper .item { height:150px; width:49%; }
  	#result_wrapper .culture { width:100%; height:300px; }
  	
  	#result_wrapper .list-group { width:98%; text-align:left; font-size:140%; }
  	
  	/*
  	#result_wrapper .item .body { position:relative; }
  	#result_wrapper .item .bg-pict { position:relative; }
  	*/
	
	div#outil_recap { width:100%; float:left; }
	div#outil_recap hr { border-top:1px solid darkgrey; width:100%; float:left; }
	div#outil_recap div.alert { text-align:left; float:left; width:100%; }
	div#outil_recap div.alert #step { width:100%!important; }
	div#outil_recap div.alert #values { width:100%!important; padding:0px!important; }
	div#outil_recap div.alert #button { float:left!important; padding-top:6px; }
	
	#result_wrapper .catpanel p { min-width:120px!important; }

	.hp_icons { max-width:100%; background-color:#ccc; margin:10px 0px 30px 0px; }
	.hp_icons ul { margin:10px 0px 10px 10px; }
	.hp_icons li { width:200px; height:200px; margin:10px; }
	.hp_icons li .name { font-size:24px; margin-top:20px; }
	.hp_icons li .icon { height:90px;  margin-top:30px; }
	.hp_icons li img.active { height:105px; margin-top:-10px; }
	
	#hp_main_icon { width:100%; height:420px; float:left; margin:5px 0px 20px 0px; }
	#hp_main_icon .name { font-size:28px; color:#fff; margin-top:20px; }
	#hp_main_icon .icon { height:200px; margin-top:40px; }
	#hp_main_icon img.active { height:220px; margin-top:-10px; }
	
	.newsevents-leftblock { background-color:#ccc;overflow:hidden;text-align:left;max-width:100%;padding:0px 0px 0px 20px; }
	.newsevents-leftblock .cat-block { padding:0;width:200px;height:200px;margin-right:18px;}
	.newsevents-leftblock .cat-block .icon {width:200px;font-size:84px;line-height:116px;}
	.newsevents-leftblock .name {width:200px;font-size:24px;}
	.hp_icons {margin-bottom:0px;}
	
	#hp_side_menu { width:100%; font-size:24px; margin-bottom: 40px; }
	#hp_side_menu li { height:auto; line-height:40px; }
	
	.hp_intro { font-size:24px!important; }
	
	#pages.news #pages-content, #pages.news #pages-content span {font-size:18px!important;}
	#pages.news #pages-content > * {width:auto!important;max-width:100%!important;}
	
	
	.news-archives .item .label {font-size:1.6em;}
	.news-archives .item .title {font-size:2.2em;position:inherit;}
	.news-archives .item .descr {font-size:1.2em;}
	.news-archives .item .location, .news-archives .item .subscr.row  {margin-bottom:20px;}
	.news-archives .item .descr button {font-size:1.3em;}
	
	html.tplnews-archives ul.paging li {width: 44px;height: 44px; line-height: 44px; font-size: 26px;}
	html.tplnews-archives ul.paging{margin-bottom:80px;}
	
	.news-archives button.btn-mode {float: left!important;font-size: 1.4em;margin: 0px 10px 40px 0px!important;}
	.news-archives h3.intro {font-size: 1.6em!important;}
	
	#fiches { font-size:20px; }
	#fiches #top_labels { font-size:22px; }
	#fiches #top_labels .label { margin:0px 20px 20px 0px;  line-height:48px; }
	
	h2.section span.espece {display:block;float:initial;text-align:inherit;right:auto;}
	
}