.top-header {
    position: fixed;
    background-color: #fff;
    height: 108px;
    border-bottom: solid 1px var(--main-strong-color);
    display: flex;
}
.top-header-box {
    height: 100%;
}
/* .top-header::before{
    content:'';
    height:108px;
    display: block;
    width: 100%;
}  */
  .header-desk .box-logo {
    width: 20%;
    max-width: 130px;
  }
.menu-desktop {
    display: flex;
    width: 80%;
}
.eg-menu {
    display: flex;
}
.eg-menu > li {
    display: flex;
    margin: auto;
    flex-direction: column;
    width: 100%;
    text-align: center;
    position: relative;
    height: 100%;
    justify-content: center;
}
.eg-menu > li a {
    color: #333;
    font-family: Roboto-Light;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    padding: 12px 10px;
    display: block;
}
.eg-menu {
    justify-content: space-between;
    width: 100%;
}
.sub-menu {
    display: none;
    position: absolute;
    list-style: none;
    top: calc(100% + 1px);
    width: 120%;
    padding: 25px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    background-color: #fff;
    left: -10%;
    /* transition: var(--transition-2); */
} 
.sub-menu li a{
height: auto;
font-family: Roboto-Medium;
border: solid 1px transparent;
text-transform: initial;
}
.sub-menu li a .current-page,.eg-menu .sub-menu .current-menu-item a, .sub-menu li a:hover {
    color: var(--main-strong-color);
    text-decoration: initial;
    border-radius: 22px;
    border: solid 1px var(--main-strong-color);
    padding: 12px 30px;
}
.eg-menu .current-menu-parent > a {
    color: var(--main-strong-color);
}
.eg-menu > .menu-item:hover .sub-menu, .sub-menu:hover {
    /* display: block;
    opacity: 1;
    transition: var(--transition-2); */
}
.top-header.header-desk.decalage {
    z-index: 0;
    position: relative;
    background-color: transparent;
    border-bottom: solid 1px transparent;
}
.sub-menu:before {
    position: absolute;
    top: -14px;
    height: 9px;
    left: calc(50% - 5.5px);
}
.sub-menu li, .sub-menu a {
    text-align: center;
}
.sub-menu li{
    margin: 10px 0;
}

/*FIN MENU*/



/*MENU MOBILE*/

.top-header-mobile {
    display: none;
    position: relative;
    height: 75px;
}

@media only screen and (min-width: 981px){
    .top-header-mobile {
    display: none ;
    }
}

@media only screen and  (max-width: 980px){
    .header-desk {
    display: none !important;
    }
    .top-header-mobile {
        display: flex;
        border-bottom: solid 2px var(--main-strong-color);
    }
}



.croix{
	width:30px;
	height:30px;
	border:solid 1px #d9d9d9;
	border-radius:50%;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	cursor: pointer;
  }
  .croix .trait{
	background-color:#dd1c11;
	width:16px;
	height:1px ;
	display:block;
	transition: all 300ms ease 0ms;
    flex-grow: 0;
/* margin-right: auto; */
    border-bottom: none;
	
  }
  .croix .close.trait1{
	transform:rotate(45deg);
	margin-top:1px;
	transition: all 300ms ease 0ms;
  }
  .croix .close.trait2{
	transform:rotate(-45deg);
	margin-top:-1px;
	transition: all 300ms ease 0ms;
  }
  .croix .trait-mid{
	margin:3px 0;
	transition: all 300ms ease 0ms;
}
.croix .close.trait-mid{
	margin:3px 0;
	display:none;
	transition: all 300ms ease 0ms;
}
.slidingDiv {
    display: none;
}
.slidingDiv .section-standard {
    width: 100%;
    background-color: #f4f4f4!important;
    min-height: 100vh;
  }
.slidingDiv .sub-menu {
    display: block;
    position: relative;
}
.slidingDiv .sub-menu::before {
    display: none;
}
.slidingDiv .sub-menu {
    background-color: transparent;
    width: auto;
    box-shadow: none;
    padding: 0;
    left: 0;
    top: 0;
    text-align: left;
  }
  
  .slidingDiv .sub-menu li, .slidingDiv .sub-menu a {
    text-align: left;
  }
  .slidingDiv ul{ 
    list-style: none;
  }
  .slidingDiv .sub-menu li a .current-page, .slidingDiv .eg-menu .sub-menu .current-menu-item a, .slidingDiv .sub-menu li a:hover {
    color: inherit;
    text-decoration: initial;
    border-radius: 0;
    border: none;
    padding: inherit;
  }
ul.menu-mob > li a:not(.sub-menu li a){
    font-size: 18px;
    text-transform: uppercase;
    font-family: Roboto-Bold;
    color: rgb(51, 51, 51);
}

.menu-mob .sub-menu li a {
    font-family: Roboto-Light;
    text-transform: uppercase;
    color: rgb(51, 51, 51);
    font-size: 12px;

}
.menu-mob .sub-menu:before {
    content:'';
    background-color: var(--main-strong-color);
    width: 20px;
    height: 1px;
    display: block;
    left: 0;
    margin: 20px 0 25px 0;
    position:relative ;
    top: auto;
}
.menu-mob {
    padding: 15px 0;
}
.menu-mob:not(:first-child) {
    border-top:1px solid #a7a7a7
}

.slidingDiv .ligne-1-2_1-2 .eg-ligne-col1 {
    padding-right: 10%;
}
.slidingDiv .ligne-1-2_1-2 .eg-ligne-col2 {
    padding-left: 10%;
    border-left:1px solid #a7a7a7
}
.slidingDiv .ligne-1-2_1-2 .eg-ligne-col1, .slidingDiv .ligne-1-2_1-2 .eg-ligne-col2 {
    width: 50%;
}
.slidingDiv .langues-box {
    width: 40px;
}
.top-header-mobile .top-header-box .box-logo img {
    width: 100px;
}













/*HOME*/
.header-home .header-inner{
    flex-direction: column;
    position: relative;
    margin: auto;
}
.header-home .logo-header {
    width: 42px;
}
.header-home .ligne-1-3_2-3.box-body {
    margin: 0;
}
.header-home .ligne-1-3_2-3 .eg-ligne-col1 {
    width: 30.33%;
    margin-right: 3%;
}
.header-home .ligne-1-3_2-3 .eg-ligne-col2 {
    width: 66%;
}
#slider_home {
    height: auto;
}
.header-home .img.logo-header {
    width: 42px;
}
.header-home .custom-controls {
    width: 100%;
    padding: 0 3% 3% 3%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: absolute;
}
.custom-seekbar {
    height: 2px;
    margin-bottom: 10px;
    overflow: hidden;
    position: relative;
    width: 32%;
    background-color: #D9D9D9;
    border-top: 5px #fff;
    border-bottom: 5px #fff;
}
.seekbars {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 50px;
}
.custom-seekbar.tns-nav-active {
    background-color: rgb(221, 28, 17);
}
#slider_home{
    width: 300%;
    display: flex;
    min-height: 200px;
    height: auto;
}
.header-home .slide_header {
    width: 100%;
    height: auto;
    display: flex;
    padding-right: 2px;
    flex-wrap: wrap;
  }
  .header-home .colg_slide {
    width: 30.33%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-bottom: 100px;
    margin-right: 3%;
}
.header-home .titre_slide p{
  font-family: Roboto-Light;
  font-size: 42px;
  font-weight: 300;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.1;
  letter-spacing: normal;
  text-align: left;
  color: #333;
  margin-bottom: 10px;
  height: auto;
  padding-bottom: 0;
}
.header-home .sous_titre_slide p{
    font-family: Roboto-Bold;
    font-size: 24px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #333;
    font-weight: 700;
    margin-bottom: 35px;
    height: auto;
}
.header-home .intro_slide p {
    max-width: 200px;
    font-family: Roboto-Light;
    font-size: 20px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}
.header-home  .cold_slide_video {
  display: flex;
  flex-direction: column;
  position: relative;
  height: auto;
  margin-bottom: auto;
}
.image_slide_home {
    position: absolute;
    width: 100%;
    object-fit: cover;
    height: 375px;
    object-position: center;
    }





.header-home .cold_slide_image {
    padding: 0;
}
.header-home  .cold_slide_image {
    min-height: 375px;
}
.header-home  .colg_slide {
    width: 30.33%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 70px;
    border-bottom: solid 1px #d9d9d9;
    padding-bottom: 0;
    margin-right: 3%;
    border-bottom: solid 1px #d9d9d9;
}
.header-home  .cold_slide {
    width: 66.67%;
    display: flex;
    justify-content: flex-end;
    margin-right: 0;
    position: relative;
    height: 375px;
}
.lien_slide {
    display: flex;
    max-width: 220px;
    margin: auto 0px 0px auto;
    padding: 11px 20px;
    background-color: rgba(0,0,0,0.4);
    border: solid 1px rgba(250,250,250,0.5);
    transition: all 0.1s ease;
    text-align: center;
}
.lien_slide:hover {
    transition: all 0.3s ease;
    background-color: #fff;
    border: solid 1px rgba(250,250,250,0.5);
    transition: all 0.1s ease;
    color: #a7a7a7;
}
.cold_slide p {
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-family: Roboto-light;
    padding: 0;
    margin-bottom: 0;
}
  .lien_slide:hover p {
    color: #a7a7a7;
}
.cold_slide a {
    margin-top: auto;
    margin-bottom: 30px;
    margin-right: 30px;
    z-index: 2;
}
.arrow-slider {
    width: 70px;
    display: flex;
    justify-content: space-between;
}
.arrow-slider-header-home {
    position: absolute;
    bottom: 60px;
}
.arrow-slider img {
    filter: saturate(0%) opacity(50%);
    transition: filter 300ms ease 0ms;
    cursor: pointer;
}
.arrow-slider img:hover {
    filter: saturate(100%) opacity(100%);
}

.list-logo-gamme-home {
}
.ligne-picto-gamme img {
    width: calc(100% / 3);
    max-width: 92px;
    padding: 0;
}
.ligne-picto-gamme {
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
}
.list-logo-gamme-home img:nth-child(3n){
    margin-right: 0;
}
.ligne-trait-bouton {
    margin-top: 60px;
    display: flex;
}
.trait {
    flex-grow: 2;
    margin-right: 20px;
    border-bottom: solid 1px var(--main-sub-texte-color);
    }
