/*
Theme Name: Explorair
Template: Divi
*/
@import url("../Divi/style.css");
/* YOUR CSS EDITS GO BELOW THIS LINE AND AND CSS RULES YOU MAKE HERE WILL OVERIDE THE MASTER DIVI THEME CSS RULES */
/*** Take out the divider line between content and sidebar ***/

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/.fonts/Fellix-ExtraBold.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-ExtraBoldItalic.ttf') format('truetype');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Fellix';
    src: url('./fonts/Fellix-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

/* CORRECTION HEADER FIXE DIVI SUR ANCRE*/
#main-header.et-fixed-header {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 999999 !important;
}

html {
  scroll-padding-top: 120px;
}
/* FIN CORRECTION HEADER FIXE DIVI SUR ANCRE*/
sup {
    font-size: 60%;
    vertical-align: initial;
}

sub {
    font-size: 60%;
    vertical-align: text-bottom;
}

.et_pb_scroll_top.et-pb-icon {bottom:30px !important;}


 .sticky {position:fixed; top:0; width:100%; z-index:9990;}
	#logo img {transition: max-height 1s;}
  .slogan {transition: font-size 1s;}
  #menuline {transition: padding-bottom 1s;}
  
.sticky #menuline {padding-bottom:0px !important;padding-top:10px !important;}
.sticky #menuline #main-menu {margin-bottom:10px !important;}
.sticky #logo img {max-height: 30px;}
.sticky .slogan {font-size: 90%;}

.ancre {
  /*padding-top:100px !important;*/
}

body {font-family: "Fellix", sans-serif;}
h1 {font-family: "Fellix", sans-serif;}
h2 {font-family: "Fellix", sans-serif;}

#main-content ul {line-height:1.7em !important;}

#certifications .dtq-logo-grid__item {padding:0px 10px !important;}

a.btnExplorair {
    background-image: url('./images/vague-explorair.png');
	background-repeat: none;
	background-position: right 10px center;
	background-size: 46px 23px;
}

a.btnExplorair:hover  {
	background-color : rgba(0,0,0, .45) !important;
}

div.btnExplorair:hover  {
	background-color : rgba(0,0,0, .1) !important;
}

a.bt-onglet {
    background-image: url('./images/vague-explorair.png');
	background-repeat: none;
	background-position: right 10px center;
	background-size: 46px 23px;
	border-radius: 15px 15px 0px 0px;
	width:100%;
}

#main-menu .et_pb_code_inner {display:flex; justify-content:center;}

@media only screen and ( min-width: 768px ) {
.mega-menu-column.ssmenu-empty {}
.mega-menu-column {margin: 0px 5px !important; padding-bottom:10px !important; border-radius:30px !important; background-color: #f6f5f2 !important;}
.mega-menu-column .widget_text {border-radius:30px !important; color:#FFF !important; margin-bottom:10px !important;}
.mega-menu-column .widget_text h4 {color:#FFF !important;}
.mega-menu-column .widget_text h4 {margin-top:130px !important; padding-left:20px !important; margin-bottom:10px !important;}
.mega-menu-column.ssmenu-empty {background-color: transparent !important;}

.mega-menu-column.ssmenu-propos .widget_text {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 1) 100%), url('./images/ssmenu-propos.jpg') no-repeat !important; background-size: cover  !important;}
.mega-menu-column.ssmenu-prestations .widget_text {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 1) 100%), url('./images/ssmenu-prestations.jpg') !important; background-size: cover  !important;}
.mega-menu-column.ssmenu-analyseurs .widget_text {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 1) 100%), url('./images/ssmenu-analyseurs.jpg') !important; background-size: cover  !important;}
.mega-menu-column.ssmenu-actu .widget_text {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 1) 100%), url('./images/ssmenu-actu.jpg') !important; background-size: cover  !important;}
.mega-menu-column.ssmenu-renouvelables .widget_text {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 1) 100%), url('./images/ssmenu-renouvelables.jpg') !important; background-size: cover  !important;}
.mega-menu-column.ssmenu-industriels .widget_text {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 66%, rgba(0, 0, 0, 1) 100%), url('./images/ssmenu-industriels.jpg') !important; background-size: cover  !important;}
}

#mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row {width: 100% !important; max-width: 1200px !important; float: none !important; margin: auto !important;}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding-top:5px; padding-bottom:5px; }
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link::after {content: ">" !important; position: absolute; display: inline-block !important; margin-left: 10px;}

#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item.mega-has-description > a.mega-menu-link::after {content: none !important;}
#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link .mega-menu-title::after {content: ">" !important; position: absolute; display: inline-block !important; margin-left: 10px;}



@media only screen and ( max-width: 768px ) {
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column-standard > a.mega-menu-link, #mega-menu-wrap-primary-menu #mega-menu-primary-menu > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {padding-left:0; line-height:normal; overflow:hidden;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-row .mega-menu-column > ul.mega-sub-menu > li.mega-menu-item {padding: 5px;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item.mega-toggle-on > ul.mega-sub-menu, #mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-megamenu.mega-menu-item.mega-toggle-on ul.mega-sub-menu {background-color:white; display:block;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu li.mega-menu-item > ul.mega-sub-menu > li.mega-menu-row > ul.mega-sub-menu {display: flex;flex-wrap: wrap;}
	#mega-menu-wrap-primary-menu #mega-menu-primary-menu .mega-menu-column.mega-ssmenu-empty.ssmenu-empty {display:none;}
	.sticky .slogan {font-size: 12px;}
}

.cursor {
    width: 10px;
    height: 10px;
    border: 1px solid #3cc1ec;
	background-color: #3cc1ec;
    border-radius: 50%;
    position: absolute;
    transition-duration: 50ms;
    transition-timing-function: cubic-bezier(0.29, 1.01, 1, -0.68);
    pointer-events: none;
	transition-delay: 0,05s;
	z-index: 999;
}

.cursor2 {
    width: 25px;
    height: 25px;
    border: 6px solid #0580c0;
	background-color: transparent;
    border-radius: 50%;
	position: absolute;
    transition-duration: 200ms;
    transition-timing-function: cubic-bezier(.15,.9,.52,.95);
	transition-delay: 0.1s;
	z-index: 998;
}

.cursor3 {
    width: 10px;
    height: 10px;
    border: 1px solid #3cc1ec;
	background-color:#3cc1ec;
    border-radius: 50%;
	position: absolute;
	transition-duration: 400ms;
    transition-timing-function: cubic-bezier(.15,.9,1,.39);
	transition-delay: 0.1s;
	z-index: 990;
}

@keyframes cursorAnim {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.7);
    }
}

@keyframes cursorAnim2 {
    from {
        transform: scale(1);
    }
    to {
        transform: scale(.4);
    }
}

