@font-face {
    font-family:'Gotham-Bold';
    src: url('../fonts/GothamBold_gdi.eot');
    src: url('../fonts/GothamBold_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/GothamBold_gdi.woff') format('woff'),
    url('../fonts/GothamBold_gdi.ttf') format('truetype'),
    url('../fonts/GothamBold_gdi.svg#GothamBold-Regular') format('svg');
    font-weight  : normal;
    font-style   : normal;
    font-stretch : normal;
    font-display : swap;
}
@font-face {
    font-family  : 'Baskerville';
    src          : url('../fonts/baskvill-webfont.svg');
    src          : url('../fonts/baskvill-webfont.eot?#iefix') format('embedded-opentype'),
    url('../fonts/baskvill-webfont.woff') format('woff'),
    url('../fonts/baskvill-webfont.woff2') format('woff2'),
    url('../fonts/baskvill-webfont.ttf') format('truetype'),
    url('../fonts/baskvill-webfont.svg#baskvill-webfont') format('svg');
    font-weight  : normal;
    font-style   : normal;
    font-stretch : normal;
    font-display : swap;
}
@font-face {
    font-family  : 'Baskerville-Bold';
    src          : url('../fonts/Baskerville-Bold.svg');
    src          : url('../fonts/Baskerville-Bold.svg?#iefix') format('embedded-opentype'),
    url('../fonts/Baskerville-Bold.woff') format('woff'),
    url('../fonts/Baskerville-Bold.ttf') format('truetype'),
    url('../fonts/Baskerville-Bold.svg#Baskerville-Bold') format('svg');
    font-weight  : normal;
    font-style   : normal;
    font-stretch : normal;
    font-display : swap;
}
/**************************************************************/
/***************************GENERAL***************************/
/************************************************************/

* {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
    margin             : 0;
    padding            : 0;
    outline            : none;
}

html, body {
    height : 100%;
}

html {
    font-size : 15px;
}

body {
    font-family              : 'Baskerville', serif;
    font-size                : 25px;
    line-height              : 30px;
    color                    : #575452;
    background-color         : #FFF;
    width                    : 100%;
    -webkit-font-smoothing   : antialiased;
    -webkit-text-size-adjust : 100%;
    overflow-x               : hidden;
    max-width                : 1920px;
    margin                   : 0 auto;
    position                 : relative;
}

p {
  /*  display : block;*/
}

input[type=text], input[type=number], input[type=email], input[type=tel], input[type=file], input[type=password], button, select, textarea {
    color              : #575452;
    border             : none;
    box-shadow         : none;
    -webkit-appearance : none;
    appearance         : none;
    font-size          : 25px;
}

textarea{
    font-family        : 'Baskerville';
}

input:focus::placeholder, input:focus::-ms-input-placeholder, input:focus::-webkit-input-placeholder, input:focus::-moz-placeholder {
    color : #575452;
}

textarea:focus::placeholder, textarea:focus::-ms-input-placeholder, textarea:focus::-webkit-input-placeholder, textarea:focus::-moz-placeholder {
    color : transparent;
}

textarea {
    resize : none;
    border : none;
}

::-webkit-input-placeholder {
    color          : #575452;
    opacity        : 1;
    font-family    : 'Baskerville';
    font-size      : 25px;
}

:-moz-placeholder {
    color          : #575452;
    opacity        : 1;
    font-family    : 'Baskerville';
    font-size      : 25px;
}

::-moz-placeholder {
    color          : #000;
    opacity        : 1;
    font-family    : 'Baskerville';
    font-size      : 25px;
}


input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color          : #000;
    opacity        : 1;
    font-family    : 'Baskerville';
    font-size      : 25px;
}

button, a {
    cursor : pointer;
}

button {
    background                  : transparent;
    border                      : none;
    -webkit-tap-highlight-color : transparent !important;
    outline                     : none;
}

a, a:hover {
    text-decoration             : none;
    -webkit-tap-highlight-color : transparent !important;
    outline                     : none;
    color: inherit;
}

video {
    max-width : 100%;
    height    : auto;
}

table {
    border-collapse : collapse;
}

img {
    border    : none;
    max-width : 100%;
    display   : block;
}

ul {
    list-style-type : none;
}

ul, ol {
    list-style-position : inside;
}

label {
    display : block;
}

canvas {
    -ms-touch-action : double-tap-zoom;
}

h1, h2, h3, h4, h5 {
    font-weight : normal;
    display     : block;
    font-size   : inherit;
}

address {
    text-decoration : none;
    font-style      : normal;
}

header, nav, footer, section, article, aside, figure, figcaption, mark, time {
    display : block;
}

sup, sub {
    text-transform : none;
}

input:-webkit-autofill {
    -webkit-box-shadow : 0 0 0 1000px white inset;
}

input {
    border-radius      : 0;
    appearance         : none;
    -moz-appearance    : none;
    -webkit-appearance : none;
}

.clrb {
    clear : both;
}

.hidden {
    display : none !important;
}

.visible {
    opacity : 1
}

.no_scroll {
    overflow                   : hidden;
    -webkit-overflow-scrolling : auto;
}

