/*
Blachère I style
*/

/******************/
/*******VAR********/
/******************/
:root{
/*couleurs*/
--wh: #ffffff;
--blk: #000000;
--dore01: #F6F2EE;
--dore02: #D4CDB5;
--dore03: #BAB191;
--bleunuit: #222268;
--bleuelec: #4969EA;
--orange: #F55A31;
--saumon: #FFA97A;
--vert: #00381D;
--beige: #FFF7D7;
--lavende: #A38EE6;
--jaune: #F5FF50;
--degorange: linear-gradient(90deg, #F55A31 8%, #F6F2EE 57%);
--degsaumon: linear-gradient(90deg, #FFA97A 0%, #F6F2EE 100%);
--degbleuelec: linear-gradient(90deg, #4969EA 3%, #F6F2EE 92%);
--degbleuelecrtol: linear-gradient(90deg, #F6F2EE 8%, #4969EA 74%);
--deglavende: linear-gradient(90deg, #A38EE6 29%, #ffffff 100%);
/*bruit*/
--noise-opacity: 0.5;
/*Cols*/
--c2: 2;
--c3: 3;
--c4: 4;
/*Gap*/
--g12: 12px;
--g20: 20px;
--g27: 27px;
--g36: 36px;
--g61: 61px;
--g82: 82px;
/*width*/
--2-12: calc((100% / var(--c2)) - var(--g12) + (var(--g12) / var(--c2)));
--2-20: calc((100% / var(--c2)) - var(--g20) + (var(--g20) / var(--c2)));
--2-27: calc((100% / var(--c2)) - var(--g27) + (var(--g27) / var(--c2)));
--2-36: calc((100% / var(--c2)) - var(--g36) + (var(--g36) / var(--c2)));
--2-61: calc((100% / var(--c2)) - var(--g61) + (var(--g61) / var(--c2)));
--2-82: calc((100% / var(--c2)) - var(--g82) + (var(--g82) / var(--c2)));
--3-12: calc((100% / var(--c3)) - var(--g12) + (var(--g12) / var(--c3)));
--3-20: calc((100% / var(--c3)) - var(--g20) + (var(--g20) / var(--c3)));
--3-27: calc((100% / var(--c3)) - var(--g27) + (var(--g27) / var(--c3)));
--3-36: calc((100% / var(--c3)) - var(--g36) + (var(--g36) / var(--c3)));
--3-61: calc((100% / var(--c3)) - var(--g61) + (var(--g61) / var(--c3)));
--3-82: calc((100% / var(--c3)) - var(--g82) + (var(--g82) / var(--c3)));
--4-12: calc((100% / var(--c4)) - var(--g12) + (var(--g12) / var(--c4)));
--4-20: calc((100% / var(--c4)) - var(--g20) + (var(--g20) / var(--c4)));
--4-27: calc((100% / var(--c4)) - var(--g27) + (var(--g27) / var(--c4)));
--4-36: calc((100% / var(--c4)) - var(--g36) + (var(--g36) / var(--c4)));
--4-61: calc((100% / var(--c4)) - var(--g61) + (var(--g61) / var(--c4)));
--4-82: calc((100% / var(--c4)) - var(--g82) + (var(--g82) / var(--c4)));
/*width spé*/
--largest: 1.26;
--smallest: 0.87;
}

/******************/
/*******LIENS******/
/******************/
a:link {
color: var(--blk);
}
a:visited {
color: var(--blk);
}
a:active,
a:hover {
color: var(--kate);
}

/******************/
/******POLICES*****/
/******************/
/* font-face bonanova */
@font-face {
    font-display: swap;
    font-family: 'bonanova';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/bona-nova-regular.woff2') format('woff2');
}
@font-face {
    font-display: swap;
    font-family: 'bonanova';
    font-style: italic;
    font-weight: 400;
    src: url('../fonts/bona-nova-italic.woff2') format('woff2');
}

/* font-face PT Sans */
@font-face {
    font-family: 'ptsans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/PTSans-Regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/PTSans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/PTSans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/PTSans-Regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/PTSans-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/PTSans-Regular.svg#Lato') format('svg'); /* Legacy iOS */
}
@font-face {
    font-family: 'ptsans';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/PTSans-Bold.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/PTSans-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/PTSans-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/PTSans-Bold.woff') format('woff'), /* Modern Browsers */
    url('../fonts/PTSans-Bold.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/PTSans-Bold.svg#Lato') format('svg'); /* Legacy iOS */
}

/*global*/
body{
background: var(--dore01);
font-family: 'ptsans';
font-weight: 400;
font-size: 15px;
color: var(--blk);
}
h1, h2, h3, h4, h5, h6{
display: block;
}

/******************/
/****STRUCTURE*****/
/******************/
.widzmain{
width: 1227px;
margin-right: auto;
margin-left: auto;
}
.no_chapo_pic #main{
padding-top: 152px;
}
/*floating button*/
.floating_button_block{
    display: block;
    width: 46px;
    height: 141px;
    background: var(--bleunuit);
    margin: auto 0 auto auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 777;
}
.floating_button_text{
    display: block;
    width: fit-content;
    line-height: 19px;
    font-size: 15px;
    font-family: 'ptsans';
    color: var(--beige);
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase;
    white-space: nowrap;
    position: absolute;
    bottom: 18px;
    right: 14px;
    transform: rotate(-90deg) translate(100%);
    transform-origin: right bottom;
    z-index: 3;
}
.floating_button_link{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}

/******************/
/******HEADER******/
/******************/
#header{
display: block;
background: none;
color: var(--dore01);
position: fixed;
top: 0;
right: 0;
left: 0;
z-index: 998;
transition: all 0.3s;
}
.no_chapo_pic #header,
#header.header_sticky{
color: var(--bleunuit);
transition: all 0.3s;
}
.no_chapo_pic #header{
background: var(--dore01);
}
#header.header_sticky{
background: var(--dore01);
}
/*top*/
#header_top{
display: block;
padding: 0 5.1% 0 0;
position: relative;
z-index: 2;
}
#header_top:after{
content: '';
display: block;
height: 1px;
background: var(--wh);
opacity: 0.2;
position: absolute;
right: 0;
bottom: 0;
left: 0;
}
.no_chapo_pic #header_top:after,
.header_sticky #header_top:after{
background: var(--bleunuit);
}
#header_top ul{
display: flex;
justify-content: flex-end;
flex-wrap: wrap;
padding: 8px 0;
}
#header_top ul li{
display: block;
padding-right: 20px;
margin: 0 19px 0 0;
position: relative;
}
#header_top ul li:after{
content: '';
width: 1px;
height: 10px;
background: var(--wh);
margin: auto 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
}
.no_chapo_pic #header_top ul li:after,
.header_sticky #header_top ul li:after{
background: var(--bleunuit);
}
#header_top ul li a{
display: block;
line-height: 18px;
color: var(--wh);
text-transform: uppercase;
text-decoration: none;
}
.no_chapo_pic #header_top ul li a,
.header_sticky #header_top ul li a{
color: var(--bleunuit);
}
/*langues*/
#header_top ul li.wpml-ls-item{
    padding-right: 0;
    margin: 0;
}
#header_top ul li.wpml-ls-item:after{
    display: none;
}
#header_top ul li.wpml-ls-item > a{
    padding-right: 12px;
    margin: 0;
    position: relative;
}
#header_top ul li.wpml-ls-item > a:after{
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--wh);
    transform: rotate(90deg);
    position: absolute;
    top: 5px;
    right: -2px;
    transition: all 0.3s;
}
.no_chapo_pic #header_top ul li.wpml-ls-item > a:after,
.header_sticky #header_top ul li.wpml-ls-item > a:after{
    background-color: var(--bleunuit);
    transition: all 0.3s;
}
#header_top ul ul{
    display: none;
    justify-content: unset;
    flex-wrap: unset;
    padding: 0;
}
#header_top ul li.wpml-ls-item ul{
    display: none;
    padding: 4px;
    background: var(--dore01);
    position: absolute;
    top: 18px;
    right: 8px;
    z-index: 99;
}
#header_top ul li.wpml-ls-item:hover ul{
    display: block;
}
#header_top ul li.wpml-ls-item ul li{
    padding: 0;
}
#header_top ul li.wpml-ls-item ul li a{
    padding: 0;
    color: var(--bleunuit);
}
#header_top ul li.wpml-ls-item ul li a:after{
    display: 0;
    width: 0;
}

/*logo*/
#logo{
display: block;
width: 120px;
height: 70px;
position: absolute;
top: 43px;
left: 6.8%;
z-index: 4;
}
#logo img{
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
position: relative;
z-index: 2;
}
#logo a{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 3;
}
.no_chapo_pic #header #logo img,
#header.header_sticky #logo img{
-webkit-filter: unset;
filter: unset;
}
/*navtop*/
#navtop{
display: flex;
    gap: var(--g36);
width: fit-content;
padding: 38px 0 24px;
margin: 0 auto;
position: relative;
}
/*.header_nav{
flex: 1;
}*/
.header_nav > ul{
display: flex;
gap: var(--g36);
justify-content: center;
    position: relative;
}
.header_nav > ul > li{
display: block;
}
.header_nav > ul > li > a{
display: block;
line-height: 18px;
padding: 0 0 11px;
font-size: 14px;
color: var(--wh);
text-decoration: none;
text-transform: uppercase;
position: relative;
}
.no_chapo_pic .header_nav > ul > li > a,
.header_sticky .header_nav > ul > li > a{
color: var(--bleunuit);
}
.header_nav > ul > li:hover > a:after{
content: '';
height: 4px;
background: var(--lavende);
position: absolute;
right: 0;
bottom: 0;
left: 0;
    z-index: 999;
}
/*sub*/
.navtop_sub_wrapp{
    display: none;
    box-sizing: border-box;
    width: /*100%*/auto;
    min-width: 863px;
    padding: 34px 37px;
    background: var(--wh);
    margin: 0 auto;
    position: absolute;
    top: 25px;
    right: 0;
    left: 0;
}
.header_nav > ul > li:hover .navtop_sub_wrapp{
    display: flex;
    flex-wrap: wrap;
}
/*sub image*/
.navtop_item_image{
    display: block;
    width: fit-content;
    margin-right: 5%;
}

