/*  #Mobile
================================================== */

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

		/*
		** CLASSES
		*/
			.content{width:96%; margin:0 2%;}
			.content-inside{width:100%; padding-left:0; float:none;}

			.date, article.article-home header .date{width:100%; float:none; padding:10px 0; height:auto; margin-bottom:10px;}


		/*
		** HEADER
		*/
			.header{height:auto; left:auto; padding-bottom:10px;}
				.header h1{margin-left:-80px; margin-bottom:10px;}
					.header h1 img{float:none;}

				.header #menu{float:none; width:100%; margin-bottom:10px;}
					.header #menu ul li{margin-left:0; width:100%;}
					.header #menu ul li:not(:last-child){border-bottom:solid 1px #ececec;}
						.header #menu ul li:nth-child(n) a{
							width:100%; height:auto;
							padding:20px 0;
							background:rgba(255,255,255,0.8);
						}
				#index .header .header-content{height:auto; margin:0 2%;}
				.header .header-content{height:auto; margin:0;}
					.header .header-align{position:relative; left:auto; bottom:auto;}

			.header #langues nav{top:-339px;}


		/*
		** ASIDE
		*/
			aside{width:100%; max-width:none; float:none; margin:20px 0;}


		/*
		** INDEX
		*/
			article.article-home header{margin-bottom:10px;}
				article.article-home header .right{float:none; width:100%;}
			article.article-home > .left, article.article-home > .right{float:none; width:100%;}
			article.article-home > .left{margin-bottom:10px;}
	
		
		/*
		** ARTICLES
		*/
			.header .date{width:100%;}
			.header h2.title-article{float:none; width:100%;}

			.article-mini{float:none; width:100%; margin-bottom:30px;}
				.article-mini h3{width:75%;}
			
			.comment-list li ol{max-width:270px; margin-left:5px;}
		/*
		** FOOTER
		*/
			#footer ul li:nth-child(3){width:100%; margin-top:20px;}
	}