body {
    background:#FFFFFF;
    overflow-x:hidden; /* Permet de supprimer defilement horizontal aux breakpoints si ya un defilement vertical (enleve 20px aux divs sans bouger le viewport...) */
}

body,
.c_ck {
    color:#776d66;
    font-family:'Eras';
}
    body a,
    .c_ck a {
        transition:320ms;

        color:#e6372b;
        text-decoration: none;
    }
    body a:hover,
    .c_ck a:hover {
        color: #ff0000;
        text-decoration: none;
    }

    h1 { font-size:xx-large; }
    h2 { font-size:x-large; }

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="password"],
textarea.form-control,
select.form-control {
    color: #776d66;
}
.input-group input:focus,
.input-group button:focus,
.form-control:focus {
    border-color:#818181;
}



/* Navbar */
#nav_container {
    top:0;
    width:100%;
    font-family: Muli;
    border-bottom:2.5pt #665d57 solid;
}

    #nav_header {
        padding:5pt 0 5pt 0;
    }
        #nav_h_logo img {
            height:32pt;
        }

        #nav_h_div_txts {
            font-size:10pt;
            margin-left:5pt;
            color:#000;
            width:80%;
            margin-top:16pt;
        }

        #nav_h_div_contact {

            margin-top:16pt;
            color:#000000;
            margin-left:5pt;
            width:80%;

        }
            #nav_h_div_c_tel {
                font-weight: bold;
                font-size:16pt;
            }



        #nav_toggle_container {
            position:absolute;
            top:4pt;
            bottom:4pt;
            right:4pt;
            height:35pt;
        }
            #nav_toggle {
                height:100%;
                padding:0 5pt 0 8pt;
                cursor:pointer;
            }
                #nav_toggle span {
                    font-size:16pt;
                    color:#3c3733;
                }

    #nav_menu_container {
        padding-top:4pt;
        padding-bottom:4pt;
    }

        #nav_menu > div {
            margin-top:2.5pt;
            margin-bottom:2.5pt;

            font-size:15pt;
        }
            #nav_menu > div a {
                color:#000000;
            }
                #nav_menu > div a:hover {
                    color:#e91b1d;
                }

            #nav_menu > div.nav_menu_ec a {
                color:#910c0d;
            }
                #nav_menu > div.nav_menu_ec a:hover {
                    color:#e91b1d;
                }


        #nav_infos {
            margin-top:14pt;
        }
            #nav_i_div_title {
                    font-size:11pt;
                    font-weight: bold;
                }
                    #nav_i_t_div_color {
                        margin-left:4pt;
                        color:#910c0d;
                    }
                        #nav_i_tc_div_stars {
                            font-size:35%;
                            margin-left:3pt;
                            margin-top:-6pt;
                        }

                #nav_i_div_infos {
                    margin-top:6pt;
                }

                #nav_i_div_icons {
                    margin-top:14pt;
                    font-size:75%;
                    font-weight: bold;
                }
                    #nav_i_div_icons > div:first-of-type {
                        margin-right:13pt;
                    }
                    .nav_i_icon {
                        border-radius: 3pt;
                        background: #910c0d;
                        color:#ffffff;
                        font-weight: normal;
                        margin-right: 3pt;

                        width:20pt;
                        height:20pt;

                        text-align:center;
                    }
                        .nav_i_icon > span {
                            font-size:13pt;
                            padding-top:2pt;
                        }
                        .nav_i_icon > div {
                            font-size: 15pt;
                            margin-top:1pt;
                        }

        #nav_ml {
            margin-top:16pt;
            text-align: center;
        }
            .nav_ml_onelang {
                display:inline-block;
                margin-left:0.75pt;
                margin-right:0.75pt;
            }
                .nav_ml_onelang img {
                    height:18pt;
                }



@media (max-width: 767px) {

    #nav_container {
        position:fixed;
        z-index: 1000;
    }
        #nav_header {
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e8e8e+0,ffffff+100 */
            background: rgb(142,142,142); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(142,142,142,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

        }
        #nav_menu_container {
            display:none;
            max-height:75vh;
            overflow-y:auto;

            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e8e8e+0,ffffff+100 */
            background: rgb(142,142,142); /* Old browsers */
            background: -moz-linear-gradient(top,  rgba(142,142,142,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
            background: -webkit-linear-gradient(top,  rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom,  rgba(142,142,142,1) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

        }

    #div_contenu {
        margin-top:58px;
    }

}

