/* fonts */
@font-face {
font-family: "liberation-sans";
src: url("../fonts/liberation_sans/LiberationSans-Bold.ttf");
src: url("../fonts/liberation_sans/LiberationSans-Regular.ttf");
}

body{
	background-image:url('../img/image-consommateur-3.jpg');
	background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    color:#FFF;
    display: flex;
    font-family: liberation-sans, sans-serif;
    font-style: normal;
    position:relative; z-index: 1;
    background-position: 70%;
}
@media screen and (min-width: 575px) {
    body{background-position: 50%;}
}
@media screen and (min-width: 768px) {
    body{background-position: 40%;}
}
@media screen and (min-width: 992px) {
	body{background-position: 0%;}
}
a{ color:#FFF; }
a:hover{ color:#FFF; }
body::before{content:""; position:absolute; background-color: rgba(0, 0, 0, 0.2);z-index: -1; top: 0; left: 0; bottom: 0; right: 0;}

.wrapper{position:relative; z-index: 1;
    max-width: 1300px;
    margin-left: auto;
    margin-right: auto;
    justify-content: space-between;
}
.wrapper > div{margin: 30px 15px;}
.wrapper > div:last-child{margin-bottom: 0 !important;}
.wrapper .section-space{
	margin-bottom:50px;
}
/**  title */
 .title{
	font-weight: 600;    
    font-size: 25px;    
}
@media screen and (min-width: 992px) {
    .title{font-size: 27px;}    
}
@media screen and (min-width: 1200px) {
    .title{font-size: 37px;}    
}
.page-title{text-align: center;}

.bloc-container-md{
	max-width: 100%;
}
@media screen and (min-width: 992px) {
	.bloc-container-md{max-width: 700px;}
}
@media screen and (min-width: 1200px) {
    .bloc-container-md{max-width: 890px;;}   
}
/** Logo */
.logo{
	display: flex;
    justify-content: center;
}
.logo img{
	width:140px;
}
@media screen and (min-width: 992px) {
    .logo{position: absolute;right: 2%;}   
    .logo img{
        width:100px;
    } 
}
@media screen and (min-width: 1200px) {
	.logo{top: 13px; }
	.logo img{width: 110px;}
}
/**
*
* description */
.description{
	align-items: center;
    align-content: center;
    flex-direction: column;
}
.description .content{
	background-color:#6f9b2d;
	padding: 20px;
    padding-right: 5px;
    font-size: 22px;
    font-weight: 900;
    width: 100%;
    flex: 0 0 100%;
}
.description .content p { margin-bottom:0; }
.description .title { font-size: 49px; font-weight: bold; margin-top: 25px; text-align: center; }
@media screen and (min-width: 768px) {
    .description{flex-direction: row; display:flex;}
    .description .content{width: 292px; flex: 0 0 292px;}
    .description .title {margin-left:50px; margin-top: 0px; text-align: left; }
}
@media screen and (min-width: 1200px) {
	.description .title{ text-align:center; }
}

/**
*
*  footer */
.footer{
	padding-bottom:30px;
}

.footer .title{   font-size: 22px;   margin-bottom:5px; }
@media screen and (min-width: 1200px) {
.footer .title{   font-size: 25px;   margin-bottom:5px; }
}