.ligne-5-home h3 {
    font-size: 30px;
    font-weight: 300;
    line-height: 1.17;
    height: 150px;
}
.ligne-5-home h3.red {
    color: var(--main-strong-color);
}
.ligne-5-home .eg-ligne-col1, .ligne-5-home .eg-ligne-col2 {
    width: 50%;
}
.ligne-5-home .eg-ligne-col1 {
    margin-right: 0;
    padding-right: 5%;

}
.ligne-5-home .eg-ligne-col2 {
    padding-left: 5%;
    padding-right: 5%;
    border-left: 1px solid #a7a7a7
}
.ligne-5-home .eg-ligne-col1 h3 {
    color: var(--main-strong-color);
}


.lien-slide-mob {
    display: none;
}
.arrow-slider-header-home-mob {
    display: none;
}




@media only screen and (max-width: 980px) {
    .header-home .logo-header {
       width: 30px;
    }
    .seekbars {
        margin-bottom: 26px;
        margin-top: 14px;
    }
    .header-home .titre_slide p, .titre_slide p span {
       font-size: 30px;
    }
    .header-home .intro_slide p {
        font-size: 18px;
    }
    .header-home .intro_slide p {
        font-size: 18px;
    }
    .header-home .colg_slide {
        border-bottom: none;
    }
    .arrow-slider-header-home {
        bottom: 30px;
    }
    .titre-moreinno p {
        padding-bottom: 0;
    }
  .inno .contenu p,   .inno .content-et-more p {
        padding-bottom: 0;
    }
  .inno .button-moreinno p {
        margin-bottom: 0;
    }


    .inno .coldate {
        padding-bottom: 70px;
    } 
    .ligne-5-home .eg-ligne-col2 {
        border-left: none;
        border-top: 1px solid #a7a7a7;
        margin-top: 20px;
        padding-top: 20px;
        padding-left: 0;
      }
      .ligne-picto-gamme {
        max-width: 400px;
        margin-left: auto;
        margin-right: auto;
      }
      .ligne-picto-gamme img {
        max-width: 60px;
      }
      .ligne-5-home h3 {
        font-size: 20px;
        height: auto;
        margin-bottom: 1em;
      }
      h4 {
        font-size: 16px;
      }
      p {
        letter-spacing: 0;
        font-size: 12px;
      }
    .eg-ligne .box-body {
        flex-direction: column;
    }
    .ligne-5-home .eg-ligne-col1, .ligne-5-home .eg-ligne-col2 {
        width: 100%;
    }
}




@media (max-width: 767px) {
    .lien-slide-desk {
        display: none;
    }
    .lien-slide-mob {
        display: block;
        width: 100%;
        margin: 25px 0 0 0;
    }
    .lien-slide-mob .lien_slide {
        width: 100%;
        margin: 0;
    }
    .lien-slide-mob .lien_slide p {
        margin: 0 auto;
        padding: 0;
        font-size: 11px;
    }
    .lien-slide-mob .lien_slide {
        max-width: 100%;
        background-color: transparent;
        border: solid 1px #a7a7a7;
        text-align: center;
    }
    .arrow-slider-header-home-mob{
        display: block;
    }

    .arrow-slider-header-home {
      bottom: auto;
      right: 20px;
    }
    .header-home .colg_slide {
      width: 100%;
      margin-bottom: 0;
    }
    .header-home .intro_slide p {

      font-size: 14px;
    }
  .header-home .ligne-1-3_2-3 .eg-ligne-col2 {
    display: none;
  }
    .header-inner {
      padding: 20px;
    }

  .header-home .slide_header {
    flex-direction: column-reverse;
  }
  .header-home .cold_slide {
    width: 100%;
  }
    .logo-header {
      display: block!important;
      margin-bottom: 20px;
    }
    .tax-taxo_gamme .header-gamme .logo-header {
        display: none !important;
      }
  .header-home .sous_titre_slide p {
    font-size: 15px;
    font-weight: 400;
  }
    .lien-slide-mob {
      margin: 0;
    }
.header-home .cold_slide_image {
    min-height: 330px;
  }
  .header-home .sous_titre_slide p {
    margin-bottom: 0;
  }
  .header-home .intro_slide p {
    padding-bottom: 0.5em;
    }
    .header-home .colg_slide {
      margin-top: 10px;
  }

}