.navtop_item_image_block{
    display: block;
    width: 230px;
    padding-right: 26px;
    position: relative;
}
.navtop_item_image_block:after{
    content: '';
    display: block;
    width: 1px;
    background: var(--bleunuit);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
.navtop_item_image_block img{
    display: block;
    width: 100%;
    height: auto;
}
/*sub liste*/
.navtop_sub_wrapp_content{
    flex: 1;
    padding: 16px 0 0;
}
.navtop_item_description{
    display: block;
    line-height: 18px;
    margin-bottom: 31px;
    font-size: 14px;
    color: var(--blk);
}
.navtop_ul_ul_wrapp{
    display: block;
    padding: 0 0 0 17px;
}
.navtop_ul_ul_wrapp > ul{
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    height: 240px;
}
.innovation .navtop_ul_ul_wrapp > ul,
.saison .navtop_ul_ul_wrapp > ul{
    height: 260px;
}
.navtop_ul_ul_wrapp > ul > li{
    flex: /*1 0 auto*/ 0 0 0;
    width: var(--2-61);
    margin-bottom: 23px;
}
.innovation .navtop_ul_ul_wrapp > ul > li,
.saison .navtop_ul_ul_wrapp > ul > li{
    margin-bottom: 0;
}
.navtop_ul_ul_wrapp > ul > li > a{
    display: block;
    line-height: 19px;
    margin-bottom: 0;
    font-size: 15px;
    color: var(--blk);
    text-decoration: none;
    text-transform: uppercase;
}
.navtop_ul_ul_wrapp > ul > li > a:hover{
    color: var(--orange);
}
.innovation .navtop_ul_ul_wrapp > ul > li > a,
.saison .navtop_ul_ul_wrapp > ul > li > a{
    margin-bottom: 11px;
}
.navtop_ul_ul_wrapp ul ul li{
    display: block;
    margin: 0;
}
.navtop_ul_ul_wrapp ul ul li a{
    display: block;
    line-height: 32px;
    font-size: 14px;
    color: var(--blk);
    text-decoration: none;
}
.navtop_ul_ul_wrapp ul ul li a:hover{
    color: var(--orange);
}
.innovation .navtop_ul_ul_wrapp ul > li:nth-of-type(2) ul li:last-of-type a:after{
    content: '';
    display: block;
    height: 25px;
}
.saison .navtop_ul_ul_wrapp ul > li:first-of-type ul li:last-of-type a:after{
    content: '';
    display: block;
    height: 25px;
}

/*filiale*/
.nav_filiale_block{
    display: block;
    width: fit-content;
    position: relative;
}
.nav_filiale_block:before {
    content: "";
    display: block;
    width: 12px;
    height: 6px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--wh);
    transform: rotate(90deg);
    position: absolute;
    top: 6px;
    right: -2px;
    transition: all 0.3s;
}
.no_chapo_pic .nav_filiale_block:before,
.header_sticky .nav_filiale_block:before {
    background-color: var(--bleunuit);
    transition: all 0.3s;
}
.nav_filiale_bt{
    display: block;
    width: 30px;
    height: 29px;
    font-size: 0;
    position: relative;
}
.nav_filiale_bt:before {
    content: "";
    display: block;
    width: 18px;
    height: 18px;
    mask: url('../img/pic_ill_world.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_world.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--wh);
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.3s;
}
.no_chapo_pic .nav_filiale_bt:before,
.header_sticky .nav_filiale_bt:before {
    background-color: var(--bleunuit);
    transition: all 0.3s;
}
.nav_filiale_block:hover > .nav_filiale_bt:after {
    content: '';
    height: 4px;
    background: var(--lavende);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
}
.nav_filiale{
    display: none;
    box-sizing: border-box;
    width: auto;
    min-width: 863px;
    padding: 34px 37px;
    background: var(--wh);
    margin: 0;
    position: absolute;
    top: 25px;
    right: 0;
}
.nav_filiale_block:hover .nav_filiale{
    display: block;
}

.nav_filiale > ul {
    display: flex;
    flex-flow: column wrap;
    align-items: flex-start;
    height: 290px;
}

.nav_filiale li{
    display: block;
    width: var(--3-36);
}
.nav_filiale li:not(:last-child){
    margin-bottom: 12px;
}
.nav_filiale li > a {
    display: block;
    line-height: 18px;
    font-style: 14px;
    color: var(--blk);
    text-decoration: none;
    text-transform: uppercase;
}


/******************/
/******FOOTER******/
/******************/
#footer{
    display: block;
    background: var(--bleunuit);
}
#footer_content{
    display: block;
    padding: 35px 0 16px;
    color: var(--wh);
}
#footer_content a{
    color: var(--wh);
    opacity: 1;
    transition: all 0.3s;
}
#footer_content a:hover{
    opacity: 0.7;
    transition: all 0.3s;
}

/*NL*/
.footer_nl_strap{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g61);
    padding-bottom: 13px;
    margin-bottom: 45px;
    position: relative;
}
.footer_nl_strap:after{
    content: '';
    display: block;
    height: 0.6px;
    background: var(--beige);
    opacity: 0.6;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}
.footer_nl_text_block{
    flex: 1;
    display: flex;
    flex-wrap: wrap;
    gap: var(--g61);
}
.footer_nl_title{
    display: block;
    width: fit-content;
    max-width: 200px;
    line-height: 34px;
    font-size: 28px;
    font-family: 'bonanova';
    color: var(--beige);
    text-transform: uppercase;
    font-weight: 400;
}
.footer_nl_text{
    flex: 1;
    line-height: 20px;
    font-size: 14px;
}
.footer_nl_text p{
    line-height: 20px;
}
.footer_nl_form_block{
    display: block;
    width: 43%;
    font-size: 13px;
    color: var(--beige);
}
.footer_nl_form_block .sib_signup_form p{
    display: flex;
}
#footer_content .footer_nl_form_block .sib_signup_form p a{
    color: var(--beige);
    margin-left: 4px;
}
.footer_nl_form_block .sib_signup_form p:not(:last-child){
    margin-bottom: 9px;
}
.footer_nl_form_block .sib_signup_form input[type='email']{
    flex: 1;
    display: block;
    line-height: 20px;
    padding: 13px 20px;
    background: var(--bleunuit);
    border: 1px solid var(--beige);
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--wh);
    font-weight: 400;
}
.footer_nl_form_block .sib_signup_form input[type='submit']{
    flex: 1;
    display: block;
    max-width: 169px;
    line-height: 20px;
    padding: 13px 0;
    background: var(--beige);
    border: 1px solid var(--beige);
    font-size: 14px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s;
}
.footer_nl_form_block .sib_signup_form input[type='submit']:hover{
    background: var(--bleunuit);
    color: var(--beige);
    transition: all 0.3s;
}
.footer_nl_form_block .sib_signup_form input[type='checkbox']{
    display: inline-block;
    margin: 0 9px 0 0;
}

/*nav 01*/
.footer_nav_strap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 32px;
}
.footer_nav_strap:before{
    order: 2;
    content: '';
    display: block;
    width: 1px;
    background: var(--wh);
    margin: 0 auto;
}
.footer_nav,
.footer_nav_social{
    display: block;
    width: fit-content;
    font-size: 14px;
    font-family: 'bonanova';
}
.footer_nav{
    order: 1;
}
.footer_nav_social{
    order: 3;
}
.footer_nav_strap ul{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g36);
}
.footer_nav_strap a{
    display: block;
    line-height: 17px;
    text-transform: uppercase;
    text-decoration: none;
}
/*nav 02*/
.footer_nav_corpo{
    font-size: 12px;
    font-family: 'ptsans';
    font-weight: 400;
}
.footer_nav_corpo ul{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: var(--g36);
}
.footer_nav_corpo ul li a{
    display: block;
    line-height: 16px;
    text-decoration: none;
}



/******************/
/*******PAGES******/
/******************/
/*Chapo*/
.page_chapo{
    display: block;
    position: relative;
}
.page_chapo_wizpic{
    color: var(--wh);
}
.page_chapo_content{
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    height: 784px;
    position: relative;
    z-index: 4;
}
.page_sub_title,
.page_title{
    display: block;
    width: 100%;
}
.page_sub_title{
    box-sizing: border-box;
    line-height: 17px;
    padding-left: 21px;
    border-left: 1px solid var(--wh);
    margin: auto 0 27px;
    font-size: 13px;
    font-weight: 400;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.page_chapo_nopic  .page_sub_title{
    border-left: 1px solid var(--bleunuit);
}
.page_title{
    display: block;
    line-height: 48px;
    margin: 0 0 auto;
    font-size: 40px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
}
.page_title.page_title_no_sub{
    margin: auto 0;
}
.page_chapo_wizpic .page_title{
    color: var(--wh);
}
.no_chapo_pic .page_title{
    margin-bottom: 28px;
}
.page_chapo img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.page_title.page_title_wizcta{
    margin: 0 auto 27px 0;
}

/*breadcrumb*/
#breadcrumb_content{
display: block;
line-height: 17px;
padding: 15px 0 11px;
margin-bottom: 51px;
font-size: 0;
position: relative;
}
#breadcrumb_content:after{
content: '';
position: absolute;
width: 100%;
height: 1.5px;
background: var(--dore02);
transform-origin: bottom;
transform: scaleY(0.2);
right: 0;
bottom: 0;
left: 0;
}
.breadcrumb_item{
display: inline-block;
font-size: 13px;
color: var(--bleunuit);
text-transform: uppercase;
}
.breadcrumb_item:last-of-type{
color: var(--dore03);
}
.breadcrumb_item:not(:last-of-type):after{
content: '';
display: inline-block;
height : 17px;
width : 6px;
background: url('../img/pic_arrow_s_r.svg') no-repeat center;
margin: auto 9px auto 7px;
vertical-align: middle;
}
.breadcrumb_item br{
display: none;
}
.breadcrumb_item a{
display: inline-block;
color: var(--bleunuit);
text-decoration: none;
vertical-align: middle;
}
.breadcrumb_item a:hover{
text-decoration: underline;
}
/*Hentry*/
.post_content{
padding: 44px 0 76px;
}
.page_hentry h2{
line-height: 48px;
margin-bottom: 30px;
font-size: 34px;
font-family: 'bonanova';
color: var(--bleunuit);
font-weight: 400;
text-transform: uppercase;
}
.page_hentry h3{
line-height: 22px;
margin-bottom: 43px;
font-size: 19px;
    color: var(--bleunuit);
}
.page_hentry p{
line-height: 23px;
margin-bottom: 21px;
}
.page_hentry ul{
padding: 0;
margin: 0 0 21px;
}
.page_hentry ul li{
line-height: 23px;
padding: 0 0 0 42px;
margin: 0;
position: relative;
}
.page_hentry ul li:before{
content: '';
width: 4px;
height: 1px;
background: var(--blk);
position: absolute;
top: 12px;
left: 1px;
}
.page_hentry ol{
padding: 0 0 0 14px;
margin: 0 0 21px;
}
.page_hentry ol li{
line-height: 23px;
padding: 0;
margin: 0;
position: relative;
}
.page_hentry b,
.page_hentry strong{
font-weight: 700;
}
.page_hentry em{
font-style: italic;
}
.page_hentry img{
width: auto;
max-width: 100%;
height: auto;
}
.page_hentry a{
color: var(--blk);
}
.page_hentry a:hover{
color: var(--orange);
}

