h1{
    color: #5997a7;
    font-weight: 900;
    font-size: 30px;
    margin-bottom: 0;
}
h2{
    font-weight: 900;
    font-size: 18px;

    margin-top: 10px;
    margin-bottom: 15px;
}
.autour{

    margin: 0 auto;
}


.container-conseils{

    overflow: hidden;
}

.conseil-outer{

    transform: skew(-8deg);

    overflow: hidden;
}

.conseil-outer-lavage{
    margin-left: -45px;

}
.conseil-outer-cuisson{
    margin-right: -45px;

}
.conseil-outer-froid{
    margin-right: -45px;

}
.conseil{
    transform: skew(8deg) scale(1.13) translateY(28px);
    height: 485px;
    -webkit-background-size:cover;
    background-size:cover;

}

.lavage{
    background-image: url(../images/home/lavage.jpg);
    -webkit-background-size:91%;
    background-size:91%;
    -ms-background-position-x:79px;
    background-position-x:79px;.

}
.cuisson{
    background-image: url(../images/home/cuisson.jpg);
    background-position-x: -66px;
}

.froid{
    background-image: url(../images/home/froid.jpg);
}

.cadre-titre{

    width:169px;
    height:172px;
    text-align: center;
    margin:0 auto;
    padding-top:37px;
    -webkit-box-shadow: -1px 5px 33px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -1px 5px 33px 0px rgba(0,0,0,0.75);
    box-shadow: -1px 5px 33px 0px rgba(0,0,0,0.75);
    position: absolute;
    z-index:1000;
    left: 50%;
    margin-left: -80px;
}


.cadre-titre .logo{
    font-size:47px;
    color: white;
}



.cadre-titre h3{
    text-transform: uppercase;
    font-size:30px;
    color: white;
    font-weight:900;

}
.lavage .cadre-titre{
    background-color: #eb6012;
}

.cuisson .cadre-titre{
    background-color: #d2d700;
}

.froid .cadre-titre{
    background-color: #64c3da;

}

.conseil-hover{
    display: none;

    position: absolute;
    top: 0;
    left: 0;
    width:100%;
    height:100%;
    z-index:500;
    text-align: center;
    color: white;
    font-size:18px;
    font-weight:400;
}

.conseil-hover p{
    width:290px;
    margin:0 auto;
    margin-top:220px;
    margin-bottom:20px;
}

.conseil:hover .conseil-hover{
    display: block;
}

.conseil.lavage .conseil-hover{
    background-color: rgba(235,96,18,0.9);
}

.conseil.cuisson .conseil-hover{
    background-color: rgba(210,215,0,0.9);
}

.conseil.froid .conseil-hover{
    background-color: rgba(100, 195,218,0.9);
}

.btn-conseil, .btn-conseil:active, .btn-conseil:focus, .btn-conseil:hover  {
    background-color: white!important;
    color: #d2d700;
    text-transform: uppercase;
    font-size:12px;
}
.btn-conseil i{
    font-size: 13px;

    margin-right:10px;

}
.lavage .btn-conseil, .lavage .btn-conseil:active, .lavage .btn-conseil:focus, .lavage .btn-conseil:hover{
    color: #eb6012;
}

.cuisson .btn-conseil, .cuisson .btn-conseil:active, .cuisson .btn-conseil:focus, .cuisson .btn-conseil:hover{
    color: #d2d700;
}

.froid .btn-conseil, .froid .btn-conseil:active, .froid .btn-conseil:focus, .froid .btn-conseil:hover{
    color: #64c3da;
}

.marques{
    text-align: center;
    background-color: #8acada;
    margin-top:-35px;

}

.marques h2{
    padding-top: 100px;

}