@media (min-width: 768px) {

    #nav_container {

        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e8e8e+0,ffffff+50 */
        background: rgb(142,142,142); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(142,142,142,1) 0%, rgba(255,255,255,1) 70%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(142,142,142,1) 0%,rgba(255,255,255,1) 70%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(142,142,142,1) 0%,rgba(255,255,255,1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


    }

        #nav_header {
            padding-top:0;
        }

        #nav_header_container_divs {
            display:flex;
            flex-direction: row;
            flex-wrap:nowrap;
            justify-content: flex-start;
            align-items: flex-start;
            align-content: stretch;
        }

            #nav_h_logo {

                padding-top: 0;
            }
                #nav_h_logo img {
                    height:50pt;
                    width:auto;
                }

                    #nav_h_plus {
                        display:flex;
                        flex-direction: row;
                        flex-wrap:nowrap;
                        align-content: stretch;
                    }

                    #nav_h_div_txts {
                        flex-grow:2;
                        font-size:10pt;
                        margin-left:5pt;
                        color:#fff;
                        width:auto;
                        margin-top:3pt;
                        height:40pt;
                        padding:0 4% 0 4%;
                    }

                    #nav_h_div_contact {
                        background-color: #ffffff;
                        margin-top:0;

                        color:#000000;
                        margin-left:5pt;
                        width:200pt;

                        padding:5pt 2pt 5pt 2pt;
                        text-align:center;
                        border-radius:0 0 8pt 8pt;

                    }
                    #nav_h_div_c_tel {
                        font-weight: bold;
                    }

    #nav_menu_container {
        position:relative;
        height:19pt;
        overflow: visible;
    }
        #nav_menu {
            display:flex;
            justify-content: space-between;
        }
            #nav_menu > div {
                font-size:12pt;
                position:relative;
            }
                #nav_menu > div a {
                    color:#000000;
                }
                    #nav_menu > div a:hover {
                        color:#910c0d;
                    }

    .nav_menu_ec .nav_barre_sous {
        background-color:#ffffff;
        height:3pt;
    }
    .nav_menu_to_hover:hover .nav_barre_sous {
        background-color:#ffffff;
        height:3pt;
        transition: 500ms;
    }

    #nav_line_gris {
        background-color:#929292;
        width:100%;
        height:5pt;
    }
}

@media (min-width: 992px) {

    #nav_menu > div {
        font-size:12pt;
    }

    #nav_menu_container {
        position:absolute;
        top:46pt;
        left:192pt;
        right:5pt;
        height:auto;
    }
    #nav_h_logo img {
        height:60pt;


    }
    #nav_h_plus {
        height:42pt;
    }

    #nav_infos {
        padding-left:10pt;
        padding-right: 25pt;
    }



}

@media (min-width: 1280px) {

    #nav_menu_container {
        top:51pt;
        left:260pt;
    }
        #nav_menu > div {
            font-size:15pt;
        }

    #nav_infos {
        padding-right:40pt;
        padding-left:12pt;
    }
    #nav_h_logo img {
        height:70pt;

    }
    #nav_h_plus {
        height:50pt;
    }
    #nav_h_div_txts {

        font-size:12pt;
        height:50pt;


    }

}
/* Fin navbar */





#div_contenu {

    background:#ffffff;
}
    @media (min-width: 768px) {
        #div_contenu {

        }
    }
    @media (min-width: 1280px) {
        #nav_background-navbar {
            background:transparent;
        }
        #nav_background-navbar-header {
            background:#ffffff;
            top:0;
            height:90px;
            opacity:0.7;
        }
    }



/* Contenus */
@media (min-width:1280px) {
    .c_page_div_little_container {
        width:83.33%;
        margin:18px auto auto auto;
    }
}

#back_contenu {
    background:url("/_images/site/back_contenu.jpg") top center no-repeat;
}

.container.content-container {
    padding-left:5px;
    padding-right:5px;
}
#contain_contenus {
    padding-bottom: 12px;
}
    @media (min-width: 768px) {
        #contain_contenus {
            padding-top: 10px;
            padding-bottom: 50px;
        }
    }
    @media (min-width:1280px) {
        #contain_contenus {
            padding-top: 10px;
            padding-bottom: 60px;
        }
        .container.content-container {
            padding-left:0px;
            padding-right:0px;
        }
    }

.c_btn {
     border-radius: 0;
     padding:2pt 4pt 1pt 4pt;
     font-size:11pt;
     text-transform: uppercase;
}