/*contenu colonne*/
.page_hentry_incols_wrapp{
    margin-bottom: 72px;
}
.page_hentry_incols{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g36);
}
.page_hentry_cols{
    flex: 1;
}

/*iframe*/
.page_hentry_iframe_wrap{
    height: 0;
    padding-bottom: 56%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.page_hentry_iframe_wrap iframe{
    height: 96%;
    width: 96%;
    margin: 0 auto auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

/*subtitle link*/
.subtitle_link a,
a.subtitle_link{
    display: inline-block;
    line-height: 18px;
    padding-bottom: 5px;
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--bleunuit);
    letter-spacing: 1px;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}
.subtitle_link a:after,
a.subtitle_link:after{
    content: '';
    display: block;
    height: 1px;
    background: var(--bleunuit);
    letter-spacing: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
}
.subtitle_link a:hover,
a.subtitle_link:hover{
    color: var(--bleunuit);
}
.subtitle_link a:hover:after,
a.subtitle_link:hover:after{
    right: 16%;
    left: 16%;
    transition: all 0.4s;
}

/*404*/
#page_404{
display: flex;
flex-wrap: wrap;
padding: 94px 0 94px;
}
#page_404_ill_block{
width: 36.5%;
margin: 0 9.8% 0 0;
}
#page_404_ill_block object{
width: 100%;
max-width: 511px;
height: auto;
margin: auto;
}
#page_404_ill_main{
flex: 1;
padding-top: 53px;
}

/*gradient + noise*/
.gradient_noise_area_lavende,
.gradient_noise_area_bleuelec,
.gradient_noise_area_orange{
    position: relative;
}
.gradient_noise_area_lavende{
    background: var(--deglavende);
}
.gradient_noise_area_bleuelec{
    background: var(--degbleuelec);
}
.gradient_noise_area_orange{
    background: var(--degorange);
}

.gradient_noise_area_lavende:before,
.gradient_noise_area_bleuelec:before,
.gradient_noise_area_orange:before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: var(--noise-opacity);
    z-index: 2;
}
.gradient_noise_area_lavende:before{
    background-image: var(--noise-lavende);
}
.gradient_noise_area_bleuelec:before{
    background-image: var(--noise-bleuelec);
}
.gradient_noise_area_orange:before{
    background-image: var(--noise-orange);
}

/*two lines italic*/
.block_title_wiz_two_style_italic{
    display: block;
    font-style: italic;
}

/*mosaïque*/
.list_single_mozaik{
    display: flex;
    flex-wrap: wrap;
}

/*editor*/
.page_hentry_strap{
    padding-bottom: 61px;
}
.page_hentry_cols_switch_text{
    padding-top: 43px;
    border-top: 1px solid var(--bleunuit);
}
.page_hentry_seo{
    padding: 127px 0 81px;
}
.single-cpt_filiale .page_hentry_seo{
    padding: 0 0 81px;
}
.page-template-page_histoire .page_hentry_seo{
    padding: 0 0 81px;
}
.page-template-page_carriere .page_hentry_seo{
    padding: 106px 0 81px;
}

/*titres dans page*/
.page_big_title{
    display: block;
    line-height: 61px;
    font-size: 51px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
}

/*titres hors hentry*/
.page_content_hn{
    display: block;
    line-height: 48px;
    padding-right: 26%;
    margin-bottom: 30px;
    font-size: 34px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}
a.subtitle_link.subtitle_link_in_page_content_hn{
    position: absolute;
    top: 15px;
    right: 0;
}

/*pagination slider*/
.page_slider_nav_strap{
    display: flex;
    justify-content: flex-end;
    padding: 11px 0;
}
.page_slider_nav_prev,
.page_slider_nav_next{
    display: block;
    width: 39px;
    height: 39px;
    background: var(--bleunuit);
    border: 1px solid var(--bleunuit);
    border-radius: 90px;
    margin: 0 0 0 15px;
    font-size: 0;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
}
.page_slider_nav_prev:before,
.page_slider_nav_next:before{
    content: '';
    display: block;
    width: 9px;
    height: 15px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--beige);
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
}
.page_slider_nav_prev:before{
    transform: rotate(180deg);
}
.page_slider_nav_prev:hover,
.page_slider_nav_next:hover{
    background: var(--dore01);
    transition: all 0.3s;
}
.page_slider_nav_prev:hover:before,
.page_slider_nav_next:hover:before{
    background: var(--bleunuit);
    transition: all 0.3s;
}
.page_slider_nav_strap .swiper-button-disabled{
    opacity: 0.4;
}

/*Majuscule*/
.hentry_text_uppercase{
    font-family: 'ptsans';
    letter-spacing: 2px;
    text-transform: uppercase;
}

/*Formulaire*/
.page_hentry .gform_wrapper.gravity-theme .gform_fields{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g12);
}
.page_hentry .gform_wrapper.gravity-theme .gfield{
    display: block;
    width: var(--2-12);
}
.gform_wrapper.gravity-theme .gfield.gfield--width-full{
    width: 100%;
}
.gform_wrapper.gravity-theme .gfield.gfield--type-hidden{
    display: none!important;
}
.gform_wrapper.gravity-theme .gfield input[type='text'],
.gform_wrapper.gravity-theme .gfield input[type='email'],
.gform_wrapper.gravity-theme .gfield textarea{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 18px;
    padding: 12px 16px;
    border: none;
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--bleunuit);
    letter-spacing: 1px;
}
.gform_wrapper.gravity-theme .gfield select{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 18px;
    padding: 12px 16px;
    background: var(--wh);
    border: none;
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--bleunuit);
    letter-spacing: 1px;
}
.gform_wrapper.gravity-theme .gfield button.gform_submit_button{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 18px;
    padding: 12px 16px;
    background: var(--bleunuit);
    border: 1px solid var(--bleunuit);
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--beige);
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}
.gform_wrapper.gravity-theme .gfield button.gform_submit_button:hover{
    background: var(--beige);
    color: var(--bleunuit);
    transition: all 0.3s;
}








/******************/
/*****REPETEUR*****/
/******************/
.page_hentry_wiz_repeat{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 40px 3%;
}
.page_hentry_repeat_block_type1{
width: 100%;
}
.page_hentry_repeat_block_type2{
width: 48.5%;
}
.page_hentry_repeat_block_type3{
width: 31.33%;
}
.page_hentry_repeat_block_type4{
width: 22.75%;
}

/******************/
/*****HOMEPAGE*****/
/******************/
/*chapo*/
.homepage_chapo_content.page_chapo_content{
    height: 1022px;
}
.homepage_chapo_content .page_sub_title,
.homepage_chapo_content .page_title{
    width: 63%;
}
.homepage_chapo_content .page_sub_title{
    margin: 261px auto 27px 0;
}
.homepage_chapo_content .page_title{
    line-height: 70px;
    margin: 0 auto auto 0;
    font-size: 58px;
}
.homepage_chapo_content .page_title.page_title_no_sub{
    margin: auto auto auto 0;
}
#homepage_chapo_video{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    inset: 0px;
    z-index: 2;
    transition: 0.3s;
}

/*realisations*/
.list_single_mozaik_rea{
    padding: 105px 5.6%;
}
.list_single_mozaik_rea.list_single_mozaik_wrap{
    margin-bottom: 0;
}
.list_single_mozaik_rea_title{
    display: block;
    line-height: 60px;
    margin-bottom: 12px;
    font-size: 50px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
}
.list_single_mozaik_rea .block_cta_page_sub{
    margin-bottom: 0;
    color: var(--bleunuit);
    text-align: center;
}
.list_single_mozaik_rea .page_realisation_mozaik_wrapp{
    padding: 84px 0;
}
.list_single_mozaik_rea .list_single_crearea{
    width: var(--4-20);
}
.list_single_mozaik_rea .subtitle_link{
    display: block;
    width: fit-content;
    margin: 0 auto;
}

/*cible*/
#home_cible_wrapp{
    display: block;
    padding: 106px 0 176px;
}
#home_cible_wrapp .block_cta_page_sub{
    width: 500px;
    margin-bottom: 47px;
    color: var(--bleunuit);
}
#home_cible_bloc{
    display: flex;
    flex-wrap: wrap;
}
#home_cible_bloc_window{
    display: block;
    width: 500px;
    margin: 0 49px 0 0;
}
.home_cible_single_figure{
    display: block;
    width: 100%;
    height: 636px;
    position: relative;
    transition: all 0.3s;
}
.home_cible_single_figure img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
#home_cible_bloc_list{
    flex: 1;
    padding-top: 19px;
}

.home_cible_bloc_list_single{
    display: block;
    margin-bottom: 15px;
    position: relative;
}
.home_cible_bloc_list_single_title{
    display: inline-block;
    line-height: 60px;
    padding: 0 29px 0 0;
    font-size: 50px;
    font-family: 'bonanova';
    color: var(--dore02);
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all 0.3s;
}
.selected .home_cible_bloc_list_single_title{
    color: var(--bleunuit);
    transition: all 0.3s;
}
.selected .home_cible_bloc_list_single_title:after{
    content:'';
    display: block;
    width: 14px;
    height: 25px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--bleunuit);
    margin: auto 0 auto auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    transition: all 0.3s;
}

/*******************/
/********MEA********/
/*******************/
.page_mea_strap{
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 81px;
}
.page-template-page_cycle .page_mea_strap,
.page-template-page_filiales .page_mea_strap{
    padding: 81px 0;
    position: relative;
}
.page-template-page_histoire .page_mea_strap{
    padding: 47px 0 81px;
}
.page-template-page_cycle .page_mea_strap:before,
.page-template-page_filiales .page_mea_strap:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: var(--bleunuit);
    transform-origin: bottom;
    transform: scaleY(0.2);
    top: 0;
    right: 0;
    left: 0;
}
.page_mea_column_title{
    display: block;
    width: 33%;
}
.page_mea_column_mozaik{
    flex: 1;
    gap: var(--g61);
}
.page_mea_single{
    display: flex;
    gap: var(--g12);
    width: var(--2-61);
    color: var(--bleunuit);
}
.page_mea_single_numborpic{
    display: block;
    min-width: 70px;
}
.page_mea_single_pic{
    display: block;
    width: 100%;
    text-align: center;
}
.page_mea_single_pic img{
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}
.page_mea_single_numb{
    display: block;
    line-height: 30px;
    font-size: 30px;
    font-weight: 700;
    text-align: right;
}
.page_mea_single_content{
    flex: 1;
}
.page_mea_single_title{
    display: block;
    line-height: 26px;
    margin-bottom: 15px;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
}
.page_mea_single_hentry{
    display: block;
    line-height: 27px;
    margin-bottom: 15px;
    font-size: 15px;
}

/******************/
/*******POST*******/
/******************/
/*liste*/

