@font-face {
    font-family: FuturaStd Medium;
    src: url(fonts/FuturaStd-Medium.otf);
    src: url('fonts/FuturaStd-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/FuturaStd-Medium.woff') format('woff'),
        url('fonts/FuturaStd-Medium.ttf') format('truetype'),
        url('fonts/FuturaStd-Medium.svg#FuturaStd-Medium') format('svg');	
}

/*HTML
{
	background-color: #F7F7F7;
	font-family: Arial, sans-serif,"Open Sans", sans-serif;
}*/
H1, H2, H3, H4, H5, H6
{
	font-family: "Open Sans", sans-serif;
	color: #2063A6;
	font-weight: bold;
}
/*A
{
	color: #2063A6;
}
A:hover
{
	color: #30A4EC;
	text-decoration: none;
}*/

/*HEADER SITE*/
.head
{
	display: block;
	background: #2063A6;
	background: -moz-linear-gradient(left, #2063A6 0%, #30A5ED 50%, #2063A6 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2063a6), color-stop(50%,#30a5ed), color-stop(100%,#2063a6));
	background: -webkit-linear-gradient(left, #2063A6 0%, #30A5ED 50%, #2063A6 100%);
	background: -o-linear-gradient(left, #2063A6 0%, #30A5ED 50%, #2063A6 100%);
	background: -ms-linear-gradient(left, #2063A6 0%, #30A5ED 50%, #2063A6 100%);
	background: linear-gradient(to right, #2063A6 0%, #30A5ED 50%, #2063A6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2063a6', endColorstr='#2063a6',GradientType=1 );
	padding-top: 0px;
	padding-bottom: 0px;
	/*+box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);*/
	-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
	z-index: 2;
}
.head .img-responsive
{
	/*+placement: margin-auto 0px 0px;*/
	margin-left: auto;
	margin-right: auto;
	position: relative;
	left: 0px;
	top: 0px;
}

.content-page{
	background-color: #F2F2F2;
    border-bottom: 1px solid #E5E5E5;
	margin-bottom: 20px;
}

.content-page h2{
	/*font-size:46px;*/
	font-size:38px;
	font-family: FuturaStd Medium;
}

.content-page h3{
	/*font-size:46px;*/
	font-size:30px;
	font-family: FuturaStd Medium;
	text-transform:uppercase;
	text-align:center;
}

.content-page img{
	/*width:100%;*/
	display: block;
    margin: auto;	
}

.content-page #fiches, .content-page #offre{
	position:relative;
	/*min-height: 500px;*/
}

.content-page #offre .mentions{
	text-align:right;
	font-family: FuturaStd Medium;
}

.content-page #offre p.mentions a{
	color:#000;

}

.content-page #offre p.mentions a:hover{
	text-decoration:underline;
}

.content-page #deezer{
	position:absolute;
	right:45px;
	top:80px;
	background : url(../img/offre-deezer.png);
	width: 120px;
    height: 120px;	
}

.content-page a.btn-defibac{
	/*font-size:32px;*/
	font-size: 30px;
    font-family: FuturaStd Medium;
    color: #fff;
    padding: 15px 0px;
    border-radius: 10px;
    width: 300px;
    display: block;
    text-align: center;
	margin: auto auto 50px auto;
}

.content-page a.btn-defibac:visited{
	text-decoration:none;
}

.content-page a.btn-defibac:hover{
	text-decoration:none;
}

.content-page a.btn-defibac:active{
	text-decoration:none;
}

.content-page ul{
	/*font-size:24px;*/
	font-size:16px;
	font-family: FuturaStd Medium;
    margin: 20px auto 20px auto;
    width: 366px;
    padding: 0;
	min-height: 100px;	
}

.content-page ul li{
	list-style-type: none;
	margin-bottom: 5px;	
	font-size : 22px !important;
}

.content-page ul li:before{
	content: "✔ ";
}

.content-page #fiches a#btn-fiches{
	background:#1183cb;
}

.content-page #fiches a#btn-fiches:hover{
	background:#0d5c8e;
}

.content-page #offre a#btn-offre{
	background:#d72488;
}

.content-page #offre a#btn-offre:hover{
	background:#a01c66;
}

.green {
	color:#96b933;
}

.blue {
	color:#2063A6;
}





@media only screen and (max-width: 480px){
	.content-page #deezer{
		display:none !important;
	}
	.content-page a.btn-defibac{
		width: 100%;
	}	
	.content-page #fiches, .content-page #offre{
		min-height: auto;
	}	
}