@media only screen and (max-width: 1024px) {
	
	#medias li:nth-child(3n+0),
	#posts article:nth-child(3n+0) {
		margin-right:20px;
	}
	#medias li:nth-child(2n+0),
	#posts article:nth-child(2n+0) {
		margin-right:0px;
	}
	#links li {
		width:100%;
	}
	#text_home .title {
	line-height:40px;
	font-size:40px;
	
	}
	#logo {
	margin-right:40px;
}
	#container.home #logo img {

	width:320px;
}
	
}
@media only screen and (max-width: 1350px) {
	
	#posts article h2 {
	    font-size: 14px;
	    line-height: 15px;
	}
	#posts article h3 {
	    font-size: 12px;
	}


	
}


@media only screen and (max-width: 767px) {
	/* Misc */
	p,
	ul,
	div {
		float: none;
	}
	
	
	h1 {
	 	
	}
	h2 {
		
	}
	h3 {
	    
	}
	#logo {
		margin-right:15px;
		position:relative;
		z-index: 3000;
		margin-top:20px;
	}
	#container.home #logo img,
	#logo img {
		width:auto;
		height:80px;
		padding:0px;
	}
	#logo_auxerre {
	top:10px;
	right:10px;
	}
	#logo_auxerre img {
	width:60px;
	}
	#header {
		line-height:35px;
		height:110px;
	}
	#menu {
		display: none;
		position: absolute;
		width: 100%;
		left: 0;
		top: 0px;
		background-color: #152938;
		z-index: 2600;
		padding:120px 0 20px 20px;
		 box-sizing: border-box;
	}
	#menu li {
		display: block;
	}
	#menu li a {
		display: block;
		color:#fff;
	}
	#menu_mobile {
		display: block;
		position: absolute;
		right: 0px;
		top: 30px;
		cursor: pointer;
		z-index: 2700;
		padding: 20px;
	}
	#container {
		margin:5px;
	}
	
	h2 {
	    font-size: 32px;
	    line-height: 30px;
	}
	
	
	#page, 
	#content, 
	#menu_1,
	#posts article,
	#text .medias,
	#text .text,
	#medias li {
		width:100%;
		float:none;
		text-align:left;
		box-sizing: border-box;
	}
	#menu_1 {
		background-color: #152938;
		padding:10px;
		margin-top:10px;
		margin-bottom:20px;
	}
	#menu_1 li a {
		color:#fff;
	}
	#menu_1 li.selected {
		border-bottom:2px solid #fff;
	}
	#content {
		margin:0px 0px;
	}
	#text .text {
		margin-top:20px;
	}
	
	.viewpager {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	
	#links {padding:10px;}
	#posts article {
	    margin-bottom: 40px;
	    margin-right: 0px;
	}
	#posts .file, #text .medias .wrapper,#posts .file_archives,#medias li .wrapper {
		width:100%;
		float:none;
		height:200px;
	}
	
	#medias li .wrapper {
	    height:300px;
	}
	
	
	/*home*/
	
	img.home {
	position:absolute;
	}
	#text_home {
		left:20px;
		bottom:30px;
		font-size:20px;
		line-height:15px;
		z-index: 2000;
	}
	#text_home .date {
		font-size:13px;
		line-height:15px;
	}
	#text_home .place {
		font-size:15px;
		line-height:22px;
	}
	#text_home .title {
	line-height:20px;
	font-size:20px;
	padding:20px 0;
	}
	
	
}