.c_titre {
    margin-top:10px;
    color:#000000;
}
.c_titre-nomargin {
    margin-top:0;
}
.c_titre_div_degrade {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8e8e8e+0,ffffff+100 */
    background: rgb(142,142,142); /* Old browsers */
    background: -moz-linear-gradient(left,  rgba(142,142,142,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  rgba(142,142,142,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  rgba(142,142,142,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e8e8e', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    width:150pt;
    height:3pt;
    margin-top:-8pt;

}

#c_div_arianne {
    margin-top:10px;
    margin-bottom:0;
}
    @media (min-width: 768px) {
        #c_div_arianne {
            margin-top:0;
        }
    }
#c_div_arianne a {
    color:#776d66;
}
    .c_arianne_ec {
        font-weight:bold;
    }


#c_div_rech {
    margin-bottom: 10px;
}

#c_div_rech > div {
    text-align:center;
    margin-bottom:10px;
}
    @media (min-width: 768px) {
        #c_drech_nb_prod {
            margin-top:-2px;
        }
    }
    #c_drech_nb_prod span {
        cursor:pointer;
    }
    @media (min-width: 768px) {
        #c_drech_nb_prod {
            padding-top:8px;
        }
    }

#c_div_contain_txts {
    margin-top:16px;
}

    .c_div_error {
        margin-top:16px;
        margin-bottom:16px;
        text-align:center;
    }

#c_smenu {
    font-family:Muli;
    text-align:center;
}
    #c_smenu .c_titre_div_degrade {
        margin-left:auto;
        margin-right:auto;
    }
    #c_smenu h5, #c_smenu h2 {
        margin:0px;
    }

    .c_smenu_separe {
        padding-left:6px;
        padding-right: 6px;
    }
    .c_smenu_link a {
        color:#000000;
    }
    .c_smenu_link a:hover {
        color:#e6372b;
    }
    .c_smenu_link a.hover {
        font-weight: 700;
    }
    .c_smenu_link a.hover:hover {
        color:#000000;
    }

/* GALLERY */
#c_sg_big {
    position:relative;
    margin-top:16px;
    margin-bottom:16px;
    border:1px #e7e7e7 solid;
    padding:6px;
    text-align: center;
}
    #c_sg_big img {
        max-height: 650px;
    }
    #c_sg_div_load {
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;
        background: #000000;
        opacity: 0.80;
    }
    .c_sg_div_thb {
        padding:6px;
    }
    .c_sg_div_thb img {
        cursor: pointer;
    }
    .c_sgt_img {
        text-align: center;
    }
    .c_sg_div_thb h6 {
        text-align: center;
        margin-top:2px;
    }