@keyframes cursorAnim3 {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(3);
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.expand {
    animation: cursorAnim3 .5s forwards;
    border: 1px solid red;
}

.section-grise {background-color: #f5f5f5; margin-left:20px; margin-right:20px; border-radius:30px;}
@media only screen and ( max-width: 980x ) {
    .section-grise {background-color: #f5f5f5; padding:20px;}
	.et_pb_row {padding-left:20px; padding-right:20px;}
}
#btn-devis {max-width:150px; border-radius: 20px 0px 0px 20px !important; }
@media only screen and ( max-width: 479px ) {
    #btn-devis {max-width:100px;}
}

@media only screen and ( max-width: 768px ) {
    .column-video {margin-bottom:0 !important;}
	.president {background-size:120px auto !important;}
	.section-grise {background-color:unset; padding-top:0; padding-bottom:0;}
}


.ba_logo_grid .dtq-module .dtq-logo-grid__item {aspect-ratio: 1; padding: 0px !important; margin: 0px !important;}



#et-boc .area-outer-wrap .da-close {font-size:40px; font-weight:900;}

.lwp-hide-mobile-menu.et_pb_menu .et_pb_menu__menu,.lwp-hide-mobile-menu.et_pb_fullwidth_menu .et_pb_menu__menu {
    display: flex!important;
}
 
.lwp-hide-mobile-menu .et_mobile_nav_menu {
    display: none;
}
.wpcf7 label {font-size:14px;}
.wpcf7 label small {font-size:smaller;}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="phonetext"],
.wpcf7 input[type="file"],
.wpcf7 textarea
{
    padding:10px;
	font-size: 16px;
    color: #000;
    background-color: #f4f6f8;
	border-radius:30px;
	width:45%;
	margin-right:5%;
	margin-bottom:15px;
}


.wpcf7 select {
   background: url(./images/select-arrow.png) right 15px center no-repeat #f4f6f8;
   border-radius:30px;
   width:45%;
   padding:10px;
   font-size: 16px;
   line-height: 1;
   -webkit-appearance: none;
}
.wpcf7 .intl-tel-input {display: inline-block !important; width: 45%;}
.wpcf7 .intl-tel-input input[type="text"] {width:100%;}
.wpcf7 .intl-tel-input .selected-dial-code {font-size:14px;}
.wpcf7 .intl-tel-input .selected-flag {border-top-left-radius :30px; border-bottom-left-radius :30px;}
.wpcf7 .wpcf7-list-item-label {font-size:14px; line-height:1rem;}
.wpcf7 .wpcf7-list-item {margin-bottom:20px;}
.wpcf7 .wpcf7-not-valid-tip {font-size: 0.5em; display:none;}

.wpcf7 .wpcf7-form-control.wpcf7-acceptance {line-height:1em;}

.wpcf7-form input[type="submit"] {
	background-color: #0580c0;
	border: 1px solid #0580c0;
	color: #FFF;
	font-size: 20px;
	text-transform: uppercase;
	padding:15px 25px;
	border-radius: 30px;
	float: right;
}

.wpcf7 textarea {width:100%;}
@media only screen and ( max-width: 768px ) {
    .wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="phonetext"], .wpcf7 input[type="file"]{width:100%;}
	.wpcf7 .intl-tel-input {width: 100%;}
	.wpcf7 select {width: 100%;} 
}



/* ACTUS */
#actus article {display:block; margin-bottom:50px;}
#contenu-actu .et_pb_row {width:100% !important;}

@media (min-width: 767px) {
.pa-blog-list .entry-featured-image-url  {width: 20%; float: left; margin-bottom: 0!important; margin-right:5%;}
.pa-blog-list .entry-title, .pa-blog-list .post-meta, .pa-blog-list .post-content {width: 75%; float: left;}
}

#slider-histoire {display: flex; position: relative; overflow: hidden; width: 100%; min-width: 0; touch-action: pan-y;}
#slider-histoire .et_pb_column {/*display:-webkit-inline-box;*/}
#frise-historique-col {transition: left 0.5s ease-out; display: flex; position: relative; left: 0; flex-shrink: 0;}

#frise-historique-col .et_pb_blurb::after {
    border-top: 1px solid #FFF;
    content:"";
    margin: 0 auto; /* This centers the line to the full width specified. */
    position: absolute;
	width:320px;
	top: 40px; left: 50%; right: 0; bottom: 0;
    z-index: -1;
  }

#frise-historique-col .et_pb_blurb::after {
    border-top: 1px solid #FFF;
    content:"";
    margin: 0 auto; /* This centers the line to the full width specified. */
    position: absolute;
	top: 36px; left: 0%; right: 0; bottom: 0;
    z-index: -1;
}
#frise-historique-col .et_pb_blurb:first-child::after {
	left: 50%;
}
#frise-historique-col .et_pb_blurb:last-child::after {
    margin-right: 50%;
}