#nav_blog_wrapp{
    display: block;
    margin-bottom: 37px;
}
#nav_blog_wrapp ul{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g12);
}
#nav_blog_wrapp ul li a{
    display: block;
    line-height: 20px;
    padding: 3px 9px;
    border: 1px solid var(--bleunuit);
    font-size: 16px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-style: italic;
    font-weight: 400;
    text-decoration: none;
    transition: all 0.3s;
}
#nav_blog_wrapp ul li.current-menu-item a{
    background: var(--lavende);
    border: 1px solid var(--lavende);
    color: var(--wh);
}
#nav_blog_wrapp ul li:not(.current-menu-item) a:hover{
    background: var(--bleunuit);
    color: var(--wh);
    transition: all 0.3s;
}
.list_single_mozaik_post_wrap{
    display: block;
    margin-bottom: 64px;
}
.page-template-page_filiales .list_single_mozaik_post_wrap{
    margin-bottom: 0;
}
.list_single_mozaik_post{
    gap: var(--g27);
}
.list_single_post{
    flex: 0 1 calc(var(--3-27) * var(--smallest));
    position: relative;
}
.list_single_post:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: var(--bleunuit);
    transform-origin: bottom;
    transform: scaleY(0.2);
    top: 0;
    right: 0;
    left: 0;
    z-index: 2;
}
.list_single_post:nth-child(1),
.list_single_post:nth-child(6),
.list_single_post:nth-child(7),
.list_single_post:nth-child(12){
    flex: 0 1 calc(var(--3-27) * var(--largest));
}
.list_single_post_content{
    display: block;
    min-height: 481px;
    padding: 0 0 36px;
    color: var(--bleunuit);
    position: relative;
}
.list_single_post_tax_strap{
    display: flex;
    height: 54px;
}
.list_single_post_tax{
    display: block;
    line-height: 18px;
    margin: auto 0;
}
.list_single_post_tax_items{
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
}
.list_single_post_tax_items:not(:last-of-type):after{
    content: '/';
    display: inline-block;
    margin: 0 3px 0 5px;
    font-size: 14px;
}
.list_single_post_pic{
    display: block;
    height: 321px;
    overflow: hidden;
    position: relative;
}
.list_single_post_pic img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.4s;
}
.list_single_post:hover .list_single_post_pic img {
    width: 106%;
    height: 106%;
    top: -3%;
    right: -3%;
    bottom: -3%;
    left: -3%;
    transition: all 0.7s;
}
.list_single_post_title{
    display: block;
    line-height: 30px;
    padding: 21px 0 0;
    font-size: 20px;
    font-family: 'bonanova';
    font-weight: 400;
    text-transform: uppercase;
}
.list_single_post_date{
    display: block;
    line-height: 18px;
    font-size: 14px;
    text-transform: uppercase;
    position: absolute;
    bottom: 18px;
    left: 0;
}
.list_single_post_link{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}

/*single*/
.single_post_tax{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 16px;
}
.single_post_tax_items{
    display: block;
    line-height: 21px;
    padding: 0 9px;
    border: 1px solid var(--bleunuit);
    font-size: 15px;
    font-family: 'bonanova';
    font-style: italic;
    font-weight: 400;
}
.single_page_hentry_strap_wrapp{
    padding: 45px 0 20px;
    border-top: 1px solid var(--bleunuit);
    border-bottom: 1px solid var(--bleunuit);
}
.cpt_back_bt_strap_wrapp{
    margin-bottom: 159px;
}
.cpt_back_bt_strap_wrapp .cpt_back_bt_strap{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 32px 0 0;
}
.cpt_back_bt_strap .list_single_post_date{
    position: relative;
    bottom: unset;
    left: unset;
}
.single-post .list_single_mozaik_post_wrap{
    margin-bottom: 189px;
}

/********************/
/*******Galerie*******/
/********************/
#page_gallery_wrapp{
    display: block;
    margin-bottom: 147px;
}
.page-template-page_histoire #page_gallery_wrapp{
    margin-bottom: 71px;
}
#page_gallery_wrapp .page_content_hn{
    padding-right: 0;
    text-align: center;
}
.list_single_mozaik.page_gallery_mozaik{
    gap: var(--g27);
    flex-wrap: nowrap;
}
.page_gallery_single{
    display: block;
    width: var(--3-27);
    height: 486px;
    position: relative;
}
.page_gallery_single.equal_or_more_than_four{
    width: var(--4-27);
    height: 364px;
}
.page_gallery_single.equal_or_more_than_five{
    width: unset;
    height: 364px;
}
.page_gallery_single img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.3s;
}

/*******************/
/*****CREATIONS*****/
/*******************/
.list_single_mozaik_wrap{
    margin-bottom: 98px;
}
.list_single_mozaik.page_creation_mozaik{
    gap: var(--g20);
}
.list_single_crearea{
    display: block;
    width: var(--3-20);
    position: relative;
}
.list_single_crerea_content{
    padding: 0 0 48px;
    position: relative;
}
.list_single_crerea_pic {
    height: 486px;
    overflow: hidden;
    position: relative;
}
.list_single_crerea_pic img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.4s;
}
.list_single_crerea_pic video{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.3s;
}
.list_single_rea_tax{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.list_single_rea_tax_items{
    display: block;
    box-sizing: border-box;
    height: 34px;
    line-height: 20px;
    padding: 7px 15px;
    /*background: var(--vert);*/
    font-size: 15px;
    font-family: 'bonanova';
    color: /*var(--jaune)*/var(--wh);
    font-weight: 400;
    font-style: italic;
    white-space: nowrap;
    position: absolute;
    bottom: 0;
    right: 0;
    transform: rotate(-90deg) translate(100%);
    transform-origin: right bottom;
}
.list_single_crearea:hover .list_single_crerea_pic img {
    width: 106%;
    height: 106%;
    top: -3%;
    right: -3%;
    bottom: -3%;
    left: -3%;
    transition: all 0.7s;
}
.list_single_crerea_title_block{
    display: block;
    min-height: 68px;
    padding: 16px 0;
    border-bottom: 1px solid var(--bleunuit);
}
.list_single_crerea_title_block br{
    display: none;
}
.list_single_crerea_title{
    display: block;
    line-height: 34px;
    font-size: 25px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
}
.list_single_crearea_tax{
    position: absolute;
    right: 0;
    bottom: 14px;
    left: 0;
}
.list_single_crearea_tax_items{
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    color: var(--bleunuit);
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
}

/********************/
/****REALISATIONS****/
/********************/
.list_single_mozaik_wrap .page_hentry{
    padding-bottom: 20px;
}
.list_single_mozaik.page_realisation_mozaik{
    gap: 52px var(--g20);
}


/*******************/
/*****TRIPTYQUE*****/
/*******************/
#block_triptyk_mozaik_strap{
    margin-bottom: 151px;
}
.list_single_mozaik.block_triptyk_mozaik{
    gap: var(--g20);
}
.block_triptyk_single{
    flex: 1;
    color: var(--bleunuit);
    position: relative;
}
#block_triptyk_single_1,
.block_triptyk_single_1{
    background: var(--degbleuelecrtol);
}
#block_triptyk_single_2,
.block_triptyk_single_2{
    background: var(--degsaumon);
}
#block_triptyk_single_3,
.block_triptyk_single_3{
    background: var(--bleunuit);
    color: var(--beige);
}
.block_triptyk_single:before,
.block_triptyk_single:after{
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    background-color: var(--bleunuit);
    position: absolute;
    right: 22px;
    bottom: 21px;
    transition: opacity 0.4s;
}
.block_triptyk_single:before{
    mask: url('../img/pic_ill_more_empty.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_more_empty.svg') no-repeat center;
    opacity: 1;
    z-index: 2;
}
.block_triptyk_single_3.block_triptyk_single:before,
#block_triptyk_single_3.block_triptyk_single:before{
    background-color: var(--beige);
}
.block_triptyk_single:after{
    mask: url('../img/pic_ill_more_full.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_more_full.svg') no-repeat center;
    opacity: 0;
    z-index: 3;
}
.block_triptyk_single_3.block_triptyk_single:after,
#block_triptyk_single_3.block_triptyk_single:after{
    background-color: var(--beige);
}
.block_triptyk_single:hover:before{
    opacity: 0;
}
.block_triptyk_single:hover:after{
    opacity: 1;
}
.block_triptyk_single_content{
    display: flex;
    box-sizing: border-box;
    width: 100%;
    height: 211px;
}
.block_triptyk_single_title{
     display: block;
     line-height: 37px;
     padding-bottom: 16px;
     margin: auto 51px;
     border-bottom: 1px solid var(--bleunuit);
     font-size: 31px;
     font-family: 'bonanova';
     font-weight: 400;
     text-transform: uppercase;
}
.block_triptyk_single_3 .block_triptyk_single_title,
#block_triptyk_single_3 .block_triptyk_single_title{
    border-bottom: 1px solid var(--beige);
}
.block_triptyk_single_link{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}

/*******************/
/*****ACCORDEON*****/
/*******************/
.page_accordion_wrap{
    margin-bottom: 112px;
}
.page_accordion_content{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 110px 0 151px;
    position: relative;
    z-index: 3;
}
.page_accordion_title{
    display: block;
    width: 450px;
}
.page_accordion_title .page_big_title{
    line-height: 51px;
}
.page_accordion_main{
    display: block;
    width: 596px;
}
.block_accordion_single{
    border-bottom: 1px solid var(--bleunuit);
}

.block_accordion_single_content{
    display: block;
    overflow: hidden;
}
.block_accordion_single_title{
    display: block;
    line-height: 31px;
    padding: 14px 52px 14px 0;
    font-size: 17px;
    color: var(--bleunuit);
    letter-spacing: 1.36px;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
}
.block_accordion_single_title:before{
    content: '';
    display: block;
    width: 24px;
    height: 24px;
    border: 1px solid var(--bleunuit);
    border-radius: 90px;
    position: absolute;
    top: 17px;
    right: 25px;
    z-index: 2;
}
.block_accordion_single_title:after{
    content: '+';
    display: block;
    line-height: 16px;
    width: 16px;
    font-size: 16px;
    color: var(--bleunuit);
    text-align: center;
    position: absolute;
    top: 22px;
    right: 29px;
    z-index: 3;
}
.block_accordion_single.current .block_accordion_single_title:after{
    content: '-';
    top: 20px;
}
.block_accordion_single_hentry{
    /*display: none;*/
    height: 0;
    padding: 0 22% 0 8px;
    position: relative;
    top: -300%;
    transition: all 0.3s;
}
.block_accordion_single.current .block_accordion_single_hentry{
    /*display: block;*/
    height: auto;
    padding: 7px 22% 2px 8px;
    top: 0;
    transition: all 0.5s;
}

