/* Bannières */

#banniere{
	text-align: center;
	margin-bottom: 18px;
	display: none;
}

	#banniere img{
		display: inline-block;
		vertical-align: middle;
	}

	#banniere a{
		display: inline-block;
		vertical-align: middle;
	}

/* Bannière en Home */
.home #banniere{
	width: 280px;
	margin: 0 auto;
	float: none;
	margin-bottom: 0;
	margin-top: 18px;
}


.home #banniere #container-ban{
	background-color: #e12545;
	padding: 20px 14px;
	color: #fff;
	width: 280px;
	max-width: 100%;
	min-height: 190px;
}

	.home #banniere h2,
	.home #banniere #objectif strong{
		font-family: 'Open Sans', sans-serif;
		font-weight: 900;
	}

	.home #banniere h2{
		margin: 0 0 20px;
		padding: 0;
		font-size: 24px;
		line-height: 1em;
	}
		.home #banniere h2::before{
			display: none;
		}

	.home #banniere h3{
		margin: 0 0 20px;
		font-size: 18px;
		font-family: Arial, sans-serif;
	}

		.home #banniere h3 strong{
			display: block;
		}

	.home #banniere p{
		font-size: 14px;
	}

	.home #banniere small{
		font-size: 11px;
	}

	.home #banniere a{
		color: #e12545;
		background-color: #ffffff;
		display: block;
		margin-top: 30px;
		text-transform: uppercase;
		padding: 6px 12px;
		font-size: 12px;
		text-align: center;
		width: 100%;
	}

	.home #banniere a:hover{
		text-decoration: none;
	}


	.home #banniere #jauge-objectif{
		margin-bottom: 25px;
		float: left;
		clear: both;
		width: 100%;
	}

	.home #banniere #jauge{
		height: 43px;
		width: 100%;
		overflow: hidden;
		border: 1px solid #ffffff;
	}

	.home #banniere #jauge span{
		display: block;
		padding: 13px 0 0 15px;
		height: 100%;
		position: relative;
		background: #ffffff url('../images/fleche-don.png') no-repeat right center;
	}

	.home #banniere #jauge span span{
		color: #595a59;
		text-align: left;
		background: none;
		width: 220px;
		padding: 0;
		top: 13px;
		left: 15px;
		height: auto;
		position: absolute;
	}

	.home #banniere #objectif {
		font-size: 14px;
		text-transform: uppercase;
		float: right;
		clear: both;
		margin: 12px 0 0;
	}

		.home #banniere #objectif strong{
			font-size: 40px;
			display: block;
			line-height: 0.5em;
		}

			.home #banniere #objectif strong span{
				font-size: 20px;
			}


@media only screen and (min-width: 481px) {

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

	#banniere{
		text-align: left;
		display: block;
	}
		#banniere img{
			width: 100%;
		}

	.home #banniere{
		width: 31.491712705%;
		margin: 0;
		margin-left: 2.762430939%;
		float: left;
	}
		.home #banniere #container-ban{
			float: right;
		}

}
@media only screen and (min-width: 992px) {

	#banniere img{
		width: auto;
	}

}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-device-pixel-ratio: 1.5) {

	.home #banniere #jauge span{
		background: #ffffff url('../images/fleche-don@2x.png') no-repeat right center;
		background-size: 21px 42px;
	}
}