/**************************************************************/
/**************************SPECIFIQUE*************************/
/************************************************************/
.link{
    text-decoration: underline;
}
.btn{
    background: transparent;
    padding: 30px;
    max-width: 200px;
    color: #575452;
    border: 1px solid rgba(255, 255, 255, 0.4);
    font-family: 'Baskerville';
    font-size: 20px;
    line-height: 25px;
    letter-spacing: 4px;
    text-transform: uppercase;
    text-align: center;
    transition: all 0.4s;
    display: block;
}
.btn:hover{
    border: 1px solid rgba(255, 255, 255, 1);
    transition: all 0.4s;
}
.btn.bord_gris{
    border: 1px solid rgba(87, 84, 82, 0.4);
}
.btn.bord_gris:hover{
    border: 1px solid rgba(87, 84, 82, 1);
}
.paragraphe{
    font-family: 'Baskerville';
    font-size: 25px;
    line-height:30px;
    color: #575452;
}
.title{
    font-family: 'Gotham-Bold';
    font-size: 70px;
    line-height: 65px;
    color: #575452;
    display: block;
    text-transform: uppercase;
}
.subTitle{
    font-family: 'Gotham-Bold';
    font-size: 44px;
    line-height: 65px;
    color: #575452;
    display: block;
    text-transform: uppercase;
}
.smti{
    font-family: 'Gotham-Bold';
    font-size: 25px;
    line-height: 30px;
    color: #575452;
    display: block;
    text-transform: uppercase;
}
.section{
    padding: 0 50px;
}
.bg{
    background-color: #e8d9c8;
}
.bgImg{
    background-size: 100% 100%;
    background-position: center center;
    background-repeat: no-repeat;
}
.dual_wrapper{
    padding: 120px 0;
    max-width: 1166px;
    margin: 0 auto;
}
.dual_wrapper .container{
    max-width: 925px;
    margin-left: auto;
}
.dual_wrapper .title{
    max-width: 300px;
    color: #575452;
    margin-right: auto;
    text-align: right;
}
.dual_wrapper .paragraphe{
    padding-top: 46px;
    max-width: 546px;
    margin-left: auto;
}
.absolute{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 100%;
}
.dual_flex{
    display: flex;
    flex-flow: row nowrap;
}
.editor{
    font-size: 20px;
    line-height: 23px;
}
strong{
    font-family: 'Baskerville-Bold';
}
.back-to-top{
    position: fixed;
    top: 50%;
    right : 20px;
    transform: translateY(-50%);
    display: block;
    z-index: 500;
    opacity :0;
    transition: all 0.5s;
}
.back-to-top.visible{
    opacity: 1;
}
.back-to-top span{
    writing-mode: vertical-rl;
    transform: rotate(-180deg);
    font-size: 20px;
    margin-top: 10px;
    display: block;
}
.back-to-top img{
    max-width: 25px;
    margin: 0 auto;
}