/*******************/
/***ACCORDEON FAQ***/
/*******************/
#page_accordion_faq_wrap{
    background: var(--vert);
    margin: 0;
    color: var(--beige);
}
.page-template-page_innovation #page_accordion_faq_wrap{
    margin: 0 0 130px;
}
#page_accordion_faq_wrap .page_accordion_title .page_big_title,
#page_accordion_faq_wrap .block_accordion_single_title{
    color: var(--beige);
}
#page_accordion_faq_wrap .block_accordion_single {
    border-bottom: 1px solid var(--beige);
}
#page_accordion_faq_wrap .block_accordion_single_title:before{
    border: 1px solid var(--beige);
}
#page_accordion_faq_wrap .block_accordion_single_title:after{
    color: var(--beige);
}

/******************/
/*****BLOC CTA*****/
/******************/
.block_cta_page{
    display: flex;
    min-height: 651px;
    position: relative;
}
.block_cta_page_content{
    margin-top: auto;
    margin-bottom: auto;
    color: var(--wh);
    text-align: center;
    position: relative;
    z-index: 3;
}
.block_cta_page_main{
    display: block;
    padding: 0 14%;
}
.block_cta_page .page_content_hn{
    padding: 0;
    color: var(--wh);
}
.block_cta_page_pic{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.block_cta_page .subtitle_link a{
    color: var(--wh);
}
.block_cta_page .subtitle_link a:after{
    background: var(--wh);
}


/***************************/
/***CONTENT WIZ TWO PICS****/
/***************************/
.page_hentry_two_pics_strap{
    padding-top: 102px;
}
.page_hentry_two_pics_cols{
    display: flex;
    gap: var(--g12);
}
.content_two_pics_block{
    flex: 1;
    display: block;
    height: 465px;
    position: relative;
}
.content_two_pics_block img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

/*************************/
/***CONTENT WIZ SLIDER****/
/*************************/
.page_hentry_strap_wizslider_wrapp{
    padding: 61px 0 123px;
}
.page_hentry_strap_wizslider_block{
    max-width: 596px;
}
.page_hentry_strap_wizslider{
    height: 612px;
}
.page_hentry_strap_wizslider_single{
    display: block;
    height: 612px;
    position: relative;
}
.page_hentry_strap_wizslider_single img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.page_hentry_nav_prev,
.page_hentry_nav_next{
    display: block;
    width: 41px;
    height: 41px;
    margin: auto 0;
    font-size: 0;
    cursor: pointer;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 4;
}
.page_hentry_nav_prev{
    left: 26px;
}
.page_hentry_nav_next{
    right: 26px;
}
.page_hentry_nav_prev.swiper-button-disabled,
.page_hentry_nav_next.swiper-button-disabled{
    display: none;
}
.page_hentry_nav_prev:before,
.page_hentry_nav_next:before{
    content: '';
    display: block;
    width: 41px;
    height: 41px;
    background: var(--beige);
    opacity: 0.9;
    border-radius: 90px;
    position: relative;
    z-index: 2;
}
.page_hentry_nav_prev:after,
.page_hentry_nav_next:after{
    content: '';
    display: block;
    width: 9px;
    height: 15px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--bleunuit);
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.page_hentry_nav_prev:after{
    transform: rotate(180deg);
}

/******************/
/***BLOC CONTACT***/
/******************/
.block_contact_page{
    display: flex;
    height: 529px;
}
.block_contact_page_content{
    padding-bottom: 61px;
    margin-top: auto;
    margin-bottom: auto;
    color: var(--bleunuit);
    text-align: center;
    position: relative;
}
.block_contact_page_content:before,
.block_contact_page_content:after{
    content: '';
    display: block;
    width: 41px;
    height: 41px;
    margin: auto auto 0;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 0.4s;
}
.block_contact_page_content:before{
    background: url('../img/pic_arrow_round_r.svg') no-repeat center;
    opacity: 1;
    z-index: 2;
}
.block_contact_page_content:after{
    background: url('../img/pic_arrow_round_r_b.svg') no-repeat center;
    opacity: 0;
    z-index: 3;
}
.block_contact_page:hover .block_contact_page_content:before{
    opacity: 0;
}
.block_contact_page:hover .block_contact_page_content:after{
    opacity: 1;
}
h2.block_cta_page_sub,
.block_cta_page_sub{
    display: block;
    line-height: 18px;
    margin-bottom: 21px;
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
}
h2.block_cta_page_sub{
    font-family: 'ptsans';
}
.block_contact_page_title{
    display: block;
    line-height: 70px;
    font-size: 50px;
    font-family: 'bonanova';
    font-weight: 400;
    text-transform: uppercase;
}
.block_contact_page_link{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 4;
}

/******************/
/***REALISATIONS***/
/******************/
/*chapo*/
.taxo_chapo_main{
    margin: auto auto auto 0;
}
.taxo_chapo_items_strap{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: var(--g12);
    padding: 13px 0 0;
}
.taxo_chapo_items{
    display: block;
    width: fit-content;
    line-height: ;
    padding: 6px 9px;
    border: 1px solid var(--beige);
    font-size: 15px;
    font-family: 'bonanova';
    color: var(--beige);
    font-style: italic;
    font-weight: 400;
}

/*bloc illustration*/
.cpt_illustration_block{
    display: block;
    width: 1020px;
    margin: 0 auto 96px;
}
.cpt_illustration_intro_strap{
    display: flex;
    flex-wrap: wrap;
    padding-right: 16%;
    position: relative;
}
.cpt_illustration_intro_strap:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: var(--bleunuit);
    transform-origin: bottom;
    transform: scaleY(0.2);
    top: 0;
    right: 0;
    left: 0;
}
.cpt_illustration_intro_strap .page_content_hn{
    flex: 1;
    padding: 23px 0 35px;
    margin: 0 11% 0 0;
}
.cpt_illustration_intro_strap .page_hentry{
    flex: 1;
    display: block;
    max-width: 48%;
    padding-top: 37px;
}
.cpt_illustration_pics_block{
    display: block;
    width: 100%;
    height: 595px;
    position: relative;
    overflow: hidden;
}
.cpt_illustration_pic{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.cpt_illustration_pic img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
#cpt_illustration_switcher{
    display: block;
    box-sizing: border-box;
    width: 59px;
    height: 32px;
    padding: 6px;
    background: var(--wh);
    border-radius: 90px;
    position: absolute;
    right: 0;
    bottom: 20px;
    z-index: 3;
    cursor: pointer;
    transition: all 0.3s;
}
#cpt_illustration_switcher_bt{
    display: block;
    width: 20px;
    height: 20px;
    background: var(--bleunuit);
    border-radius: 50%;
    position: absolute;
    top: 6px;
    right: auto;
    left: 6px;
    transition: all 0.3s;
}
.switched #cpt_illustration_switcher{
    background: var(--bleunuit);
    transition: all 0.3s;
}
.switched #cpt_illustration_switcher_bt{
    background: var(--wh);
    animation: slide-right 0.3s ease forwards;
}
.cpt_illustration_block:not(.switched) #cpt_illustration_switcher_bt {
    animation: slide-left 0.3s ease forwards;
}
.switched #cpt_illustration_pic_night,
#cpt_illustration_pic_day{
    opacity: 1;
    transition: all 0.3s;
}
.switched #cpt_illustration_pic_day,
#cpt_illustration_pic_night{
    opacity: 0;
    transition: all 0.3s;
}
@keyframes slide-right {
    from {
        left: 6px;
    }
    to {
        left: 32px;
    }
}
@keyframes slide-left {
    from {
        left: 32px;
    }
    to {
        left: 6px;
    }
}
/*pic wiz marker*/
.cpt_illustration_block.cpt_illustration_block_choice_product{
    margin-bottom: 177px;
}
.cpt_illustration_block.cpt_illustration_block_choice_product .cpt_illustration_pics_block{
    height: fit-content;
}
.cpt_illustration_block.cpt_illustration_block_choice_product .cpt_illustration_pics_block > img{
    display: block;
    width: 100%;
    height: auto;
}
.cpt_illustration_pic_marker{
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    z-index: 4;
    cursor: pointer;
}
.cpt_illustration_pic_marker:after{
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    background: var(--wh);
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
@keyframes fat-to-small {
    0% {
        width: 8px;
        height: 8px;
        opacity: 0.7;
    }
    100% {
        width: 24px;
        height: 24px;
        opacity: 0.1;
    }
}
.cpt_illustration_pic_marker:before{
    content: '';
    display: block;
    background: var(--wh);
    border-radius: 50%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    animation: fat-to-small 1.0s ease-in-out infinite;
}
.single_crea_in_ill{
    display: block;
    width: 361px;
    background: var(--wh);
    position: absolute;
    top: 0;
    right: -361px;
    bottom: 0;
    z-index: 22;
    transition: right 0.4s;
}
.single_crea_in_ill.current{
    right: 0;
    transition: right 0.4s;
}
.single_crea_in_ill_content{
    display: block;
    padding: 48px 34px 34px;
}
.single_crea_in_ill_pic{
    display: block;
    height: 320px;
    margin-bottom: 17px;
    position: relative;
}
.single_crea_in_ill_pic img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.single_crea_in_ill_title{
    display: block;
    line-height: 20px;
    margin-bottom: 11px;
    font-size: 17px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
}
.single_crea_in_ill_excerpt{
    display: block;
    font-size: 13px;
}
.single_crea_in_ill_excerpt p:not(:last-of-type){
    line-height: 23px;
}
.single_crea_in_ill_excerpt p:not(:last-of-type){
    margin-bottom: 23px;
}
.single_crea_in_ill_cross{
    display: block;
    width: 23px;
    height: 23px;
    background: url('../img/pic_ill_cross.svg') no-repeat center;
    position: absolute;
    top: 13px;
    right: 11px;
    z-index: 33;
    cursor: pointer;
}

/*slider type story*/
.slider_strap_in_orange{
    background: var(--orange);
    margin-bottom: 109px;
}
.slider_strap_in_blue{
    background: var(--bleunuit);
}
.story_sliderarea{
    box-sizing: border-box;
    padding: 0 0 0 86px;
    color: var(--wh);
    position: relative;
}
.story_slider_title{
    display: block;
    width: fit-content;
    height: fit-content;
    line-height: 27px;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 0.45px;
    text-transform: uppercase;
    transform: rotate(-90deg);
    position: absolute;
    top: 40%;
    bottom: 0;
    left: -69px;
}
.story_slider_single{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.story_slider_single_content{
    align-self: flex-start;
    width: 34%;
    padding-top: 70px;
}
.story_slider_single_sub{
    display: block;
    line-height: 25px;
    margin: 0;
    font-size: 14px;
    font-family: 'bonanova';
    text-transform: uppercase;
    font-style: italic;
}
.story_slider_single_title{
    display: block;
    line-height: 39px;
    margin: 0 0 41px;
    font-size: 34px;
    font-family: 'bonanova';
    text-transform: uppercase;
}
.slider_strap_in_orange .story_slider_single_title{
    color: var(--jaune);
}
.slider_strap_in_blue .story_slider_single_title{
    color: var(--beige);
}
.story_slider_single_pic{
    display: block;
    width: 59%;
    height: 600px;
    position: relative;
}
.story_slider_single_pic img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.story_slider_nav_strap{
    display: flex;
    justify-content: flex-end;
    gap: var(--g12);
    width: 34%;
    padding-top: 32px;
    position: absolute;
    bottom: 32px;
    left: 0;
    z-index: 4;
}
.story_slider_nav_strap:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: var(--wh);
    opacity: 0.5;
    transform-origin: bottom;
    transform: scaleY(0.2);
    top: 0;
    right: 0;
    left: 0;
}
.story_slider_nav_prev,
.story_slider_nav_next{
    display: block;
    width: 39px;
    height: 39px;
    background: none;
    border-radius: 90px;
    margin: 0;
    font-size: 0;
    position: relative;
    transition: all 0.3s;
    cursor: pointer;
}
.story_slider_nav_prev.swiper-button-disabled,
.story_slider_nav_next.swiper-button-disabled{
    opacity: 0.3;
}
.slider_strap_in_orange .story_slider_nav_prev,
.slider_strap_in_orange .story_slider_nav_next{
    border: 1px solid var(--jaune);
}
.slider_strap_in_blue .story_slider_nav_prev,
.slider_strap_in_blue .story_slider_nav_next{
    border: 1px solid var(--beige);
}
.story_slider_nav_prev:before,
.story_slider_nav_next:before{
    content: '';
    display: block;
    width: 9px;
    height: 15px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--beige);
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
}
.story_slider_nav_prev:before {
    transform: rotate(180deg);
}
.slider_strap_in_orange .story_slider_nav_prev:before,
.slider_strap_in_orange .story_slider_nav_next:before{
    background-color: var(--jaune);
}
.slider_strap_in_blue .story_slider_nav_prev:before,
.slider_strap_in_blue .story_slider_nav_next:before{
    background-color: var(--beige);
}

