@charset "UTF-8";
/* CSS Document */




/* --------------------
	< 1200px
---------------------*/

@media screen and (max-width: 1200px) {
	
header {
	margin-bottom:80px;
}

.background {
	height: 360px;
	
}

.navsidebar {
	margin-top:-200px;
}

.titre {
	height: 300px;
	top: 96px;
}
.sous-titre {
	top: 250px;
}



}

/* --------------------
	< 1024px
---------------------*/

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

header {
	margin-bottom:80px;
}

.background {
	height: 300px;
}

.navsidebar {
	margin-top:-180px;
}
.titre {
	height: 300px;
	top: 56px;
	left: 220px;
}
.sous-titre {
	top: 220px;
	left: 220px;
}

}
/* --------------------
	< 768px
---------------------*/

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

.titre {
	width: 400px;
	height: 100px;
	top: 60px;
	left: 160px;
}
.sous-titre {
	width: 500px;
	top: 200px;
	left: 160px;
	font-size:20px;

}
h1
{	
	font-size:40px;
	line-height: 40px;
}
.navsidebar {
	
	height: 140px;
}
.article
{	
	width:70%;

}
h2
{	
	font-size:15px;
	clear: both;
}



}






/* --------------------
	< 480px
---------------------*/

@media screen and (max-width: 480px) {
	
	
header {
	margin-bottom:30px;
}

.background {
	height: 200px;
}

.navsidebar {
	margin-top:-110px;
	height: 130px;
	width: 80px;
	
}
.nav-icon {
	width:30px;
}

.titre {
	width: 260px;
	height: 80px;
	top: 40px;
	left: 80px;
}
.sous-titre {
	visibility:hidden;
}
h1
{	
	font-size:30px;
	line-height: 30px;
}
h2
{	
	font-size:12px;
	clear: both;
}
.article
{	
	width:80%;

}
p
{	
	font-size:14px;
	margin-top:5px;
}
.img-article
{	

	font-size:14px;
	}


.timeago-img
{	visibility: hidden;
	height: 2px;
	width: 2px;
	padding-right:0px;
padding-left:0;
}

footer
{	width:100%;
	height:100px;

}

.footer-text
{	
	font-size:13px;
	margin-top:20px;

}

}