/**************************************************************/
/****************************HEADER***************************/
/************************************************************/
.header{
    height: 325px;
    background-color: #fff;
    padding: 0 50px;
    color: #575452;
    position: relative;
}
.header.hp{
    background-color: transparent;
    color: #fff;
    z-index: 500;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.header .top, .header .bottom{
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    padding: 15px 0;
    border-bottom: 1px solid #dbd9d8;
}
.header .bottom{
    padding-bottom:2px;
}
.header .menu li, .header .menu > span, .header .menu h1{
    font-size: 15px;
    text-transform: uppercase;
    letter-spacing:0.5px;
}
.header .menu li{
    padding-bottom:5px;
}
.header:not(.hp) .menu li > a, .header:not(.hp) .menu li > span{
    opacity:0.5;
}
.header:not(.hp) .menu li.active > a, .header:not(.hp) .menu li.active > span{
    opacity:1;
}
.header.hp .menu li > a, .header.hp .menu li > span{
color:#fff;
}
.header.hp .menu li{
    opacity: 1;
    position:relative;
}
.header.hp .menu li:hover > span, .header.hp .menu li:hover > a, .header.hp .menu li:hover .ssmenu > a{
   color: #cabeb1;
}
.header .menu li .ssmenu{
    display:none;
}
.header .menu li:hover .ssmenu{
    display:block;
}
.header .menu li .ssmenu > a:hover, .header .menu li .ssmenu > a.active{
  opacity:1;
}
.header .menu li:hover > a, .header li.active > a,
.header .menu li:hover > span, .header li.active > span{
    color: #575452;
    opacity : 1;
}
.header .menu  li + li, .header .menu h1 + li, .header .menu li + h1{
    margin-left: 35px;
}
.header .menu li .ssmenu{
    position:absolute;
    top:100%;
    width:-moz-max-content;
    width:max-content;
}
.header .menu li .ssmenu a {
    display:block;
}
.header:not(.hp) .menu li .ssmenu a:not(.active){
    opacity:0.5;
}
.header:not(.hp) .menu li .ssmenu a:hover{
    opacity:1;
}
.header .bottom, .header.hp .bottom{
    border-bottom: none;
}
.header.hp .menu{
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}
.header .logo_center{
    width: 234px;
    height: 127px;
    background-image: url("../img/logo-nativa.png");
    background-size: 100% auto;
    margin: 42px auto;
    display: block;
    opacity: 1;
    z-index: 2000;
    position: relative;
}
.header.hp .logo_center, .header .logo_center.mobile{
    background-image: url("../img/logo-nativa-home.png");
}
.header.hp .menu-icon{
    top: 24px;
}
.header .menu-icon{
    width: 50px;
    height: 50px;
    position: absolute;
    top: 8px;
    right: 15px;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    z-index: 2000;
}
.hp .menu-icon span, .hp .menu-icon span::before, .hp .menu-icon span::after{
    background-color: #fff;
}
.menu-icon span, .menu-icon span::before, .menu-icon span::after{
    display: block;
    width: 30px;
    height: 3px;
    background-color: #575452;
    outline: 1px solid transparent;
    -webkit-transition-property: background-color, -webkit-transform;
    -moz-transition-property: background-color, -moz-transform;
    -o-transition-property: background-color, -o-transform;
    transition-property: background-color, transform;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.menu-icon span{
    user-select: none;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15px;
    margin-top: -1.5px;
}
.menu-icon span::before, .menu-icon span::after {
    position: absolute;
    content: "";
}
.menu-icon span::before {
    top: -9px;
}
.menu-icon span::after {
    top: 9px;
}
.menu-icon.open span{
    background-color: transparent;
}
.menu-icon.open span::before, .menu-icon.open span::after{
    background-color: #ffffff;
}
.menu-icon.open span::before{
    -webkit-transform: translateY(9px) rotate(45deg);
    -moz-transform: translateY(9px) rotate(45deg);
    -ms-transform: translateY(9px) rotate(45deg);
    -o-transform: translateY(9px) rotate(45deg);
    transform: translateY(9px) rotate(45deg);
}
.menu-icon.open span::after{
    -webkit-transform: translateY(-9px) rotate(-45deg);
    -moz-transform: translateY(-9px) rotate(-45deg);
    -ms-transform: translateY(-9px) rotate(-45deg);
    -o-transform: translateY(-9px) rotate(-45deg);
    transform: translateY(-9px) rotate(-45deg);
}
.header_mobile{
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 1000;
    background-color:rgba(87, 84, 82, 0.9);
    top: 0;
    left: 0;
    opacity: 0;
    flex-flow: column nowrap;
    align-items: center;
    display: flex;
    justify-content: center;
    transform: translateX(100%);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header_mobile.open{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    transform: translateX(0px);
    opacity : 1;
}
.header .header_mobile a + a{
    margin-left: 0;
}
.header .header_mobile a{
    color: #fff;
    font-size: 17px;
    letter-spacing: 2px;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    text-transform: uppercase;
    display: block;
    transition-delay: 0.3s;
    text-align:center;
    padding:0 20px;
}
.header .header_mobile.open a{
    opacity: 1;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.header .header_mobile.open a:nth-child(1){
    transition-delay: 0.3s;
}
.header .header_mobile.open a:nth-child(2){
    transition-delay: 0.4s;
}
.header .header_mobile.open a:nth-child(3){
    transition-delay: 0.5s;
}
.header .header_mobile.open a:nth-child(4){
    transition-delay: 0.6s;
}
.header .header_mobile.open a:nth-child(5){
    transition-delay: 0.7s;
}
.header .header_mobile.open a:nth-child(6){
    transition-delay: 0.8s;
}
.header .header_mobile.open a:nth-child(7){
    transition-delay: 0.9s;
}
.header .header_mobile.open a:nth-child(8){
     transition-delay: 1s;
}
.header .header_mobile.open a:nth-child(9){
    transition-delay: 1.1s;
}
.header .header_mobile.open a:nth-child(10){
    transition-delay: 1.2s;
}
.header .header_mobile.open a:nth-child(11){
    transition-delay: 1.2s;
}

/**************************************************************/
/****************************FOOTER***************************/
/************************************************************/
.footer .newsletter{
    padding:70px 0 35px;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
}
.footer .newsletter .wrapper{
    max-width: 685px;
    margin: 0 auto;
}
.footer .newsletter .wrapper .smti{
    margin-bottom: 20px;
    text-align: center;
}
.footer .newsletter .wrapper .paragraphe{
    text-align: center;
    font-size: 20px;
    margin-bottom: 35px;
}
.footer .newsletter .news{
    position: relative;
    max-width: 380px;
    margin: 0 auto;
}
.footer .newsletter .news .fields{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.footer .newsletter .news .fields .inputs{
    width: calc(100% - 100px);
}
.footer .newsletter .news .fields .inputs input:first-of-type{
    margin-bottom: 15px;
}
.footer .newsletter .news .fields .sumbit_news{
    position: relative;
    margin-left: 15px;
    bottom: initial;
    border: 1px solid #000;
    padding: 15px;
}
.footer .newsletter .news .input_news{
    padding-bottom: 15px;
    padding-right: 65px;
    border-bottom: 1px solid #000;
    color: #575452;
    font-size: 18px;
    width: 100%;
}
.footer .newsletter .news .input_news::placeholder{
    font-size: 17px;
    color : #9f9f9f;
}
.footer .newsletter .news .input_news:focus::placeholder{
    color: transparent;
}
.footer .newsletter .news .sumbit_news{
    text-transform: uppercase;
    font-size: 15px;
    position: absolute;
    bottom: 15px;
    right: 0;
    font-family: 'Baskerville';
}
.footer .newsletter .privacy{
    max-width: 380px;
    margin: 20px auto 20px;
    font-size: 15px;
    color : #9f9f9f;
    display: block;
}
.footer .nav_footer{
    max-width: 1500px;
    margin: 0 auto;
    padding: 70px 0 80px;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.footer .nav_footer .col_links{
    font-size: 15px;
    text-transform: uppercase;
    display: flex;
    flex-flow: column nowrap;
    width:calc((100% / 5) - 15px);
    margin-right:15px;
}
.footer .nav_footer .col_links a{
    position: relative;
}
.footer .nav_footer .insta{
    margin-top: 1px;
}
.footer .nav_footer .insta::before, .footer .nav_footer .youtube::before, .footer .nav_footer .linkedin::before{
    content: '';
    width: 13px;
    height: 14px;
    background-image: url("../img/instagram.svg");
    background-size: 100% 100%;
    margin-right: 10px;
    display: inline-block;
    vertical-align: text-top;
}
.footer .nav_footer .youtube::before{
    background-image: url("../img/youtube.svg");
}
.footer .nav_footer .linkedin::before{
    background-image: url("../img/linkedin.svg");
}
.footer .external{
    border-top: 1px solid #e3e3e3;
}
.footer .external .links{
    max-width: 685px;
    margin: 0 auto;
    padding: 20px 0;
    display: flex;
    flex-flow: row nowrap;
    text-transform: uppercase;
    font-size: 13px;
    letter-spacing: 0.5px;
    justify-content: center;
    align-items: center;
}
.footer .external .links a{
    padding: 0 20px;
    position: relative;
}
.footer .external .links a::after{
    content : '/';
    position: absolute;
    right: 0;
    top: 0;
}
.footer .external .links a:last-of-type{
    padding-right: 0;
}
.footer .external .links a:first-of-type{
    padding-left: 0;
}
.footer .external .links a:last-of-type::after{
    display: none;
}
.footer .external .links .nash{
    width: 127px;
}
/****************************************************************/
/****************************HOMEPAGE***************************/
/**************************************************************/
.home .hp_banner{
    background-color: rgba(87, 84, 82, 0.2);
}
.home .why_nativa .dual_wrapper .title{
    max-width: 450px;
}
.home .why_nativa .dual_wrapper .container{
    max-width: 1050px;
}
.home .hp_banner .video_wrapper{
    max-height: 770px;
    overflow: hidden;
    position: relative;
}
.home .hp_banner .video_wrapper .bg{
    background-color: rgba(87, 84, 82, 0.2);
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 90;
    height: 100%;
}
.home .hp_banner video{
    display: block;
    width: 100%;
    z-index: -100;
    background: url("../img/contenu/hp-banner.jpg") no-repeat;
    background-size: cover;
}
.home .hp_banner .img_wrapper{
    width: 100%;
    max-height: 770px;
    overflow: hidden;
    position: relative;
    min-height : 500px;
    z-index: 300;
    display: none;
}
.home .hp_banner .img_wrapper img{
    max-width: none;
}
.home .hp_banner .title{
    position: absolute;
    color: #fff;
    z-index: 100;
    left: 50%;
    top: calc(50% + 85px);
    transform: translateX(-50%);
    max-width: 980px;
    margin: 0 auto ;
    text-align: center;
    font-size: 65px;
    line-height: 70px;
    width: 100%;
    padding: 0 25px;
}
.home .why_nativa .btn{
    display: block;
    margin-top: 50px;
    padding: 30px 40px;
}
.home .origins .wrapper_img{
    position: relative;
    min-height: 475px;
}
.home .origins .lg_trigger{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home .origins .lg_trigger .open_video{
    width: 79px;
    height: 60px;
    margin: auto;
    display: block;
    background-image: url("../img/video-play.svg");
    background-size: 100% 100%;
    cursor: pointer;
}
.lg-toolbar .lg-icon{
    content: '' ;
    background-image: url("../img/close-white.svg");
    background-size: 100% 100%;
    width: 30px !important;
    height: 30px !important;
    margin: 20px ;
}
.lg-outer.lg-visible{
    z-index: 5000 !important;
}
.lg-toolbar .lg-icon::after{
    display: none;
}
.lg-backdrop{
    background-color: rgba(87, 84, 82, 0.9) !important;
}
.home .origins .paragraphe{
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    background-color: rgba(0, 0, 0, 0.6);
    color: #fff;
    padding-bottom: 100px;
    padding-left: 8.33%;
    padding-right: 25px;
}
.home .origins .paragraphe .txt{
    max-width: 510px;
}
.home .origins .paragraphe .btn{
    color: #fff;
    max-width: 288px;
    margin-top: 50px;
    padding: 30px;
    font-size: 20px;
}
.home  .grid{
    margin-bottom: 120px ;
}
.home .values .scroll_transition .reveal{
    opacity: 0;
    -webkit-transform: translateX(-40px);
    -moz-transform: translateX(-40px);
    -ms-transform: translateX(-40px);
    -o-transform: translateX(-40px);
    transform: translateX(-40px);
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
    margin-bottom: 80px ;
}
.home .values .paragraphe{
    padding-top: 0;
}
.home .values .scroll_transition .reveal.visible{
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
}
.home .values .scroll_transition .reveal .picto{
    min-width: 71px;
    margin-right: 30px;
    display: block;
}
.home .values .scroll_transition .reveal .subTitle{
    display: block;
    margin-bottom: 20px;
    line-height: 25px;
}
.home .values .scroll_transition .reveal .txt{
    font-size: 20px;
}
.home .grid .wrapper{
    max-width: 1677px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.home .grid .bloc_nav{
    max-width: 419px;
    background-color: #000;
    overflow: hidden;
    position: relative;
}
.home .grid .bloc_nav img{
    transition: all .35s
}
.home .grid .bloc_nav:hover img{
    opacity: 0.7;
    transform: translate3d(0, 0, 0) scale(1.16);
    -webkit-transform: translate3d(0, 0, 0) scale(1.16)
}
.home .grid .bloc_nav .btn{
    position: absolute;
    top: 50%;
    left : 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    max-width: none;
}
.home .blog .dual_flex{
    padding: 120px 0;
    max-width: 1260px;
    margin: 0 auto;
}
.home .blog .title{
    max-width: 435px;
    text-align: right;
    padding-right: 20px;
    margin: 0 auto;
}
.home .blog .paragraphe{
    max-width: 600px;
    margin-left: auto;
    font-size: 20px;
    line-height: 25px;
}
.home .blog .slider_wrapper{
    position: relative;
    padding-right: 35%;
    margin-bottom: 65px;
}
.home .blog .bloc_article .img{
    max-width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
    display: block;
}
.home .blog .bloc_article .smti{
    margin-bottom: 20px;
}
.home .blog .bloc_article .smti span{
    text-transform: none;
    font-size: 20px;
    display: block;
}
.home .blog .bloc_article .link{
    margin-left: 10px;
}
.home .blog .navSlider{
    position: absolute;
    right: 0;
    bottom: calc(2% + 10px);
    display: flex;
    flex-flow: column-reverse nowrap;
    justify-content: space-between;
    height: 130px ;
}
.home .regenerative{
    margin:75px 0;
    padding:0;
}
.home .regenerative .wrapper .intro_img{
    width:50%;
}
.home .regenerative .txt .editor{
    text-align: right;
    max-width: 450px;
    margin: 0 0 0 auto;
}
.home .regenerative .wrapper .txt .title{
    top:0;
    text-align:right;
    margin-bottom:50px;
}
.home .regenerative .txt .btn,
.home .cashmere .txt .btn{
    color: #575452;
    border: 1px solid #575452;;
    width:250px;
    max-width:100%;
    margin: 50px 0 0 auto;
}
.home .cashmere.intro{
    padding-bottom:100px;
}
.home .cashmere.intro .wrapper .txt .title{
    top:0;
    text-align:left;
    margin-bottom:50px;
}
.home .cashmere.intro .wrapper .txt{
    width: 43%;
    margin-left:auto;
}
.home .cashmere.intro .wrapper .intro_img{
    width:50%;
    margin-left:0;
}
.home .cashmere.intro .editor{
    text-align:left;
    margin:0;
    max-width: 450px;
}
.home .cashmere .txt .btn{
    margin: 50px 0 0 0;
}
.navSlider .slick-arrow{
    width: 90px;
}
.navSlider .slick-prev{
    transform: rotate(-180deg);
}
/****************************************************************/
/******************************ABOUT****************************/
/**************************************************************/
.intro{
    margin-top: 100px;
    padding-bottom: 215px;
}
.intro .wrapper{
    display: flex;
    flex-flow: row nowrap;
}
.intro .wrapper .intro_img{
    width: 57%;
    max-width: 1098px;
    overflow: hidden;
}
.intro .wrapper .txt{
    width: 43%;
    position: relative;
}
.intro .wrapper .txt .title{
    position: relative;
    top: -40px;
    text-align: center;
}
.intro .wrapper .txt .anchors{
    text-align: center;
    margin-top: 50px;
}
.intro .wrapper .txt .anchors a{
    font-size: 15px;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    text-align: center;
    display: block;
    width: max-content;
    width: -moz-max-content;
    margin: 0 auto 35px;
}
.intro .wrapper .txt .anchors a:hover{
    text-decoration: underline;
}
.intro .wrapper .txt .line{
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 0;
    width : 1px;
    background: #575452;
    z-index: 50;
}
.blockchain .intro .wrapper .txt .line{
    max-height: 235px;
}
.about .intro, .certification .intro{
    padding-bottom: 0;
}
.about .right#story, .certification .right#protocol{
    padding: 215px 50px 120px 0;
}
.intro .editor{
    text-align: center;
    max-width: 365px;
    margin: 0 auto 20px;
    font-size: 25px;
    line-height: 25px;
}
.about .right, .certification .right{
    padding: 150px 50px 120px 0;
}
#gentle.right .wrapper .editor,
#endless.right .wrapper .editor{
    padding: 70px 50px 0 0;
}
#gentle .wrapper .editor .btn{
    margin-top:35px;
}
#gentle.right .wrapper .editor{
    padding-bottom: 50px;
}
.right#heritage{
    padding-top: 150px;
}
section.left .txt.editor{
    padding-bottom: 100px;
}
section.right .wrapper{
    max-width: 1545px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
section.right .wrapper .img{
    position: relative;
    max-width: 930px;
}
#nature.right .wrapper .img{
    width: 57%;
}
section.right .wrapper .img .title{
    position: absolute;
    top: -95px;
    right : 40px;
    text-align: right;
}
section.right .wrapper .editor{
    max-width: 465px;
    margin-left: 35px;
    padding-top: 70px;
    padding-bottom: 70px;
    width: 50%;
    position: relative;
    z-index: 300;
    background-color: #e8d9c8;
}
section.left{
    padding: 120px 0 50px;
}
section.left .bloc_intro{
    max-width: 1422px;
    margin: 0 auto 85px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
section.left .bloc_intro .title{
    align-self: flex-start;
    margin-left: auto;
    margin-right: 20px;
    padding-bottom: 60px;
    text-align: right;
}
section.left .bloc_intro .introduction{
    align-self: flex-end;
    max-width: 450px;
    margin-left :  auto;
    padding-top: 75px;
}
.media{
    position: relative;
    max-width: 1455px;
    margin-left: auto;
}
.media .lg_trigger .open_video{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 79px;
    height: 60px;
    margin: auto;
    display: block;
    background-image: url(../img/video-play.svg);
    background-size: 100% 100%;
    cursor: pointer;
}
section.left .txt.editor{
    max-width: 1422px;
    margin: 95px auto 0;
}
section.left .txt.editor .txt_wrapper{
    max-width: 450px;
    margin-left: auto;
}

/****************************************************************/
/******************************FARMS****************************/
/**************************************************************/
.journey .map{
    background-color: #000;
    position: relative;
    z-index: 200;
    width: 100%;
    max-height: 1050px;
    overflow: hidden;
}
.journey .map .bg_img{
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    overflow: hidden;
    width: 100%;
    height: 100%;
    z-index: 200;
    opacity : 0.5;
    display: none;
}
.journey .map .bg_img img{
    max-width: none;
}
.journey .map .bg_img.active{
    display: block;
}
.journey .map .wrapper{
    max-width: 1466px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: flex-start;
    margin: auto;
    z-index: 300;
    position: relative;
    padding: 10% 25px 10%;
}
.journey .map .wrapper .map_mobile{
    display: none;
}
.journey .map .wrapper .editor{
    width: 40%;
    max-width: 400px;
    color: #fff;
    margin-right : 15px ;
    display: flex;
    flex-flow: column wrap;
    justify-content: center;
}
.journey .map .wrapper .editor .introduction{
    margin-bottom: 75px;
}
.journey .map .wrapper .editor .smti{
    color: #fff;
    margin-bottom: 20px;
}
.journey .map .wrapper .editor .smti .small{
    font-size: 16px;
    line-height: 18px;
    display: block;
}
.journey .map .wrapper .dynamic_txt.active {
    display: flex;
    flex-flow: column wrap;
}
.journey .map .wrapper .dynamic_txt{
    display: none;
    height: 320px;
}
.journey .map .wrapper .dynamic_map{
    width: 920px;
    align-self: flex-start;
}
.journey .map .wrapper  .map_wrapper{
    position: relative;
}
.journey .map .wrapper  .interactive_map{
    position: absolute;
    display: block;
    z-index: 40;
    background: url(../img/puce_ferme_off.png) no-repeat center center;
    background-size: 100% auto;
    cursor: pointer;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    -webkit-animation-name: pulse;
    animation-name: pulse;
    animation-duration: 3s;
    animation-iteration-count: infinite;
}
.journey .map .wrapper .interactive_map:hover::after, .journey .map .wrapper .interactive_map.active::after{
    display: block;
    opacity : 1;
}
.journey .map .wrapper .interactive_map.active{
    animation: none;
    -webkit-animation: none;
}
.journey .map .wrapper  .interactive_map::after{
    position: absolute;
    content: '';
    width: 73px;
    height: 73px;
    left: 50%;
    top: 50%;
    margin: -35px 0 0 -35px;
    opacity: 0;
    background: url(../img/puce_ferme_on.png) no-repeat center center;
    background-size: 100% 100%;
}
.journey .map .click{
    color: #fff;
    position: absolute;
    width: 100%;
    display: block;
    top: -10%;
    right: 0;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
}
.journey .map .wrapper  .interactive_map#usa{
    top: 34%;
    left: 16%;;
}
.journey .map .wrapper  .interactive_map#uruguay{
    top: 75%;
    left: 29%;;
}
.journey .map .wrapper  .interactive_map#argentina{
    top: 92%;
    left: 26%;;
}
.journey .map .wrapper  .interactive_map#australia{
    top: 93%;
    left: 86%;
}
.journey .map .wrapper  .interactive_map#newZealand{
    top: 96%;
    left: 94%;
}
/****************************************************************/
/*******************************BLOG****************************/
/**************************************************************/
.blog .all_articles{
    margin-top: 125px;
    padding-bottom: 100px;
}
.blog .all_articles .title{
    position: relative;
    text-align: center;
    top: -39px;
    margin-bottom: 90px;
}
.blog .all_articles .wrapper{
    max-width: 1436px;
    margin: 0 auto;
}
.blog .all_articles .categories{
    position: relative;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
    margin-bottom: 90px;
}
.blog .all_articles .categories::after{
    content: '';
    width: 100%;
    height: 1px;
    background: #d0c4b6;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 25;
}
.blog .all_articles .categories li a{
    text-transform: uppercase;
    font-size: 15px;
    line-height: 15px;
    letter-spacing: 0.5px;
    padding: 10px 35px 9px;
    border: 1px solid #d0c4b6;
    display: block;
    border-radius: 50px;
    z-index: 50;
    position: relative;
    background-color: #e8d9c8;
}
.blog .all_articles .categories li a:hover, .blog .all_articles .categories li a.active{
    color: #FFF;
    background-color: #575452;
}
.blog .all_articles .categories li + li{
    margin-left: 20px;
}
.blog .articles{
    display: grid;
    grid-template: 1fr/repeat(2, 1fr);
    align-content: space-between;
    justify-content: space-between;
    grid-gap: 25px;
}