/*temoignage*/
.page_temo_strap{
    display: block;
}
.page_temo_content{
    display: block;
    padding: 57px 0;
    position: relative;
}
.page_temo_hentry{
    display: block;
    line-height: 40px;
    margin-bottom: 43px;
    font-size: 28px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    text-transform: uppercase;
    font-weight: 400;
}
.page_temo_hentry p{
    line-height: 48px;
    margin: 0;
}
.page_temo_signature{
    display: block;
    line-height: 18px;
    font-size: 14px;
    color: var(--bleunuit);
    letter-spacing: 3px;
    text-transform: uppercase;
}
.page_temo_content:before,
.page_temo_content:after{
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: var(--bleunuit);
    opacity: 0.5;
    transform-origin: bottom;
    transform: scaleY(0.2);
    right: 0;
    left: 0;
}
.page_temo_content:before{
    top: 0;
}
.page_temo_content:after{
    bottom: 0;
}

/**/
.cpt_back_bt_strap{
    display: block;
    padding: 82px 0 109px;
}
a.cpt_back_bt{
    display: inline-block;
    line-height: 18px;
    padding: 4px 0 4px 39px;
    font-size: 14px;
    color: var(--bleunuit);
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
    position: relative;
}
a.cpt_back_bt:before,
a.cpt_back_bt:after{
    content: '';
    display: block;
    position: absolute;
    transition: all 0.3s;
}
a.cpt_back_bt:before{
    width: 24px;
    height: 24px;
    border: 1px solid var(--bleunuit);
    border-radius: 50%;
    top: 0;
    left: 0;
    z-index: 2;
}
a.cpt_back_bt:after{
    width: 8px;
    height: 16px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--bleunuit);
    transform: rotate(180deg);
    top: 5px;
    left: 9px;
    z-index: 3;
}
a.cpt_back_bt:hover:before{
    background: var(--bleunuit);
    transition: all 0.3s;
}
a.cpt_back_bt:hover:after{
    background-color: var(--wh);
    transition: all 0.3s;
}

/******************/
/*****CREATION*****/
/******************/
.single-cpt_creation .page_hentry_two_pics_strap.page_hentry_strap{
    padding-bottom: 195px;
}
/*chapo*/
.cpt_chapo_strap{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g82);
    margin-bottom: 91px;
}
.cpt_chapo_cols:not(:nth-child(2)){
    flex: 1;
    display: block;
    padding-top: 49px;
}
.cpt_chapo_strap .page_sub_title{
    border-left-color: var(--bleunuit);
}
.cpt_chapo_strap .page_title{
    margin-bottom: 16px;
}
.cpt_chapo_cols_wizpic{
    display: block;
    width: 728px;
    height: 560px;
    position: relative;
}
.cpt_chapo_cols_wizpic img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.cpt_chapo_terms_inpic{
    display: inline-block;
    line-height: 18px;
    padding: 4px 26px;
    background: var(--wh);
    font-size: 13px;
    font-family: 'ptsans';
    letter-spacing: 3px;
    text-transform: uppercase;
    font-weight: 400;
    position: absolute;
    bottom: 15px;
    left: 18px;
    z-index: 3;
}

/***********************/
/**MOTEUR DE RECHERCHE**/
/***********************/
.search_engine_wrapp{
    margin-bottom: 54px;
}
.search_engine_form{
    display: flex;
    gap: var(--g27);
}
.search_engine_form_strap{
    display: block;
    width: 247px;
}
.search_engine_form_label{
    display: block;
    line-height: 17px;
    margin-bottom: 14px;
    font-size: 13px;
    color: var(--bleunuit);
    font-weight: 400;
    letter-spacing: 0.39px;
    text-transform: uppercase;
}
.search_strap_select_content_bg{
    display: block;
    padding: 0 9px 10px 0;
    border-bottom: 1px solid var(--bleunuit);
}
.search_strap_select_select{
    display: block;
    width: 100%;
    height: 20px;
    background: none;
    border: unset;
    font-size: 16px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
}
.search_strap_select_content_send{
    display: flex;
    align-items: flex-end;
    width: fit-content;
}
.search_strap_select_bt{
    padding: 0;
    background: none;
    border: none;
}
.search_strap_select_bt_span{
    display: block;
    line-height: 18px;
    padding-bottom: 5px;
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--bleunuit);
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    position: relative;
}
.search_strap_select_bt_span:after{
    content: '';
    display: block;
    height: 1px;
    background: var(--bleunuit);
    letter-spacing: 1px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
}
.search_strap_select_bt_span:hover:after{
    right: 16%;
    left: 16%;
    transition: all 0.4s;
}

/********************/
/*****PAGINATION*****/
/********************/
.pagination_strap{
    display: block;
    padding: 0 0 90px;
    font-size: 14px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    text-align: center;
}
.pagination_strap a{
    color: var(--bleunuit);
    text-decoration: none;
}
nav.pagination{
    display: flex;
    justify-content: center;
    gap: var(--g12);
    width: fit-content;
    margin: 0 auto;
}
.pagination_item{
    display: inline-block;
    line-height: 26px;
}
.pagination_item.current{
    border-bottom: 1px solid var(--bleunuit);
}
.pagination .item_prev,
.pagination .item_next{
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 1px solid var(--bleunuit);
    border-radius: 50%;
    margin: 0 6px;
    font-size: 0;
    position: relative;
}
.pagination .item_prev:after,
.pagination .item_next:after {
    content: '';
    display: block;
    width: 8px;
    height: 16px;
    mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    -webkit-mask: url('../img/pic_arrow_s_r.svg') no-repeat center;
    mask-size: auto;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--bleunuit);
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.pagination .item_prev:after{
    transform: rotate(180deg);
}

/********************/
/******FILIALES******/
/********************/
/*Map*/
.page_map_affiliate_strap{
    display: block;
    min-height: 748px;
    background: var(--bleunuit);
    color: var(--beige);
    text-align: center;
    position: relative;
}
.page-template-page_filiales .page_map_affiliate_strap{
    margin-bottom: 96px;
}
.page_map_affiliate_content{
    display: block;
    padding: 93px 0 106px;
    position: relative;
    z-index: 3;
}
.page_map_affiliate_title{
    display: block;
    line-height: 59px;
    margin-bottom: 97px;
    font-size: 49px;
    font-family: 'bonanova';
    font-weight: 400;
    text-transform: uppercase;
}
.affiliate_list_item_strap{
    display: block;
    margin: 0 auto 84px;
}
.affiliate_list_item_strap ul{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g20);
    padding-left: 8%;
}
.affiliate_list_item_strap ul li{
    display: block;
    width: var(--4-20);
    text-align: left;
}
.affiliate_list_item_strap ul li a{
    display: inline-block;
    line-height: 18px;
    font-size: 14px;
    color: var(--wh);
    letter-spacing: 3px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 0.3s;
}
.affiliate_list_item_strap ul li a:hover{
    font-weight: 700;
    transition: all 0.3s;
}
.page_map_affiliate_link{
    display: block;
}
.page_map_affiliate_link .subtitle_link a{
    color: var(--wh);
}
.page_map_affiliate_link .subtitle_link a:after{
    background: var(--wh);
}
.page_map_affiliate_pic_block{
    display: block;
    width: 880px;
    height: 483px;
    margin: 0 auto;
    position: absolute;
    top: 147px;
    right: 0;
    left: 0;
    z-index: 2;
}
#page_map_affiliate_pic_back{
    position: relative;
    z-index: 3;
}
.affiliate_pic{
    display: block;
    margin: auto;
    opacity: 0;
    transition: opacity 0.3s ease;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

/*single filiale*/
.cpt_filiale_contact_strap{
    display: block;
    background: var(--degbleuelec);
    margin-bottom: 105px;
}
.cpt_filiale_contact_main{
    padding: 37px 5.8% 52px;
    color: var(--wh);
}
.cpt_filiale_contact_strap .page_content_hn{
    color: var(--wh);
}
.cpt_filiale_contact_single{
    display: block;
    box-sizing: border-box;
    min-width: 26%;
}
.cpt_filiale_contact_single:not(:last-of-type){
    padding-right: 50px;
    border-right: 1px solid var(--wh);
    margin-right: 50px;
}
.cpt_filiale_contact_title{
    display: block;
    line-height: 18px;
    margin-bottom: 17px;
    font-size: 14px;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 400;
}
.cpt_filiale_contact_hentry{
    display: block;
    line-height: 21px;
    font-size: 15px;
}
.cpt_filiale_contact_hentry p{
    line-height: 21px;
    margin-bottom: 0;
}
.cpt_filiale_contact_hentry a{
    color: var(--wh);
    text-decoration: none;
}
.cpt_filiale_contact_hentry a:hover{
    text-decoration: underline;
}
.cpt_filiale_contact_hentry p{
    line-height: 21px;
    margin-bottom: 0;
}

/***********************/
/******INNOVATIONS******/
/***********************/
.page_hentry_strap.page_hentry_strap_innov{
    padding-bottom: 100px;
}
.page_mea_single_innov{
    width: 100%;
    margin-bottom: 16px;
    color: var(--bleunuit);
}
.page_mea_single_innov .page_mea_single_numb{
    line-height: 26px;
    font-size: 22px;
    text-align: left;
}
.page_hentry .page_mea_single_innov p{
    line-height: 27px;
    margin-bottom: 0;
}
.page_hentry_cols_innov_pics{
    display: block;
    width: 100%;
    height: 612px;
    position: relative;
}
.page_hentry_cols_innov_pics #content_innovation_img_1,
.page_hentry_cols_innov_pics #content_innovation_img_2{
    display: block;
    position: absolute;
}
.page_hentry_cols_innov_pics #content_innovation_img_1{
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.page_hentry_cols_innov_pics #content_innovation_img_2{
    right: unset;
    bottom: 37px;
    left: 37px;
    z-index: 3;
}
.page_hentry_cols:nth-of-type(1) .page_hentry_cols_innov_pics #content_innovation_img_2{
    right: 37px;
    left: unset;
}