.col_verti {
    width: 50px;
    display: flex;
  }
  
  .format-cartouche .col_verti p {
    transform: rotate(270deg);
    /* margin-left: -40px;
    margin-right: -40px; */
    /* margin-top: 170px; */
    font-family: Roboto;
    font-size: 14px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 10px;
    letter-spacing: normal;
    text-align: left;
    color: #fff;
    border-left: solid 1px #fff;
    padding-left: 15px;

white-space: nowrap;
padding-left: 15px;
padding-bottom: 0;
margin-top: auto;
width: 50px;
margin-bottom: 50px;
  }
  
  .format-cartouche .cols-avec-verti {
    margin-right: 0;
    display: flex;
  }
  .format-cartouche.ligne-orange  .cols-avec-verti{
    width: 50%;
  }
  .format-cartouche.ligne-orange {

  }
  .format-cartouche.ligne-orange .col-sans-verti {
    background-color: rgb(242, 152, 87) ;
  }
  .format-cartouche.ligne-orange .cols-avec-verti {
    background-color: rgb(237, 108, 70);
  }

  .format-cartouche.ligne-orange .col_verti {
    border-right: solid 1px #fff;  }

    .format-cartouche .col-sans-verti {
        width: 50%;
    }
    .format-cartouche.ligne-orange .col_vert_d, .format-cartouche .col-sans-verti {
        padding: 80px 50px 55px 40px;
    }
    .ligne-orange p, .ligne-orange h4,.ligne-orange h5, .ligne-orange a {
        color:#fff;
    }
    .format-cartouche p,   .format-cartouche h4,.format-cartouche h5, .format-cartouche a {
        font-family: Roboto-Light;
    }
    .ligne-orange strong {
        font-family: Roboto-Bold;
    }
    .format-cartouche p {
        font-size: 15px;
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .format-cartouche h4{
        font-size: 40px;
    }
    .format-cartouche h5{
        font-size: 24px;
    }
    .format-cartouche strong {
        font-family: Roboto-Medium;
        font-weight: normal;
    }
    .format-cartouche a {
        border-width: 1px;
        padding: 12px 25px;
        margin-top: auto;
        border-style: solid;   
        margin-right: auto;
    text-align: center;
    }
    .col-bouton-ligne-orange {
        display: flex;
        flex-direction: column;

    }
  
    @media (max-width: 980px) {
    .format-cartouche.ligne-orange .cols-avec-verti {
        width: 100%;
        }
        .format-cartouche .col-sans-verti {
        width: 100%;
        }
        .col_verti {
        display: none;
        }
        .format-cartouche p {
        margin-bottom: 20px;
        }
    }

/******************** Global Header *************************/

.header h1 {
    font-family: Roboto-Bold;
    font-size: 45px;
    color: #333333 !important;
    line-height: 1.3em;
    text-transform: initial !important;
}
.logo-header {
    width: 40px;
}

/******************** design taxo_gamme *********************/

/*HEADER*/

.header {
    padding: 70px;
    display: block;
    /* justify-content: center; */
}
.header-inner {
    min-height: 545px;
    max-width: var(--standard-max-width);
    background-color: #fff;
    display: flex;
    padding: 50px 60px 60px 60px;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.16);
    margin: auto;
}
.header.header-gamme h1 {
    margin-top: 50px;
    font-size: 45px;
    color: #333333 !important;
    line-height: 1em;
    font-family: Roboto-Light !important;
    text-transform: initial !important;
}
.header.header-gamme h2 {
    margin-top: 50px;
    font-size: 24px;
    color: #333333 !important;
    line-height: 1.8em;
    font-family: Roboto-Light !important;
    text-transform: initial !important;
}
.header-col1 {
    width: 33%;
    padding-right: 5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.header-col2 {
    width: 67%;
    display: flex;
    flex-direction: column;
}
.header-col2-top {
    height: 14px;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}
.header-col2-bot {
    width: 100%;
    height: auto;
    flex-grow: 2;
}
.header-gamme .logo-header{
    width: 80px;
}
.logo-header-mob {
    display: none;
}
.trait-ariane {
    background-color: rgba(0,0,0,0.1);
    width: auto;
    height: 1px;
    flex-grow: 2;
}
.bloc-ariane {
    width: auto;
}
.ariane {
    padding: 0 10px 0 0;
    margin: 0;
    display: flex;
    align-items: center;
    width: auto;
}
.ariane p {
    padding: 0;
    margin-bottom: 0;
}
span.ariane-arrow {
    color: var(--main-strong-color);
}
.ariane-arrow {
    margin: 0 8px 0 8px;
}
span.ariane-arrow {
    color: var(--main-strong-color) !important;
}
.ariane a, .ariane span {
    color: var(--main-sub-texte-color);
    font-family: var(--Roboto-Light);
    text-transform: uppercase !important;
    font-size: 14px;
}
span.current-gamme, span.current-gamme a{
    color:var(--main-texte-color)
}
.image-header{
    object-fit: cover;
    height: 100%;
    width: 100%;
}
@media (min-width: 980px) and (max-width: 1920px){
    .header.header-gamme h2 {
        font-size: 18px!important;
        line-height: 35px;
    }
    .header.header-gamme h1 {
        font-size: 3.33vw!important;
    }
    .header-inner {
        height: auto;
    }
}
@media (min-width: 768px) and (max-width: 980px){
    .header {
        padding: 50px;
    }
    .header.header-gamme h1 {
        font-size: 3.33vw;
    }
    .header.header-gamme h2 {
        font-size: 12px;
    }
    .header-inner {
        min-height: 475px;
        padding: 30px 20px;
    }
    .header-col2-top {
        margin-bottom: 30px;
    }
    .logo-header {
        width: 63px;
    }
}

@media (max-width: 767px) {
    .header-col2-top{
        display: none;
    }
    .header {
        padding: 30px;
    }
    .header.header-gamme h1 {
        font-size: 25px;
        margin-top: 0;
    }
    .header.header-gamme h2 {
        font-size: 12px;
        margin-top: 10px;
    }
    .header-inner {
        min-height: auto;
        padding: 30px 20px 10px 20px;
        width: 100%;
    }
    .header-col2-top {
        margin-bottom: 30px;
    }
    .logo-header:not(.page-template-home-template .logo-header) {
        display: none!important;
    }
    .logo-header-mob {
        display: block;
        width: 58px;
    }
    .header-inner {
        display: flex;
        flex-direction: column-reverse;
    }  
    .header-col2 {
        width: 100%;
    }
    .image-header {
        height: 150px;
        margin: 25px 0;
    }
    .header-col1 {
        width: 100%;
    }
    
}

h2 {
    font-family: Roboto-Light;
    font-size: 40px;
    color: #333333;
    text-transform: initial;
    margin-bottom: 30px;
}
@media all and (max-width: 980px) {
h2 {
        font-size: 24px;
    }
}


/*Ligne 1*/

.ligne-1-gamme p {
    padding: 0;
    margin-top: auto;
    font-size: 15px;
    font-family: Roboto-Light;
    color: #a7a7a7;
    line-height: 1.5em;
    text-transform: initial;
}
.intro-catalogue {
    margin-top: auto;
    }
.btn-std {
    color: #a7a7a7;
    border: solid 1px #a7a7a7;
    padding: 12px 20px;
    margin: auto 0 0 auto;
    font-family: Roboto-Light;
    text-align: center;
}
.btn-catalogue {
    color: #a7a7a7;
    border: solid 1px #a7a7a7;
    padding: 12px 20px;
    margin: auto 0 0 auto;
    font-family: Roboto-Light;
    text-align: center;
}
.download_col {
    border-left: solid 1px #333;
    padding-left: 5%;
}
.intro-and-btn-catalogue {
    display: flex;
}
.download_col p {
    width: 60%;
}


.ligne-trait .box-body {
    border-top: solid 1px #a7a7a7;
}
@media only screen and (max-width: 980px) {
    .ligne-1-gamme p {
        font-size: 14px;
    }
    .btn-catalogue {
        margin-bottom: -46px;
        font-size: 11px;
    }
    .ligne-trait.ligne-2-gamme .box-body {
        width: 80%;
        margin: 0;
    }
}
@media (max-width: 767px) {
    .eg-ligne.ligne-1-gamme {
        margin-bottom: 0;
    }
    .ligne-1-gamme .box-body {
        flex-direction: column;
    }
    .ligne-1-gamme .col_1-2 {
        width: 100%;
        margin-bottom: 20px;
    }
    .ligne-trait {
        display: none;
    }
    .download_col {
        margin-bottom: 0;
    }
    .download_col {
        border-left: solid 1px #333;
        padding-left: 5%;
        border-left: none;
        padding-left: 0;
    }
    .ligne-1-gamme h2 {
        margin-bottom: 0;
        font-size: 18px;
    }
    .btn-catalogue {
        margin-bottom: -46px;
        margin-bottom: 10px;
    }
    .ligne-1-gamme p {
        width: 100%;
    }
    .intro-and-btn-catalogue {
        flex-direction: column;
    }
    .btn-catalogue {
        padding: 12px 20px;
        margin: auto 0 0 auto;
        padding: 8px;
        margin: 20px 0 0 0;
        width: 100%;
    }
    .fx-selector {
        font-size: 10px;
    }
}

/*PRODUITS*/
.ligne-selectors {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.select-fx{
    color: var(--main-texte-color);
    font-family: Roboto-Light;
    text-transform: uppercase !important;
    font-size: 12px;
    margin-right: 15px;
}
.fx-selector {
    border: solid 1px;
    padding: 9px 10px;
    border-radius: 5px;
    color: #a7a7a7;
    border-color: #a7a7a7;
    font-size: 12px;
    text-transform: uppercase !important;
    font-family: Roboto-Light;
    margin: 8px 15px 8px 0;
    line-height: 1;
    cursor: pointer;
}
#produits{
	width:103%;
	display: flex;
	flex-wrap: wrap;
	margin-left: -3%;
}
.produit{
	height:100%;
    width: 100%;
	}

.tabprod {
	width: 22%;
	display:flex;
	background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
    margin: 0px 0px 50px 3%;
}

@media all and (min-width: 980px) and (max-width: 1200px) {
    .prodhome .tabprod:last-child {
        display:none
    }
    .tabprod {
        width:30.33%
    }
} 

/*** Responsive Styles Tablet Only ***/
@media all and (min-width: 768px) and (max-width: 980px) {
 .tabprod {
 	width: 47%;
 }
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
    .tabprod {
        width: 97%;
    }	
}

.hide {
	display:none;
	transition: all 0.1s ease-out;
}

.show {
	display:flex;
	transition: all 0.1s ease-out;
}




.tabprod:hover {
	transform: scale(1.02);
	transition: all 0.3s ease-out;
	}



.tabprod a{
	width: 100%;
	}

.img-prod{
	height:244px;
	background-position: center center !important;
	
}

.text-prod {

	padding: 20px 30px;
}

.effets {
	padding-left: 18px;
	border-left: solid 1px var(--main-strong-color);
}
.text-prod{
display: flex;
flex-direction: column;
justify-content: space-between;
height: calc(100% - 244px);
}
.text-prod .title-prod {
  font-family: Roboto-Bold;
  font-size: 20px;
  text-align: left;
  color: #333333;	
}
.text-prod .titrelight {
  font-family: Roboto-Light;
  font-size: 20px;
  text-align: left;
  color: #333333;
}
.text-prod .crochet {
	  font-family: Roboto-Light;
  font-size: 20px;
  text-align: left;
  color: #a7a7a7;	
}
.text-prod h3{
	margin-bottom: 30px;
}
.effets{
font-family: Roboto-Medium;
  font-size: 14px;
  padding-bottom: 0;
  text-align: left;
  color: #919191;
  line-height: 1.3em;
}

@media all and (min-width: 1920px) {
.section-fleur {
    background-position: 100% 0%;
    background-position-x: 100%;
    background-position-y: 0%;
    background-repeat: no-repeat;
    background-size: calc(50% + 253px);
    }
}

@media all and (min-width: 1661px) {
	.section-fleur {
	background-position: 100% 0%;
		background-position-x: 100%;
		background-position-y: 0%;
	background-repeat: no-repeat;
	background-size: calc(50% + 253px);
	}
	.section-fleur2 {
		display: none;
					}
	}


	@media all and (min-width: 981px) and (max-width: 1660px) {
		.section-fleur {
display: none;
			}
	}

    .title-line {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
      }

    /**************************NEWS***********************/
.header-news .logo-header {
    width: 40px;
}
    .coldate, .colexerg  {
        width:50px;
        min-width: 50px;
        border-right: solid 1px #e5e5e5;
        /**
        padding-bottom: 28px;
        **/
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 130px;
    }
    
    .inno .coldate {padding-bottom: 90px;}
    
    .colrightnews {
        width:auto;
    
        padding:24px 60px 28px 38px;
        display:flex;
        flex-direction:column;
        justify-content: space-between;
    }
    
    
    .contentnews p{
        
    
    }
    
    #news .linknews, #news2 .linknews {
        
        
    position: relative;
    font-family: Roboto-Light;
    font-size: 14px;
    text-align: left;
    color: #a7a7a7;
    }
    
    .botlink {
    display:flex;
    padding-top: 20px;	
        
    }
    
    .links {
        display:flex;
        flex-direction:column;
        padding-left: 4px;
        }
        .links a {
            color: rgba(38,35,46,0.73);
            }
    .linknews a{
          color: #a7a7a7;
    }
    
    .coldate p, .colexerg p{
        transform:rotate(270deg);
        /*transform-origin:0 0;*/
    
        margin-left: -80px;
        margin-right: -80px;
      font-family: Roboto-Light;
      font-size: 14px;
      font-stretch: normal;
      font-style: normal;
      line-height: 10px;
      letter-spacing: normal;
      text-align: left;
      color: #a7a7a7;
      border-left: solid 1px var(--main-strong-color);
      padding-left:15px;
      padding-bottom: 0;
        
        }
        
    
    
    .news h3{
    
        font-family: Roboto-Light;
      font-size: 14px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.14;
      letter-spacing: normal;
      text-align: left;
      color: var(--main-strong-color);
      text-transform: uppercase
    }
    
    
    .event {
        /*max-height: 130px;*/
    
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: auto;
        margin-top: 10px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
    }
    .event p{
    
      font-family: Roboto-Light;
      font-size: 18px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: normal;
      text-align: left;
      color: #2f2f2f;
      margin: 0;
    }

    #news, #inno {
        width:100%; 
        display:flex;
        flex-direction: row; 
        overflow: visible;
 
    
    }
    #news .tns-ovh, #inno .tns-ovh{
        overflow: visible!important;
    }
    .colcontentinno p b {
        font-family: Roboto-Bold;
        }
    .outer-news {
        width: calc(100% + 20px); 
        /* padding: 0 15px;  */
        margin-left: -10px; 
        /* overflow: hidden;  */
           }
    
    #news .slidernews, #news2 .slidernews {
        width: 100%;
        margin-bottom: 10px;
    
        height: auto;
        flex-grow: 1;
        }
        #inno-mw {
            padding-bottom: 10px;
          }

        @media all and (max-width: 980px) {
        #news .slidernews {
    
        height: auto;
        
        }
    
        
     #news {
        width:100%;
    }
    
    .event {
        max-height: 100%;}
        
        
    .event p {
    
        font-size: 14px;
        }
    }
    
    .event p b {
        font-family: Roboto-Bold;
      }

    .newsx4{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    }
       
        
    
    .slidernews {
        width: 10%;
        /* padding-right: 13px;
        padding-left: 13px; */
    
    
    }
    
    
    .tabnews{
        width: 100%;
        height:100%;
    
    
    
    }
    
    
    
    .news, .inno {
      width: 100%;
    height: 100%;
    
      box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
      background-color: #ffffff;
    display: flex;
    flex-direction: row;
    
    
     }
     
     
     .image-inno {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
      }
     
    
     
     
     .newsok, innook {
         overflow: hidden;
     }
     
     
     .clicleft1{
     
     translate: calc(-10% - 16px);
     }
    
    /* FIN SLIDER */
    
    #inno {
        /* width:1000%;
        display:flex; */
        /* flex-direction: row; */
        /* margin-left: -13px; */
    
    }
    
    
    
    .sliderinno {
        /* width: 10%;
        padding-right: 13px;
        padding-left: 13px; */
    
    
    }
    
    .inno {
        display:flex;
    
    }
    
    .inno .maincolinno{
        width:75%;
        padding-bottom: 30px;
        display: flex;
    flex-direction: column;
    justify-content: space-between;
    
    }
    
    
    .inno .cold{
        width:25%;
        /*height:100%;*/
    
    }
    /*** Responsive Styles Smartphone Only ***/
    @media all and (max-width: 767px) {
    
    
    
    
    #news .slidernews {
    height: auto;

    }
    
    .inno .coldate {
        width:50px;
        min-width: 50px;
        border-right: solid 1px #e5e5e5;
        /**
        padding-bottom: 28px;
        **/
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        padding-bottom: 100px;
    }
    }
    
    .inno .coldate img{
        width:100%;
        height:100%;
        object-fit:cover;
        }
    
    .inno .coldate p{
        transform:rotate(270deg);
        /*transform-origin:0 0;*/
    
        margin-left: -40px;
        margin-right: -40px;
        margin-top: 320px;
      font-family: Roboto-Light;
      font-size: 14px;
      font-stretch: normal;
      font-style: normal;
      line-height: 10px;
      letter-spacing: normal;
      text-align: left;
      color: #a7a7a7;
      border-left: solid 1px var(--main-strong-color);
      padding-left:15px;
      display: flex;
        
        }
        
        
        
    /*** Responsive Styles Smartphone Only ***/
    @media all and (max-width: 767px) {	
    
        .coldate, .inno .coldate{
    padding: 20px 60px 20px 38px;
    margin:0;
    width:100%;
    border-bottom: 1px solid #e5e5e5;
    border-right:none;		
            
            }
    
    
        
        .coldate p, .inno .coldate p{
            
    transform: none;
    /*transform-origin:0 0;*/
    font-family: Roboto-Light;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    line-height: 10px;
    letter-spacing: normal;
    text-align: left;
    color: #a7a7a7;
    border-left: solid 2px var(--main-strong-color);
    width: auto;
    
    
    margin:0px;
            
            
        }
        
        .inno, .news, .cartouche{
            display:flex;
            flex-direction: column
            }
    .colexerg {	
            width: 100%;
    min-width: 100%;
    border-right: solid 0px #e5e5e5;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 0px;
    
            }
            
        .colrightnews{height: calc(100% - 50px);	
            }
            
    }		
            
            
            
        
        
    
    .colenteteinno {
        width:auto;
    
        padding:60px 60px 0px 38px;
        background-position: right 10% bottom 50%;
        /* background: url("/wp-content/uploads/2020/05/cellules-vertes.png") no-repeat right 20px bottom 50%; */
    }
    
    .colcontentinno {
        width:66%;
        padding:0px 60px 0px 38px;
        border-right: solid 1px #BDBDBD;
    
    }
    
    .titreinno {
      font-family: Roboto-Bold;
      font-size: 30px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.17;
      letter-spacing: normal;
      text-align: left;
      color: #333333;
    }
    
    
    .titrelight {
      font-family: Roboto-Light;
      font-size: 30px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.17;
      letter-spacing: normal;
      text-align: left;
      color: #333333;
    
    }
    
    .crochet {
      font-family: Roboto-Light;
      font-size: 30px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.17;
      letter-spacing: normal;
      text-align: left;
      color: #a7a7a7;
    }
    
    
    .inno .colenteteinno h3{
    
        margin-bottom: 60px;
    }
    
    .inno .sstitre{
          font-family: Roboto-Light;
      font-size: 25px;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.16;
      letter-spacing: normal;
      text-align: left;
      color: var(--main-strong-color);
      margin-bottom: 15px;
    }
    
    .colcontentinno p{
      font-family: Roboto-Light;
      font-size: 18px;
      font-weight: 300;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.67;
      letter-spacing: normal;
      text-align: left;
      color: #2f2f2f;
      margin-bottom: 30px;
    }
    
    .inno .contenu{    
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        height: 100%;
    }
    
    
