body{
	font-family: 'Source Sans Pro', sans-serif;
}
#conteneur{
	width:100%;
	margin: 0 auto;
}
nav.navbar {
  margin-bottom: 0px;
	background: white;
	box-shadow: 0px 0.2px 5px 0px rgba(235,226,235,1);
}
.navbar-brand {
  height: auto;
}
.navbar-brand img{
  width:200px;
}
.navbar-nav li a {
  line-height: 48px;
}
.navbar-toggle{
	margin-top: 19px;
}
.seConnecter{
  color: #FF5252;
}
header{
	width:100%;
	height: auto;
}
header img{
	width:100%;
	height: auto;
}
main{
	width:95%;
	height:auto;
	margin: 0 auto;
}
footer{
	background: black;
	width:100%;
	height: 200px;
	display: flex;
}
footer div:nth-child(1){
	margin:auto auto;
	width:30%;
}
footer div:nth-child(2){
	margin:auto auto;
	width:20%;
}
footer div:nth-child(3){
	margin:auto auto;
	width:20%;
}
footer div:nth-child(1) p:nth-child(1){
	font-family: 'Meddon', cursive;
	color: #F0F2F1;
	font-size: 18px;
}
footer div:nth-child(2) ul{
	list-style:none;
}
footer div:nth-child(2) ul li a{
	color: #F0F2F1;
	font-weight: 200;
}
.message{
	color: #F0F2F1;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font-weight: 200;
}
footer div:nth-child(3) button{
	color: #F0F2F1;
	background: none;
	border:none;
	font-size: 30px;
	padding-right: 20px;
}
.footer_social_media{
	width:35px;
	height:35px;
}
.footer_social_media img{
	width:35px;
	height:35px;
}
.footer_social_media img:hover{
	transition-duration: 0,3s;
	transform: scale(1.07);
}
h1{
	text-align: center;
	font-weight: 300;
	font-size: 30px;
	padding-top: 20px;
	padding-bottom: 20px;
}
h2{
	color:#434444;
	font-size: 40px;
	text-align: center;
	text-transform: uppercase;
	font-weight: 200;
	padding-bottom: 30px;
}
.caption h3{
	color:#434444;
	font-size: 14px;
	text-align: left;
	font-weight: 200;
}
.caption p{
	color:#434444;
	font-size: 12px;
	text-align: left;
	font-weight: 200;
}
.clear{
	clear: both;
}
.actus{
	display: flex;
	justify-content: center;
}
.gauche{
	width: 25%;
	height:auto;
}
.milieu{
	width: 25%;
	height:auto;
}
.droite{
	width: 25%;
	height:auto;
}
.row{
	display: flex;
	flex-direction: column;
	align-items: center;
}
@media (max-width:992px){
	#conteneur{
		width:100%;
	}
	.actus{
		flex-wrap: wrap;
	}
	.gauche{
		width: 50%;
		height:auto;
	}
	.milieu{
		width: 50%;
		height:auto;
	}
	.droite{
		width: 50%;
		height:auto;
	}
@media (max-width:768px){
	#conteneur{
		width:100%;
	}
	.actus{
		flex-wrap: wrap;
	}
	.gauche{
		width: 50%;
		height:auto;
	}
	.milieu{
		width: 50%;
		height:auto;
	}
	.droite{
		width: 50%;
		height:auto;
	}
	footer div:nth-child(1){
		margin: 20px auto;
		width:90%;
	}
	footer div:nth-child(2){
		margin:0 auto;
		width:90%;
		line-height: 25px;
	}
	footer div:nth-child(3){
		width:90%;
		margin: 20px auto;
	}
	footer{
		flex-direction: column;
		height: auto;
	}
	footer div:nth-child(3) button{
		color: #F0F2F1;
		background: none;
		border:none;
		font-size: 25px;
		padding-right: 20px;
	}
	footer div:nth-child(2) ul{
		margin-left:0;
		padding-left:0;
	}
}
@media (max-width:580px){
	#conteneur{
		width:100%;
	}
	.actus{
		flex-direction: column;
	}
	.gauche{
		width: 100%;
		height:auto;
	}
	.milieu{
		width: 100%;
		height:auto;
	}
	.droite{
		width: 100%;
		height:auto;
	}
	footer div:nth-child(1){
		margin: 50px auto;
		width:85%;
	}
	footer div:nth-child(2){
		margin:0 auto;
		width:85%;
		line-height: 25px;
	}
	footer div:nth-child(3){
		width:85%;
		margin: 20px auto;
	}
	footer{
		flex-direction: column;
		height: auto;
	}
	footer div:nth-child(3) button{
		color: #F0F2F1;
		background: none;
		border:none;
		font-size: 25px;
		padding-right: 20px;
	}
	footer div:nth-child(2) ul{
		margin-left:0;
		padding-left:0;
	}
}