/* Petit ecrans */
/* max-width 640px, mobile-only styles */

@media only screen and (max-width: 640px) {
	body, .asi-top-menu {background-color:#fff;width:100%;}
	h1 {font: bold 18px 'Droid Sans', sans-serif;}
	h2 {font: bold 16px 'Droid Sans', sans-serif;}
	h3 {font:bold 14px 'Open Sans', arial, sans-serif;}
	h4 {font: bold 12px 'Open Sans', arial, sans-serif;}
	#asi-main-container {width:100%;}
	body .asi-top-menu {width:100%;margin:0;padding:5px;}
	body .asi-top-menu ul {width:100%;margin:0;padding:0;}
	body .asi-top-menu li {margin:5px;padding-left:5px;}
	#asi-logo {width:100%;height:140px;background-size:80% auto;}
	#asi-left-column {width:100%;}
	#asi-right-column {width:100%;float:left;padding:10px;}
	#primary-sidebar li.widget {margin:0 0 10px 0;padding:5px 5px 10px 0;}
	body #important-message {width:100%;}
	body #asi-main-container blockquote {padding: 10px 10px 10px 30px;}
	ol.authors {width:45%;}
	.boxinfo {width:100%;}
	article.columns-3 {width:100%;}
	article.columns-2 {width:100%;}
	.bottom-menus { border-radius: 0; margin: 0;  } 
	.bottom-menus .menu {width:100%; float: none; margin-left: 10px; }
	#a-la-une article {
		width:29%;
		margin:0 0 10px 5px;
	}
	.blog #asi-left-column {
		padding-left:0;
		padding:0 5px 0 5px;
	}
	#a-la-une, #asi-actu, #asi-other-posts {width:100%;}
	.follow-us { display: none; }
}


/* Ecrans moyens */
/* min-width 641px and max-width 1024px */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	body, .asi-top-menu {width:100%;}
	#asi-main-container {width:100%;}
	body .asi-top-menu ul {width:100%;}
	#asi-logo {width:100%;height:140px;}
}