#news2{
    width: 48%;
    display: flex;
    flex-direction: column;}
    
    /*** Responsive Styles Tablet And Below ***/
    @media all and (max-width: 980px) {
     #news2{
    width: 100%;
    display: flex;
    flex-direction: column;}
    }
    
    
    
    
    #news2 .slidernews {
        width: 100%;
        margin-bottom: 30px;
        /*height: 250px;*/
        padding: 0;
        margin-right:2%
        }
    
        
    @media all and (max-width: 980px) {
        #news2 .slidernews  {
    
        height: auto;
        min-height: none;
        }
    }
        
    /*** Responsive Styles Smartphone Only ***/
    @media all and (max-width: 767px) {
    
    #news2 .slidernews {
    height: auto;
    }
    
    }    
        
    #news2 .linknews {
        position: relative;
        }  
        
    #news2 .colrightnews {
        width: auto;
        padding: 24px 60px 28px 38px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;	
    }	  
        
     #inno2 {
        width:100%;
        display:flex;
        flex-direction: column;
        
    
    }   
        
     #inno2 .sliderinno {
        width: 100%; 
        flex-direction: column;
        margin-bottom: 60px;
        margin-top: 30px;
        padding: 0 ;
        }  
    
    .btn {
        -moz-user-select: none; /* Firefox */
        -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
        -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
        user-select: none;
        cursor:pointer;
        }
        
        
        
    .mix {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        }	



        .titre-moreinno {
            font-family: Roboto;
        font-size: 18px;
         line-height: 30px;
        letter-spacing: normal;
        text-align: left;
        color: #a7a7a7;
      }
      .titre-moreinno p{
             line-height: 30px;
             margin-bottom: 20px;
             }
          
      .moreinno {
          width:34%;
          padding:0px 60px 0px 38px;
          display:flex;
          flex-direction: column;
          justify-content: space-between}
          
          
          
          
      .content-et-more{
          display: flex;
      
          
      }	
      
      
      
      
      
      .button-moreinno p, .button-red p{
          font-family: Roboto-Light;
          font-size: 14px;
          text-align: center;
          color: var(--main-strong-color);
          border: solid 1px var(--main-strong-color);
          padding: 15px 30px !important;
          float: left;
          transition: all 300ms ease 0ms;
          
      }
      
      .button-moreinno:hover p, .button-red:hover p{
          color: #fff;
          background-color: var(--main-strong-color);
          transition: all 300ms ease 0ms;
          
      }
      .gamme h5, .effet h5{
        font-family: Roboto-Light;
    font-size: 12px;
      padding: 9px 10px 9px 10px;
      text-transform: uppercase;
        border-radius: 5px;
    border: solid 1px ;
     -moz-user-select: none; /* Firefox */
   -webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
   -ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
   user-select: none;
  
  
  }     
      /*** Responsive Styles Tablet And Below ***/
      @media all and (max-width: 980px) {
               .inno .maincolinno{
              width:100%;
              display: flex;
              flex-direction: column;
              justify-content: space-between;
              
              }
      .button-moreinno p, .button-red p{
          font-family: Roboto-Light;
          font-size: 10px;
          font-weight: 300;
          text-align: center;
          color: var(--main-strong-color);
          border: solid 1px var(--main-strong-color);
          padding: 15px 30px !important;
          float: left;
          
      }		
              
              
              
              .inno {
                  background-color: #fff;
                  
              }	
      
      
              .inno .cold{
                  width:35%;
              
              }
              
              .inno .colenteteinno{		
                  padding-top: 30px;
              }	
                  
                  
              .inno .colenteteinno h3{
              
                  min-height: 70px;
              
              }
              
              .content-et-more {
              
                  flex-direction: column;
              }
              
              
              .inno .colcontentinno {
                  width: 100%;
                  padding: 0px 38px 20px 38px;
                  border-right: solid 0px #BDBDBD;
              }
              
              .inno .moreinno {
                  width: 100%;
                  }
              
              .inno .titre-moreinno {
              
                  margin-bottom: 20px;
              }
                  
                  
              .colrightnews, .colenteteinno, .inno .colcontentinno, .moreinno{
                  padding-left:20px;
                  padding-right:20px;
                  }	
              
              .colcontentinno p {
                  font-size: 16px;
                  }
              
              .titre-moreinno p {
                  line-height: 1.4em;
                  font-size: 16px;
              }
              .button-moreinno p, .button-red p  {
      
                  padding: 10px 20px !important;
              }
      
      }
      
          
      /*** Responsive Styles Smartphone Only ***/
      @media all and (max-width: 767px) {
      
              .inno .cold{
              /*display: none;*/
              height:250px;
              width:100%;
              
              }
               .inno :nth-child(2) { order: 1; }
              .colcontentinno p {
              font-size: 15px;
              line-height: 1.3
              }
      
              .colenteteinno {
              background: none;}
              .inno .colenteteinno h3 {
                  margin-bottom: 20px;
                  min-height: 0px;
              }
              .inno .sstitre {
      
          font-size: 14px;
          margin-bottom: 10px;
      }
       .colexerg {
      
          padding-bottom: 0px;
          height: auto;
          margin: 0px;
          border-right: solid 1px #e5e5e5;
      }
      
      .colcontentinno p {
          font-size: 12px;
          line-height: 22px;
          margin-bottom: 15px;
      }
      .inno .titre-moreinno {
          margin-bottom: 0px;
      }
      .titre-moreinno p {
      
          font-size: 12px;
      }
      .titreinno, .titrelight, .crochet{
          font-size: 18px;
          
          }
          .gamme h5, .effet h5 {
          font-family: Roboto;
          font-size: 9px;
      
          padding: 8px 9px 8px 9px;
          }
          .button-moreinno{
          margin: auto;
      
      }
      
      .button-moreinno p, .button-red p {
          font-family: Roboto;
          font-size: 10px;
              width:100%
          }
      }
      
 	
#selecteur-anti-age .gamme.active h5, .gamme-anti-age h5 {
	color: #a60a6f!important;
	border-color: #a60a6f;
}


