/*@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i,900,900i|Rufina:400,700');*/


/* Alignements WordPress */
.alignleft {

    float: left;
    margin-right: 1.625em;
}
.alignright {

    float: right;
    margin-left: 1.625em;
}
.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.gallery a.thumbnail img {
    max-height: 168px;
    width: auto;
}



::-moz-selection { /* Code for Firefox */
    background: rgba(255,255,255,0.1);
    color:#a69f95;
}
::selection {
    background: rgba(255,255,255,0.1);
    color:#a69f95;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
    background-color: #F5F5F5;
}
::-webkit-scrollbar {
    width: 8px;
    background-color: #F5F5F5;
}
::-webkit-scrollbar-thumb {
    background-color: #a69f95;
}

html,body {
    margin:0;
    font-family: 'Microsoft YaHei', '宋体', Arial, sans-serif;
    font-weight: 400;
    background: #fff;
    color: #3d3d3d;
}
body {overflow-x: hidden;}
h1, h2, h3, h4, h5 {font-weight: 700;}

b, strong {font-weight: 700;}
a {color: #a69f95; text-decoration: none;}
:focus {outline: none!important;  outline-offset: 0!important;}
a:hover, a:active, a:focus {color: #847a6b; text-decoration: none;}
p {letter-spacing: 0.5px; line-height: 24px;}
.clearspace {clear: both; margin-top: 30px;}
.blockspace {margin-top: 30px;}
.imgfull{
    width: 100%;
    margin: 0 auto;
    height: auto;
}
.lead-big {font-size: 18px; text-transform: uppercase;}
.black {color: #131313!important}
.beige {color: #e0dbd4!important;}
.beige_f {color: #a69f95!important;}
.rouille {color: #cdad9d!important;}
.semi_bold {font-weight: 500!important;}
hr {display: block; width: 100%; border-color: #cdcdcd; margin: 30px 0;}
.block_space {margin-top: 15px; margin-bottom: 15px;}
.fade-img {opacity: 0.8;  -webkit-transition: all .5s ease-in-out; -moz-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.fade-img:hover {opacity: 1;}
span.title-h2 {font-size:30px; margin-bottom: 10px; font-weight: 700;}
@keyframes fade-on {
    from {opacity: 0;}
    to {opacity: 1;}
}
@-webkit-keyframes head_title_animation {
    0% {
        opacity: 0;
        margin-top: 30px;
    }
    100% {
        opacity: 1;
        margin-top: auto;
    }
}
@keyframes head_title_animation {
    0% {
        opacity: 0;
        margin-top: 30px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}

@-webkit-keyframes zoomIn_slider{
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes zoomIn_slider {
    0% {
        transform: scale(1.1);
    }
    100% {
        transform: scale(1);
    }
}
@keyframes main_animation {
    0% {
        margin:auto 0px;
    }
    100% {
        margin:auto 80px;
    }
}
@keyframes show_element {
    0% {
        opacity: 0;
        margin-top: 20px;
    }
    100% {
        opacity: 1;
        margin-top: 0;
    }
}
.animation_element, .animation_element-loop {margin-top: 20px; opacity: 0;}
.animation_element.in-view, .animation_element-loop.in-view {
    -webkit-animation-name: show_element;
    animation-name: show_element;
    -webkit-animation-duration: 0.6s;
    animation-duration: 0.6s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}



/*---- header nav --------------------------------------------------*/

.navbar-custom {
    padding: 5px 80px; right: 0px; left: 0px;
    border-bottom: none;
    background: rgba(255,255,255,1);
    /*border-bottom: 1px solid #eee;*/
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.navbar-custom .nav {
    /*display: inline-block;*/  margin: 0 auto; float: left; padding-top: 50px;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-custom .nav.nav_left {width:50%; padding-right: 150px; text-align: right; }
.navbar-custom .nav.nav_right {width:50%; padding-left: 150px; text-align: left;}
#navbar_wrapper .nav > .mobbar-brand { display: none;}
#navbar_wrapper .mob_lang { display: none;}
.navbar-custom .nav>li {float: none; display: inline-block;}
.navbar-custom .nav>li>a {
    color: #131313; font-size: 13px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
    padding: 10px 15px;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.navbar-custom.opaque .nav>li>a {font-size: 12px; background-color: transparent;}
.navbar-custom .nav>li>a:focus, .navbar-custom .nav>li>a:hover {
    color: #a69f95;
    text-decoration: none;
    background-color: transparent;
}
.navbar-custom .nav>li a[aria-expanded="false"] + .dropdown-menu {
    -webkit-animation-name: fade-on;
    animation-name: fade-on;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: backwards;
    animation-fill-mode: backwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.navbar-custom .nav>li a[aria-expanded="true"] + .dropdown-menu {
    -webkit-animation-name: fade-on;
    animation-name: fade-on;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.navbar-custom .nav>li>.dropdown-menu {
    position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0);
    min-width: auto; padding: 5px 0;  /*margin: 0;*/
    font-size: 12px!important; text-transform: uppercase; text-align: center; list-style: none;
    background-color: #fff; border:none; border-bottom: 2px solid #a69f95; border-radius: 0;
    -webkit-box-shadow: 0 15px 15px rgba(0,0,0,.1);
    box-shadow: 0 15px 15px rgba(0,0,0,.1);
    -webkit-transition: all 0.4s ease 0s;  -moz-transition: all 0.4s ease 0s;  -ms-transition: all 0.4s ease 0s;  -o-transition: all 0.4s ease 0s;  transition: all 0.4s ease 0s;
}
.navbar-custom .nav>li>.dropdown-menu li {display: block;}
.navbar-custom .nav>li>.dropdown-menu li a {
    position: relative; display: inline-block; margin: 0 auto;
    text-decoration: none;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.navbar-custom .nav>li>.dropdown-menu li a:hover { text-decoration: none; color: #a69f95; background-color: transparent;}
.navbar-custom .nav>li>.dropdown-menu li a::before, .navbar-custom .nav>li>.dropdown-menu li a::after {display: none;}
.navbar-custom .navbar-brand {
    display: inline-block; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);
    height: 100%; margin: 0px 0px;  padding: 0; float: none!important;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}


/* waves animation ---------------------------------------*/
.box {
    width: 300px;
    height: 300px;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}
.wave {
    opacity: .4;
    position: absolute;
    top: 3%;
    left: 50%;
    background: #fff;
    width: 500px;
    height: 500px;
    margin-left: -250px;
    margin-top: -250px;
    -webkit-transform-origin: 50% 48%;
    transform-origin: 50% 48%;
    border-radius: 43%;
    -webkit-animation: drift 3000ms infinite linear;
    animation: drift 3000ms infinite linear;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.wave.-three {
    -webkit-animation: drift 2500ms infinite linear;
    animation: drift 2500ms infinite linear;
}

.wave.-two {
    -webkit-animation: drift 5000ms infinite linear;
    animation: drift 5000ms infinite linear;
    opacity: .2;
    background: #fff;
}

.box:after {
    content: '';
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(top, #fff, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0));
    background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 1) 55%, rgba(255, 255, 255, 0) 70%, rgba(255, 255, 255, 0));
    z-index: 2;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}

.navbar-custom .navbar-brand .brand {
    position: absolute; left: 50%; top: 0; width: 100%;
    z-index: 4;
    text-align: center;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.navbar-custom .navbar-brand .brand > .logo-ico { max-width: 80px; margin: 55px auto 0;}
.navbar-custom .navbar-brand .brand > .logo-txt {max-width: 170px; margin: 4px auto;}
.navbar-custom .navbar-brand .brand > img {
    height: auto; max-height: 100%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
}
.navbar-custom .navbar-brand .brand:hover > img { -webkit-filter: blur(1px); filter: blur(1px); opacity: 0.7;}

@-webkit-keyframes drift {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes drift {
    from {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    from {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


/*--opaque navbar ---------------------*/
.navbar-custom.opaque {padding-top: 2px; padding-bottom: 2px;}
.navbar-custom.opaque .nav { padding-top: 0px;}
.navbar-custom.opaque .nav.nav_left {width:50%; padding-right: 30px; text-align: right; }
.navbar-custom.opaque .nav.nav_right {width:50%; padding-left: 30px; text-align: left;}
.navbar-custom.opaque .navbar-brand {/* width: 100%;*/ top: 0px; float: none;}
.navbar-custom.opaque .navbar-brand .box {
    height: 90px; width: 300px;
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.navbar-custom.opaque .navbar-brand .box:after {opacity: 0;}
.navbar-custom.opaque .navbar-brand .box .wave { top: -200%; opacity: 0.8;}
.navbar-custom.opaque .navbar-brand .box .wave.-two { background: #fff; opacity: 0.8;}
.navbar-custom.opaque .navbar-brand .box .brand {width: 100%;}
.navbar-custom.opaque .navbar-brand .box .brand > .logo-ico { max-width: 40px; margin: 3px auto ;}
.navbar-custom.opaque .navbar-brand .box .brand > .logo-txt {opacity: 0;}

/*Main wrapper
--------------------------------------------------------------------------*/
#main {position: relative;}
#main.wrapper {
    display: block; margin: 0 0;
    /*overflow-x: hidden;*/
    /*-webkit-animation-name: main_animation;*/
    /*animation-name: main_animation;*/
    /*-webkit-animation-duration: 2s;*/
    /*animation-duration: 2s;*/
    /*-webkit-animation-timing-function: ease-in-out;*/
    /*animation-timing-function: ease-in-out;*/
    /*-webkit-animation-delay: 0.5s;*/
    /*animation-delay: 0.5s;*/
    /*-webkit-animation-direction: alternate;*/
    /*animation-direction: alternate;*/
    /*-webkit-animation-iteration-count: 1;*/
    /*animation-iteration-count: 1;*/
    /*-webkit-animation-fill-mode: forwards;*/
    /*animation-fill-mode: forwards;*/
    /*-webkit-animation-play-state: running;*/
    /*animation-play-state: running;*/
}

/*header
-----------------------------------------------------------*/
/* home and prod carousel
------------------------------------------------------*/
#carousel-home,
#carousel-prod {
    position: relative;
    margin-top:130px;
    height: calc(100vh - 260px); min-height: 450px;
    overflow: hidden; z-index: 0;
}
#carousel-home .carousel-inner,
#carousel-prod .carousel-inner {height: 100%;}
#carousel-home .item,
#carousel-prod .item {
    height: 100%; overflow: hidden;
}
#carousel-home .item .imgcontainer,
#carousel-prod .item .imgcontainer {
    height: 100%;
    background-position: center; background-repeat: no-repeat; background-size: cover;
}
#carousel-home .item .imgcontainer,
#carousel-prod .item .imgcontainer {
    -webkit-animation-name: zoomIn_slider;
    animation-name: zoomIn_slider;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
    -webkit-animation-timing-function: ease;
    animation-timing-function: ease;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
#carousel-home .item::before {
    content: ""; display: block;
    position: absolute; top: 0; left: 0; right: 0; bottom: 0;
    background-color: rgba(0,0,0,0.2);
    z-index: 1;
}
#carousel-home .carousel-control,
#carousel-prod .carousel-control {
    position: absolute; top: 0; bottom: auto; left: 0; width: 60px; height: 100%;
    font-size: 24px;
    color: #131313;
    text-align: center;
    text-shadow:none;
    background-color: transparent;
    opacity: 1;
    z-index: 100;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#carousel-home .carousel-control:hover, #carousel-home .carousel-control:focus,
#carousel-prod .carousel-control:hover, #carousel-prod .carousel-control:focus { color: #131313; opacity: 1;}
#carousel-home .carousel-control.left, #carousel-home .carousel-control.right,
#carousel-prod .carousel-control.left, #carousel-prod .carousel-control.right {
    background: url(../images/exagone.svg) no-repeat center; background-size: contain;
}
#carousel-home .carousel-control.left,
#carousel-prod .carousel-control.left  { transform: translateX(-50%); left: 0; right: auto; }
#carousel-home .carousel-control.right,
#carousel-prod .carousel-control.right { transform: translateX(50%); left: auto; right: 0;}
#carousel-home .carousel-control .fa,
#carousel-prod .carousel-control .fa {
    position: absolute; top: 50%;  transform: translateY(-50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#carousel-home .carousel-control.left .fa,
#carousel-prod .carousel-control.left .fa {left: 60%;}
#carousel-home .carousel-control.right .fa,
#carousel-prod .carousel-control.right .fa {right: 60%;}
#carousel-home .carousel-control.left:hover .fa,
#carousel-prod .carousel-control.left:hover .fa {left: 70%;}
#carousel-home .carousel-control.right:hover .fa,
#carousel-prod .carousel-control.right:hover .fa {right: 70%;}
#carousel-home .carousel-caption {
    position: absolute; width: 100%; top: 50%; margin: auto; padding:40px 15px; bottom: auto; left: 50%; transform: translate(-50%, -50%);
    text-shadow: none;
    z-index: 100; opacity: 0;
    -webkit-animation-name: head_title_animation;
    animation-name: head_title_animation;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
.slider_title-content {
    display: block; margin: 0 auto; text-align: center;
}
.slider_title {
    display: block; margin: 0 auto; position: relative; padding: 0; padding-bottom: 15px; max-width: 100%;
    /*font-family: 'Rufina', serif;*/ font-size: 60px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; text-align: center; line-height: 1em;
}
.slider_title::after {
    content: ""; display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); height: 1px;  width: 50%;
    background-color: #fff;
}
.slider_subtitle {
    display: inline-block; margin-top: 20px;
    /*font-family: 'Lato', sans-serif;*/ font-weight: bold; color: #fff; font-size: 21px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.1;
}

/* # prod carrousel -----------------*/

#carousel-prod { height: calc(90vh - 260px); min-height: 350px;}
#carousel-prod .item::before {
    content: ""; display: block;
    position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 60%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
}


/*-- header_img-page ----------------------------------*/

#header_img-page { position: relative; margin-top:130px; height: calc(90vh - 260px); min-height: 350px; overflow: hidden;}
#header_img_small-page {position: relative; margin-top:130px;  height: calc(33vh); max-height: 350px; min-height: 150px; overflow: hidden;}
#header_img-page .header_img-container,
#header_img_small-page .header_img-container {
    height: 100%; width: 100%;
    background-position: center; background-repeat: no-repeat; background-size: cover;
    /*-webkit-animation-name: zoomIn_slider;*/
    /*animation-name: zoomIn_slider;*/
    /*-webkit-animation-duration: 10s;*/
    /*animation-duration: 10s;*/
    /*-webkit-animation-timing-function: ease;*/
    /*animation-timing-function: ease;*/
    /*-webkit-animation-iteration-count: 1;*/
    /*animation-iteration-count: 1;*/
    /*-webkit-animation-fill-mode: forwards;*/
    /*animation-fill-mode: forwards;*/
    /*-webkit-animation-play-state: running;*/
    /*animation-play-state: running;*/
}
.header_img-container .video {
    width: 100%;
    height: 100%;
}
@media (max-width: 1365px) {
    #header_img-page .header_img-container::before {
        background-color: #fff;
    }
    .mobile-video-image {
        display: block;
        height: 100%; width: 100%;
        background-position: center; background-repeat: no-repeat; background-size: cover;
    }
    .video-wrap {
        display: none;
    }
}
@media (min-width: 1366px) {
    #header_img-page .header_img-container::before {
        content: ""; display: block;
        position: absolute; top: 0; left: 0; right: 0; bottom: 0;
        /*background-color: rgba(0,0,0,0.2);*/
        z-index: 1;
    }
}
#header_img-page .header_title-content {
    position: absolute; width: 100%; top: 50%; margin: auto; padding:40px 15px; bottom: auto; left: 50%; transform: translate(-50%, -50%);
    text-shadow: none;
    z-index: 100; opacity: 0;
    -webkit-animation-name: head_title_animation;
    animation-name: head_title_animation;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-play-state: running;
    animation-play-state: running;
}
#header_img-page .header_title-content .serie_title {display: block; color: #fff; text-align: center; text-transform: uppercase; margin: 10px auto 20px;}
#header_img-page .header_title-content .serie_title > small {
    display: block; color: #fff;
    /*font-family: "Lato", sans-serif;*/ font-size: 48px; font-weight: 300; letter-spacing: 2px;
}
#header_img-page .header_title-content .serie_title > strong {
    display: block;
    /*font-family: "Rufina", serif;*/ font-size: 170px; font-weight: bold; letter-spacing:0; line-height: 135px;
}
#header_img-page .simple_title {
    display: block; margin: 0 auto; position: relative; padding: 0; padding-bottom: 15px; max-width: 100%;
    /*font-family: 'Rufina', serif;*/ font-size: 60px; color: #fff; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; text-align: center; line-height: 1em;
}


/*copyright ---------------------------------------------------*/
.copyright {position: relative;}
.copyright::after {
    content: "​‌© " attr(data-copyright); position: absolute; bottom: 5px; right: 5px;
    font-size: 10px; color: #fff; text-shadow: 1px 1px #000;
}


/* main - centent ----------------------------------------------*/

section, .section_space {padding:50px 0;}
section:first-of-type {padding-bottom:0;padding-top: 0;}
section:last-child.section_grey,
section:last-child.section_dark {margin-bottom: 50px;}
section.section_grey {background-color: #f5f5f5;}
section.section_dark {background-color: #131313; color: #dadada; }
section.section_dark .head_title { color: #fff; }
.img_section {
    display: block; position: relative;
    background-position: center; background-repeat: no-repeat; background-size: cover;
}
.img_section::before {
    content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.15);
}
.plain-text {
    margin-top: 30px;
}


/*------ breadcrumb ----------------------------------------------------------*/
.breadcrumb {position: relative; padding:0; margin-bottom:0px; list-style: none; background-color: transparent; border-radius: 0px;}
.seopress-breadcrumb {
    position: absolute; top: 0; left: 0; transform: translate(0, -100%);
}
.seopress-breadcrumb > ol {
    padding: 4px 5px; margin: 0px; height: auto; max-width: 100%;  width: auto;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
    font-size: 10px; letter-spacing: 0px;
    background-color: rgba(0,0,0,0.3); border-radius: 0px;
}
.seopress-breadcrumb > ol > li {
    display: inline!important; position: relative; padding: 0px 5px 0px 0;
    font-size: 12px; text-transform: uppercase; color: #fff; /*font-family: "Lato", sans-serif;*/ white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.seopress-breadcrumb > ol > li::after {content: "-"; display: inline-block; transform: translateX(calc(50% + 5px)); }
.seopress-breadcrumb > ol > li a {color: #fff;}
.seopress-breadcrumb > ol > li:last-child {font-weight: 600;}
.seopress-breadcrumb > ol > li:last-child::after {display: none;}



/*--head titles style-------------------------------------*/
.head_title-over_top {
    position: relative; display: block; margin-top: -50px; padding:25px 50px 50px;
    background-color: #fff; color: #131313; /*font-family: "Rufina", serif;*//* font-size: 34px;*/ letter-spacing: 1px; text-transform: uppercase;
    /*z-index: 2;*/
}
.head_title {
    display: block; position: relative; margin-bottom: 30px;
    /*font-family: "Rufina", serif;*/
}
.head_title > * { margin-top: 10px ; }
.head_title .small_title, .head_title-over_top .small_title {
    display: block; position: relative; margin: 0 0 0px;
    /*font-family: "Lato", sans-serif;*/ font-size: 16px; font-weight: 300; letter-spacing: 2px; color: #a69f95; text-transform: uppercase;
}
.head_title-over_top .small_title { margin-bottom: -10px;}
.head_title .small_title::before, .head_title-over_top .small_title::before {
    content: ""; display: inline-block; width: 30px; height: 1px; margin: 5px 10px 5px 0;
    background-color: #a69f95;
}
.head_title.text-center .small_title,
.head_title-over_top.text-center .small_title { padding-bottom: 15px; }
.head_title.text-center .small_title::before,
.head_title-over_top.text-center .small_title::before {position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); margin: 0;}

.head_title.no_section {margin: 60px 0 0 0;}

.head_title > p, .head_title-over_top > p {margin-top: 30px; /*font-family: "Lato", sans-serif;*/ text-transform: none;}

/*--sub_title-----------------------------*/
.sub_title {
    display: block; position: relative; margin: 0 0 30px;
    /*font-family: "Rufina", serif;*/  font-weight: 700; letter-spacing: 1px; color: #131313; text-transform: uppercase;
}
.sub_title::before {
    content: ""; display: inline-block; width: 30px; height: 1px; margin: 5px 10px 5px 0;
    background-color: #131313;
}

/* title normal -------------------------------------------*/
.title {
    display: block; margin: 15px auto 20px; position: relative; padding: 0; padding-bottom: 15px;
    /*font-family: 'Lato', sans-serif;*/ font-weight: 300; text-transform: uppercase; color: #131313;
}
.title::after {
    content: ""; width: 30px; height: 1px;
    background: #aca59c;
    position: absolute; left: 0; bottom: 0;
    z-index: 1;
}

/*---catégories --------------------------------------------------------------------------*/

.categorie_block {
    display: block; position: relative; width: 100%; height: 230px; margin: 15px auto;
    background-color: #e0dbd4;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.categorie_block > img {
    position: absolute; top: 50%; right: 0; transform: translateY(-50%);
    opacity: 0.4;
    /*-webkit-filter: grayscale(100%); !* Safari 6.0 - 9.0 *!*/
    /*filter: grayscale(100%);*/
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.categorie_block .title_cat {
    display: block; position: absolute; top: 50%; left: 0; width: 125px; height: 170px; transform: translate(0, -50%); margin: 0; padding: 10px 5px;
    background-color: #fff; color: #a69f95; font-size: 14px; font-weight: bold; letter-spacing: 0.5px; text-transform: uppercase; text-align: center;
    z-index: 2;
}
.categorie_block .title_cat .serie_title {display: block; color: #131313; text-transform: uppercase; margin: 10px auto 20px;}
.categorie_block .title_cat .serie_title > small {
    display: block;
    /*font-family: "Lato", sans-serif;*/ font-size: 17px; font-weight: 300; letter-spacing: 1px;
}
.categorie_block .title_cat .serie_title > strong {
    display: block;
    /*font-family: "Rufina", serif;*/ font-size: 74px; font-weight: bold; letter-spacing:0; line-height: 58px;
}
.categorie_block::before {
    content: "\f105"; font-family: "FontAwesome"; font-size: 24px; color: #131313; text-align: center; padding: 10px 0 0 13px; line-height: 30px;
    display: block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 45px; height: 50px;
    background: url(../images/exagone.svg) no-repeat center; background-size: contain; z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.categorie_block:hover::before {left: 100px;}
.categorie_block::after {
    /*content: "Voir la serie";*/ content:attr(data-aftertext); /*font-family: "Lato";*/ font-size: 16px; color: #fff; text-align: center; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;
    display: block; position: absolute; right: 0; left: 135px; top: 50%; transform: translateY(-50%); opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.categorie_block:hover::after {opacity: 1;}
.categorie_block:hover > img {
    opacity: 1;
    -webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */
    filter: grayscale(0%);
}
.categorie_block.serie-h:hover {background-color: #cdad9d;}
.categorie_block.serie-m:hover {background-color: #6fc8ba;}
.categorie_block.serie-b:hover {background-color: #0781a2;}
.categorie_block.serie-a:hover {background-color: #e39356;}
.categorie_block.serie-v:hover {background-color: #e9cd9c;}
.categorie_block.serie-pro:hover {background-color: #bdddea;}

.categorie_block.serie-pro .title_cat {
    display: block; position: absolute; top: 50%; left: 50%; width:170px; height: 170px; transform: translate(-50%, -50%);-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.categorie_block.serie-pro:hover .title_cat {left: 0; transform: translate(0, -50%);}
.categorie_block.serie-pro::before {left: 50%; top: 50%; transform: translateY(-50%);}
.categorie_block.serie-pro:hover::before {left: 145px;}
.categorie_block.serie-pro::after { left: 170px;}


/*--- actu ---------------------------------------------------------------------*/
.section_grey .event {background-color: #fff!important;}
.event {
    display: block; padding: 0; position: relative; margin: 0 0 30px;
    background-color: #f4f4f4; font-size: 14px;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.event:hover {
    -moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
    -webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
    -o-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.06);
}
.event .event_imglink {
    display: block;
    height: auto; width: 100%;
    overflow: hidden;
    position: relative;
}
.event .event_imglink::after {
    /*content: "En savoir plus"; */
    position: absolute; display: block; bottom: 0; left: 0; width: 100%; transform: translateY(80%); padding: 10px 5px;
    background-color: rgba(255,255,255,0.3);
    font-size: 14px; /*font-family: "Lato", sans-serif;*/ font-weight: 300; color: #fff; text-transform: uppercase; letter-spacing: 1px; text-align: center;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease
}
.event .event_imglink:hover::after {transform: translateY(0%);}
.event .event_imglink > img { width: 100%; }
.event .event_txt {height: 180px; padding: 30px; overflow-y: hidden;}
.event time {
    display: block; position: relative; margin: 0 0 10px;
    /*font-family: "Lato", sans-serif;*/ font-size: 14px; font-weight: 300; letter-spacing: 1px; color: #a69f95; text-transform: uppercase;
}
.event time::before {
    content: ""; display: inline-block; width: 30px; height: 1px; margin: 5px 10px 5px 0;
    background-color: #a69f95;
}
.event .event_title > * {
    padding-bottom: 5px;
    color: #131313; font-size: 21px; /*font-family: 'Rufina', serif;*/ font-weight: 700; text-transform: uppercase;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.event .event_title:hover > * {color: #a69f95;}

/*page events---*/
.product .product_desc .head_title-over_top .date {
    display: inline-block; position: absolute; top: 0; left: 0; padding:25px 5px; width: 120px; height: 120px;
    color: #fff; text-transform: uppercase; margin: 0; text-align: center;
    background-color: #a69f95;
}
.product .product_desc .head_title-over_top .date > time {
    display: block;
    /*font-family: "Lato", sans-serif;*/ font-size: 15px; font-weight: 300; letter-spacing: 1px;
}
.product .product_desc .head_title-over_top .date > time + time {margin-top: 15px; padding-top: 15px; position: relative; }
.product .product_desc .head_title-over_top .date > time + time::before {
    content: ""; display: block; width: 30px; height: 1px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);
    background-color: #fff;
}
.product .form-invitation { padding: 0 30px; background-color: #131313; color: #fff;}
.product .form-invitation .gform_wrapper {margin: 30px 0;}
.product .form-invitation label {font-weight: 300!important; text-transform: uppercase;}
.product .form-invitation input {
    height: 48px; padding: 15px 15px!important;
    font-size: 16px; line-height: 18px; color: #ddd; font-weight: 400;
    background-color: #4f4f4f; position: relative; border: none;
}
.product .form-invitation input:focus, .product .form-invitation input:active {outline: none; border-bottom: 1px solid inset #eee;}
.product .form-invitation .gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.product .form-invitation .gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label { margin: 5px 0 9px 1px;}
.product .form-invitation .gform_wrapper .gform_footer {padding: 0; margin: 15px 0 0;}


/* folio carousel
------------------------------------------------------*/
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}

#folio_carrousel, #folio_carrousel2 {
    position: relative;
    margin:15px 15px 15px 0;
    height: 250px; overflow: hidden;
}
#folio_carrousel .carousel-inner, #folio_carrousel2 .carousel-inner {height: 100%;}
#folio_carrousel .item, #folio_carrousel2 .item {
    height: 100%; max-width: 70%; overflow: visible;
}
#folio_carrousel .item > img, #folio_carrousel2 .item > img { width: 100%; height: auto; }
#folio_carrousel .carousel-control, #folio_carrousel2 .carousel-control {
    position: absolute; top: auto; bottom: 30px; left: 70%; width: 30px; height: 30px;
    font-size: 14px; color: #fff; text-align: center; text-shadow:none;
    background-color: #a69f95;
    background-image: none;
    opacity: 1; z-index: 1;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#folio_carrousel .carousel-control:hover, #folio_carrousel .carousel-control:focus,
#folio_carrousel2 .carousel-control:hover, #folio_carrousel2 .carousel-control:focus { color: #a69f95; background-color: #e0dbd4; opacity: 1;}
#folio_carrousel .carousel-control.left, #folio_carrousel2 .carousel-control.left { transform: translateX(0);}
#folio_carrousel .carousel-control.right, #folio_carrousel2 .carousel-control.right { transform: translateX(100%);}
#folio_carrousel .carousel-control .fa, #folio_carrousel2 .carousel-control .fa {
    position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#folio_carrousel .carousel-caption,
#folio_carrousel2 .carousel-caption {
    position: absolute; width: 53%; height: auto; top: auto; margin: auto; padding:10px; bottom: 60px; left: 90%; transform: translate(0, 0);
    text-shadow: none; background-color: #f5f5f5; color: #131313; font-style: italic; font-weight: 300; text-align: left;
    z-index: 100;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#folio_carrousel .carousel-caption > p,
#folio_carrousel2 .carousel-caption > p {width: 100%;}

/*----temoignage carrousel ------------------------*/

#temoignage_carrousel {
    position: relative;
    margin:15px 15px 15px 0;
    height: 250px; overflow: visible;
}
#temoignage_carrousel::after {
    content: "”"; /*font-family: "Rufina";*/ font-size: 250px; color: #e0dbd4;
    display: block; position: absolute; top: 0; right: 0; transform: translate(50%,-50%); height: 80px; width: 80px; line-height: 200px;
    z-index: 10;
}
#temoignage_carrousel .carousel-inner {height: 100%;}
#temoignage_carrousel .item {
    height:100%; max-width: 100%;  overflow: hidden; z-index: 2;
}
#temoignage_carrousel .item > img { max-width: 170px; height: auto;  }
#temoignage_carrousel .carousel-control {
    position: absolute; top: auto; bottom: 30px; left: 55px; width: 30px; height: 30px;
    font-size: 14px; color: #fff; text-align: center; text-shadow:none;
    background-color: #a69f95;
    background-image: none;
    opacity: 1; z-index: 10;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#temoignage_carrousel .carousel-control:hover, #temoignage_carrousel .carousel-control:focus { color: #a69f95; background-color: #e0dbd4; opacity: 1;}
#temoignage_carrousel .carousel-control.left { transform: translateX(0);}
#temoignage_carrousel .carousel-control.right { transform: translateX(100%);}
#temoignage_carrousel .carousel-control .fa {
    position: absolute; top: 50%; left: 50%;  transform: translate(-50%, -50%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#temoignage_carrousel .carousel-caption {
    position: absolute; width: auto; height: auto; top: 0; right: 0; margin: auto; left: 85px; transform: translate(0, 0); padding: 30px 30px 30px 115px;
    text-shadow: none; background-color: #f5f5f5;
    /*font-family: "Rufina", serif;*/ color: #131313; font-style: italic; font-weight: 300; text-align: left;
    z-index: -1;
}

#temoignage_carrousel .carousel-caption .small_title {
    display: block; position: relative; margin: 0 0 10px;
    /*font-family: "Lato", sans-serif;*/ font-size: 16px; font-weight: 300; letter-spacing: 2px; color: #a69f95; text-transform: uppercase;
}
#temoignage_carrousel .carousel-caption .small_title::before {
    content: ""; display: inline-block; width: 30px; height: 1px; margin: 5px 10px 5px 0;
    background-color: #a69f95;
}

/* projet_steps ----------------------------------------------------------------*/
.projet_steps { position: relative; color: #fff; padding:30px 30px; margin-top: 30px; margin-bottom: 30px; max-width:800px; width: 80%; float: left; margin-left: 50%; transform: translateX(-50%); }
.projet_steps::after {
    content: ""; display: block; position: absolute; right: 0; top: 0; height: 100%; width: 85%;
    background-color: rgba(21,21,21,0.9); z-index: -1;
}
.projet_steps .projet_steps-title {display: inline-block; }
.projet_steps .projet_steps-title > * {
    /*font-family: "Rufina", serif;*/ font-size: 70px; letter-spacing: 1px; text-transform: uppercase; margin: 0;
}
.projet_steps .projet_steps-txt {display: inline-block; }
.projet_steps .projet_steps-txt ol {
    padding:0;
    list-style:none;
    counter-reset: counter;
}
.projet_steps .projet_steps-txt ol li {
    position: relative; display: block; padding:10px 0;
    font-size:14px;
}
.projet_steps .projet_steps-txt ol li:before {
    /*display: inline-block;*/
    float:left;
    font-size:30px;
    line-height:30px;
    font-weight:300;
    z-index: 100;
    margin-right: 20px;
    counter-increment: counter;
    content: "0" counter(counter) ".";
}


/* prod-liste --------------------------------------------------------------*/
.prod_list { position: relative; display: block; float: left; margin: 30px 0;}
.prod_list .prod_list-txt {
    display: block; position: absolute; top: 50%; left: 15px; transform: translateY(-50%);
    background-color: #fff; padding: 30px;
    z-index: 2;
}
.prod_list .prod_list-txt.right {left: auto; right: 15px;}
.prod_list .prod_list-txt .prod_list-label {
    display: inline-block; position: absolute; top: 0; left: 30px; transform: translateY(-50%); padding: 5px 10px;
    font-size: 16px; text-transform: uppercase; font-weight: 300; letter-spacing: 1px; color: #fff;
}
.prod_list .prod_list-txt .prod_list-title {
    display: block;  position: relative; margin: 15px 0; padding-bottom: 10px;
    /*font-family: "Rufina", serif;*/ font-weight: 700; letter-spacing: 1px; color: #131313; text-transform: uppercase;
}
.prod_list .prod_list-txt .prod_list-title::after { content: ""; display: block; position: absolute; left: 0; bottom: 0; width: 30px; height: 1px;}

.prod_list .prod_list-txt .btn-arrow {
    position: relative; display: inline-block; margin: 15px auto; padding: 10px 15px; padding-right: calc(15px + 45px);
    border: 2px solid; background-color: transparent;
    font-size: 16px; font-weight: bold; letter-spacing:1px; text-align: center; text-transform: uppercase;
    border-radius: 0!important;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
}
.prod_list .prod_list-txt .btn-arrow::after {
    content: "\f178"; font-family: "FontAwesome"; color: #fff; font-weight: 300; line-height: 40px;
    display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; width: 45px;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;

}
.prod_list .prod_list-txt .btn-arrow::before {
    content: ""; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 0; z-index: -1;
    -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease;  transition: all 0.5s ease;
}
.prod_list .prod_list-txt .btn-arrow:hover::before {width: 100%;}
.prod_list .prod_list-txt .btn-arrow:hover {color: #fff!important;}

.prod_list .prod_list-img {
    position: relative; display: block; float: right; padding: 0px;
    overflow: hidden; z-index: 0;
}
.prod_list .prod_list-img.left {float: left;}
.prod_list .prod_list-img::before {
    content: "";
}
.prod_list .prod_list-img > img {
    transform: scale(1);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.prod_list .prod_list-img:hover > img {transform: scale(1.02); -webkit-filter: blur(5px); filter: blur(5px); }
.prod_list .prod_list-img .overlay_structure {
    display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background-color: rgba(0,0,0,0.3); background-repeat: no-repeat; background-position: center; background-size: 60%;
    transform: scale(1.3); opacity: 0;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.prod_list .prod_list-img:hover .overlay_structure {  transform: scale(1); opacity: 1; }

/*-- points_forts------------------------------*/
.points_forts {
    display: block; position: relative; padding: 30px 15px;
    background-repeat: no-repeat; background-position: center; background-size: cover;
}
.points_forts::before {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.1); }
.points_forts .head_title > * { color: #fff; font-size: 30px; text-transform: uppercase;}
.points_forts .head_title .small_title { color: #fff!important; font-size: 18px; }
.points_forts .head_title .small_title::before {background-color: #fff!important;}
.points_forts > div:nth-child(2) > div > div:nth-child(3) {clear: both;}
.points_forts .point {
    display: inline-block; width: 100%; padding: 10px 0; margin: 5px 0; background-color: rgba(255,255,255,0.8);
    color: #212121; font-weight: 300; font-style: italic; font-size: 16px;
}
.points_forts .point > img {/*display: inline-block;*/ float: left; margin: 0 15px;}
.points_forts .point > p { margin: 0 15px; }



/* code couleur series ----------------------------------------------------
--------------------------------------------------------------------------*/
/*color */
.serie-h .head_title .small_title,
.serie-h .head_title-over_top .small_title,
.serie-h .prod_list .prod_list-txt .btn-arrow { color: #cdad9d;}
.serie-m .head_title .small_title,
.serie-m .head_title-over_top .small_title,
.serie-m .prod_list .prod_list-txt .btn-arrow { color: #6fc8ba;}
.serie-b .head_title .small_title,
.serie-b .head_title-over_top .small_title,
.serie-b .prod_list .prod_list-txt .btn-arrow { color: #0781a2;}
.serie-a .head_title .small_title,
.serie-a .head_title-over_top .small_title,
.serie-a .prod_list .prod_list-txt .btn-arrow { color: #e39356;}
.serie-v .head_title .small_title,
.serie-v .head_title-over_top .small_title,
.serie-v .prod_list .prod_list-txt .btn-arrow { color: #e9cd9c;}
.serie-pro .head_title .small_title,
.serie-pro .head_title-over_top .small_title,
.serie-pro .prod_list .prod_list-txt .btn-arrow { color: #b2d3e0;}
/*background */
.serie-h .prod_list .prod_list-txt .prod_list-label,
.serie-h .prod_list .prod_list-txt .prod_list-title::after,
.serie-h .prod_list .prod_list-txt .btn-arrow::after,
.serie-h .prod_list .prod_list-txt .btn-arrow::before,
.serie-h .prod_list .prod_list-txt .btn-arrow:hover,
.serie-h .product .head_title-over_top .serie_title,
.serie-h .head_title-over_top .small_title::before,
.serie-h .head_title .small_title::before  { background-color: #cdad9d; }
.serie-m .prod_list .prod_list-txt .prod_list-label,
.serie-m .prod_list .prod_list-txt .prod_list-title::after,
.serie-m .prod_list .prod_list-txt .btn-arrow::after,
.serie-m .prod_list .prod_list-txt .btn-arrow::before,
.serie-m .prod_list .prod_list-txt .btn-arrow:hover,
.serie-m .product .head_title-over_top .serie_title,
.serie-m .head_title-over_top .small_title::before,
.serie-m .head_title .small_title::before  { background-color: #6fc8ba; }
.serie-b .prod_list .prod_list-txt .prod_list-label,
.serie-b .prod_list .prod_list-txt .prod_list-title::after,
.serie-b .prod_list .prod_list-txt .btn-arrow::after,
.serie-b .prod_list .prod_list-txt .btn-arrow::before,
.serie-b .prod_list .prod_list-txt .btn-arrow:hover,
.serie-b .product .head_title-over_top .serie_title,
.serie-b .head_title-over_top .small_title::before,
.serie-b .head_title .small_title::before  { background-color: #0781a2; }
.serie-a .prod_list .prod_list-txt .prod_list-label,
.serie-a .prod_list .prod_list-txt .prod_list-title::after,
.serie-a .prod_list .prod_list-txt .btn-arrow::after,
.serie-a .prod_list .prod_list-txt .btn-arrow::before,
.serie-a .prod_list .prod_list-txt .btn-arrow:hover,
.serie-a .product .head_title-over_top .serie_title,
.serie-a .head_title-over_top .small_title::before,
.serie-a .head_title .small_title::before  { background-color: #e39356; }
.serie-v .prod_list .prod_list-txt .prod_list-label,
.serie-v .prod_list .prod_list-txt .prod_list-title::after,
.serie-v .prod_list .prod_list-txt .btn-arrow::after,
.serie-v .prod_list .prod_list-txt .btn-arrow::before,
.serie-v .prod_list .prod_list-txt .btn-arrow:hover,
.serie-v .product .head_title-over_top .serie_title,
.serie-v .head_title-over_top .small_title::before,
.serie-v .head_title .small_title::before  { background-color: #e9cd9c; }
.serie-pro .prod_list .prod_list-txt .prod_list-label,
.serie-pro .prod_list .prod_list-txt .prod_list-title::after,
.serie-pro .prod_list .prod_list-txt .btn-arrow::after,
.serie-pro .prod_list .prod_list-txt .btn-arrow::before,
.serie-pro .prod_list .prod_list-txt .btn-arrow:hover,
.serie-pro .product .head_title-over_top .serie_title,
.serie-pro .head_title-over_top .small_title::before,
.serie-pro .head_title .small_title::before  { background-color: #bdddea; }
/* bg lighter */
.serie-h .prod_list .prod_list-txt .btn-arrow:hover::after { background-color: #d7bdb1; }
.serie-m .prod_list .prod_list-txt .btn-arrow:hover::after { background-color: #83ddcf; }
.serie-b .prod_list .prod_list-txt .btn-arrow:hover::after { background-color: #0d9cc3; }
.serie-a .prod_list .prod_list-txt .btn-arrow:hover::after { background-color: #eaa36d; }
.serie-v .prod_list .prod_list-txt .btn-arrow:hover::after { background-color: #fbe0b0; }
.serie-pro .prod_list .prod_list-txt .btn-arrow:hover::after { background-color: #cdeefb; }
/*border color */
.serie-h .prod_list .prod_list-txt .btn-arrow,
.serie-h .structure_mapping_dots[aria-expanded="false"]:hover,
.serie-h .structure_mapping_dots[aria-expanded="true"] {border-color: #cdad9d!important;}
.serie-m .prod_list .prod_list-txt .btn-arrow,
.serie-m .structure_mapping_dots[aria-expanded="false"]:hover,
.serie-m .structure_mapping_dots[aria-expanded="true"] {border-color: #6fc8ba!important;}
.serie-b .prod_list .prod_list-txt .btn-arrow,
.serie-b .structure_mapping_dots[aria-expanded="false"]:hover,
.serie-b .structure_mapping_dots[aria-expanded="true"] {border-color: #0781a2!important;}
.serie-a .prod_list .prod_list-txt .btn-arrow,
.serie-a .structure_mapping_dots[aria-expanded="false"]:hover,
.serie-a .structure_mapping_dots[aria-expanded="true"] {border-color: #e39356!important;}
.serie-v .prod_list .prod_list-txt .btn-arrow,
.serie-v .structure_mapping_dots[aria-expanded="false"]:hover,
.serie-v .structure_mapping_dots[aria-expanded="true"] {border-color: #e9cd9c!important;}
.serie-pro .prod_list .prod_list-txt .btn-arrow,
.serie-pro .structure_mapping_dots[aria-expanded="false"]:hover,
.serie-pro .structure_mapping_dots[aria-expanded="true"] {border-color: #bdddea!important;}
/*svg fill ----*/
/*svg fill ----*/

.serie-h .svg_structure path {  fill: #cdad9d; }
.serie-m .svg_structure path {  fill: #6fc8ba; }
.serie-b .svg_structure path {  fill: #0781a2; }
.serie-a .svg_structure path {  fill: #e39356; }
.serie-v .svg_structure path {  fill: #e9cd9c; }
.serie-pro .svg_structure path {  fill: #bdddea; }




/* product-page----------------------------------------------------------*/
#carousel-prod .btn-pop_photo {
    position: absolute; bottom: 5px; right: 5px;
    padding: 10px; background: transparent;
    color: #fff; font-style: italic; font-size: 16px; vertical-align: middle;
}
#carousel-prod .btn-pop_photo::after {
    content: ""; display: inline-block; margin: 0 5px; width: 30px; height: 30px; vertical-align: middle;
    background: url(../images/exag-plus.svg) no-repeat center; background-size: contain;
    -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
#carousel-prod .btn-pop_photo:hover::after {transform: rotate(90deg);}

.product .product_desc {padding: 0;}
.product .product_desc .head_title-over_top { margin-top: -120px; padding:15px 50px 10px 50px; min-height: 120px;  position: relative;}
.product .product_desc .head_title-over_top .serie_title {
    display: inline-block; position: absolute; top: 0; left: 0; padding:25px 5px; width: 120px; height: 120px;
    color: #000; text-transform: uppercase; margin: 0; text-align: center;
}
.product .product_desc .head_title-over_top .serie_title > small {
    display: block;
    /*font-family: "Lato", sans-serif;*/ font-size: 15px; font-weight: 300; letter-spacing: 1px;
}
.product .product_desc .head_title-over_top .serie_title > strong {
    display: block;
    /*font-family: "Rufina", serif;*/ font-size: 57px; font-weight: bold; letter-spacing:0; line-height: 45px;
}

.product .product_desc .head_title-over_top .adv_ico-container {
    position: absolute; top: 120px; right: 0; transform: translate(100%, -100%); /*font-family: "Lato", sans-serif;*/
}
.product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn {
    /*display: inline-block;*/ width: 50px; height: 50px; float: left; margin: 1px; padding: 10px;
    background-color: rgba(0,0,0,0.5); vertical-align: middle;
    -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn:hover {padding: 8px; background-color: rgba(0,0,0,0.8);}

.product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn + .adv_ico {
    display: block; position: absolute; bottom: 100%; left: 0; margin: 1px 0; transform: translate(0, -10%); height: auto; overflow: hidden; padding: 5px ;
    background-color: rgba(0,0,0,0.8); color: #fff; opacity: 0; z-index: 10;
    -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn:hover + .adv_ico {
    display: block; opacity: 1; transform: translate(0, 0);
}
.product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn + .adv_ico p { font-size: 11px; line-height: 1; font-weight: 300; text-transform: none; }
.product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn + .adv_ico p strong { font-weight: 400; text-transform: uppercase; font-size: 12px; }
.product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn + #adv_ico-color span {
    /*display: inline-block;*/ width: 20px; height: 20px; margin:2px 3px; float: left; border-radius: 50%;
}

.product .product_desc .product_desc-txt {padding: 25px 50px; }
.product .product_desc .product_desc-txt p {line-height: 30px;}

.product .product_adv {position: relative; padding: 0;}


.product .product_adv .adv_liste { display: block; border: 1px solid #f5f5f5; padding: 0 35px 15px;}
.product .product_adv .adv_liste .adv_liste-title {
    display: block; position: relative; padding: 30px 25px 30px 65px; margin: 0 -35px;
    background-color: #f5f5f5; /*vertical-align: middle;*/
    color: #1c1c1c; font-size: 18px; /*font-family: "Rufina", serif;*/ text-transform: uppercase;
}
.product .product_adv .adv_liste .adv_liste-title::before {
    content: ""; display: inline-block; position: absolute; top: 30px; left: 25px; width: 25px; height: 25px; vertical-align: middle;
    background: url(../images/exag-plus.svg) no-repeat center; background-size: contain;
    -webkit-filter: brightness(0%); filter: brightness(0%);
}
.product .product_adv .adv_liste ul {padding: 15px 0px;}
.product .product_adv .adv_liste ul li {
    position: relative; padding: 10px 0px 10px 30px; vertical-align: middle;
    list-style: none; font-size: 14px; font-style: italic;
}
.product .product_adv .adv_liste ul li::before {
    content: ""; display: inline-block; position: absolute; top: 10px; left: 0px;  height: 20px; width: 20px; vertical-align: middle;
    background: url(../images/exag-check.svg) no-repeat center; background-size: contain;
}

/*--- specifics structure ------------------------------------------*/
#specifics_structure {position: relative; overflow: hidden;}
#specifics_structure .structure_mapping { position: relative;}
#specifics_structure .structure_mapping .svg_structure { width: 100%;}
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="false"] {
    position: absolute; display: block; width: 15px; height: 15px; transform: translate(-50%, -50%);
    background-color: #fff; border-radius: 50%; border: 3px solid transparent;
    -webkit-transition: all 0.4s ease;  -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;
}
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="false"]:hover,
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="true"] {
    position: absolute; display: block; width: 40px; height: 40px;
    background-color: #fff; border-radius: 50%; border: 3px solid; transform: translate(-50%, -50%);
    -webkit-transition: all 0.4s ease;  -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;
}
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="false"]::before,
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="false"]::after,
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="true"]::before,
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="true"]::after {
    content: ""; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(0deg); opacity: 0;
    width: 12px; height: 2px; background-color: #222;
    -webkit-transition: all 0.4s ease;  -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;
}
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="false"]:hover::before,
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="true"]::before {transform: translate(-50%, -50%) rotate(-180deg); opacity: 1;}
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="false"]:hover::after,
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="true"]::after {transform: translate(-50%, -50%) rotate(-90deg); opacity: 1;}
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="true"]:hover::before {transform: translate(-50%, -50%) rotate(0deg); opacity: 1;}
#specifics_structure .structure_mapping .structure_mapping_dots[aria-expanded="true"]:hover::after {transform: translate(-50%, -50%) rotate(0deg); opacity: 1;}

.specifics_pannel-content {
    display: block; position: absolute; top: 50px; bottom:50px; right: 0;
}
.specifics_pannel-content .specifics_pannel {height: 100%!important;}
.specifics_pannel-content .specifics_pannel[aria-expanded="false"] {
    position: absolute; top: 0; bottom: 0; right: 0;  height: 100%; width: 380px; padding: 30px 40px; transform: translateX( 100%);
    background-color: #fff; color: #737373;
    -webkit-transition: all 0.6s ease;  -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease;
}
.specifics_pannel-content .specifics_pannel[aria-expanded="true"] {
    position: absolute; top: 0; bottom: 0; right: 0;  height: 100%; width: 380px; padding: 30px 40px; transform: translateX( 0);
    background-color: #fff; color: #737373;
    -webkit-transition: all 1s ease;  -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease;
}
.specifics_pannel-content .specifics_pannel .specifics_pannel-btn {
    position: absolute; display: block; top: 0; left: 0; width: 40px; height: 40px;
    background-color: #e0dbd4; color: #131313;
    -webkit-transition: all 0.4s ease;  -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease;
}
.specifics_pannel-content .specifics_pannel .specifics_pannel-btn::before {
    content: "\f178"; font-family: "FontAwesome"; position: absolute; top: 50%; width: 100%; transform: translateY(-50%);
    font-size: 18px; font-weight: 300; text-align: center;
}
.specifics_pannel-content .specifics_pannel .specifics_pannel-btn:hover {background-color: #a69f95; color: #fff;}


/*--- options pannel --------------------------------------------*/
.panel-group { margin: 15px 0; }
.panel-group .panel {
    margin-bottom: 0; border-radius: 0px; border-bottom: 1px solid #dcdcdc;
}
.panel-group .panel:first-child {border-top: 1px solid #dcdcdc;}
.panel-group .panel+.panel {margin-top: 0px;}
.panel-group .panel-heading {
    padding: 0px;
    border-bottom: none; border-top-left-radius: 0px;  border-top-right-radius: 0px;
}
.panel-group .panel-heading .panel-title {
    margin-top: 0; margin-bottom: 0;
    font-size: 16px; color: inherit; /*font-family: "Rufina", serif;*/
}
.panel-group .panel-heading .panel-title a strong { font-size: 21px; text-transform: uppercase;}
.panel-group .panel-heading .panel-title a {
    display: block; position: relative; padding: 30px 40px 30px 0;
    -webkit-transition: all 0.3s ease;  -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::before,
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::after {
    content: ""; display: inline-block; position: absolute; top: 50%; right: 5px;  height: 1px; width: 20px; background-color: #737373;
    -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]::after {transform: translate(-50%, -50%) rotate(-90deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]:hover::before {transform: translate(-50%, -50%) rotate(90deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="false"]:hover::after {transform: translate(-50%, -50%) rotate(-0deg);}

.panel-group .panel-heading .panel-title a[aria-expanded="true"]::before,
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::after {
    content: ""; display: inline-block; position: absolute; top: 50%; right: 5px;  height: 1px; width: 20px; background-color: #737373;
    -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s;
}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::before {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]::after {transform: translate(-50%, -50%) rotate(0deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]:hover::before {transform: translate(-50%, -50%) rotate(45deg);}
.panel-group .panel-heading .panel-title a[aria-expanded="true"]:hover::after {transform: translate(-50%, -50%) rotate(-45deg);}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: none;}
.panel-body { padding: 0 0 30px 0; }

.works-items .mix {
    height: 280px;
    margin: 20px 0;
}
/* mixitup -------------------------------------------*/
.btn-reset {
    display: inline-block; padding: 5px 10px; margin: 0 15px; border: 1px solid #e0dbd4; background-color: transparent;
    color: #a69f95; font-size: 12px; font-weight: 300; letter-spacing:1px; text-align: center; text-transform: uppercase;
    border-radius: 0!important;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-reset:hover {background-color: #e0dbd4; color: #fff;}
.btn-reset.active {opacity: 0;}
.btn-filter {
    display: block; position: relative; width: 100%; height: 80px; padding: 0; margin: 15px auto; border: 1px solid #e0dbd4; background-color: transparent;
    color: #131313; font-size: 12px; font-weight: 400; text-align: center; text-transform: uppercase; line-height: 14px;
    border-radius: 0!important;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-filter > div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); min-width: 80%; }
.btn-filter:hover, .btn-filter.active {background-color: #e0dbd4; border-color: #e0dbd4; color: #fff;}

.btn-filter.serie-h:hover, .btn-filter.serie-h.active {background-color: #cdad9d; border-color: #cdad9d; color: #fff;}
.btn-filter.serie-m:hover, .btn-filter.serie-m.active {background-color: #6fc8ba; border-color: #6fc8ba; color: #fff;}
.btn-filter.serie-b:hover, .btn-filter.serie-b.active {background-color: #00627c; border-color: #00627c; color: #fff;}
.btn-filter.serie-a:hover, .btn-filter.serie-a.active {background-color: #e39356; border-color: #e39356; color: #fff;}
.btn-filter.serie-v:hover, .btn-filter.serie-v.active {background-color: #e9cd9c; border-color: #e9cd9c; color: #fff;}
.btn-filter.serie-pro:hover, .btn-filter.serie-pro.active {background-color: #bdddea; border-color: #bdddea; color: #fff;}

.mixitup .mix  a {position: relative; display: block; overflow:  hidden;}
.mixitup .mix a::before {
    content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 60%, rgba(0,0,0,0.02) 61%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 60%,rgba(0,0,0,0.02) 61%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0) 60%,rgba(0,0,0,0.02) 61%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 );
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.mixitup .mix a::after {
    content: "\f002"; position: absolute; top: 0; left: 0; right: 0; opacity: 0;
    font-family: "FontAwesome"; font-size: 14px; text-align: center; color: #fff; z-index: 2;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.mixitup .mix a:hover::after {top: 50%; transform: translateY(-50%); opacity: 1;}
.mixitup .mix a .caption {
    position: absolute; bottom: 10px; left: 10px; right: 10px;
    color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0,0,0,.3);
    z-index: 10;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.mixitup .mix a:hover .caption { bottom: 0; transform: translateY(100%); opacity: 0; }

.mixitup .mix.serie-h a:hover::before { background-color: #cdad9d; opacity: 0.6; }
.mixitup .mix.serie-m a:hover::before { background-color: #6fc8ba; opacity: 0.6; }
.mixitup .mix.serie-b a:hover::before { background-color: #00627c; opacity: 0.6; }
.mixitup .mix.serie-a a:hover::before { background-color: #e39356; opacity: 0.6; }
.mixitup .mix.serie-v a:hover::before { background-color: #e9cd9c; opacity: 0.6; }
.mixitup .mix.serie-pro a:hover::before { background-color: #bdddea; opacity: 0.6; }

body.post-type-archive-production .mixitup .mix { display:none; margin-bottom: 30px; }
body.page-template-template-pool_enclosure .mixitup .mix { display:none; margin-bottom: 30px; }

/*---- implantation --------------------------------------------------*/

.imp_map { padding: 0; }
.imp_map .acf-map { width: 100%;}
.contact .acf-map { width: 100%; height: 625px; margin: 85px 0 15px;}
.product .product_adv .adv_liste ul.checklist {margin-bottom: 0; padding-bottom: 0;}
.product .product_adv .adv_liste ul.checklist li {
    display: block; position: relative; padding: 10px 0px;
    list-style: none; font-size: 14px; font-style: italic; font-weight: 900; line-height: 16px;
}
.product .product_adv .adv_liste ul.checklist li::before {display: none;}
.product .product_adv .adv_liste ul.checklist li + li {border-top: 1px solid #f5f5f5;}
.product .product_adv .adv_liste ul.checklist li label span {
    display: block;
    text-transform: uppercase; font-weight: 900; font-style: normal; /*font-family: "Rufina", serif;*/ font-size: 18px;
}
.product .product_adv .adv_liste ul.checklist li label span>small {font-weight: 400; font-style: normal; /*font-family: "Lato", sans-serif;*/}
.product .product_adv .adv_liste ul.checklist li.serie-h label span { color: #cdad9d; }
.product .product_adv .adv_liste ul.checklist li.serie-m label span { color: #6fc8ba; }
.product .product_adv .adv_liste ul.checklist li.serie-b label span { color: #00627c; }
.product .product_adv .adv_liste ul.checklist li.serie-a label span { color: #e39356; }
.product .product_adv .adv_liste ul.checklist li.serie-v label span { color: #e9cd9c; }
.product .product_adv .adv_liste ul.checklist li.serie-pro label span { color: #a7d1e2; }

.checklist input[type=checkbox] {
    opacity: 0; position: absolute;
}

.checklist input[type=checkbox] + label {
    padding:  0 0 0 40px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.checklist input[type=checkbox] + label::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 4px;
    width: 25px;
    height: 25px;
    display: block;
    background-color: #e0dbd4;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.checklist input[type=checkbox] + label::after {
    content: '\f00c'; font-family: "FontAwesome"; color: #fff; font-size: 11px; text-align: center; font-weight: 300; line-height: 23px;
    position: absolute;
    left: 0px;
    top: 4px;
    width: 25px;
    height: 25px;
    display: block;
    z-index: 1;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.checklist input[type=checkbox] + label:hover::before {background-color: #a69f95;}
.checklist input[type=checkbox]:checked + label::after {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}


/* form_page
-----------------------------------------------------------------------*/
.form_page .row {position: relative;}
.form_page .points_forts_simple {padding: 0;}
.form_page .points_forts_simple .points_forts { display: block; border: 1px solid #f5f5f5; padding: 0 10px 15px;}
.form_page .points_forts_simple .points_forts::before {display: none;}
.form_page .points_forts_simple .points_forts .head_title {
    display: block; position: relative; padding: 15px 25px; margin: 0 -25px; background-color: #f5f5f5;
    color: #1c1c1c; /*font-family: "Rufina", serif;*/ text-transform: uppercase;
}
.form_page .points_forts_simple .points_forts .head_title > * { color: #131313; font-size: 21px;}
.form_page .points_forts_simple .points_forts .head_title .small_title { color: #131313!important; font-size: 14px;}
.form_page .points_forts_simple .points_forts .head_title .small_title::before { background-color: #131313!important;}
.form_page .points_forts_simple .points_forts > .col-xs-12 .col-xs-12 {padding: 0;}
.form_page .points_forts_simple .points_forts .point { border: solid 1px #f5f5f5; }

.form_page .from_container {padding: 0; position: relative; margin-bottom: 30px;}
.form_page .from_container .head_title-over_top { position: relative; margin-top: -120px; padding: 15px 30px 10px 150px; min-height: 120px; color: #fff;}
.form_page .from_container .head_title-over_top::before {
    content: ""; position: absolute; display: block; top: 0; left: 0; height: 120px; width: 120px;
    background-color: rgba(255,255,255,0.1); background-repeat: no-repeat; background-position: center; background-size: 60%;
}
.form_page .from_container .head_title-over_top .small_title {color: #131313;}
.form_page .from_container .head_title-over_top .small_title::before {background-color: #131313;}
.form_page .from_container .from_container-body { padding: 30px; }

/*colors form page ------*/
#catalog.form_page .from_container,
#catalog.form_page .from_container .head_title-over_top { background-color: #e39356; }
#catalog.form_page .from_container .head_title-over_top::before { background-image: url(../images/btn-catalogue-ico.svg); }
#quotation.form_page .from_container,
#quotation.form_page .from_container .head_title-over_top { background-color: #6fc8ba; }
#quotation.form_page .from_container .head_title-over_top::before { background-image: url(../images/btn-devis-ico.svg); }
#callback.form_page .from_container,
#callback.form_page .from_container .head_title-over_top { background-color: #0781A2; }
#callback.form_page .from_container .head_title-over_top::before { background-image: url(../images/btn-rappel-ico.svg); }
#input_3_9 .gchoice_3_9_1 { width: 100%; }
#input_3_9 .gchoice_3_9_1 label { text-transform: none; }
#input_4_10 .gchoice_4_10_1 { width: 100%; }
#input_4_10 .gchoice_4_10_1 label { text-transform: none; }
#input_5_8 .gchoice_5_8_1 { width: 100%; }
#input_5_8 .gchoice_5_8_1 label { text-transform: none; }
#field_5_14 label.gfield_label { display: none; }
#input_5_15 .gchoice_5_15_1 { width: 100%; }
#input_5_15 .gchoice_5_15_1 label { text-transform: none; }




/* BTN & util **
**********************
-------------------------------------------------------------------*/

.btn-normal {
    display: inline-block; padding: 10px 15px; margin: 15px auto; border: 2px solid #a69f95; background-color: transparent;
    color: #a69f95; font-size: 16px; font-weight: 400; letter-spacing:1px; text-align: center; text-transform: uppercase;
    border-radius: 0!important;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.btn-normal:hover {background-color: #a69f95; color: #fff;}


.btn-normal.big {font-size: 18px; font-weight: 900; padding: 15px 20px;}
.large {display: block; width: 100%; margin: 15px 0;}
.btn-normal:not(.large) + .btn-normal:not(.large) { margin-left: 15px; }
.btn-normal.white_btn {color: #131313; background-color: #fff; border-color: #fff; }
.btn-normal.white_btn:hover {color: #fff; background-color: transparent; border-color: #fff; }
.gform_button.large { width: 100% !important; padding: 15px 20px; }


.list-arrows { padding: 0; } .list-arrows li {list-style: none;}
.list-arrows li::before {content: "\f0da"; font-family: "FontAwesome"; color: #c7a770; padding-right: 10px;}


/*share-links--------------------*/
.social-btn {
    display: inline-block;
    padding: 6px; margin: 0 5px; width: 40px; height: 40px;
    border: 1px solid #c7a770; border-radius: 50%;
    color: #c7a770; font-size: 18px; line-height: 24px;  background-color: transparent; text-align: center;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.social-btn:hover {color: #fff; background-color: #c7a770;}
.social-btn.white {
    display: inline-block;
    padding: 6px; margin: 0 5px; width: 40px; height: 40px;
    border: 1px solid #fff; border-radius: 50%;
    color: #fff; font-size: 18px; line-height: 24px;  background-color: transparent; text-align: center;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
}
.social-btn.white:hover {color: #c7a770; background-color: #fff;}

/*-----forms-------------*/

/* GravityForms */
.gform_wrapper .top_label li.gfield.gf_hide_label > label,
.gform_wrapper .top_label li.gfield.gf_hide_label.field_sublabel_below label { display:none; }
.gform_wrapper.gf_browser_chrome .gform_body {width: 100%!important;}

.form-group input, .form-group  select, .form-group textarea{
    border-radius: 0px;
    margin-bottom: 0;
    border: 1px solid #303030;
    background-color: transparent;
    color: #303030; /*font-family: 'Lato', sans-serif;*/
}
.form-group select {
    background: url("assets/images/arrow_select.png") no-repeat 98% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.form-control:focus {
    border-color: #45c6d2;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(69,198,210,.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(69,198,210,.6);
}


/*-----forms_bottom_line-----------------------------------*/
.forms_bottom_line {color: rgba(0,0,0,0.8);}
.forms_bottom_line input, .forms_bottom_line select {
    background-color: transparent;
    color: rgba(0,0,0,0.8); font-size: 1.2em!important; text-transform: uppercase;
    padding: 0 0 6px 0; /*margin: 20px 0 5px;*/
    border: none; border-bottom: 2px solid rgba(0,0,0,0.15);
    box-shadow: none;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.forms_bottom_line input:hover, .forms_bottom_line input:focus, .forms_bottom_line select:hover, .forms_bottom_line select:focus { border-bottom: 2px solid rgba(0,0,0,0.3);}
.forms_bottom_line input::-webkit-input-placeholder, .forms_bottom_line select::-webkit-input-placeholder { color: rgba(0,0,0,0.6);}
.forms_bottom_line input::-moz-placeholder, .forms_bottom_line select::-moz-placeholder { color: rgba(0,0,0,0.6);}
.forms_bottom_line input:-ms-input-placeholder, .forms_bottom_line select:-ms-input-placeholder { color: rgba(0,0,0,0.6);}
.forms_bottom_line input:-moz-placeholder, .forms_bottom_line select:-moz-placeholder { color: rgba(0,0,0,0.6);}
.forms_bottom_line textarea {
    background-color: transparent;
    color: rgba(0,0,0,0.8); font-size: 1.2em!important; text-transform: uppercase;
    padding: 0 0 6px 0; margin: 20px 0 5px;
    border: 1px solid rgba(0,0,0,0.1); border-bottom: 2px solid rgba(0,0,0,0.15);
    box-shadow: none;
    -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease;  transition: all 0.3s ease;
}
.forms_bottom_line textarea:hover, .forms_bottom_line textarea:focus{ border-bottom: 2px solid rgba(0,0,0,0.3);}

.forms_bottom_line .filter {    background-color: transparent;
    display: block;
    margin-bottom: 15px;
    border: none;
}
.forms_bottom_line .filter input[type=checkbox] {opacity: 0; float: left; position: absolute;}
.forms_bottom_line .filter input[type=checkbox] + label {margin: 5px 0;}

.ginput_container_checkbox li {
    display: inline-block;
    vertical-align: top;
    width: 33%;
}
.ginput_container_checkbox input[type="checkbox"], .ginput_container_checkbox input[type="radio"],
.forms_bottom_line input[type="checkbox"], .forms_bottom_line input[type="radio"] {
    opacity: 0;
    float: left;
    position: absolute;
}

.forms_bottom_line input[type="checkbox"]:first-child + label, .forms_bottom_line input[type="radio"]:first-child + label {
    margin: 0 0 0 27px;
}
.forms_bottom_line input[type="checkbox"] + label, .forms_bottom_line input[type="radio"] + label {
    margin: 0 0 0 30px;
    position: relative;
    cursor: pointer;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 400 !important;
    color: #000;
    float: left;
    overflow: visible !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.forms_bottom_line input[type="checkbox"] + label:after, .forms_bottom_line input[type="radio"] + label:after {
    content: '\f00c';
    font-family: "FontAwesome";
    color: #212121;
    font-size: 10px;
    text-align: center;
    font-weight: 300;
    line-height: 12px;
    position: absolute;
    left: -25px;
    top: 5px;
    width: 15px;
    height: 15px;
    display: block;
    z-index: 1;
    -ms-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -ms-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
}
.forms_bottom_line input[type="checkbox"]:checked + label:after, .forms_bottom_line input[type="radio"]:checked + label:after {
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.forms_bottom_line input[type="checkbox"] + label:before, .forms_bottom_line input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: -25px;
    top: 4px;
    width: 15px;
    height: 15px;
    display: block;
    background-color: transparent;
    border: 2px solid rgba(0,0,0,0.3);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.forms_bottom_line input[type="checkbox"]:checked + label:before, .forms_bottom_line input[type="radio"]:checked + label:before {
    border: 2px solid rgba(0,0,0,0.3);
    background-color: rgba(0,0,0,0.3);
}
.forms_bottom_line input[type="checkbox"]:checked + label, .forms_bottom_line input[type="radio"]:checked + label {
    font-weight: 700 !important;
}





/* modal-------------------------------------------*/
.modal_custom .modal-content {
    position: relative;
    background-color: rgba(255,255,255,0.9);
    color: #303030; font-size: 14px;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border:none;
    border-radius:0;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0,0,0,.3);
    box-shadow: 0 3px 9px rgba(0,0,0,.3);
}
.modal_custom .close {font-size: 30px; line-height: 20px;}
.modal_custom .modal-header {
    padding: 15px;
    border-bottom: none;
    text-align: center;
}
.modal_custom .modal-title {
    color: #c7a770; font-size: 24px; /*font-family: 'Lato', sans-serif;*/ font-weight: 900; text-transform: uppercase;
}
.modal_custom .modal-footer {
    padding: 15px;
    text-align: center;
    border-top: none;
}

/*--- magnifique popup --------------------------------------*/
.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}
.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}
.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}
.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}
.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}
.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close  {
    display: inline-block; position: absolute; top: -10px!important; right: -10px!important; width: 60px!important; height: 60px!important;
    border:none; font-size: 0; padding: 0!important;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before, .mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {
    content: ""; display: inline-block; position: absolute; top: 50%; left: 50%;  height: 2px; width: 30px; background-color: #fff;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.mfp-image-holder .mfp-close::before, .mfp-iframe-holder .mfp-close::before {transform: translate(-50%, -50%) rotate(45deg);}
.mfp-image-holder .mfp-close::after, .mfp-iframe-holder .mfp-close::after {transform: translate(-50%, -50%) rotate(-45deg);}
.mfp-image-holder .mfp-close:hover, .mfp-iframe-holder .mfp-close:hover,
.mfp-image-holder .mfp-close:focus, .mfp-iframe-holder .mfp-close:focus,
.mfp-image-holder .mfp-close:active, .mfp-iframe-holder .mfp-close:active {color: #45c6d2; border-color: #45c6d2;}
.mfp-image-holder .mfp-close:hover::before, .mfp-iframe-holder .mfp-close:hover::before,
.mfp-image-holder .mfp-close:hover::after, .mfp-iframe-holder .mfp-close:hover::after {transform: translate(-50%, -50%) rotate(180deg);}
.mfp-arrow-left:before {
    content: "\f177"; font-family: "FontAwesome"; display: block; width: 40px; height: 40px; background-color: #fff; margin-left: 15px;
    color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-right:before {
    content: "\f178"; font-family: "FontAwesome";  display: block; width: 40px; height: 40px; background-color: #fff; margin-right: 15px; right: 0; left: auto;
    color: #222; border: none; text-align: center; line-height: 40px; opacity: 0.8;
}
.mfp-arrow-left:after, .mfp-arrow-right:after {display: none;}

/* back to top
----------------------------------------------------------------*/

.cd-top {
    display: inline-block;
    width: 40px; height: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border: 1px solid #e0dbd4;
    color: #e0dbd4; text-align: center; font-size: 24px;
    overflow: hidden;
    background-color: transparent;
    visibility: hidden;
    opacity: 0;
    z-index: 9;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top:after {content: '\f106'; font-family: "FontAwesome";}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
    opacity: .8;
}
.no-touch .cd-top {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.no-touch .cd-top:hover {
    background-color: #e0dbd4; color: #fff;
    opacity: 1;
}

/* reasu ----------------------------------------------------------------*/
.section_reasu {padding: 50px 0;}
.reasu { text-align: center; margin-top: 30px; margin-bottom: 30px;}
.reasu .reasu-title {
    display: block; position: relative; padding-top: 60px;
   /*font-family: "Lato", sans-serif;*/ font-size: 16px; letter-spacing: 1px; font-weight: bold; text-transform: uppercase; color: #131313;
}
.reasu .reasu-title::before {
    content: ""; display: block; position: absolute; top: 30px; left: 50%; transform: translateX(-50%); width: 30px; height: 1px;
    background-color: #131313;
}

/*  footer
-----------------------------------------------------------*/
footer { position: relative; font-size: 16px; color: #fff; padding:30px 0; margin: 0 0 30px; }
footer a {
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer a:hover {color: #e0dbd4;}
footer .container-fluid { padding: 150px 60px 50px; position: static; background-color: #303030;}
footer .footer_center_col {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 370px;
    padding: 50px 50px 30px;
    background-color: #131313;
    z-index: 1;
}
footer .footer_center_col > img {margin: 0 auto 50px; max-width: 220px; }
footer .footer_center_col .social_block {position: relative; display: block; padding: 35px 0 30px;}
footer .footer_center_col .social_block::before {
    content: ""; display: block; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 80%; height: 1px;
    background-color: #fff;
}
footer .footer_center_col .social_block a {
    display: inline-block; padding: 15px; color: #fff; font-size: 24px; font-weight: normal;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer .footer_center_col .social_block a:hover {color: #e0dbd4;}
footer .footer_center_col small {color:#999; font-weight: 300;}
footer .footer_title {
    display: block; position: relative; margin: 0 0 10px;
    /*font-family: "Lato", sans-serif;*/ font-size: 18px; font-weight: bold; letter-spacing: 0px; color: #fff; text-transform: uppercase;
}
footer .footer_title::before {
    content: ""; display: inline-block; width: 30px; height: 1px; margin: 5px 10px 6px 0;
    background-color: #fff;
}
footer .footer_title.text-right::before {
    content: ""; float: right; width: 30px; height: 1px; margin: 12px 0 5px 10px;
    background-color: #fff;
}

footer .lead {margin-bottom:5px; }
footer .btn-normal {margin: 10px 0; font-size: 14px; padding: 10px;}
footer ul {padding: 0;}
footer ul li {list-style: none; padding: 5px 0;}
footer ul li a {
    position: relative; padding: 2px 0;
    color: #fff; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; font-weight: 300;
}
footer ul li a:hover {color:#e0dbd4; }
footer ul li a::after {
    content: ""; display: block;
    position: absolute; bottom:50%; left: -10px; width: 0; height: 1px; transform: translateX(-100%);
    background-color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
footer ul li a:hover::after { width: 20px;}



/* RESPONSIVE CSS
-------------------------------------------------- */
/* container special
---------------------------------------------*/
@media (min-width: 1351px){
    .container { width: 1170px;}
}
@media (max-width: 1350px){
    .container { width: 970px;}
}
@media (max-width: 1150px){
    .container { width: 100%;}
    @keyframes main_animation {
        0% {
            margin:auto 0px;
        }
        100% {
            margin:auto 60px;
        }
    }
    .navbar-custom {padding: 5px 60px;}
}
@media (max-width: 768px){
    @keyframes main_animation {
        0% {
            margin:auto 0px;
        }
        100% {
            margin:auto 0px;
        }
    }
    .navbar-custom {padding: 5px 10px;}
    #navbar_wrapper .mob_lang { display: block; }
    #navbar_wrapper .mob_lang .dropdown-menu {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 1000;
        transform: translateX(-50%);
        float: left;
        min-width: 0;
        padding: 5px 0;
        margin: 0px 0 0;
        font-size: 14px;
        text-align: left;
        list-style: none;
        background-color: #a69f95;
        -webkit-background-clip: padding-box;
        background-clip: padding-box;
        border: none;
        border-radius: 0px;
    }
    #navbar_wrapper .mob_lang .dropdown-menu a:hover {
        color: #fff;
        background-color: transparent;
    }

    .cd-top.cd-is-visible {display: none;}
}

/*------responsive navbar ----------------*/
@media (max-width: 1550px){
    .navbar-custom .nav>li>a {font-size: 13px; letter-spacing: 1px; padding: 10px 10px;}
}
@media (max-width: 1460px){
    .box { width: 250px; height: 300px;}
    .navbar-custom .nav.nav_left { padding-right: 120px;}
    .navbar-custom .nav.nav_right { padding-left: 120px;}
}
@media (max-width: 1395px){
    .navbar-custom .box { width: 250px; height: 250px; }
    body.en .navbar-custom .box { height: 150px; }
    body.de .navbar-custom .box { height: 150px; }
    body.es .navbar-custom .box { height: 150px; }
    body.zh .navbar-custom .box { height: 150px; }
    .navbar-custom .navbar-brand .brand {max-width: 150px;}
    .navbar-custom .navbar-brand .brand > .logo-ico { max-width: 65px; margin: 25px auto 0;}
    .navbar-custom .navbar-brand .brand > .logo-txt { max-width: 140px; margin: 4px auto;}
    .wave { top: -10%;}
    body.en .wave { top: -70%; }
    body.de .wave { top: -70%; }
    body.es .wave { top: -70%; }
    body.zh .wave { top: -70%; }
    .box:after {-webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0);}
    .navbar-custom .nav {padding-top: 25px;}
    .navbar-custom .nav.nav_left { padding-right: 85px;}
    .navbar-custom .nav.nav_right { padding-left: 85px;}
    .navbar-custom .nav>li>a { font-size: 12px; letter-spacing: 0px; padding: 10px 10px;}
    #carousel-home {margin-top: 100px; height: calc(100vh - 200px);}
    #carousel-prod {margin-top: 100px;}
    #header_img-page { margin-top: 100px; height: calc(90vh - 200px);}
    #header_img_small-page {margin-top: 100px;}

    .categorie_block::after {font-size: 12px; letter-spacing: 0px;}

    .points_forts .point > p {font-size: 14px; line-height: 18px;}

}
@media (max-width: 1195px){
    .navbar-custom .box { width: 250px; height: 200px; }
    .navbar-custom .navbar-brand .brand {max-width: 130px;}
    .navbar-custom .navbar-brand .brand > .logo-ico { max-width: 50px; margin: 45px auto 0;}
    .navbar-custom .navbar-brand .brand > .logo-txt { max-width: 100px; margin: 4px auto;}
    .wave { top: -40%;}
    .box:after {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, 0px, 0);}
    .navbar-custom .nav {padding-top: 20px;}
    .navbar-custom .nav.nav_left { padding-right: 50px;}
    .navbar-custom .nav.nav_right { padding-left: 50px;}
    .navbar-custom .nav>li>a { font-size: 12px; letter-spacing: 0px; padding: 10px 10px;}
    #carousel-home {margin-top: 80px; height: calc(100vh - 160px);}
    #carousel-prod {margin-top: 80px;}
    #header_img-page { margin-top: 80px; height: calc(90vh - 200px);}
    #header_img_small-page {margin-top: 80px;}
}
@media (max-width: 1075px){
    .navbar-custom .navbar-toggle {
        /*display: inline-block;*/ position: relative; float: right;
        padding: 10px 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px;
        font-size: 14px; text-transform: uppercase;
        background-color: transparent; background-image: none;
        border: 1px solid transparent; border-radius: 0px;
        z-index: 2;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    .navbar-custom .navbar-toggle:hover { color: #a69f95; }
    .navbar-custom.opaque .navbar-toggle { margin-top: 2px; margin-right: 0px;}
    .navbar-custom .box { width: 250px; height: 200px; }
    .navbar-custom .navbar-brand .brand {max-width: 130px;}
    .navbar-custom .navbar-brand .brand > .logo-ico { max-width: 50px; margin: 45px auto 0;}
    .navbar-custom .navbar-brand .brand > .logo-txt { max-width: 100px; margin: 4px auto;}
    .wave { top: -40%;}
    .box:after {-webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, 0px, 0);}

    #navbar_wrapper {
        z-index: 1000;
        position: fixed;
        top: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        height: 100%;
        transform: translateY(-100%);
        opacity: 0;
        background: #fff;
        -webkit-transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -ms-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
        transition: all 0.9s ease 0s;
    }

    #navbar_wrapper.active {
        top: 0; right: 0px; left: 0;
        width:100%; height: 100%; transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 0.9s ease 0s;
        -moz-transition: all 0.9s ease 0s;
        -ms-transition: all 0.9s ease 0s;
        -o-transition: all 0.9s ease 0s;
        transition: all 0.9s ease 0s;
    }

    #navbar_wrapper:not(.active) .btn-hide { display: none;}
    #navbar_wrapper.active .btn-hide {
        display: block; position: fixed; top: 0; right: 250px; bottom: 0; height: 100%; width: 2000px;
    }
    .btn-cross {
        display: inline-block; position: absolute; top: 25px; right: 25px; width: 45px; height: 45px;
        border:none;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    .btn-cross::before, .btn-cross::after {
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        left: 50%;
        height: 2px;
        width: 20px;
        background-color: #222;
        -webkit-transition: all 0.4s ease 0s;
        -moz-transition: all 0.4s ease 0s;
        -ms-transition: all 0.4s ease 0s;
        -o-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
    }
    .btn-cross::before {transform: translate(-50%, -50%) rotate(45deg);}
    .btn-cross::after {transform: translate(-50%, -50%) rotate(-45deg);}
    .btn-cross:hover, .btn-cross:focus, .btn-cross:active {
        color: #45c6d2;
        border-color: #45c6d2;
    }
    .btn-cross:hover::before, .btn-cross:hover::after {transform: translate(-50%, -50%) rotate(180deg);}

    #navbar_wrapper .nav_content {
        position: absolute; top: 50%; width: 100%; transform: translateY(-50%) scale(1.2); max-height: 100%;
        margin: 0; padding: 15px 0; opacity: 0; overflow: auto;
        -webkit-transition: all 0.7s ease 0.9s;
        -moz-transition: all 0.7s ease 0.9s;
        -ms-transition: all 0.7s ease 0.9s;
        -o-transition: all 0.7s ease 0.9s;
        transition: all 0.7s ease 0.9s;
    }
    #navbar_wrapper.active .nav_content {
        opacity: 1; transform: translateY(-50%) scale(1);
        -webkit-transition: all 0.7s ease 0.9s;
        -moz-transition: all 0.7s ease 0.9s;
        -ms-transition: all 0.7s ease 0.9s;
        -o-transition: all 0.7s ease 0.9s;
        transition: all 0.7s ease 0.9s;
    }
    #navbar_wrapper .nav_content .nav {
        width: 100%; margin: 0; padding: 0;
        list-style: none; text-align: center; text-transform: uppercase;
    }
    #navbar_wrapper .nav > .mobbar-brand { display: block;}
    #navbar_wrapper .nav > .mobbar-brand > a {
        display: block; height: 110px; width: 130px; margin: 0 auto 20px; font-size: 0;
        background: url(../images/logo-venus.svg) no-repeat center; background-size: contain;
    }
    #navbar_wrapper .nav > .mobbar-brand img { margin: 10px auto 20px; width: 130px;}
    #navbar_wrapper .nav li {
        display: block; text-indent: 0px;
    }
    #navbar_wrapper .nav li a {
        position: relative; display: inline-block; margin: 0 auto;
        text-decoration: none; background-color: transparent;
        color: #131313; font-size: 14px; font-weight: bold; text-transform: uppercase; letter-spacing: 1px;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #navbar_wrapper .nav li a::before,
    #navbar_wrapper .nav li a::after {
        content: "";
        display: block;
        position: absolute;
        bottom: 50%;
        left: -10px;
        width: 0;
        height: 1px;
        transform: translateX(-100%);
        background-color: #a69f95;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    #navbar_wrapper .nav li a::after {left: auto; right: -10px; transform: translateX(100%);}
    #navbar_wrapper .nav li a:hover::before, #navbar_wrapper .nav li a:hover::after {
        width: 20px;
    }
    #navbar_wrapper .nav li a:hover {
        text-decoration: none;
        color: #a69f95;
    }

    #navbar_wrapper .nav>li>.dropdown-menu li {display: block;}
    #navbar_wrapper .nav>li>.dropdown-menu li a {
        position: relative; display: inline-block; margin: 0 auto;
        text-decoration: none; font-size: 12px; font-weight: 400;
        -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease;
    }
    #navbar_wrapper .nav>li>.dropdown-menu li a:hover { text-decoration: none; color: #a69f95; background-color: transparent;}
    #navbar_wrapper .nav>li>.dropdown-menu li a::before, #navbar_wrapper .nav>li>.dropdown-menu li a::after {display: none;}

    #carousel-home {margin-top: 80px; height: calc(100vh - 160px);}
    #carousel-prod {margin-top: 80px;}
}
/*- responsive website ----------------*/
@media screen and (max-width: 1200px) {
    #carousel-prod .btn-pop_photo {padding: 5px 0; font-size: 14px;}
    .product .product_desc .head_title-over_top .adv_ico-container .adv_ico-btn {width: 45px; height: 45px;}
    .prod_list { margin: 50px 0;}

    footer .container-fluid { padding: 150px 30px 50px;}
    footer .footer_center_col {width: auto; padding: 50px 30px 30px;}


}
@media (max-width: 1200px) and (min-width: 991px) {
    #temoignage_carrousel .item > img { width: 130px; }
    #temoignage_carrousel .carousel-caption { left: 65px; padding: 30px 15px 30px 85px;}
    #temoignage_carrousel .carousel-control { bottom: 60px; left: 35px;}

}
@media screen and (min-width: 991px) {
    .row-md-fake-center { text-align: center; display: block; margin: auto; }
    .col-md-fake-fluid { width: 14%; padding: 0 5px; float: none; display: inline-block; }
}
@media screen and (max-width: 991px) {

    .projet_steps .projet_steps-txt ol { padding-left: 60px; }

    .prod_list .prod_list-txt {position: relative; top: 0; left: 0; transform: translateY(0); right: 0; float: left; }
    .prod_list .prod_list-txt.right {left: 0; right: 0;}
    .prod_list { margin: 80px 0;}


    .head_title-over_top,
    .product .product_desc .head_title-over_top,
    .form_page .from_container .head_title-over_top { margin-top: 0px;}
    .seopress-breadcrumb > ol > li {font-size: 10px;}
    .product .product_desc .head_title-over_top .adv_ico-container {bottom: auto; top: -24px; left: 0; right: auto; transform: translate(0, -100%);}
    #specifics_structure .structure_mapping {margin-top: 30px;}

    footer .container-fluid { padding: 50px 30px 50px;}
    footer .footer_center_col {display: block; margin: 30px auto 0 ; position: static; transform: translate(0, 0); width: auto; padding: 30px;}

}
@media (min-width: 768px) and (max-width: 991px) {

}

@media screen and (max-width: 768px) {
    #carousel-home .carousel-caption { padding: 40px 15px;}
    .slider_title { font-size: 2em;}
    .slider_subtitle { font-size: 1em;}
    .h1, h1 { font-size: 2em;} .h2, h2 { font-size: 1.8em;} .h3, h3 { font-size: 1.6em;} .h4, h4 { font-size: 1.3em;} .h5, h5 { font-size: 1.15em;}

    .categorie_block > img { right: 10%;}

    #folio_carrousel {margin: 15px 0; height: auto;}
    #folio_carrousel .item { max-width: 100%; margin-bottom: 50px;}
    #folio_carrousel .item .carousel-caption { width: 90%; height: auto; top: auto; bottom: -30px; left: 50%; transform: translate(-50%, 0); opacity: 0; }
    #folio_carrousel .item.active .carousel-caption { width: 90%; height: auto; top: auto; bottom: -30px; left: 50%; transform: translate(-50%, 0); opacity: 1;}
    #folio_carrousel .carousel-control {bottom: 0%; left: 0; right: auto;}

    #temoignage_carrousel { margin: 15px 0; height: auto;}
    #temoignage_carrousel::after { top: 0; right: 0; transform: translate(0,50%); z-index: 3;}
    #temoignage_carrousel .item > img { max-width: 170px; height: auto; margin: 0 auto; position: relative; z-index: 5;}
    #temoignage_carrousel .carousel-caption {
        position: static; width: auto; height: auto; top:0; right: 0; left: 0; transform: translate(0, 0); margin-top: -85px; margin-bottom: 15px;
        padding: 115px 30px 30px 30px; z-index: 0;
    }
    #temoignage_carrousel .carousel-control { bottom: 0px; left: 30px; }

    .projet_steps {padding:15px 0; width: auto; margin-left: 15px; margin-right: 15px;  transform: translateX(0%); }
    .projet_steps .projet_steps-title { display: inline-block;}
    .projet_steps .projet_steps-title > * {font-size: 40px;}
    .projet_steps .projet_steps-txt ol { padding-left: 0px; }
    .projet_steps::after {width: 100%;}

    .prod_list { margin: 30px 0;}
    .prod_list .prod_list-txt .prod_list-label {margin-right: 30px; max-width: 100%; }

    #carousel-prod .btn-pop_photo { bottom: 30px; right: 15px; width: 40px; height: 40px; padding: 0px; font-size: 0;}
    #carousel-prod .btn-pop_photo::after { margin: 0;}

    .specifics_pannel-content .specifics_pannel[aria-expanded="true"] { width: 250px; padding: 40px 15px; }

    #header_img-page .simple_title {font-size: 26px;}

    .reasu .reasu-title {font-size: 12px;}

    footer .container-fluid { padding: 50px 15px 15px;}
    footer .footer_center_col {
        display: block; float: left; margin: 30px auto 0 ;
        position: static;
        transform: translate(0, 0);
        width: 100%; padding:30px 15px;
    }
    footer .container-fluid .col-xs-12 {  margin: 15px auto; text-align: center!important; }
    footer .container-fluid .col-xs-12 .footer_title { text-align: center; padding-bottom: 15px; }
    footer .container-fluid .col-xs-12 .footer_title::before { position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%); margin: 0; }
    footer ul li a::before, footer ul li a::after {
        content: ""; display: block;
        position: absolute; bottom:50%; left: -10px; width: 0; height: 1px; transform: translateX(-100%);
        background-color: #fff;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
    footer ul li a::after { left: auto; right: -10px; transform: translateX(100%); }
    footer ul li a:hover::before, footer ul li a:hover::after  { width: 20px;}
    footer .footer_center_col > img { margin: 0 auto 30px; max-width: 100%;}
    footer .footer_center_col .social_block { padding: 15px 0 ;}
}
@media screen and (max-width: 600px) {
    .product .product_desc .head_title-over_top,
    .form_page .from_container .head_title-over_top { padding: 15px; position: relative;}
    .product .product_desc .head_title-over_top .serie_title,
    .product .product_desc .head_title-over_top .date,
    .form_page .from_container .head_title-over_top::before  { display: block; position: static; width: 100%; margin-bottom: 30px;}
    .product .product_desc .product_desc-txt { padding: 0 15px 15px;}
    .form_page .from_container .head_title-over_top::before { background-size: auto 60%; }
    .form_page .from_container .from_container-body { padding: 15px;}

    .reasu {height: 230px;}

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

    .categorie_block > img { right: 0%;}
    .prod_list {padding: 0;}
    .prod_list .prod_list-txt .prod_list-label {margin-right: 0px; width: 100%; left: 0;}

    #header_img-page .header_title-content .serie_title > small {font-size: 20px;}
    #header_img-page .header_title-content .serie_title > strong {font-size: 80px; line-height: 70px;}
}
@media screen and (max-height: 500px) {
    .navbar-custom .nav>li>a { font-size: 12px; letter-spacing: 0px; padding: 5px 10px;}
}


/* CORRIGE UN BUG AVEC NL */
body.nl.home #main header.head_title-over_top h2 {
    word-wrap: break-word;
}



/* Corrige un bug avec le menu responsive */
@media (min-width: 1080px) {
    .navbar-toggle {
        display: none;
    }
}
@media (max-width: 1080px) {
    .navbar-toggle {
        display: block;
    }
}





/*---- SPEEDBARRE 2019 --------------------------------------------------*/

nav.navbar {
    top: 60px;
}
nav.navbar.opaque {
    top: 0;
}

#speedbarre {
    background-color: #303030;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 35px;
    z-index: 10000;
    border-left: 80px solid #fff;
    border-right: 80px solid #fff;
}
#speedbarre .mini-contact {
    color: #fff;
    margin-top: 4px;
}
#speedbarre ul.lang {
    color: #fff;
    margin-bottom: 0;
    margin-top: 4px;
    float:right;
    list-style: none;
}
#speedbarre ul.lang img {
    margin-left: 8px;
}
#speedbarre ul.lang li.dropdown a.dropdown-toggle {
    color: #fff;
}

#whole_nav {
    background: #eee;
    text-align: right;
    padding: 10px;
}
#whole_nav a {
    color: #131313;
    margin: 0 30px;
}
#whole_nav .active {
    color: #a69f95;
}
@media (max-width: 767px) {
    nav.navbar {
        top: 80px;
    }
}