.blog .articles .bloc_article:nth-child(even){
    margin-left: auto;
}
 .blog .articles .bloc_article{
    max-width: 592px;
}
.blog .articles .bloc_article .img{
    background-color: #000;
    max-width: 592px;
    overflow: hidden;
    position: relative;
    display: block;
}
.blog .articles .bloc_article .img img{
    transition: all 0.5s ;
    transform: none;
}
.blog .articles .bloc_article .img:hover img{
    opacity: 0.7;
    transform: translate3d(0, 0, 0) scale(1.16);
    -webkit-transform: translate3d(0, 0, 0) scale(1.16);
    transition: all 0.5s ;
}
.blog .articles .bloc_article .editor{
    max-width: 80%;
    margin: 0 auto;
    background-color: #fff;
    padding: 45px 25px;
    position: relative;
    top: -55px;
    max-height: 240px;
}
.blog .articles .bloc_article .editor .title_article{
    text-transform: uppercase;
    font-size: 18px;
    line-height: 20px;
    letter-spacing: 0.5px;
    margin:0 auto 25px;
    max-width: 310px;
    display: block;
    text-align: center;
    font-family: 'Gotham-Bold';
}
.blog .articles .bloc_article .editor .title_article > span{
    display: block;
    text-transform: none;
}
.blog .articles .bloc_article .editor .text{
    max-width: 380px;
    margin: 0 auto;
    display: block;
    text-align: center;
}
.blog .articles .bloc_article .editor .text .link{
    margin-left: 5px;
}
.blog .all_articles .pagination{
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    color: #fff;
    margin: 90px auto;
}
.blog .all_articles .pagination li{
    position: relative;
    font-size: 15px;
}
.blog .all_articles .pagination li::after{
    content: '/';
    position: absolute;
    right: -30px;
    top: 0;
}
.blog .all_articles .pagination li:last-of-type::after{
    display: none;
}
.blog .all_articles .pagination li + li{
    margin-left: 60px;
}
.blog .all_articles .pagination li.active{
    color: #575452;
}
/****************************************************************/
/**************************BLOG DETAILS*************************/
/**************************************************************/
.blog_details .details{
    padding: 65px 0 75px;
    margin-top: 100px;
}
.blog_details .back_wrapper{
    text-align: center;
    margin-bottom: 60px;
    text-transform: uppercase;
    font-size:  15px;
}
.blog_details .wrapper{
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-between;
}
.blog_details .wrapper .text{
    margin: 0 auto;
    max-width: 960px;
}
.blog_details .wrapper .text .title_article{
    font-size: 35px;
    line-height: 35px;
    text-transform: uppercase;
    margin-bottom: 30px;
    font-family: 'Gotham-Bold';
    text-align: center;
}
.blog_details .wrapper .text .title_article .sub{
    text-transform: none;
    display: block;
}
.blog_details .wrapper .text > .img{
    margin: 0 auto 50px;
    max-width: 960px;
    overflow: hidden;
}
.blog_details .wrapper .text .editor{
    text-align: center;
}
.blog_details .wrapper .text .editor  img{
    margin: 0 auto;
	height:auto !important;
}
.editor blockquote, .editor .quote{
    font-size: 29px;
    line-height: 32px;
    font-style: italic;
}
.editor blockquote, .editor .quote, .editor q{
    quotes : "“" "”";
}
.editor blockquote:before, .editor .quote::before {
    content: open-quote;
}
.editor blockquote:after, .editor .quote::after {
    content: close-quote;
}
.editor .list_editor li{
    position: relative;
    padding-left: 16px;
    margin-bottom: 20px;
}
.editor .list_editor li::before{
    content: '';
    display: block;
    background: #575452;
    position: absolute;
    top: 6px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 10px;
}
.blog_details .wrapper .text .back_wrapper{
    margin-top: 95px;
    width: 100%;
}
/****************************************************************/
/***************************BLOCKCHAIN**************************/
/**************************************************************/
.blockchain .intro{
    padding-bottom: 0;
}
.blockchain .intro .wrapper .txt .title,
.journey .intro .wrapper .txt .title {
    margin-bottom: 80px;
}
.blockchain .three_blocks.bg {
     padding-top: 150px;
 }

