/*********************************************/
/*          Slider Premium Menuiserie        */
/*  -------------------------------------    */
/*  Couleur de gauche et bouton à droite     */
/*  Remplacer [ #b79076 ] Par votre couleur  */
/*  Couleur de droite et bouton à gauche     */
/*  Remplacer [ #2B2D35 ] Par votre couleur  */
/*********************************************/




.fs {
    height: 100vh;
}

.fs1 {
    text-align: center;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
}

.fs2-content,
.fs1-content {
    z-index: 100;
    color: #FFF;
}

.fs1-content img,
.fs2-content img
{
    width: 100%;
    max-width: 400px;
}

.fs1-content p {
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    color: #fff;
    font-size: 18px;
    line-height: 26px;
    max-width: 600px;
    display: inline-block;
}

.fs1-content h3 span{
    text-transform: none;
    font-family: 'Oswald', sans-serif;
    font-size: 60px;
    color: #FFF;
}

.fs1-content h2,
.fs2-content h2 {
    letter-spacing: 8px;
    font-size: 3em;
    font-weight: 300;
}

.fs2-content h3 span {
    text-transform: none;
    font-family: 'Oswald', cursive;
    font-size: 70px;
    color: #FFF;
}

.fs1-content p,
.fs2-content p {
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    color: #fff;
    font-size: 22px;
    line-height: 26px;
    max-width: 600px;
    display: inline-block;
}

.fs2-content span {
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    color: #2B2D35;
    font-size: 28px;
}

.fs1-content span {
    font-family: 'Oswald', sans-serif;
    -webkit-font-smoothing: antialiased;
    font-weight: 300;
    color: #b79076;
    font-size: 28px;
}

.boutons2,
.boutons {
    display: inline-block;
    font-family: inherit;
    position: relative;
    outline: 0;
    line-height: 21px;
    letter-spacing: .2em;
    font-weight: 600;
    text-transform: uppercase;
    box-sizing: border-box;
    margin: 0;
    -webkit-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    -moz-transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out;
    font-size: 11px;
    margin-top: 30px;
}

.boutons a.btn1 {
    color: #ffffff;
    background-color: #b79076;
    font-size: 11px;
    font-weight: 300;
    font-family: "Oswald",sans-serif;
    letter-spacing: 2px;
    margin: 0 16px 18px 0;
    padding: 18px 32px;
    text-decoration: none;
}

a.btn2 {
    color: #444;
    background-color: transparent;
    border: 1px solid #444;
    font-size: 11px;
    font-weight: 300;
    font-family: "Oswald",sans-serif;
    letter-spacing: 2px;
    margin: 0 16px 18px 0;
    padding: 18px 32px;
    text-decoration: none;
}

.fs2 .boutons a.btn1 {
    color: #ffffff;
    background-color: #333;
    font-size: 11px;
    font-weight: 300;
    font-family: "Oswald",sans-serif;
    letter-spacing: 2px;
    margin: 0 16px 18px 0;
    padding: 18px 32px;
    text-decoration: none;
}