#frise-historique-col .et_pb_blurb {width: 320px; flex: 0 0 320px;}
#slider-histoire .et_pb_blurb_container {background: url('./images/date-line.png') center 20px no-repeat !important; margin-right:30px;}
#slider-histoire .et_pb_blurb_description {padding-top:50px;}


#btn-frise {display:-webkit-inline-box;}
#btn-historique-prev, #btn-historique-next {
	line-height:40px;
	text-align:center;
	color:#FFF;
	font-size:30px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
	border: 1px solid #FFF;
	background-color:transparent;
	-webkit-user-select: none;
    user-select: none;
}

.bg-zoom {
  position: relative;
  overflow: hidden;
}

/* On duplique le background Divi */
.bg-zoom::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: inherit;
  background-position: inherit;
  background-repeat: inherit;
  background-size: cover;
  transform: scale(1.25);
  transition: transform 1.8s cubic-bezier(.22,.61,.36,1);
  z-index: 0;
}
/* Contenu au-dessus */
.bg-zoom > * {
  position: relative;
  z-index: 1;
}
/* État final */
.bg-zoom.zoom-out::before {
  transform: scale(1);
}

@media (max-width: 767px) {
  .bg-zoom::before {
    transform: scale(1.05);
  }
}

/* Cache le texte du blurb par défaut */
.blurb-toggle .et_pb_blurb_description {
  /*display: none;*/
}

/* Curseur cliquable sur le titre */
.blurb-toggle .et_pb_module_header {
  cursor: pointer;
}


/*BLOG ORDER ELEMENTS*/
.et_pb_post {
	display: flex;
	flex-direction: column;
}
.et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {
	order: 1;
	margin-bottom: 25px !important;
}
.et_pb_post .entry-title {
	order: 2;
	line-height: 25px;
	font-weight: 700;
}
.et_pb_post .post-content {
	order: 3;
	padding: 10px 0px !important;
	line-height: normal;
}
.et_pb_post .post-meta {
	order: 4;
}

.et_pb_posts a.more-link {
	color: #000000!important;
	border: 2px solid #0580C0;
	border-radius: 30px;
	text-transform: uppercase!important;
	padding-top:10px; padding-bottom:10px;
	padding-right: 65px;
	padding-left: 0.7em;

    background-image: url('./images/vague-explorair.png');
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 46px 23px;
	float:right;
	margin-top: 20px;
}

.et_pb_posts a.more-link:hover  {
	background-color : rgba(0,0,0, .15) !important;
}