.block{
    opacity: 0;
    transition: all 0.5s;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
    z-index: 500;
}
.block .text .img_resp{
    display: none;
}
.block.visible{
    opacity: 1 ;
    transition: all 0.5s;
}
.block .wrapper{
    max-width: 810px;
    width: 57%;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 25px 0 50px;
    margin: 0 auto;
}
.block .forms{
    margin: 20px 50px 0;
    position: relative;
    display: block;
}
.block .forms .disc{
    width: 15px;
    height: 15px;
    border-radius: 15px;
    background-color: #575452;
    display: block;
}
.block .picto_block{
    width: 70px;
    height: 45px;
    display: flex;
    flex-flow: column;
    justify-content: center;
}
.block .forms .lineScroll{
    height: 0;
    width: 1px;
    background-color: #575452;
    display: block;
    position: absolute;
    top: 45px;
    left: 50%;
    transform: translateX(-50%);
}
.block.shop .forms .lineScroll{
    display: none;
}
.block .subTitle{
    max-width: 320px;
    line-height: 42px;
    margin-bottom: 30px;
}
.block .text{
    width: 100%;
}
.block .text .editor{
    max-width: 420px;
    margin-left: auto;
}
.block .img{
    max-width: 707px;
    width: 43%;
}
.three_blocks:last-of-type .block:last-of-type .lineScroll{
    display: none;
}
/****************************************************************/
/****************************WHY WOOL***************************/
/**************************************************************/
.why_whool #blocksVersatile.right .wrapper .img{
    width: 57%;
}
.why_whool #endless.right .wrapper .img, .why_whool #gentle.right .wrapper .img{
    min-width: 595px;
}
.why_whool .intro{
    padding-bottom: 0;
}
.why_whool .blocks.right{
    padding: 90px 0;
}
.why_whool .blocks.right .wrapper .img .title{
    top: 0px;
    position: relative;
}
.why_whool .blocks.right .txt{
    position: relative;
    z-index: 300;
    background-color: #fff;
    padding-top: 70px;
}
.why_whool .blocks.right .wrapper{
    justify-content: initial;
}
.why_whool .blocks .block{
    padding-bottom: 75px;
    margin-bottom: 0;
    padding-right: 50px;
}
.why_whool .blocks .block .forms{
    height: 100%;
}
.why_whool .blocks .block .wrapper{
    max-width: 810px;
    width: 100%;
    display: flex;
    flex-flow: row nowrap;
    padding: 0 ;
    margin: 0 auto;
}
.why_whool #nature.blocks .block:first-of-type .forms .disc{
    opacity: 0;
}
.why_whool #nature.blocks .block:first-of-type .text{
    padding-top: 75px;
}
.why_whool.cotton_road #nature.blocks .block:first-of-type .text{
    padding-top: 0;
}
.why_whool .blocks  .wrapper .editor{
    width: 100%;
    max-width: 450px;
    margin-left: 0;
    padding-top: 0;
    background-color: #fff;
}
.why_whool .blocks .block:last-of-type .forms .lineScroll{
    display: none;
}
.why_whool #endless.right .wrapper, .why_whool #gentle.right .wrapper{
    padding-top: 200px;
}
/****************************************************************/
/*************************CERTIFICATION*************************/
/**************************************************************/
.certification .protocols > span{
    margin: 40px 0 15px;
    display: block;
}
.certification .protocols .pdf_list li a{
    position: relative;
    padding-left: 35px;
}
.certification .protocols .pdf_list li a::before{
    content: '';
    width: 20px;
    height: 11px;
    background : url("../img/download.svg") no-repeat center center;
    background-size: 100% 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 5px;

}
.certification #certified.right {
    padding-bottom: 0;
}
/****************************************************************/
/*****************************CONTACT***************************/
/**************************************************************/
.contact .intro{
    padding-bottom: 50px;
}
.contact .intro .title{
    margin-bottom: 75px;
}
.contact .sociaux{
    margin-top: 40px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.contact .sociaux img{
    max-width: 22px;
    display: block;
    margin: 0 auto 20px;
    height: 23px;
}
.contact .sociaux span{
    text-transform: uppercase;
    font-size: 15px;
}
.contact .contact_form{
    max-width: 515px;
    margin: 75px auto 50px;
}
.contact .contact_form .input_form{
    padding:0 30px 0 ;
    background-color: transparent;
    width: 100%;
    border-bottom: 1px solid #d7c6ba;
    font-size: 18px;
    font-family: 'Gotham Book';
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.contact .contact_form .input_form:-webkit-autofill,
.contact .contact_form .input_form:-webkit-autofill:hover,
.contact .contact_form .input_form:-webkit-autofill:focus,
.contact .contact_form .input_form:-webkit-autofill:active  {
    -webkit-text-fill-color:#000 !important;
    background-color:#e8d9c8 !important;
    color: #000 !important;
    -webkit-box-shadow: 0 0 0px 1000px #e8d9c8 inset !important;
    transition: background-color 5000s ease-in-out 0s !important;
}
.contact .contact_form .label_form{
    padding: 30px 30px 0;
    font-size: 14px;
    text-transform: uppercase;
    color: #575452;
}
.contact .contact_form .checkIn{
    margin: 30px 0;
}
.contact .contact_form .container {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 15px;
}
.contact .contact_form .container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.contact .contact_form .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #fff;
}
.contact .contact_form .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.contact .contact_form .container input:checked ~ .checkmark:after {
    display: block;
}
.contact .contact_form .container .checkmark:after {
    left: 8px;
    top: 7px;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #575452;
}
.contact .contact_form .legal{
    font-size: 15px;
    line-height: 20px;
}
.contact .contact_form .btn{
    margin-top: 50px;
}
.contact #sent{
    color: #1B9448;
    margin-top: 20px;
}
#success_message{
    color: #1B9448;
    position: absolute;
    top: -20px;
    font-size: 17px;
    line-height: 15px;
}
#success_error{
    color: #A90707;
    position: absolute;
    top: -20px;
    font-size: 17px;
    line-height: 15px;
}
/****************************************************************/
/*************************BLOCKCHAIN****************************/
/**************************************************************/
.block_technology .anchors{
    max-width: 340px ;
    margin: 0 auto;
    padding-bottom: 50px;
}
.block_technology .intro{
    padding-bottom: 0;
}
.block_technology .intro .wrapper .intro_img{
    width: 75%;
}
.protocols.contact .contact_form{
    max-width: none;
    margin: 0;
}
.block_technology .chains .wrapper{
    padding: 150px 0 100px;
}
.block_technology .chains .computers{
    position: relative;
    z-index: 100;
    background-color: #fff;
    padding-bottom: 120px;
    padding-top: 50px;
}
.block_technology .computers .flex_wrapper{
    max-width: 1080px;
    margin: 0 auto 45px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
}
.block_technology .computers .block_comput{
    text-align: center;
}
.block_technology .computers .block_comput + .block_comput{
    margin-left: 20px;
}
.block_technology .computers .block_comput .img{
    width: 71px;
    margin: 0 auto 25px;
}
.block_technology .subTitle{
    display: block;
    font-size: 40px;
    line-height: 50px;
}
.block_technology .computers .subTitle{
    max-width: 215px;
}
.block_technology .intro .txt{
    font-size: 25px;
}
.block_technology .txt{
    display: block;
    font-size: 20px;
}
.block_technology .section .editor{
    text-align: center;
    max-width: 1080px;
    margin: 0 auto 100px;
    text-align: center;
}
.block_technology .border{
    position: relative;
    max-width: 1080px;
    margin: 0 auto;
    width: 100%;
    height: 1px;
    background: #575452;
    display: block;
}
.block_technology .border .littleLine{
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 40px;
    width: 1px;
    display: block;
    background: #575452;
}
.block_technology .collaborative{
    max-width: 1080px;
    margin: 0 auto;
    padding-bottom: 120px;
}
.block_technology .collaborative .subTitle{
    text-align: center;
    max-width: 550px;
    margin: 0 auto 25px;
}
.block_technology .collaborative > .txt{
    text-align: center;
}
.block_technology .puzzle{
    margin: 50px auto;
}
.block_technology .puzzle img{
    margin: 0 auto;
}
.block_technology .brand_customer{
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
}
.block_technology .brand_customer .col:first-of-type{
     padding-right: 60px;
 }
