@media screen and (max-width: 767px) {
	#header,
	.wrapper-posts,
	#medias,
	#series,
	#text,
	#post {
		width:100%;
		padding-left:0px;
	}
	.news_text {text-align:left;}
	
	#container {
		margin-top: 0px !important;
	}
	#content {
		position:relative;
		z-index:500;
		
	}
	h1 {margin-left:15px;}
	#header {
		position:fixed;
		left:0;
		background:#fff;
		padding-top:40px;
		top:0;
		width:100% !important;
		z-index:1000;
		height:40px;
	}
	#header.home {
		background:none;
	}
	#news {
		width:70%;
		float:none;
		margin-left:15px;
	}
	#menu_mobile {
		display: block;
		position:fixed;
		top:40px;right:20px;
		z-index:1000;
	}
	#header .wrapper {
		display: block;
		position:fixed;
		z-index:400;
		top:80px;
		left:0px;
		width:100%;
	}
	#menu {
		position:fixed;
		display:none;
		top:0px;
		left:0;
		padding-top:80px;
		background:#fff;
		margin:0px;
	}
	#menu li {
		height:20px;
		line-height:21px;
		float:none;
		width:100%;
	}
	#menu li.languages {
		display:inline;
	}
	#menu li.languages:first-child {
		padding-left:15px;
	}
	#menu li a {
		font-size:16px;
		padding-left:5px;
	}
	#menu li.languages a {
		padding-left:0px;
		font-size:12px;
	}
	#menu_1 {
	    padding: 0px 0 10px 10px;
	    float: left;
		background:#fff;
		box-sizing: border-box;
		width:100%;
		margin:0;
	}
	#menu_1 li {
	    display:block;
	    float: none;
	}
	
	/*TEXT*/
	#text ul.medias,
	#text .text {
	    float: none;
	    width: 100%;
	}
	#text ul.medias {
	    margin-bottom:30px;
	}
	/*ARTICLE*/
	
	#series,
	#medias {
		margin-top:160px;
	}
	#posts,
	#text {
		margin-top:120px;
	}
	#posts article {
	    width: 100%;
	    height: auto;
	    overflow: visible;
	}
	#posts article:nth-child(2n+1) .thumbnail,
	#posts article:nth-child(2n) .thumbnail {
	    float: none;
	    margin-right: 0px;
		margin-left: 0px;
	}
	#posts article img {
	    width: 100%;
	    height: auto;
	}
	/*SERIES*/
	#series ul li {
		width: 100%;
		margin:0 0 15px 0;
		float:none;
	}

	/*SLIDE*/
	#slideshow {
		top:120px;
	}
	#slideshow li img {
		width: 100%;
		display:block;
		margin:auto;
	}
	.viewer .infos {
	    display: none;
	    float: left;
	    padding: 20px;
	    width: 90%;
	    top: 20px;
		box-sizing: border-box;
	}
	#medias ul li {
	    width: 49%;
	}
	.viewer .infos_container {
	    width: 90%;
	}
	
}


@media screen and (max-width: 1024px) {
	#header,
	.wrapper-posts,
	#medias,
	#series,
	#text,
	#post {
		width:90%;
	}
}