/*MENUS ANALYSEURS*/
.menu-analyseurs .et-menu-nav {flex: 0 0 100%;}
.menu-analyseurs .et_pb_menu__menu {width:100%;}
.menu-analyseurs ul {display:grid; column-gap: 2%; row-gap: 20px; align-items:center; justify-content:center; grid-template-columns: repeat(4, 1fr); flex-grow: 1;}
.menu-analyseurs li a:before {content:"Analyseur"; color:#3CC1EC; display:block;}
.menu-analyseurs li a {border:2px solid #3CC1EC; border-radius:20px; font-size:1.4em; line-height:1.5em; text-align:center; padding:10px; width:100%;}
.menu-analyseurs li a:hover {background-color : rgba(0,0,0, .1) !important;}
.menu-analyseurs li.current-menu-item a {box-shadow: 0px 0px 3px 3px #3CC1EC;}
.menu-analyseurs li a {border:2px solid #3CC1EC; border-radius:20px; font-size:1.4em; line-height:1.5em; text-align:center; padding:10px; width:100%;}
#menu-analyseurs-transportables.menu-analyseurs ul {grid-template-columns: repeat(5, 1fr);}
#menu-analyseurs-laboratoire.menu-analyseurs ul {grid-template-columns: repeat(4, 1fr);}
#menu-analyseurs-transportables.menu-analyseurs li {width:18%;}
#menu-analyseurs-laboratoire.menu-analyseurs li {width:23%;}


/* Menu interne : full width same width */
.row-menu-interne {z-index:1 !important; padding:5px 0;}
.menu-fixe-interne,
.menu-fixe-interne .et_pb_menu__wrap,
.menu-fixe-interne .et_pb_menu_inner_container,
.menu-fixe-interne .et_pb_menu__menu,
.menu-fixe-interne .et-menu-nav {
  width: 100%;
  max-width: 100%;
}
#menu-analyseurs, #menu-analyses-methanisation, #menu-analyses-gaz-industriels {
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}
#menu-analyseurs > li, #menu-analyses-methanisation > li, #menu-analyses-gaz-industriels > li {
  flex: 1;
  text-align: center;
}
#menu-analyseurs li a, #menu-analyses-methanisation li a, #menu-analyses-gaz-industriels li a {width:100%; border:2px solid #3CC1EC; border-radius:20px; font-size:2em; line-height:normal; text-align:center; padding:10px;}
#menu-analyseurs li a:hover, #menu-analyses-methanisation li a:hover, #menu-analyses-gaz-industriels li a:hover {background-color : rgba(0,0,0, .1) !important;}
#menu-analyseurs li.current-menu-item a, #menu-analyses-methanisation li.current-menu-item a, #menu-analyses-gaz-industriels li.current-menu-item a {box-shadow: 0px 0px 3px 3px #3CC1EC;}

#menu-analyses-methanisation li a, #menu-analyses-gaz-industriels li a {display:flex; background-position: right 10px center; background-repeat: no-repeat !important; background-size: 50px auto !important; padding-right: 60px; align-items:center; justify-content:center;}
.menu-rejets a {background-image: url('./images/menu-rejets.png')!important;}
#menu-analyses-gaz-industriels li.menu-co2 a {background-image: url('./images/menu-CO2.png')!important; background-size: auto 90% !important;}
.menu-biogaz a {background-image: url('./images/menu-biogaz.png')!important;}
#menu-analyses-methanisation li.menu-biomethane a {background-image: url('./images/menu-biomethane.png')!important; background-size: 40px auto !important;}
.menu-biognc a {background-image: url('./images/menu-biognc.png')!important;}
#menu-analyses-methanisation li.menu-bioco2 a {background-image: url('./images/menu-bioCO2.png')!important; background-size: auto 90% !important;}

@media (max-width: 767px) {
	#menu-analyseurs-transportables.menu-analyseurs li, #menu-analyseurs-laboratoire.menu-analyseurs li {width: auto;}
	.menu-analyseurs li a {font-size: 12px !important;}
}

@media (max-width: 980px) {
	.separateur-desktop {display:none !important;}
	#menu-analyseurs-transportables .et_pb_menu__menu, #menu-analyseurs-laboratoire .et_pb_menu__menu,
	#menu-analyseurs-container .et_pb_menu__menu {
		display: flex;
	}
	#menu-analyseurs-transportables .et_mobile_nav_menu, #menu-analyseurs-laboratoire .et_mobile_nav_menu,
	#menu-analyseurs-container .et_mobile_nav_menu {
		display: none;
	}
	#menu-analyseurs, #menu-analyses-methanisation, #menu-analyses-gaz-industriels {gap:0;}
	#menu-analyseurs li a, #menu-analyses-methanisation li a {font-size:1em; background-size: 35px auto !important; padding-right: 45px;}
	#menu-analyses-gaz-industriels li a {font-size:1em; background-size: 35px auto !important; padding-right: 60px;}
	#menu-analyses-methanisation li.menu-biomethane a {background-size: 30px auto !important;}
	#menu-analyses-gaz-industriels li.menu-co2 a {background-size: 30px auto !important;}
}


/*MENUS FOOTER*/
#menu-footer ul {list-style-type : none; line-height:normal;}
#menu-footer ul#menu-menu-secondaire {
	display: flex;
    justify-content: flex-start; /* ou center */
    align-items: flex-start;
    list-style: none;
    padding: 0;
    margin: 0;}