/*REVENDEURS*/
#revendeurs_div_plan {
    width:100%;
    height:500px;
}
    #revendeurs_div_txt {
        padding:10px 0 10px 0;
    }

    .revendeurs_div_infowindow {

    }
    .ddi_div_titre {

        font-weight: bold;

    }

    .ddi_div_link a {
        color:#e6372b;
        text-decoration: none;
    }
    .ddi_div_link a:hover {
        text-decoration: underline;
    }
    


    /* PAGES */


        /* Home */

        #c_home_div_para_2 {
            margin-top:22px;
            margin-bottom:8px;
        }

        #c_home_div_code_video_zoom iframe {
            width:100%;
            height:260px;
        }

        @media (min-width: 768px) {
            #c_home_div_para_2 {
                margin:0;
            }
        }

            #c_home_div_para_2 > a {
                color:inherit;
            }



            @media (min-width: 768px) {
                #c_home_div_para_1 {
                    padding-left:15px;
                    padding-right:5%;
                    text-align: justify;
                }

            }

        /* Slider */



            /* Bandeau image */
            #contain_bandeau_image {
                position: relative;
                margin: 0 auto;
                top: 0;
                left: 0;

                overflow: hidden;
            }
                #cbi_contain_slides, #contain_bandeau_image {
                    width:2000px;
                    height: 650px;
                    /* A REPETER DANS STYLE de cb_contain_slides ! */
                }
                #cbi_contain_slides {
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                #cbi_contain_slides > div {
                    position:relative;
                }

            .c_home_s_legend {
                position:absolute;
                top:350pt;
                left:10pt;
            }

            .c_home_sl_1 span {
                background:rgba(255,255,255,0.7);
                padding:8px 50px 8px 50px;
                font-size: 40pt;
                color:#000000;
            }
            .c_home_sl_button {
                margin-top:24px;
            }
                .c_home_sl_button span {
                    background:rgba(56,53,49,0.8);
                    color:#bcb23e;
                    padding:8px 50px 8px 50px;
                    font-size: 32pt;
                }

            @media (min-width: 500px) {
                .c_home_sl_1 span {
                    bottom:110px;
                    font-size: 40pt;
                }
                .c_home_sl_button span {
                    font-size: 32pt;
                }
            }
            @media (min-width: 768px) {
                .c_home_sl_1 span {
                    bottom:95px;
                    font-size: 40pt;
                }
                .c_home_sl_button span {
                    font-size: 26pt;
                }
            }
            @media (min-width: 992px) {
                .c_home_sl_1 span {
                    bottom:82px;
                    font-size: 30pt;
                }
                .c_home_sl_button span {
                    font-size: 20pt;
                }
            }
            @media (min-width: 1280px) {
                .c_home_sl_1 span {
                    bottom:70px;
                    font-size: 24pt;
                }
                .c_home_sl_button span {
                    font-size: 20pt;
                }
            }
            @media (min-width: 1600px) {
                .c_home_sl_1 span {
                    bottom:72px;
                    font-size: 20pt;
                }
                .c_home_sl_button span {
                    font-size: 20pt;
                }
            }




        /* jssor slider bullet navigator skin 11 css */
        /*
        .jssorb div           (normal)
        .jssorb div:hover     (normal mouseover)
        .jssorb .av           (active)
        .jssorb .av:hover     (active mouseover)
        .jssorb .dn           (mousedown)
        */
        .jssor-bullet {
            position: absolute;
            top:95%;
        }
        .jssor-bullet div, .jssor-bullet div:hover, .jssor-bullet .av {
            position: absolute;
            /* size of bullet elment */
            width: 25px;
            height: 25px;
            background: url('/_config/js/jquery/jssor/img/b-custom.png') no-repeat;
            overflow: hidden;
            cursor: pointer;
        }
        .jssor-bullet div { background-position: -25px -25px; }
        .jssor-bullet div:hover, .jssor-bullet .av:hover { background-position: -100px -25px; }
        .jssor-bullet .av { background-position: -175px -25px; }
        .jssor-bullet .dn, .jssor-bullet .dn:hover { background-position: -250px -25px; }



#nl_and_share_div {
    margin-bottom:0px;
}
    #addthis_div_contain {
        text-align: center;
        margin-bottom:8px;
    }
        @media (min-width:768px) {
            #addthis_div_contain {
                padding-right: 10px;
                text-align: right;
                top:23px;
            }
        }
        @media (min-width:1280px) {
            #addthis_div_contain {
                padding-right: 0;
            }
        }

    #nlsi_div_title {
        font-size: larger;
        color:#e6372b;
    }

#div_footer {



    background: #6b6a6a;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#040404+0,6b6a6a+100 */
    background: rgb(4,4,4); /* Old browsers */
    background: -moz-linear-gradient(top,  rgba(4,4,4,1) 0%, rgba(107,106,106,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(4,4,4,1) 0%,rgba(107,106,106,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(4,4,4,1) 0%,rgba(107,106,106,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#040404', endColorstr='#6b6a6a',GradientType=0 ); /* IE6-9 */


    border-top:5px solid #808080;
    padding-top:15px;
    padding-bottom:0px;
}

    #div_footer_illustration {
        position:absolute;
        top:-70pt;
        left:5pt;
        width:250pt;

    }
        @media (min-width: 992px) {
            #div_footer_illustration {
                width:300pt;
                top:-80pt;
            }
        }
        @media (min-width: 1280px) {
            #div_footer_illustration {
                top:-90pt;
                width:350pt;
            }
        }
    #footer_div_contents > div {
        margin-bottom:20px;
    }
    .f_div_title {
        font-size: larger;
        color:#e6372b;
    }
    .f_div_links {
        padding-left:0;
    }
        .f_div_links li {
            list-style: none;
        }
            .f_div_links a {
                color:#776d66;
            }
            .f_div_links a:before {
                content:'·';
                color:#776d66;
                margin-right:6px;
            }

    #f_div_copy {
        text-align: center;
    }
        #f_div_copy a {
            color:#776d66;
        }
        @media (min-width: 768px) {
            #f_div_copy {
                text-align: center;
            }
        }

.as_div_required {
    display: none;
}