/* Blur + Gray Scale */
.hover10 figure img {
    -webkit-filter: grayscale(0) blur(0);
    filter: grayscale(0) blur(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}

.hover10:hover figure img {
    -webkit-filter: grayscale(100%) blur(5px);
    filter: grayscale(100%) blur(5px);
}


.dark-overlay {
    background: #2B2D35;
    opacity: 0.7;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.gold-overlay {
    background: #b79076;
    opacity: 0.7;
    position: absolute;
    left: 0px;
    top: 0px;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.fs2 {
    text-align: center;
    height: 100%;
    align-items: center;
    display: flex;
    position: relative;
}

.image {
    display: flex;
    align-items: center;
}

.image img {
    width: 100%;
    max-width: 400px;
}






/*************************/
/*      MEDIA SCREEN     */
/*************************/


@media screen and (max-width: 1200px){

    .contact-home .contact-accueil-formulaire{
        padding: 35px;
    }

    .bord{
        padding: 30px;
    }

    .fs {
        height: 50vh;
    }

}

@media screen and (max-width: 992px){

    .image {
        display: block;
        text-align: center;
    }

    .image img {
        width: 100%;
        max-width: 400px;
        display: inline-block;
    }

    .cont {
        width: 100%;
    }

    .section1 .pres2,
    .pres2 {
        text-align: center;
    }

    .section1 .pres2,
    .pres2 {
        padding: 40px;
    }

    .banniere-opacity {
        padding: 50px 3% 50px;
    }

    .affix {
        text-align: center;
        margin: 0px;
    }

    .navbar a img{
        width: 300px;
        float: none;
    }

    .contact-home .bord{
        padding: 35px;
    }

    .catalogue-produit,
    .contact-home .contact-reseaux-sociaux,
    .contact-home{
        text-align: center;
    }

    .contact-home .contact-reseaux-sociaux{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    #textes .pres{
        padding: 50px;
    }

    #home_services .home_services_texte_bottom_right,
    #home_services .home_services_texte_bottom_left,
    #home_services .home_services_texte_top_right,
    #home_services .home_services_texte_top_left{
        padding: 40px 30px;
    }

    .actu{
        padding:60px;
    }

}

@media screen and (min-width: 992px){

    .row-eq-height {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }

}

@media screen and (max-width: 768px){

    .fs {
        height: 100vh;
    }

    .fs2-content, .fs1-content {
        z-index: 100;
        color: #FFF;
        padding: 10px;
    }

    .prestations {
        padding-bottom: 0px;
    }

    .fs1 {
        text-align: center;
        height: 50vh;
        align-items: center;
        display: flex;
        position: relative;
    }

    .fs2-content h3 span,
    .fs1-content h3 span {
        font-size: 40px;
    }

    .fs2-content span,
    .fs1-content p, .fs2-content p {
        font-size: 20px;
    }

    .fs1-content span {
        font-size: 20px;
    }

    .fs1-content img,
    .fs2-content img{
        max-width:30vw;
    }

    .fs2 {
        text-align: center;
        height: 50vh;
        align-items: center;
        display: flex;
        position: relative;
    }

    .actu h4 {
        font-size: 30px;
    }

    .texte-slider {
        top: 25%;
    }


    #home_services .home_services_texte_bottom_right,
    #home_services .home_services_texte_bottom_left,
    #home_services .home_services_texte_top_right,
    #home_services .home_services_texte_top_left{
        padding: 20px 20px;
    }

    .actu{
        padding:35px;
    }

    .texte-slider span{
        width: 100%;
        float: left;
        margin-bottom: 15px;
    }

    .texte-slider h2 {
        font-size: 25pt;
    }

    .texte-slider .bouton a{
        font-size: 11px;
    }

    #textes .pres{
        padding: 35px;
    }

    .pres{
        padding: 35px;
    }

    .pres h3{
        font-size: 35px;
    }

    .pres p{
        font-size: 16px;
    }

    .embed-container{
        position: relative;
    }

    .banniere-opacity{
        padding: 20px 3% 20px;
    }

    .banniere h2{
        font-size: 16px;
    }

    .contact-home .contact-reseaux-sociaux,
    .contact-home{
        text-align: center;
    }

    .contact-home .contact-reseaux-sociaux{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .contact-home .contact-accueil-formulaire{
        padding: 35px;
    }

    .bouton_form_content{
        text-align: center;
    }

    .partenaires-home img{
        max-width: 90px;
    }

    .titres-section h2{
        font-size: 35px;
    }

    .liens{
        padding-top: 20px;
    }

    .contact-accueil-formulaire,
    .actualites-home,
    .partenaires-home,
    .galerie-home{
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .contact-home .contact-reseaux-sociaux,
    .contact-home{
        text-align: center;
    }

    .contact-home .contact-reseaux-sociaux{
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .contact-home .contact-accueil-formulaire{
        padding: 25px;
    }

    .bouton_form_content{
        text-align: center;
    }

    div.actualites-articles{
        padding: 35px;
    }

}

.grid figure img{
    min-height: 0;
    width: 100%;
}

#filters li span{
    padding: 18px !important;
}