#selecteur-eclaircissant .gamme.active h5, .gamme-eclaircissant h5 {
	color: #6b2464!important;
	border-color: #6b2464;
}

#selecteur-protection .gamme.active h5, .gamme-protection h5 {
	color: #434389!important;
	border-color: #434389;
}

#selecteur-equilibre .gamme.active h5, .gamme-equilibre h5 {
	color: #4174B8!important;
	border-color: #4174B8;
}

#selecteur-hydratation .gamme.active h5, .gamme-hydratation h5 {
	color: #99C22A!important;
	border-color: #99C22A;
}

#selecteur-sensibilite .gamme.active h5, .gamme-sensibilite h5 {
	color: #4F8030!important;
	border-color: #4F8030;
}

#selecteur-energie .gamme.active h5, .gamme-energie h5 {
	color: #E85A1D!important;
	border-color: #E85A1D;
}

#selecteur-corps .gamme.active h5, .gamme-corps h5 {
	color: #F9B61D!important;
	border-color: #F9B61D;
}

#selecteur-cheveux .gamme.active h5, .gamme-cheveux h5 {
	color: #804F57!important;
	border-color: #804F57;
}



#selecteur-eclaircissant .gamme.active h5 {
	color: #6b2464!important;
	border-color: #6b2464;
}
     






/**********************ESPECES*****************************/
.header.header-species {
    background-repeat: no-repeat;
    background-size: cover;
  }
.header-species .logo-header {
    width: 80px;
  }
  .header-species.header h1 {
    font-family: Roboto-Light;
  }
  .header-species  .intro-gamme p {
    font-family: Roboto-Light;
  }

.row-espece{
	padding-left:0px;
	padding-right:0px;
	overflow-x: visible!important;
}


#especes {
	display:flex;
	justify-content: space-between;
	flex-wrap: wrap}

	
.tabesp {
	width: 48%;

	background-color: #fff;
	  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	  	transition: all 0.1s ease-out;
	  	margin: 50px 0px 0px 0px;
	
}		
	
.img-esp{
	height:230px;
	
}

.text-esp, .text-esp-top {

	padding: 1.82vw 1.56vw;
	display:flex;
	height: calc(330px - 8.5vw);
	/*height: 240px;*/
	flex-direction: row;

}
@media all and (min-width: 1920px) {
.text-esp, .text-esp-top {  
	padding: 35px 30px;
	height:165px
	}

}
.text-esp-top {


	display: flex;
	background-color: #333333;
	color:#fff;

	}
.text-esp-top a{
	color:#fff;
	}

.text-esp .colg, .text-esp-top .colg{
width:35%;
display: flex;
flex-direction: column;
padding-right: 15px;
margin-top: 0px;
margin-bottom: auto;
height: 100%;
justify-content: space-between;
}

.text-esp .cold{
    width:70%;
    display: flex;
    align-items: center;
    margin-top: 0px;
    margin-bottom: auto;
}
.text-esp-top .cold{
    width:70%;
    display: flex;
    flex-direction: column;
    margin-top: 0px;
    margin-bottom: auto;

}
.text-esp .title-esp, .text-esp-top .title-esp {
    font-family: Roboto-Light;
    font-size: 20px;
    font-weight: 300;
    text-align: left;
    color: #333333;
    padding-bottom: 8px;
	
}
.text-esp .espece_latin, .text-esp-top .espece_latin {
    font-family: Roboto-Light;
    font-size: 14px;
    color:#979090;
    font-style: italic;
    font-weight: 300;
    text-align: left;
    margin-bottom: 0;
    padding-bottom: 0;
}	
.intro-esp{
    font-family: Roboto-Light;
    font-size: 14px;
    color:#b1aaaa;
    font-weight: 300;
    text-align: left;
    padding-left: 15px;
    border-left: solid 1px var(--main-strong-color);
    line-height: 1.4em;
    padding-bottom: 0;
    margin-bottom: 0;
}	
  
.text-esp-top .cold {
    border-left: 1px solid #979090;
    height: min-content;
    padding-left: 15px;
    line-height: 1.3em;
      font-family: Roboto-Light;
  font-size: 12px;
  color:#fff;
  font-weight: 300;
  text-align: left;
}  
.lien-produit {
    line-height: 1.3em;
    font-family: Roboto-Light;
    padding: 0;
}	
.text-esp-top .cold .italic{
  font-style: italic;	
  margin-bottom: 10px;
	}
	
.text-esp-top .cold a{	
	 font-size: 16px;
	 font-style: normal; 
	 float: left;
    clear: both;   
}
.categories {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.categorie_espece {
	border: 1px solid;
	border-radius: 3px;
	margin-right: auto;
	font-weight: 300;
	font-size: 10px;
	padding: 0px 15px 1px 15px !important;
	text-transform: uppercase;
	height: 20px;
	margin-bottom: 5px;
    font-family: Roboto-Light;
}
.categorie_espece_inno{
float: left;
border-color: #a60a6f;
color: #a60a6f;
margin-right: 10px;
display: flex;
justify-content: center;
align-items: center;
padding: 8px 10px !important;
height: auto;
}
p.categorie_espece{
    line-height: 1.8em;
    }
.text-esp-top .title-esp {
    color: #fff;
}
.text-esp-top .cold .italic {
    font-size: 12px;
    font-family: Roboto-Light;
    padding-bottom: 0;
}
	
.categorie_espece.antiage {
	color:#ba1d80
	
}	

.categorie_espece.eclaircissant {
	color: #6b2464
	
}	

.categorie_espece.protection {
	color: #434389
	
}	

.categorie_espece.equilibre {
	color: #4174b8
	
}	

.categorie_espece.hydratation {
	color: #99c22a;
	}
.categorie_espece.sensibilite {
	color: #4f8030
	
}	

.categorie_espece.energie {
	color: #e85a1d
	
}	

.categorie_espece.corps {
	color: #f9b61d;
	
}	

.categorie_espece.cheveux {	
	color: #7f4f56
	
}	
	
	
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	
	.tabesp {
    width: 100%;}
    .text-esp, .text-esp-top {  
	/*padding: 25px 1.56vw;*/
	padding: 25px;
	/*height: calc( 400px - 24vw);*/
	height: 100%;
	}
	.text-colg {

		margin-bottom: 20px;
	}
    .lien-produit{
		line-height: 1.3em;
font-size: 15px;
	}
    }
    
    
/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {
	
	.tabesp {
    width: 100%;}
    .text-esp, .text-esp-top {  
	padding: 25px 10px;
	/*height: calc( 450px - 25vw);*/
	height: auto;
	flex-direction: column;
	}
	
	.tabesp .cold {
	width: 100%;
	margin-top: 15px;
    }
    .tabesp .colg {
    width: 100%;
    /*flex-direction: column;*/
	}
	.text-colg{
	width: 50%;
	float: left;
	margin-bottom: 15px;
	}

	.categories {
		display: flex;
		flex-direction: column;
		align-items: self-end;
	}
	
.categorie_espece{
	display:block;
	float: right;
	margin-right:0;
}

.text-esp .colg, .text-esp-top .colg {
    display: inline-block;
}
	
.intro-esp {
	padding-left: 0px;
	border-left: none;
	}
	
	.title-esp{
		
	width:100%;	
	}
    
    }
    
    /***************************** GLOSSAIRE ***********************/


.ligne-2-glossaire {
    line-height: 1.5em;
    column-count: 2;
    column-gap: 5%;
}

.ligne-2-glossaire h3 {
    font-family: Roboto-Light;
    font-size: 24px;
    color: #333333 !important;
    line-height: 26px;
}

.ligne-2-glossaire p{
    color: #a7a7a7;
    font-family: Roboto-Light;
    font-size: 18px;

}
@media only screen and (max-width: 980px){
    .ligne-2-glossaire h3 {
        font-size: 18px;
    }
    .ligne-2-glossaire p{
        font-size: 14px;
    }
}
@media only screen and (max-width: 767px){
    .ligne-2-glossaire {
        column-count: 1;
    }
}



/*************** WIDE-OPEN **************/

/*NEWSLETTERS*/
.miniature-newsletter {
    width: 22%;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
}
.archive-miniature-newsletter {
    display: flex;
    flex-wrap: wrap;
}
.miniature-newsletter {
    margin-right: 4%;
}
.archive-miniature-newsletter {
    /* justify-content: space-between; */
}
.miniature-newsletter:nth-child(4n) {
    margin-right: 0;
}
	.miniature-newsletter h3 {
		color: var(--main-strong-color);
		font-size: 130%;
        font-family: Roboto-Medium;
	  }
	  
	  .date-mini-newsletter {
		color: #8a8a8a;
		margin-bottom: 1em;
		font-size: 0.8em;
		text-transform: uppercase;
        padding: 0;
        font-family: Roboto;
	  }
	  
	  .miniature-newsletter h4 {
		font-family: Roboto-Light;
		margin-bottom: 15px;
	  }
	  
	  .miniature-newsletter img {
		width: 100%;
		margin-bottom: 30px;
		/* max-width: 300px; */
		box-shadow: 0px 5px 5px #888;
		transition: ease-in-out 0.3s;
	  }
	  .miniature-newsletter img:hover {
		transform: scale(1.02);
		box-shadow: 0px 5px 10px #888;
		}
		.miniature-newsletter .button-red {
		margin-top: auto;
		}
	#newsletters .coldate p {
		text-transform: uppercase;
		}		
	 #newsletters .colrightnews {
		width: 60%;
	 }
	 #newsletters .colrightimg {
		width: calc(40% - 50px);
		background-position: center;
		display: flex;
		justify-content: center;
		align-items: center;
		background-size: cover;
	 }
	 #newsletters .news{
		min-height: 400px;
	 }
	
	 #newsletters .tabnews {
		margin: 60px 0;
	}
	
	#newsletters .tabnews h4 {
		color: var(--main-strong-color);
		font-family: Roboto-Light;
	  }
	  
	  #newsletters .tabnews .news h3 {
		color: black;
		font-size: 28px;
        padding-bottom: 10px;
	  }
      #newsletters .tabnews .news h3 p{
		color: black;
		font-size: 28px;
        margin-bottom: 0;