.block_technology .brand_customer .col:last-of-type{
    padding-left: 60px;
}
.block_technology .brand_customer .col{
    text-align: center;
    max-width: 357px;
}
.block_technology .brand_customer .col .img img{
    margin: 0 auto;
}
.block_technology .brand_customer .col .subTitle{
    margin-bottom: 45px;
}
.block_technology .brand_customer .col .img{
    height: 120px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: flex-end;
    margin-bottom: 45px;
}
.block_technology .right#heritage{
    padding-top: 300px;
}
.block_technology section.right .wrapper .img .title{
    top: -227px;
}
/****************************************************************/
/*************************TEMPLATES****************************/
/**************************************************************/
main.template .paragraphes{
    margin-bottom:75px;
}
main.template .paragraphes article{
background-color:#fff;
    position:relative;
    z-index:75;
}
main.template .paragraphes article + article{
    padding-top:75px;
}
main.template .paragraphes .wrapper .txt .title{
    top:0;
    margin-bottom:50px;
}
main.template .paragraphes article.wrapper:nth-child(even){
    flex-flow:row-reverse nowrap;
}
/****************************************************************/
/*****************************LEGALS****************************/
/**************************************************************/
.legals .section{
    margin-top: 100px;
}
.legals.bg{
    padding-bottom: 75px;
}
.legals .title{
    position: relative;
    top: -35px;
    text-align: center;
    margin-bottom: 75px;
}
.legals .smti{
    text-align: center;
    display: block;
    max-width: 950px;
    margin: 0 auto 25px;
}
.legals .editor{
    max-width: 950px;
    margin: 15px auto;
}
.sitemap > .section:first-of-type{
    margin-top: 75px;
}
.sitemap .title{
    position: relative;
    top: -35px;
    text-align: center;
    margin-bottom: 75px;
}
.sitemap .subTitle{
    text-align: center;
    margin-bottom: 50px;
}
.sitemap .subTitle.articles{
    padding-top: 50px;
}
.sitemap .list_link.content{
    max-width: 1166px;
    margin: 0 auto;
    padding-bottom: 50px;
    text-align: center;
}
.sitemap .wrap{
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    max-width: 1166px;
    margin: 0 auto;
}
.sitemap .list_link.articles{
    list-style-type: disc;
    max-width: 300px;
    margin-bottom: 75px;
}
.sitemap .list_link.articles:nth-child(2){
    margin : 0 25px;
}
.sitemap .list_link.articles .category{
    text-transform: uppercase ;
    list-style: none;
    margin-bottom: 20px;
}
.sitemap .list_link.articles li a{
    word-break: break-word;
    word-wrap: break-word;
}
#rgpd.open {
    right: 0;
}
#rgpd {
    position: fixed;
    bottom: 0;
    width: auto;
    text-align: center;
    max-width: 350px;
    right: -9999px;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 20px 35px;
    animation-delay: 0.5s;
    z-index: 50000;
    transition: all 1s;
    font-size: 15px;
    line-height: 15px;
}
#rgpd p{
    max-width: 400px;
    margin: 0 auto;
}
#rgpd .close {
    background-image: url(../img/close.svg);
    background-size: 100% 100%;
    width: 13px;
    height: 13px;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
}
#rgpd .btns {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    margin: 10px 0;
}
#rgpd .btns .btn{
    max-width: 100px;
    font-size: 11px;
    padding: 6px 5px 5px;
    letter-spacing: 1px;
}
#rgpd .btns .btn:first-of-type {
    margin-right: 15px;
}
#rgpd .link {
    color: #243746;
}
.legals  .btn{
    max-width: 280px;
    margin: 75px auto;
    border: 1px solid rgba(87, 84, 82, 0.5);
}
.legals  .btn:hover{
    border: 1px solid rgba(87, 84, 82, 1);
}
/****************************************************************/
/*****************************ERROR****************************/
/**************************************************************/
.error .section.bg{
    margin-top: 100px;
}
.error .section.bg .wrapper{
    padding: 100px;
}
.error .section.bg .title{
    text-align: center;
    position: relative;
    top: -40px;
}
.error .section .subTitle{
    text-align: center;
    margin-bottom: 50px;
}

.error .section p{
    text-align: center;
}
.error .section .btn{
    margin: 20px auto;
    border:  1px solid rgba(87, 84, 82, 0.3);
}
.error .section .btn:hover{
    margin: 20px auto;
    border:  1px solid rgba(87, 84, 82, 1);
}

@-webkit-keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}

@keyframes pulse {
    from {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    50% {
        -webkit-transform: scale3d(1.5, 1.5, 1.5);
        transform: scale3d(1.5, 1.5, 1.5);
    }

    to {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}