/*******************/
/*****CATALOGUE*****/
/*******************/
.catalog_mozaik_wrapp{
    display: flex;
    flex-wrap: wrap;
    gap: 14%;
    padding: 0 0 165px;
}
.catalog_mozaik_block{
    flex: 1;
    position: relative;
}
.catalog_mozaik_block_bt{
    appearance: none;
    display: block;
    width: 100%;
    padding: 0 0 30px;
    background: none;
    border: none;
    margin: 0;
    cursor: pointer;
}
.catalog_mozaik_block_bt_span{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 30px;
    padding: 22px 47px 0 0;
    font-size: 28px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
    text-align: left;
    position: relative;
}
.catalog_mozaik_block_bt_span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: var(--bleunuit);
    transform-origin: bottom;
    transform: scaleY(0.2);
    right: 0;
    top: 0;
    left: 0;
    z-index: 2;
    transition: all 0.3s;
}
.catalog_mozaik_block_bt_span:after{
    content: '';
    width: 32px;
    height: 32px;
    mask: url('../img/pic_ill_download.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_download.svg') no-repeat center;
    mask-size: auto;
    mask-size: 100% auto;
    -webkit-mask-size: 100% auto;
    background-color: var(--bleunuit);
    position: absolute;
    right: 15px;
    bottom: 0;
    z-index: 3;
    transition: all 0.3s;
}
.catalog_mozaik_block_bt:hover .catalog_mozaik_block_bt_span:before {
    background: var(--orange);
    transition: all 0.3s;
}
.catalog_mozaik_block_bt:hover .catalog_mozaik_block_bt_span:after {
    background-color: var(--orange);
    transition: all 0.3s;
}

.catalog_mozaik_block_pic{
    display: block;
    width: 100%;
    height: 633px;
    position: relative;
}
.catalog_mozaik_block_pic img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
#catalog_mozaik_popup {
    display: none;
    justify-content: center;
    align-items: center;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
}
#catalog_mozaik_popup_content{
    background: white;
    border-top: 9px solid var(--bleunuit);
    position: relative;
    width: 100%;
    max-width: 694px;
}
.catalog_mozaik_block_bt_to_close {
    display: block;
    width: 24px;
    height: 24px;
    background: url('../img/pic_ill_cross.svg') no-repeat center;
    position: absolute;
    top: 28px;
    right: 20px;
    cursor: pointer;
    font-size: 18px;
}
.catalog_mozaik_popup_form_wrapp{
    display: block;
    padding: 67px 72px 96px;
}
.catalog_mozaik_popup_title{
    display: block;
    line-height: 26px;
    margin-bottom: 12px;
    font-size: 22px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    text-transform: uppercase;
    text-align: center;
}
.catalog_mozaik_popup_sub{
    display: block;
    line-height: 21px;
    margin-bottom: 44px;
    font-size: 14px;
    text-align: center;
}

/*formulaire*/
#catalog_mozaik_popup .gform_wrapper.gravity-theme .gform_fields{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g12);
}
#catalog_mozaik_popup .gform_wrapper.gravity-theme .gfield{
    display: block;
    width: var(--2-12);
}

#catalog_mozaik_popup .gform_wrapper.gravity-theme .gfield.gfield--type-hidden{
    display: none!important;
}
#catalog_mozaik_popup .gform_wrapper.gravity-theme .gfield input[type='text'],
#catalog_mozaik_popup .gform_wrapper.gravity-theme .gfield input[type='email']{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 18px;
    padding: 12px 16px;
    border: 1px solid var(--bleunuit);
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--bleunuit);
    letter-spacing: 1px;
}
#catalog_mozaik_popup .gform_wrapper.gravity-theme .gfield select{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 18px;
    padding: 12px 16px;
    background: var(--wh);
    border: 1px solid var(--bleunuit);
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--bleunuit);
    letter-spacing: 1px;
}
#catalog_mozaik_popup .gform_wrapper.gravity-theme .gfield button.gform_submit_button{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 18px;
    padding: 12px 16px;
    background: var(--bleunuit);
    border: 1px solid var(--bleunuit);
    font-size: 14px;
    font-family: 'ptsans';
    color: var(--beige);
    letter-spacing: 1px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}
#catalog_mozaik_popup .gform_wrapper.gravity-theme .gfield button.gform_submit_button:hover{
    background: var(--beige);
    color: var(--bleunuit);
    transition: all 0.3s;
}

/********************/
/******TIMELINE******/
/********************/
.timeline_block_strap{
    margin-bottom: 132px;
}
.timeline_block_wrapp{
    position: relative;
    z-index: 3;
}
.timeline_block_content{
    display: flex;
    flex-wrap: wrap;
    gap: 0 100px;
	box-sizing: border-box;
	width: 100%;
    padding: 115px 103px 115px 0;
}
.timeline_block_sidebar{
    display: block;
    width: 109px;
    padding: 56px 0 0;
}
.timeline_block_sidebar_main{
    display: block;
    padding: 9px 0 9px 25px;
    position: relative;
}
.timeline_block_sidebar_main:before{
    content: '';
    position: absolute;
    width: 1.5px;
    height: 100%;
    background: var(--beige);
    transform-origin: left;
    transform: scaleX(0.2);
    -moz-transform: scaleZ(0.2);
    top: 0;
    bottom: 0;
    left: 0;
}
.timeline_block_sidebar_single{
    display: block;
    line-height: 21px;
    padding-left: 0;
    font-size: 16px;
    color: var(--beige);
    font-weight: 400;
    letter-spacing: 3px;
    cursor: pointer;
    position: relative;
    transition: all 0.4s;
}
.timeline_block_sidebar_single:not(:last-child){
    margin-bottom: 15px;
}
.timeline_block_sidebar_single:before{
    content: '';
    position: absolute;
    width: 0;
    height: 1.5px;
    background: var(--beige);
    transform-origin: bottom;
    transform: scaleY(0.2);
    -moz-transform: scaleY(0.2);
    bottom: 5px;
    left: 0;
    transition: all 0.4s;
}
.timeline_block_sidebar_single:hover,
.timeline_block_sidebar_single.current{
    padding-left: 30px;
    transition: all 0.4s;
}
.timeline_block_sidebar_single:hover:before,
.timeline_block_sidebar_single.current:before{
    width: 20px;
    transition: all 0.4s;
}
.timeline_block_viewer{
    flex: 1;
    display: block;
    min-height: 963px;
    position: relative;
    overflow: hidden;
}
.timeline_block_viewer_single{
    min-height: 963px;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(100px);
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    z-index: 2;
}
.timeline_block_viewer_single.current {
    transform: translateY(0);
    opacity: 1;
    z-index: 3;
}
.timeline_block_viewer_single_strap{
    display: flex;
    gap: var(--g61);
	flex-wrap: wrap;
}
.timeline_block_viewer_single_strap:not(:last-of-type){
    margin-bottom: 82px;
}
.timeline_block_viewer_single_hentry{
    flex: 1;
    display: flex;
}
.timeline_block_viewer_single_hentry_main{
    display: block;
    margin: auto 0;
}
.timeline_block_viewer_single_date{
    display: block;
    line-height: 60px;
    margin-bottom: 22px;
    font-size: 50px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
}
.timeline_block_viewer_single_pic{
    display: block;
    width: 54%;
    height: 435px;
    position: relative;
}
.timeline_block_viewer_single_pic img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}

/*******************/
/********JOB********/
/*******************/
.block_triptyk_mozaik_title_strap{
    display: block;
    padding-top: 57px;
    text-align: center;
    position: relative;
}
.block_triptyk_mozaik_title_strap:before{
    content: '';
    position: absolute;
    width: 100%;
    height: 1.5px;
    background: var(--bleunuit);
    transform-origin: bottom;
    transform: scaleY(0.2);
    top: 0;
    right: 0;
    left: 0;
}
.block_triptyk_mozaik_title_strap .page_content_hn{
    padding: 0;
    margin-bottom: 30px;
}

/*******************/
/****BLOC SOCIAL****/
/*******************/
.page_social_strap_content{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 144px;
}
.page_social_strap_title_block{
    display: block;
    padding: 11px 0 0 54px;
    color: var(--orange);
    position: relative;
}
.page_social_strap_title_block .story_slider_title{
    top: 50%;
    left: -57px;
}
.page_social_strap_title_block .page_big_title{
    color: var(--orange);
}
.page_social_strap_link_block{
    display: block;
    width: fit-content;
    padding-top: 22px;
}
.page_social_strap_link_block_content{
    display: block;
    padding: 0 0 0 14px;
    border-left: 1px solid var(--orange);
}
.page_social_strap_link{
    display: block;
}
.page_social_strap_link a{
    display: block;
    line-height: 40px;
    font-size: 34px;
    font-family: 'bonanova';
    color: var(--orange);
    font-style: italic;
    text-transform: uppercase;
    text-decoration: none;
    opacity: 1;
    transition: all 0.3s;
}
.page_social_strap_link a:hover{
    opacity: 0.6;
    transition: all 0.3s;
}
.page_social_strap_insta_block{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g12);
    width: fit-content;
}
.page_social_strap_insta_single{
    display: block;
    position: relative;
}
.page_social_strap_insta_single_pic{
    display: block;
    width: 152px;
    height: 152px;
    overflow: hidden;
    position: relative;
}
.page_social_strap_insta_single_pic img{
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.4s;
}
.page_social_strap_insta_single_link{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
}
.page_social_strap_insta_single:hover .page_social_strap_insta_single_pic img{
    width: 103%;
    height: 103%;
    transition: all 0.4s;
}