#menu-footer ul#menu-menu-secondaire>li>ul {
	display: flex;
    justify-content: flex-start; /* ou center */
    align-items: flex-start;
	border-top:solid 1px #FFF;
	padding:0; margin-right:10px;
	padding-top: 10px;
	font-size: 14px;}
#menu-footer ul#menu-menu-secondaire > li {
    position: relative;
    margin-right: 30px;
}
#menu-footer ul#menu-menu-secondaire > li {
	text-align: center;
}
#menu-footer ul#menu-menu-secondaire > li > a {
	text-transform:uppercase;
	line-height:2em;
}
#menu-footer ul#menu-menu-secondaire > li > ul > li {
	text-align: left;
	line-height: normal;
	margin-top:5px;
}
#menu-footer ul>li>ul>li>ul {
    display: block;
    position: static;
    list-style: none;
    padding: 0;
    margin: 0px 20px 0px 0px;
	font-size: 14px;
}
#menu-footer ul>li>ul>li>ul>li {margin-top:10px;}
#menu-footer a {
    color:#FFF !important;
}
/* Pictos analyses */
.et_pb_main_blurb_image {margin-bottom: 10px;}
.et_pb_main_blurb_image img {max-width: 100%; height: auto; max-height: 100px; width: auto;}
.illustration img {padding:20px;}
.argument-analyse {margin-bottom:0 !important;}

.analyses-tab .et_pb_blurb img, .analyses-industrie-tab .et_pb_blurb img {
    filter: saturate(0%);
}

.analyses-tab .et_pb_blurb:hover img, .analyses-tab .et_pb_column.active .et_pb_blurb img,
.analyses-industrie-tab .et_pb_blurb:hover img, .analyses-industrie-tab .et_pb_column.active .et_pb_blurb img{
    filter: saturate(100%);
}
.analyses-tab .et_pb_column.active .et_pb_blurb h4,
.analyses-industrie-tab .et_pb_column.active .et_pb_blurb h4{
    color:#007500 !important;
}
.analyses-tab.analyseurs .et_pb_column.active .et_pb_blurb h4{
    color:#0580c0 !important;
}

.bt-en-images .et-pb-controllers, .bt-en-images .et-pb-slider-arrows {display:none;}

/* VERSION TIMELINE */
.timelineAdvanceWrap {
  position: relative;
  overflow: hidden;
  min-height: 780px;
  padding: 70px 20px 120px;
  perspective: 1600px;
  background: none !important;

  --bg-scale: 1;
  --bg-shift-y: 0px;
}

.timelineAdvanceWrap::before {
  content: "";
  position: absolute;
  inset: -8%;
  z-index: 0;
  pointer-events: none;

  background-image: url("https://explorair.ci-preprod.eu/wp-content/uploads/2026/03/bg-timeline.jpg");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;

  transform-origin: center center;
  transform: translate3d(0, var(--bg-shift-y), 0) scale(var(--bg-scale));
  transition: transform 900ms cubic-bezier(.2,.8,.2,1);
  will-change: transform;
}

.timelineAdvanceWrap::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(15,23,42,.28);
  pointer-events: none;
}

.timelineAdvanceWrap .et_pb_module.timelineAdvanceItem {
  z-index: 3;
}

.timelineAdvanceWrap .timelineAdvance-nav {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: 14px;
}

.timelineAdvanceWrap .et_pb_module.timelineAdvanceItem {
  position: absolute;
  top: 50%;
  width: min(390px, 34vw);
  margin: 0 !important;
  padding: 0 !important;
  border-radius: 22px;
  background: rgba(255,255,255,.93);
  box-shadow: 0 25px 60px rgba(0,0,0,.18);
  transform-style: preserve-3d;
  transform-origin: center center;
  transition:
    transform 900ms cubic-bezier(.2,.8,.2,1),
    opacity 900ms ease,
    filter 900ms ease,
    box-shadow 900ms ease;
  opacity: 0;
  filter: blur(6px);
  z-index: 3;
}