padding: 0;
	  }
	  
	  #newsletters .tabnews .colrightnews {
		padding: 60px 30px;
	  }
	  #newsletters .news h3 {
		font-size: 28;
		color: black;
		text-transform: none;
	  }
	  #newsletters .tabnews  .event {
		margin-top: 40px;
	  }
	  
	  #newsletters .news {
		min-height: 450px;
	  }
	
	  #newsletters .tabnews  .newsletter-chapeau{
		font-size: 14px;
		color: #9d9d9d;
		width: 70%;
	}
	
	
	
	
	#newsletters .section-tags {
		display: flex;
		justify-content: space-between;
	  }
	  #newsletters .col-tag {
		width: 30%;
	  }
	  #newsletters h2 {
		margin-bottom: 30px;
	  }
	  #newsletters .col-tag {
		display: flex;
		flex-direction: column;
		}
	#newsletters .col-tag .button-red {
		margin-top: auto;
		}
	
		#newsletters .col-tag h5 {
		color: var(--main-strong-color);
		font-weight: 400;
		margin-bottom: 20px;
	  }
	  
	  #newsletters .col-tag h6 {
		font-weight: 400;
        padding-bottom: 10px;
        line-height: 1em;
        color: #26232e;
	  }
	 
	  #newsletters .col-tag .extrait-tag{
		  margin-bottom: 30px;
	  }
	  #newsletters .col-tag .extrait-tag p {
		font-weight: 300;
		color: #9d9d9d;
		line-height: 1.6;
        font-size: 100%;
	  }
	  #newsletters .colrightimg img {
		margin: auto auto 5% 5%;
		  width: 60%;
		  max-width: 318px;
	  }
	  @media all and (min-width: 768px) and (max-width: 980px) {
		#newsletters .colrightnews {
		width: 40%;
		}
		#newsletters .colrightimg {
		width: calc(60% - 50px);
		}
		#newsletters .tabnews .newsletter-chapeau {
		width: 100%;
		margin-bottom: 20px;
		}
		#newsletters .tabnews .colrightnews {
		padding: 30px 30px;
		}
	}
	
	@media all and (max-width: 767px) {
        .archive-miniature-newsletter {
            justify-content: space-between;
        }
		.miniature-newsletter {
		width: 47%;
		display: flex;
		flex-direction: column;
        margin-right: 0;
		}
		#newsletters .button-red {
		margin-top: auto;
		}
		#newsletters .colrightimg {
		width: 100%;
		height: 250px;
		}
		#newsletters .colrightnews {
		width: 100%;
		}
		#newsletters .tabnews .newsletter-chapeau {
		width: 100%;
		margin-bottom: 20px;
		}
		#newsletters .tabnews .colrightnews {
		padding: 30px 30px;
		}
		#newsletters .tabnews .event {
		margin-top: 20px;
		}
		#newsletters .section-tags {
		flex-direction: column;
		}
		#newsletters .col-tag {
		width: 100%;
		margin-bottom: 30px;
		}
		#newsletters .col-tag h5 {
		margin-bottom: 10px;
		}
	}
	
/*formulaire newsletter*/
:focus {
    outline: 0;
  }
input.text, input.title, input[type="email"], input[type="password"], input[type="tel"], input[type="text"], select, textarea {
    background-color: #fff;
    border: 1px solid #bbb;
    padding: 2px;
    color: #4e4e4e;
  }
  input.text:focus, input.title:focus, input[type="text"]:focus, select:focus, textarea:focus , input[type="email"]:focus, textarea:focus {
    border-color: #2d3940;
    color: #3e3e3e;
  }  
.eg-newsletter {
display: flex;
justify-content: space-between;
}
.eg-newsletter-col1 {
width: 47%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.eg-newsletter-col2 {
width: 47%;
	display: flex;
flex-direction: column;
}
.wpcf7-form-control-wrap {
width: 47%;
display: block;
}

.section-1-contact {
    padding-top: 100px;
    padding-bottom: 100px;
    }
.eg-contact-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.eg-contact-form .wpcf7-form-control-wrap {
    width: auto;
    display: contents;
    margin-bottom: 10px;
}
.input-half {
    width: 47%!important;
}
.input-full {
    width: 100%!important;
}
.wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea {
padding: 15px;
width: 100%;
font-family: Roboto-Light;
margin-bottom: 10px;
background-color: transparent;
}
.eg-contact-form .wpcf7-form-control-wrap input, .eg-contact-form .wpcf7-form-control-wrap textarea {
    font-size: 14px;
}
.eg-contact-form .wpcf7-spinner {
    position: absolute;
    bottom: 20px;
    }
.wpcf7-form-control.has-spinner.wpcf7-submit {
color: var(--main-strong-color) !important;
font-weight: 300 !important;
background-color: rgba(0,0,0,0) !important;
padding-top: 8px !important;
padding-right: 50px !important;
padding-bottom: 8px !important;
padding-left: 50px !important;
border: 1px solid;
	margin-left: auto;
}
input[type="checkbox"] {
margin: 0 10px 0 0;
width: 14px;
height: 14px;
}
.wpcf7-form-control-wrap {
margin-bottom: 20px;
}
.wpcf7-list-item {
    margin: 0 0 0 1em;
    margin: 0;
}
.nl-message{
    margin-bottom:15px;
    color: #26232e;
    font-family: Roboto-Medium;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {
border-color: var(--main-strong-color);
border-width: 1px;
padding: 15px;
text-align: center;
}
.wpcf7-not-valid-tip {
color: var(--main-strong-color);
font-size: 0.8em;
font-weight: 300;
}
@media all and (max-width: 980px) {
	.eg-newsletter-col1, .eg-newsletter-col2, .wpcf7-form-control-wrap {
	width: 100%;
		}
		.eg-newsletter {
	flex-direction: column;
	}
	
}
input[type="checkbox"] {
    -webkit-appearance: checkbox;
    appearance: checkbox;
  }
  
  label {
    line-height: 1.3em;
    display: flex;
    align-items: center;
  }
  .wpcf7-list-item-label a {
    color: rgba(38,35,46,0.73);
    font-family: Roboto-Medium;
    }
.inner-body-std {
    background-color: #fff;
    border-bottom: solid 1px var(--main-strong-color);
    padding: 25px;
}   
.inner-body-std h2 {
    font-size: 26px;
    color: #26232e;
    font-family: Roboto-Medium;
} 

/************************* CONTACT *******************************/
#map-europe img, #map-ameriques img, #map-afrique img, #map-asie img{
	margin-left: -27.5px;
	margin-top:-50px;
  position:absolute;
}
/**EUROPE**/
img.popmake-map-eu-fr{
left:26%;
top:55%;
}
img.popmake-map-eu-en{
left:21%;
top:35%;
}
img.popmake-map-eu-pl{
left:56%;
top:37%;
}
img.popmake-map-eu-it{
left:44%;
top:71%;
}
img.popmake-map-eu-gr{
left:61%;
top:83%;
}
img.popmake-map-eu-al{
left:39%;
top:41.8%;
}
img.popmake-map-eu-ro{
left:66%;
top:60%;
}
img.popmake-map-eu-be{
left:35.8%;
top:54%;
}
img.popmake-map-eu-es{
left:15%;
top:73%;
}
img.popmake-map-eu-tu{
left:80%;
top:85%;
}

/**AMERIQUES**/

img.popmake-map-am-ca{
left: 50%;
top: 5%;
}
img.popmake-map-am-usw{
left:31%;
top: 28%;
}

img.popmake-map-am-usm{
left:48%;
top: 28%;
}

img.popmake-map-am-use{
left:64%;
top: 28%;
}

img.popmake-map-am-mx{
left: 45%;
top: 50%;
}

img.popmake-map-am-co{
left: 68%;
top: 74%;
}

img.popmake-map-am-br{
left: 83%;
top: 90%;
}

img.popmake-map-am-au{
left: 17.4%;
top: 73.5%;
}

img.popmake-map-am-nz{
left: 32%;
top: 76%;
}

/**AFRIQUE**/

img.popmake-map-af-as{
left:50%;
top:87%;
}

/**ASIE**/

img.popmake-map-as-ko{
left:61.5%;
top:34%;
}

img.popmake-map-as-th{
left: 44.5%;
top: 58%;
}

img.popmake-map-as-tw{
left:57.2%;
top:48%;
}

img.popmake-map-as-ma{
left:45%;
top:72%;
}

img.popmake-map-as-hk{
left:52%;
top:50%;
}

img.popmake-map-as-ja{
left:68%;
top:35%;
}

img.popmake-map-as-ch{
left: 45%;
top: 38%;
}

img.popmake-map-as-io{
left:48%;
top:83%;
}

img.popmake-map-as-in{
left: 30%;
top: 51%;
}

img.popmake-map-as-ru{
left:40%;
top:11%;
}





h5.btn-carte{
	border: solid 1px #a7a7a7;
	color:#a7a7a7;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 300;
	padding: 9px 40px 9px 40px;
	text-transform: uppercase;
	border-radius: 5px;
	border: solid 1px ;
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
	-ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
	user-select: none;
	cursor:pointer;
    margin-bottom: 11% !important;
    width: 152px;
    animation-duration: 200ms;
    animation-timing-function: linear;
	}

h5.btn-carte-actif{
	border: solid 1px #dd1c11;
	color:#dd1c11;
	font-family: Roboto;
	font-size: 12px;
	font-weight: 300;
	padding: 9px 40px 9px 40px;
	text-transform: uppercase;
	border-radius: 5px;
	border: solid 1px ;
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Chrome, Safari, Opéra depuis la version 15 */
	-ms-user-select: none; /* Internet explorer depuis la version 10 et Edge */
	user-select: none;
	cursor:pointer;
	 
	}
.pum-content p {
    text-align: left;
    line-height: 1.4em;
    padding-bottom: 1em;
    font-size: 12px;
}

.pum-container.pum-responsive.pum-responsive-micro {
    /* margin-left: -125px!important; */
    width: 250px!important;
    min-width: auto!important;
	max-width: none!important;
	z-index: 1!important;

}
@media (max-width: 767px){
    .theme-55680 {
    left: calc(50vw - 125px) !important;
    margin-left: auto !important;
    }
}
.ligne-2-map {
    display: flex;
    }
    .col-25 {
    width: 25%;
    }
    .col-75 {
    width: 75%;
    }
.map-contact {
    position: relative;
  }
  .bg-map-contact {
    z-index: -1;
    position: relative;
  }

#map-ameriques, #map-afrique, #map-asie {
	display:none;
}
.pum-container {
    margin-bottom: 0!important;
    }