/*******************/
/*****CARRIERE******/
/*******************/
/*cta chapo*/
.page_chapo_cta_strap{
    display: block;
    margin: 0 auto auto 0;
}
a.page_chapo_cta{
    display: inline-block;
    line-height: 18px;
    padding-bottom: 5px;
    font-size: 15px;
    font-family: 'bonanova';
    color: var(--wh);
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
}
a.page_chapo_cta:after {
    content: '';
    display: block;
    height: 1px;
    background: var(--wh);
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
}
a.page_chapo_cta:hover:after {
    right: 16%;
    left: 16%;
    transition: all 0.4s;
}
/*mise en avant*/
.page_mea_wizpic_block.page_hentry_strap{
    padding-top: 49px;
    padding-bottom: 133px;
}
.page_mea_wizpic_block .page_hentry_cols_switch_text{
    padding-top: 59px;
}
.page_mea_wizpic_block .block_cta_page_sub{
    margin-bottom: 59px;
}
.page_mea_wizpic_block .list_single_mozaik{
    gap: var(--g27);
    margin-bottom: 54px;
}
/*medias*/
.list_single_mozaik_medias{
    gap: var(--g36) var(--g20);
    margin-bottom: 81px;
}
.list_single_mozaik_medias_single{
    display: block;
    width: var(--2-20);
}
.list_single_mozaik_medias_single_viewer{
    display: block;
    margin-bottom: 30px;
}
.list_single_mozaik_medias_single_video,
.list_single_mozaik_medias_single_pic{
    display: block;
    width: 100%;
    height: 402px;
    position: relative;
}
.list_single_mozaik_medias_single_pic img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.list_single_mozaik_medias_single_video_wrap{
    display: block;
    width: 100%;
    height: 0;
    padding-bottom: 66.6%;
    position: relative;
    overflow: hidden;
}
.list_single_mozaik_medias_single_video_wrap iframe{
    height: 100%;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.list_single_mozaik_medias_single_title{
    display: block;
    line-height: 31px;
    padding-top: 13px;
    border-top: 1px solid var(--bleunuit);
    font-size: 17px;
    color: var(--bleunuit);
    font-weight: 400;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}
/*témoignages*/
.page_testimonials_content{
    display: block;
    padding: 35px 0 48px;
    position: relative;
}
.page_testimonials_content:before,
.page_testimonials_content:after{
    content: '';
    display: block;
    width: 100%;
    height: 1.5px;
    background: var(--bleunuit);
    transform-origin: bottom;
    transform: scaleY(0.2);
    position: absolute;
    right: 0;
    left: 0;
}
.page_testimonials_content:before{
    top: 0;
}
.page_testimonials_content:after{
    bottom: 0;
}
.page_testimonials_content .page_content_hn{
    margin-bottom: 59px;
}
.testimonial_single_main{
    display: flex;
    gap: var(--g27);
}
.testimonial_single_pic{
    display: block;
    width: 149px;
    height: 217px;
    position: relative;
}
.testimonial_single_pic img {
    display: block;
    width: 100%;
    height: 100%;
    margin: auto;
    object-fit: cover;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
}
.testimonial_single_content{
    flex: 1;
}
.testimonial_single_title{
    display: block;
    line-height: 22px;
    margin-bottom: 8px;
    font-size: 20px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-style: italic;
    font-weight: 400;
    text-transform: uppercase;
}
.testimonial_single_job{
    display: block;
    line-height: 17px;
    margin-bottom: 18px;
    font-size: 15px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    font-weight: 400;
    text-transform: uppercase;
}

/*******************/
/*****JOB BOARD*****/
/*******************/
/*mozaik*/
.jobboard_mozaik{
    display: block;
    margin: 0 0 61px;
}
.jobboard_single{
    display: flex;
    padding: 18px 26px  22px 0;
    border-top: 1px solid var(--bleunuit);
}
.jobboard_single:last-of-type{
    display: flex;
    border-bottom: 1px solid var(--bleunuit);
}
.jobboard_single_name{
    flex: 7;
}
.jobboard_single_terms{
    flex: 3;
}
.jobboard_single_time{
    flex: 4;
}
.jobboard_single_name,
.jobboard_single_terms,
.jobboard_single_time{
    display: block;
    line-height: 34px;
}
.jobboard_single_name{
    display: block;
    font-size: 17px;
    font-family: 'bonanova';
    text-transform: uppercase;
    font-weight: 400;
    color: var(--bleunuit);
}
.jobboard_single_terms{
    font-size: 13px;
    text-transform: uppercase;
    color: var(--blk);
}
.jobboard_single_time{
    font-size: 14px;
    color: var(--dore03);
    text-transform: uppercase;
    font-weight: 400;
}
.jobboard_single_link{
    display: block;
    width: 34px;
    height: 34px;
    position: relative;
}
.jobboard_single_link:before,
.jobboard_single_link:after{
    content: '';
    display: block;
    width: 34px;
    height: 34px;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    background-color: var(--bleunuit);
    position: absolute;
    top: 0;
    left: 0;
    transition: opacity 0.4s;
}
.jobboard_single_link:before{
    mask: url('../img/pic_ill_more_empty.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_more_empty.svg') no-repeat center;
    opacity: 1;
    z-index: 2;
}
.jobboard_single_link:after{
    mask: url('../img/pic_ill_more_full.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_more_full.svg') no-repeat center;
    opacity: 0;
    z-index: 3;
}
.jobboard_single_link:hover:before {
    opacity: 0;
}
.jobboard_single_link:hover::after {
    opacity: 1;
}

/*push*/
.jobboard_push_strap{
    display: block;
    margin-bottom: 168px;
}
.jobboard_push{
    display: block;
    width: 100%;
    /*background: linear-gradient(90deg, #F55A31 10%, #F6F2EE 97%);*/
    position: relative;
}
.jobboard_push:before{
    content: '';
    display: block;
    background: linear-gradient(90deg, #F55A31 10%, #F6F2EE 97%);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;
    transition: all 0.3s;
}
.jobboard_push:hover:before{
    right: 30%;
    transition: all 0.3s;
}
.jobboard_push_span{
    display: block;
    line-height: 34px;
    padding: 20px 0 20px 40px;
    margin-right: 70px;
    font-size: 24px;
    font-family: 'bonanova';
    color: var(--wh);
    text-transform: uppercase;
    position: relative;
    z-index: 3;
}
.jobboard_push_cross{
    display: block;
    width: 44px;
    height: 44px;
    position: absolute;
    top: 15px;
    right: 26px;
    z-index: 4;
}
.jobboard_push_cross:before{
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    mask: url('../img/pic_ill_more_empty.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_more_empty.svg') no-repeat center;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    background-color: var(--orange);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 1;
    transition: opacity 0.4s;
}
.jobboard_push_cross:after{
    content: '';
    display: block;
    width: 44px;
    height: 44px;
    mask: url('../img/pic_ill_more_full.svg') no-repeat center;
    -webkit-mask: url('../img/pic_ill_more_full.svg') no-repeat center;
    mask-size: 100%;
    -webkit-mask-size: 100%;
    background-color: var(--orange);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    opacity: 0;
    transition: opacity 0.4s;
}
.jobboard_push:hover .jobboard_push_cross:before {
    opacity: 0;
}
.jobboard_push:hover .jobboard_push_cross:after{
    opacity: 1;
}
.jobboard_push_link{
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 5;
}

/*******************/
/******CONTACT******/
/*******************/
.page_contact_mozaik{
    display: flex;
    flex-wrap: wrap;
    gap: var(--g61);
    padding-bottom: 144px;
}
.page_contact_sidebar{
    width: 396px;
}
.page_contact_main{
    flex: 1;
}
/*push*/
.page_contact_push{
    display: block;
    box-sizing: border-box;
    padding: 32px 24% 40px 51px;
    background: var(--degsaumon);
    margin: 0 0 18px;
    position: relative;
}
.page_contact_push_title{
    display: block;
    line-height: 25px;
    margin-bottom: 6px;
    font-size: 21px;
    font-family: 'bonanova';
    color: var(--bleunuit);
    text-transform: uppercase;
    font-weight: 400;
}
.page_contact_push_tel{
    display: block;
    line-height: 28px;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--bleunuit);
    font-size: 22px;
    color: var(--bleunuit);
    letter-spacing: 3px;
}
/*rappel form*/
.page_contact_rappel_form{
    display: block;
    background: var(--bleunuit);
    color: var(--beige);
}
.page_contact_rappel_form_main{
    padding: 32px 15% 49px 14%;
}
.page_contact_rappel_form_main .page_content_hn{
    line-height: 37px;
    margin-bottom: 22px;
    font-size: 28px;
    color: var(--beige);
}
.gform_wrapper.gravity-theme .gfield--type-select label,
.page_contact_rappel_form_main .gform_wrapper.gravity-theme label{
    display: inline-block;
    line-height: 18px;
    margin-bottom: 2px;
    font-size: 14px;
}
.page_contact_rappel_form_main .gform_wrapper.gravity-theme label{
    color: var(--beige);
}
.page_contact_rappel_form_main .gform_wrapper.gravity-theme .gfield input[type="text"],
.page_contact_rappel_form_main .gform_wrapper.gravity-theme .gfield input[type="email"],
.page_contact_rappel_form_main .gform_wrapper.gravity-theme .gfield textarea{
    background: var(--bleunuit);
    border: 1px solid var(--beige);
    color: var(--wh);
}
.page_contact_rappel_form_main .gform_wrapper.gravity-theme .gform-footer{
    display: block;
    padding-top: 28px;
}
.page_contact_rappel_form_main .gform_wrapper.gravity-theme .gform-footer button{
    display: block;
    box-sizing: border-box;
    width: 100%;
    line-height: 18px;
    padding: 16px;
    background: var(--lavende);
    border: 1px solid var(--lavende);
    font-size: 14px;
    color: var(--wh);
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}
.page_contact_rappel_form_main .gform_wrapper.gravity-theme .gform-footer button:hover{
    background: var(--bleunuit);
    color: var(--lavende);
    transition: all 0.3s;
}
/*contact form*/
.page_hentry .gform_wrapper.gravity-theme .gform-footer{
    display: block;
    text-align: right;
}
.page_hentry .gform_wrapper.gravity-theme .gform-footer button{
    display: inline-block;
    box-sizing: border-box;
    line-height: 18px;
    padding: 14px 42px;
    background: var(--dore01);
    border: 1px solid var(--bleunuit);
    margin: 0 0 0 auto;
    font-size: 14px;
    color: var(--bleunuit);
    letter-spacing: 1px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.3s;
}
.page_hentry .gform_wrapper.gravity-theme .gform-footer button:hover{
    background: var(--bleunuit);
    color: var(--dore01);
    transition: all 0.3s;
}
/*divers*/
.gfield_required.gfield_required_text{
    display: none;
}