/* contenu interne du blurb */
.timelineAdvanceWrap .timelineAdvanceItem .et_pb_blurb_content {
  max-width: 100%;
  padding: 28px 32px;
}

.timelineAdvanceWrap .timelineAdvanceItem .et_pb_main_blurb_image {
  margin-bottom: 14px;
}

.timelineAdvanceWrap .timelineAdvanceItem .et_pb_module_header {
  margin-bottom: 12px;
  font-size: 28px;
  line-height: 1.15;
  color: #111827;
}

.timelineAdvanceWrap .timelineAdvanceItem .et_pb_blurb_description {
  color: #374151;
  line-height: 1.6;
  font-size: 16px;
}

/* badge date optionnel si placé dans le contenu */
.timelineAdvanceWrap .timelineAdvanceItem .timeline-year,
.timelineAdvanceWrap .timelineAdvanceItem .et_pb_blurb_description .timeline-year {
  display: inline-block;
  margin-bottom: 12px;
  padding: 6px 12px;
  border-radius: 999px;
  background: #1d4ed8;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
}

/* nav */
#nav-timeline {position:absolute; bottom:0; width:100%;}

.timelineAdvanceWrap .timelineAdvance-nav {
  position: absolute;
  left: 50%;
  bottom: 24px;
  transform: translateX(-50%);
  z-index: 5;
  display: flex;
  gap: 14px;
}

.timelineAdvanceWrap .timelineAdvance-nav button {
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 999px;
  background: #fff;
  font-size: 22px;
  cursor: pointer;
  box-shadow: 0 10px 24px rgba(0,0,0,.20);
}

/* colonnes */
.timelineAdvanceWrap .timelineAdvanceItem.side-left {
  left: calc(50% - 70px);
  --selfX: -100%;
}

.timelineAdvanceWrap .timelineAdvanceItem.side-right {
  left: calc(50% + 70px);
  --selfX: 0%;
}

/* profondeur */
.timelineAdvanceWrap .timelineAdvanceItem.depth-0 {
  opacity: 1;
  filter: blur(0);
  box-shadow: 0 35px 80px rgba(0,0,0,.28);
}

.timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-0,
.timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-0 {
  transform:
    translate(var(--selfX), -50%)
    translateX(0)
    translateY(70px)
    translateZ(220px)
    scale(1.08);
}

.timelineAdvanceWrap .timelineAdvanceItem.depth-1 {
  opacity: .95;
  filter: blur(.2px);
}

.timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-1,
.timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-1 {
  transform:
    translate(var(--selfX), -50%)
    translateX(0)
    translateY(-20px)
    translateZ(-20px)
    scale(.90);
}

.timelineAdvanceWrap .timelineAdvanceItem.depth-2 {
  opacity: .9;
  filter: blur(.5px);
}

.timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-2,
.timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-2 {
  transform:
    translate(var(--selfX), -50%)
    translateX(0)
    translateY(-110px)
    translateZ(-260px)
    scale(.70);
}

.timelineAdvanceWrap .timelineAdvanceItem.depth-3 {
  opacity: .85;
  filter: blur(1px);
}

.timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-3,
.timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-3 {
  transform:
    translate(var(--selfX), -50%)
    translateX(0)
    translateY(-200px)
    translateZ(-520px)
    scale(.50);
}

.timelineAdvanceWrap .timelineAdvanceItem.depth-4 {
  opacity: .8;
  filter: blur(1.5px);
}

.timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-4,
.timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-4 {
  transform:
    translate(var(--selfX), -50%)
    translateX(0)
    translateY(-290px)
    translateZ(-760px)
    scale(.34);
}

.timelineAdvanceWrap .timelineAdvanceItem.front-out {
  opacity: 0;
  filter: blur(0);
  pointer-events: none;
  z-index: 30;
}

