#wrapper{
	background:url('fondLP.png') no-repeat;
	font-family:open sans,sans-serif;
}

#container{
	padding:20px;
	background:#fff;
	display:flex;
	flex-direction:column-reverse;
	max-width:768px;
	margin:0 auto;
}

.bandeau{
	background:#ff6600;
	padding:10px 0 10px 0;
	text-align:center;
}

.bandeau img{
	width:250px;
}

#bandeau2{
	display:none;
}

h1{
	font-size: 32px;
	line-height: 40px;
	font-weight: 400;
	text-align: center;
	margin: 50px auto;
	max-width: 450px;
}

#medaillon {
	border-radius: 140px;
	border: 4px solid #ffcc00;
	margin: 20px auto;
	width: 140px;
	height: 140px;
}

#fde-slot-am-1534754982{
	max-width: 490px;
	margin: auto;
}

h2{
	background: url(patte.png) no-repeat left;
	color: #ff6600;
	font-weight: 800;
	padding-left: 45px;
	font-size: 18px;
	line-height: 22px;
	min-height: 50px;
	padding-top: 28px;
	margin: 0;
}

.section{
	max-width:98%;
	margin: 0 auto;
}

.pave{
	margin: auto;
	display: block;
	max-width: 400px;
}

.pave p{
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	max-width: 383px;
	margin: auto;
}

#eclate {
	background: url(eclate.png) no-repeat;
	text-align: center;
	color: #fff;
	font-weight: 800;
	font-size: 10px;
	line-height: 11px;
	background-size: 100%;
	height: 90px;
	width: 90px;
	transform: rotate(18deg);
	padding-top: 19px;
	position: absolute;
	right: -10px;
	top: 80px;
	z-index:100;
}

#droite{
	position:relative;
}

#imageDroite{
	display: block;
	margin: auto;
	width: 100%;
	max-width: 490px;
}

#boutBas{
	margin: 30px auto;
}

.btn{
	width: 270px;
	margin: 20px auto;
	background: #ff3300;
	padding: 10px;
	color: #fff;
	font-family: open sans,sans-serif;
	font-weight: 800;
	text-align: center;
	transition-duration: 0.5s;
	cursor: pointer;
}

.btn:hover{
	transition-duration: 0.5s;
	background:#ff6600;
}

#btnFooterTabDesk{
	display:none;
}

footer{
	background:#d8d8d0;
	padding:20px;
	font-size:12px;
	line-height:16px;
	font-family:open sans,sans-serif;
	text-align: justify;
}

footer a{
	text-decoration: none;
	color:#ff3300;
	font-weight:800;
	transition-duration: 0.5s;
}

footer a:hover{
	text-decoration: none;
	color:#ff6600;
	transition-duration: 0.5s;
}

footer p{
	max-width:992px;
	margin:auto;
}



@media (min-width: 768px) {

	#btnFooterMob{
		display:none;
	}

	#btnFooterTabDesk{
		display:block;
		height:50px;
		line-height: 50px;
	}

	#eclate{
		background: url(eclate.png) no-repeat;
		text-align: center;
		color: #fff;
		font-weight: 800;
		font-size: 14px;
		line-height: 16px;
		background-size: 100%;
		height: 130px;
		width: 130px;
		transform: rotate(18deg);
		padding-top: 26px;
		position: absolute;
		right: 5px;
		top: 100px;
		z-index:100;
	}


}



@media (min-width:992px) {

	#bandeau1{
		display:none;
	}

	#bandeau2{
		display:block;
	}

	#container{
		max-width:768px;
		flex-direction:row;
		justify-content: space-between;
	}

	.section{
		max-width:47%;
	}

	@media (min-width:1200px) {
		#container{
			max-width:992px;
		}