.popmake-close:before{
content:url(/window-close-solo.svg);
display: block;
position: absolute;
height: 12px;
width: 12px;
top: 0px;
right: 7px;


}

/* html.pum-open.pum-open-overlay.pum-open-scrollable body > [aria-hidden] {
    padding-right: 0!important;
  } */

  .ligne-2-map .col-25 {
    background-color:#fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
  }
  .ligne-2-map .col-25 img {
    width: 52px;
    margin-bottom: auto;
    margin-top: 50px;
  }
  .ligne-2-map .col-25 p {
    margin-bottom: 20px;
  }
  .ligne-2-map .col-25 h5 {
    margin-bottom: 15px !important;
  }

@media (max-width: 980px){
    .input-half {
        width: 100% !important;
    }
    .col-25 {
    width: 25%;
    width: 100%;
    }
    .col-75 {
    width: 75%;
    width: 100%;
    }
    .ligne-2-map {
    flex-direction: column;
    }
    h5.btn-carte {
    margin-bottom: 10px;
    }
}

/**************************** PAGE PRODUIT **********************/

.header-produit-overlay {
    background-color: rgba(255, 255, 255, 0.8);
    position: absolute;
    width: 50%;
    height: 100%;
}
.header-produit {
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.header-produit h1, .header-produit h2 {
    /* font-family: var(--Roboto-Bold); */
    font-family: var(--Roboto);
  }
  .header-produit h1 {
    font-family: Roboto-Bold;
    font-size: 40px;
    margin-top: auto;
  }
  
  .header-produit .eg-ligne-col {
    height: 100%;
    display: flex;
    flex-direction: column;
  }
  
  .header-produit .eg-ligne {
    height: 100%;
  }
  
  .header-produit .section-standard {
    height: 100%;
  }
  
  .header-produit .ligne-1-2_1-2 {
    height: 100%;
  }
  
  .header-produit h2 {
    margin-bottom: auto;
    color: var(--main-strong-color);
    font-family: Roboto-Light;
    font-size: 24px;
  }
  
  .header-produit .title-prod {
    font-family: Roboto-Bold;
    color: #2f2f2f;
    
  }
  
  .header-produit .titrelight {
    font-family: Roboto-Light;
    color: #2f2f2f;
    font-size: 40px;
  }
  
  .header-produit .crochet {
    color: #a7a7a7;
    font-size: 40px;
  }
@media (max-width: 980px){
    .header-produit {
        height: 300px;
    }
    .header-produit-overlay {
        width: 100%;
        height: 150px;
    }
    .header-produit h1, .header-produit .titrelight, .header-produit .crochet {
        font-size: 18px;
        margin-top: 20px;
    }
    .header-produit h2 {
        font-size: 15px;
    }
}

.ligne-produit-download {
padding: 30px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
background-color: #fff;
}

.ligne-produit-download .eg-ligne-col {
    display: flex;
    align-items: center;
}
.ligne-produit-download .eg-ligne-col1 a {
width: 52px;
height: 52px;
min-width: 52px;
min-height: 52px;
border: solid 2px var(--main-strong-color);
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: 30px;
}
.texte-btn-download {
    display: flex;
    flex-direction: column;
}
.texte-btn-download h3 {
    color: var(--main-strong-color);
    font-size: 24px;
    font-family: Roboto-Light;
    margin-bottom: 5px;
}
.texte-btn-download p {
    color: #a7a7a7;
    font-size: 16px;
    font-family: Roboto-Light;
    margin-bottom: 0;
padding-bottom: 0;
}
.ligne-produit-download .button-red.btn-left {
    margin-left: auto;
    margin-right: 20px;
}
.ligne-produit-download .button-red p {
    margin-bottom: 0;
}




@media (max-width: 980px){
    .ligne-produit-download .eg-ligne-col1 {
        margin-bottom: 20px;
    }
    .ligne-produit-download .button-red {
        margin-right: auto;
    }
    .ligne-produit-download .texte-btn-download h3 {
        font-size: 24px;
        font-size: 22px;
    }
    .ligne-produit-download .texte-btn-download p {
        line-height: 1em;
    }
}


@media (max-width: 767px){
.decouvrir-gamme .cold-benef {
    width: 100%;
    }
}

/*Modules produit*/
.modules-produit .bloc-rich-text h2 {
    font-family: Roboto-Light;
    margin-bottom: 0.15em;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 1.7em;
    color: var(--main-strong-color);
}
.modules-produit .bloc-rich-text h3 {
    font-family: Roboto-Light;
    margin-bottom: 0.3em;
    padding-bottom: 0;
    font-size: 40px;
    line-height: 1.3em;
    color: var(--main-texte-color);
}
.modules-produit .bloc-rich-text h4 {
    font-family: Roboto-Bold;
    margin-bottom: 1.5em;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 1.7em;
    color: var(--main-texte-color);
    text-transform: uppercase;
}
.modules-produit .bloc-rich-text p {
    font-family: Roboto-Light;
    color: var(--main-sub-texte-color);
    font-size: 20px;
    line-height: 1.7em;
    padding-bottom: 0;
    margin-bottom: 1.2em;
}

.modules-produit .bloc-rich-text p em {
    color: var(--main-strong-color);
    font-style: initial;
}
.modules-produit .bloc-rich-text blockquote {
    border-left: solid 2px var(--main-strong-color);
    display: inline-block;
}
.modules-produit .bloc-rich-text blockquote p {
    margin: -0.28em 0;
    padding-left: 50px;
    font-size: 26px;
    font-family: Roboto-LightItalic;
    color: var(--main-texte-color);
    line-height: 1.6;
}
.ligne-video-produit {
    display: flex;
    background-color: #fff;
}
.section-video-produit.theme-section- {
    margin-bottom: 40px;
  }
.col-1-3-full-width-box {
    margin-left: auto;
    display: flex;
    flex-direction: column;
    height: 100%;
    padding: 30px 0;
    padding-right: 30px;
    
}
.no-hight {
    height: 0px;
}
.ligne-video-produit video {
    max-height: 600px;
    display: block;
    object-fit: cover;
    height: 100%;
}


.ligne-video-produit .title-prod {
    font-family: Roboto-Bold;
    color: #2f2f2f;
    font-size: 52px;
}
.ligne-video-produit .titrelight {
    font-family: Roboto-Light;
    color: #2f2f2f;
    font-size: 52px;
  }
.ligne-video-produit .crochet {
    color: #a7a7a7;
    font-size: 52px;
}
.ligne-video-produit img {
    margin-bottom: 24px;
    margin-top: auto;
    width: 42px;
}
.ligne-video-produit h3 {
    margin-bottom: 100px;
}
.ligne-video-produit h4.sous-titre-light {
    font-family: Roboto-Light;
    margin-bottom: auto;
}



@media (max-width: 980px){
    .ligne-video-produit {
        flex-direction: column;
    }
    .col-1-3-full-width {
        width: 100%;
        padding: var(--padding-section);
    }
    .col-2-3-full-width {
        width: 100%;
    }
    .col-1-3-full-width-box {
        margin-left: 0;
    }
    .ligne-video-produit .title-prod {
        font-size: 52px;
        font-size: 30px;
    }
    .ligne-video-produit .titrelight {
        font-size: 52px;
        font-size: 30px;
    }
    .ligne-video-produit .crochet {
        font-size: 52px;
        font-size: 30px;
    }
    .ligne-video-produit h3 {
        margin-bottom: 100px;
        margin-bottom: 40px;
    }
}



/****BENEF******/
.tableau-produit .white-card {
    padding: 40px 50px;
    background-color: #fff;
    border-left: solid 1px var(--main-strong-color);
}
.colg-benef {
    margin-right: 0 !important;
    padding-right: 2.5%;
    border-right: dashed 1px #94a8b1;
}
.cold-benef {
    margin-left: 2.5%;
}
.tableau-produit h2 {
    font-family: Roboto-Light;
    margin-bottom: 0.15em;
    padding-bottom: 0;
    font-size: 24px;
    line-height: 1.7em;
    color: var(--main-strong-color);
    margin-bottom: 25px;
}
.tableau-produit h2.h2-black{
    color:#333333;
}
.tableau-produit p{
    font-family: Roboto-Light;
    font-size: 16px;
    line-height: 1.38;
    color: #333;
    margin: 0;
    padding: 0;
}
p.benef-titre-list {
    font-family: Roboto-Bold;
}
p.benef-texte-list {
    font-family: Roboto-Light;
    margin-bottom: 20px;
}

@media (max-width: 767px){
    .colg-benef {
        border-right: none;
        }
        .cold-benef {
        margin-left: 0;
        }
}

.test-produit h3 {
    font-size: 40px;
    line-height: 1.1;
    margin-bottom: 1em;
    width: 100%;
}

.test-produit p.benef-titre-list {
    font-size: 12px;
    text-transform: uppercase;
}
@media (max-width: 980px) {
    .test-produit .ligne-1-2_1-2 .eg-ligne-col {
        margin-bottom: 20px;
    }
    .test-produit h3 {
        font-size: 30px;
    }
.modules-produit .bloc-rich-text h3 {
    font-size: 30px;
    line-height: 1.3;
  }
  .modules-produit .bloc-rich-text p {
    font-size: 16px;
  }
  .modules-produit .bloc-rich-text blockquote p {
    padding-left: 30px;
    font-size: 20px;
    line-height: 1.5;
  }
  .modules-produit .bloc-rich-text h2 {
    font-size: 20px;
  }
  .tableau-produit h2 {
    font-size: 20px;
  }
  .tableau-produit p {
    font-size: 15px;
  }
}

.tableau-produit .red-card {
    padding: 40px 50px!important;
    background-color: var(--main-strong-color);
}
.decouvrir-gamme .colg-benef {
    padding: 0;
    border-right:none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
.decouvrir-gamme > .box-body, .section-graph > .box-body{
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}
.decouvrir-gamme .cold-benef {
    margin-left: 0;
    background-size: cover;
    background-position: center;
    min-height: 250px;
    width: 41%;
}
.tableau-produit.decouvrir-gamme h2 {
    color: var(--main-strong-color);
    color: #fff;
    text-align: center;
}
.tableau-produit.decouvrir-gamme p {
    font-family: Roboto-LightItalic;
    font-size: 20px;
    color: var(--main-strong-color);
    color: #fff;
    text-align: center;
    margin-bottom: 40px;
}
.tableau-produit.decouvrir-gamme p strong {
    font-weight: 500;
}
.button-white {
    font-family: Roboto-Light;
    font-size: 14px;
    text-align: center;
    color: #fff;
    border: solid 1px #fff;
    padding: 15px 30px !important;
    float: left;
    transition: all 300ms ease 0ms;
  }
  .button-white:hover {
    color: var(--main-strong-color);
    border: solid 1px var(--main-strong-color);
    background-color:#fff;
    transition: all 300ms ease 0ms;
  }

  @media all and (max-width: 767px) {
    .decouvrir-gamme .cold-benef {
        width: 100%;
        }

  }

  /**** GRAPH *****/
  .section-graph .box-body{
    padding: 30px;
    background-color: #fff;

}
  .picto-cercle {
    width: 52px;
    height: 52px;
    min-width: 52px;
    min-height: 52px;
    border: solid 2px var(--main-strong-color);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 30px;
  }
  .picto-cercle img {
    width: 30px;
  }
  .header-graph {
    display: flex;
    margin-bottom: 30px;
    }
    .graph {
    width: 100%;
    padding: 0 10%;
    margin: auto;
    display: flex;
    }
    .graph.class_largeur_100 {
        width: 100%;
    }
    .graph.class_largeur_80 {
        width: 80%;
    }
    .graph.class_largeur_60 {
        width: 60%;
    }
    @media (max-width: 980px) {
        .graph.class_largeur_80, .graph.class_largeur_60 {
            width: 100%;
        }

    }
    .modules-produit {
        padding-bottom: 40px;
    }


/**************** PAGE MARKETING *****************/
.page-template-marketing .section-standard:not(#footer div, .section-3-mkt), .section-mkt-img {
    background-color: var(--couleur_2);
}
.section-mkt-img img{
    width: 100%;
}
.page-template-marketing h1{
    font-family: Roboto-light;
    font-size: 76px;
    color: var(--couleur_1);
    line-height: 1.18;
    margin-bottom: 24px;
}

.page-template-marketing h3 {
    color: var(--couleur_1);
} 
.page-template-marketing h4 {
    color: var(--couleur_3);
}
.tableau-produit-mkt h5 {
    color: var(--couleur_1);
}
.page-template-marketing h2, .tableau-produit-mkt p, .tableau-produit-mkt a {
    color: var(--couleur_4);

}
.page-template-marketing h1 strong{
    font-family: Roboto-Bold;
    text-transform: uppercase;

}
.cartouche-mkt h3 {
    color: var(--couleur_3)
}
.section-1-mkt {
    text-align: center;
}

.section-1-mkt h2 {
    font-family: Roboto-light;
    font-size: 24px;
    line-height: 1.83;
    text-transform: uppercase;
}
.cartouche-mkt {
    display: flex;
    height: 140px;
}

.colg-cartouche-mkt {
    border-width: 2px;
    border-color: var(--couleur_3);
    border-style: solid;
    width: 150px;
    margin-left: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.cold-cartouche-mkt {
    border-width: 2px 2px 2px 0;
    border-color: var(--couleur_3);
    border-style: solid;
    width: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;

    padding: 24px;
}
.colg-cartouche-mkt img {
    width: 64px;
}

.cartouche-mkt h3 {
    font-family: Roboto-Bold;
    line-height: 1;
    font-size: 24px;
    margin-bottom: 10px;
    padding: 0;
    text-transform: uppercase;
    text-align: left;
}
.cartouche-mkt h4 {
    font-family: Georgia-Italic;
    line-height: 1;
    font-size: 17px;
    margin-bottom: 0;
    padding: 0;
    text-align: left;
    font-style: italic;
}
.section-2-mkt h3 {
    text-align: center;
    font-size: 29px;
    font-family: Roboto-Light;
    text-transform: uppercase;
    margin-bottom: 70px;
    padding: 0;
}
.section-2-mkt h4 {
    text-align: center;
    font-size: 21px;
    font-family: Roboto-Bold;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 50px;
}
.tableau-produit-mkt {
    display: flex;
    margin: auto;
    max-width: 900px;
}
.tableau-produit-mkt div {
    width: 30%;
    margin: 0 10%;
}
.tableau-produit-mkt {
    max-width: 700px;
}
.tableau-produit-mkt h5 {
    text-transform: uppercase;
    font-size: 17px;
    line-height: 1.3;
    padding: 0;
}

.tableau-produit-mkt p.italic {
    font-family: Roboto-LightItalic;
    font-size: 15px;
    padding: 0;
    margin: 0;
}
.tableau-produit-mkt a {
    font-family: Roboto-Light;
    font-size: 15px;
    padding: 0;
    margin: 0;
}
.tableau-produit-mkt a strong {
    font-family: Roboto-Bold;
    font-size: 15px;
}
.tableau-produit-mkt a .crochet {
    color: var(--couleur_4);
    font-size: 15px;
}
.tableau-produit-mkt p {
    font-family: Roboto-Light;
    font-size: 15px;
    padding: 0;
    margin: 0;

    margin-bottom: 20px;
}
.section-2-mkt .text-italic {
font-family: Georgia-Italic;
color: var(--couleur_1);
font-size: 23px;
max-width: 820px;
margin: auto;
text-align: center;
font-style: italic;
line-height: 1.3;
}
.img-section-2-mkt {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 80px;
    margin-bottom: 100px;
}

.section-3-mkt {
    background-color: var(--couleur_5);
    padding-top: 100px;
    padding-bottom: 100px;
}
.section-3-mkt .eg-ligne-col1 {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.section-3-mkt img {
    width: 145px;
    margin-bottom: 30px;
}
.section-3-mkt .legende_picto2 {
    letter-spacing: 0.9px;
    font-family: Roboto-Light;
    font-size: 18px;
    color: var(--couleur_1);
    text-transform: uppercase;
}
.section-3-mkt .eg-ligne-col2 {
    padding: 0 65px;
}

.section-3-mkt .text_colonne_droite {
    font-size: 20px;
    font-family: Roboto-Light;
    line-height: 1.6; 
    color: var(--couleur_1);   
}

.section-4-mkt {
    background-position: left center;
    background-size: cover;
}

.section-4-mkt .col-texte-mkt {
    padding: 0 65px;
}
.section-4-mkt .eg-ligne-col h5 {

    font-family: Georgia-Italic;
    line-height: 1;
    font-size: 17px;
    font-style: italic;
}
.section-4-mkt .eg-ligne-col p {

    font-family: Roboto-Light;
    line-height: 1.07;
    font-size: 14px;
    margin: 0 0 15px 0;
padding: 0;
letter-spacing: 0.02em;
}
.title-col-mkt {
    border-bottom: solid 1px var(--couleur_7);
    margin-bottom: 30px;
}


.cartouche-mkt-bot {
    margin-top: 100px;
    margin-bottom: 30px;
}
.cartouche-mkt-bot .colg-cartouche-mkt {
    width: 110px;
    margin-left: 0;
}
.cartouche-mkt-bot .colg-cartouche-mkt img {
    width: 48px;
}
.cartouche-mkt-bot.cartouche-mkt h3 {
    font-size: 17px;
}
.cartouche-mkt-bot .cold-cartouche-mkt {
    padding: 22px;
}
.cartouche-mkt-bot.cartouche-mkt h4 {
    font-size: 12px;
}
.cartouche-mkt-bot.cartouche-mkt {
    height: 110px;
}
.btn-mkt {
    padding: 20px;
    border: solid 1px var(--couleur_7);
    margin-right: 35px;
    font-family: Roboto-Bold;
    font-size: 10px;
    text-transform: uppercase;
    display: inline-block;
    transition: transform 300ms ease 0ms;
    margin-bottom: 10px;

}
.btn-mkt:hover {
    transform: scaleX(1.04) scaleY(1.04)
}
.btn-mkt:nth-child(even) {
    background-color: var(--couleur_7);
    color: var(--couleur_4);
}
.btn-mkt:nth-child(odd) {
    background-color: var(--couleur_4);
    color: var(--couleur_7);
}

.page-template-marketing #footer {
    margin-top: 0;
    }
    .section-4-mkt h5, .section-4-mkt p, .cartouche-mkt-bot h3, .cartouche-mkt-bot h4 {
        color: var(--couleur_7);

    }

    .cartouche-mkt-bot .colg-cartouche-mkt, .cartouche-mkt-bot .cold-cartouche-mkt {
         border-color: var(--couleur_7);
    }
    @media only screen and (max-width: 980px) {
        .section-4-mkt {
padding: 50px 0;
        }
    }

    /*ABOUT US*/

.format-cartouche.cartouche-blanc .col_verti p {
    color: var(--main-sub-texte-color);
    border-left: solid 1px var(--main-strong-color);
}
.format-cartouche.cartouche-blanc p {
font-size: 17px;
}
.format-cartouche.cartouche-blanc .cols-avec-verti {
    width: 66%;
}
.format-cartouche.cartouche-blanc .col-sans-verti {
    width: 33%;
    background-size: cover;
background-position: center;
}
.cartouche-blanc {
    background-color: #fff;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
}
.cartouche-blanc .col_verti {
    border-right: solid 1px #e5e5e5;
}
.cartouche-blanc .col_vert_d {
    padding: 50px;
}
.page-template-company-template h2 {
    font-size: 30px;
    font-family: Roboto-Light;
    color:var(--main-texte-color);
    margin-bottom: 30px;

}
.page-template-company-template h3 {
    font-size: 20px;
    font-family: Roboto-Light;
    color:var(--main-strong-color);
    margin-bottom: 25px;
}

.page-template-company-template h3.sstitre-black {
    color:var(--main-texte-color)
}

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

    .format-cartouche.cartouche-blanc .cols-avec-verti, .format-cartouche.cartouche-blanc .col-sans-verti {
        width: 100%;
    }
    .format-cartouche.cartouche-blanc .col-sans-verti {
        min-height: 300px;
    }
}