.timelineAdvanceWrap .timelineAdvanceItem.side-left.front-out,
.timelineAdvanceWrap .timelineAdvanceItem.side-right.front-out {
  transform:
    translate(var(--selfX), -50%)
    translateX(0)
    translateY(160px)
    translateZ(620px)
    scale(1.75);
}

.timelineAdvanceWrap .timelineAdvanceItem.is-hidden {
  opacity: 0;
  pointer-events: none;
}

.timelineAdvanceWrap .timelineAdvanceItem.side-left.is-hidden,
.timelineAdvanceWrap .timelineAdvanceItem.side-right.is-hidden {
  transform:
    translate(var(--selfX), -50%)
    translateY(-150px)
    translateZ(-980px)
    scale(.2);
}

@media (max-width: 980px) {
  .timelineAdvanceWrap .timelineAdvanceItem.side-left {
    left: calc(50% - 55px);
  }

  .timelineAdvanceWrap .timelineAdvanceItem.side-right {
    left: calc(50% + 55px);
  }

  .timelineAdvanceWrap .et_pb_module.timelineAdvanceItem {
    width: min(360px, 40vw);
  }

  .timelineAdvanceWrap .timelineAdvanceItem .et_pb_blurb_content {
    padding: 24px;
  }
}

@media (max-width: 767px) {
  .timelineAdvanceWrap {
    min-height: 620px;
    perspective: 1000px;
  }

  .timelineAdvanceWrap .timelineAdvance-line {
    bottom: 82px;
  }

  .timelineAdvanceWrap .et_pb_module.timelineAdvanceItem {
    width: min(88vw, 360px);
  }

  .timelineAdvanceWrap .timelineAdvanceItem.side-left,
  .timelineAdvanceWrap .timelineAdvanceItem.side-right {
    left: 50%;
    --selfX: -50%;
  }

  .timelineAdvanceWrap .timelineAdvanceItem.depth-3,
  .timelineAdvanceWrap .timelineAdvanceItem.depth-4 {
    opacity: 0;
    pointer-events: none;
  }

  .timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-2,
  .timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-2 {
    transform: translate(-50%, -50%) translateY(-40px) translateZ(-180px) scale(.72);
  }

  .timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-1,
  .timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-1 {
    transform: translate(-50%, -50%) translateY(-5px) translateZ(-10px) scale(.9);
  }

  .timelineAdvanceWrap .timelineAdvanceItem.side-left.depth-0,
  .timelineAdvanceWrap .timelineAdvanceItem.side-right.depth-0 {
    transform: translate(-50%, -50%) translateY(20px) translateZ(120px) scale(1.02);
  }

  .timelineAdvanceWrap .timelineAdvanceItem.side-left.front-out,
  .timelineAdvanceWrap .timelineAdvanceItem.side-right.front-out {
    transform: translate(-50%, -50%) translateY(90px) translateZ(360px) scale(1.35);
  }
}

.timelineAdvanceWrap .et_pb_module.timelineAdvanceItem {
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  transform-style: preserve-3d;
  will-change: transform;
}

.timelineAdvanceWrap .timelineAdvanceItem.depth-0 { z-index: 50; }
.timelineAdvanceWrap .timelineAdvanceItem.depth-1 { z-index: 40; }
.timelineAdvanceWrap .timelineAdvanceItem.depth-2 { z-index: 30; }
.timelineAdvanceWrap .timelineAdvanceItem.depth-3 { z-index: 20; }
.timelineAdvanceWrap .timelineAdvanceItem.depth-4 { z-index: 10; }
.timelineAdvanceWrap .timelineAdvanceItem.front-out { z-index: 60; }
.timelineAdvanceWrap .timelineAdvanceItem.is-hidden { z-index: 1; }

.timelineAdvanceWrap .timelineAdvanceItem .et_pb_blurb_content {
  position: relative;
  z-index: 2;
}