/** PARALLAX **/



.parallax {

    background-attachment: fixed;

    -webkit-background-size: 100% auto;

    -moz-background-size: 100% auto;

    -o-background-size: 100% auto;

    background-size: 100% auto;

}

.parallax h4{
    font-weight: 100;
}

@media only screen and (max-device-width: 1024px) {

    .parallax {

        background-attachment: scroll;

    }

}


#cuisson-parallax {

    height: 250px;

    text-align: center;

    position: relative;

}



#cuisson-parallax #slide-1, #slide-2 {


    padding-top: 150px;

    height: 250px;

    -webkit-background-size: 100% auto;

    -moz-background-size: 100% auto;

    -o-background-size: 100% auto;

    background-size: 100% auto;

}

#cuisson-parallax #slide-1 {

    background-image: url('../img/parallax/bandeau.jpg');

}

#cuisson-parallax  #slide-2 {

    background-image: url('../img/parallax/baguettes.jpg');

  
}

.slide-dots {

    position: absolute;

    bottom: 10px;

    left: 45%;

}



.slide-dots li {

    display: inline-block;

}



.slide-dots li button {

    background-color: #ffffff;

    border: transparent;

    color: #ffffff;

    margin-right: 10px;

    width: 15px;

    height: 15px;

    line-height: 15px;

}



li.slick-active button {

    color: #B41512;

    background-color: #B41512;

    outline: 0;

}



#lower-parallax {

    color: #ffffff;

    text-align: center;

    height: 100px;

    background-image: url('../img/parallax/fond_slogan.jpg');

    margin-top: 33px;

    padding-top: 33px;

    margin-bottom: 0px;

}



#four-parallax {

    padding-left: 20%;

    background-image: url('../img/parallax/baguettes_cuite.jpg');

    padding-top: 75px;

    height: 168px;

}



#entreprise-parallax {

    background-image: url('../img/parallax/bandeau_entreprise.jpg');

    height: 168px;

    padding-top: 75px;

    padding-left: 20%;

}



#entreprise-parallax h2, #actualite-parallax h2, #four-parallax, #contact-parallax h2 {

    margin-bottom: 0;

}



#actualite-parallax {

    background-image: url('../img/parallax/bandeau_actu.jpg');

    height: 168px;

    padding-top: 100px;

    padding-left: 20%;

}



#contact-parallax {

    background-image: url('../img/parallax/bandeau_contact.jpg');

    height: 168px;

    padding-top: 100px;

    padding-left: 20%;

}

@media only screen and (max-device-width:980px) {
    #four-parallax{
        padding-left: 5%;
        padding-top: 10%;
    }

    #lower-parallax h4{
        font-size:17px;
    }

    #four-parallax h1{
        font-size:25px;
        color: #FFFFFF;
    }

}