.et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky),.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg:not(.et_parallax_bg__sticky){display:none}.et_pb_sticky.et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky,.et_pb_sticky .et_pb_section_parallax_sticky .et_parallax_bg.et_parallax_bg__sticky{display:block}.et_builder_inner_content.has_et_pb_sticky{z-index:inherit}.et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et_pb_column.has_et_pb_sticky{z-index:20}.et-l--header .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--header .et_pb_column.has_et_pb_sticky{z-index:30}.et-l--footer .et-db #et-boc .et-l #et-fb-app .et_pb_column.has_et_pb_sticky,.et-l--footer .et_pb_column.has_et_pb_sticky{z-index:10}.et_pb_sticky_placeholder{opacity:0!important}.et_pb_sticky .et_overlay.et_pb_inline_icon_sticky:before,.et_pb_sticky .et_pb_inline_icon_sticky:before{content:attr(data-icon-sticky)!important}body .et-script-temporary-measurement{opacity:0}
@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot);src:url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff2) format("woff2"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.woff) format("woff"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.ttf) format("truetype"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-regular-400.svg#fontawesome) format("svg")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:900;font-display:block;src:url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot);src:url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff2) format("woff2"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.woff) format("woff"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.ttf) format("truetype"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-solid-900.svg#fontawesome) format("svg")}@font-face{font-family:FontAwesome;font-style:normal;font-weight:400;font-display:block;src:url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot);src:url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff2) format("woff2"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.woff) format("woff"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.ttf) format("truetype"),url(//verbeactif.com/wp-content/themes/Divi/core/admin/fonts/fontawesome/fa-brands-400.svg#fontawesome) format("svg")}.references-section {
position: relative;
}
.references-title {
color: var(--yellow, #fbff56);
font-family: 'Space Grotesk', Helvetica, sans-serif;
font-size: 19px;
font-weight: 300;
line-height: 150%;
margin-bottom: 48px;
}
.references-filters {
display: flex;
align-items: center;
gap: 24px;
margin-bottom: 48px;
flex-wrap: wrap;
}
.reference-filter {
display: inline-flex;
align-items: center;
gap: 12px;
background: transparent;
border: none;
color: var(--yellow, #fbff56);
font-family: 'Space Grotesk', Helvetica, sans-serif;
font-size: 24px;
font-weight: 300;
line-height: 130%;
cursor: pointer;
transition: all 0.3s ease;
padding: 8px 0;
}
.reference-filter.active {
font-weight: 700;
}
.reference-filter:hover {
font-weight: 700;
}
.reference-filter svg {
width: 21px;
height: 15px;
fill: currentColor;
}
.references-container {
position: relative;
}
.references-container.loading {
opacity: 0.6;
pointer-events: none;
}
.references-list {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px;
color: var(--neutralwhite, #fff);
font-family: 'Space Grotesk', Helvetica, sans-serif;
}
.reference-item {
font-size: 52px;
font-weight: 700;
line-height: 120%;
color: var(--neutralwhite, #fff);
transition: color 0.3s ease;
}
.reference-item:hover {
color: var(--yellow, #fbff56);
cursor: pointer;
}
.reference-separator {
font-size: 54px;
font-weight: 300;
line-height: 0.1px;
margin: 0 4px;
color: var(--neutralwhite, #fff);
}
.featured-reference-badge {
position: absolute;
top: 382px;
left: 796px;
background-color: var(--primaryblue, #0000ff);
border: 1px solid var(--neutralwhite, #fff);
border-radius: 4px;
padding: 12px 16px;
z-index: 10;
}
.featured-reference-badge span {
color: var(--neutralwhite, #fff);;
font-family: 'Space Grotesk', Helvetica, sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 120%;
}
.no-references {
color: var(--yellow, #fbff56);
font-family: 'Space Grotesk', Helvetica, sans-serif;
font-size: 24px;
text-align: center;
padding: 48px 0;
} .references-section[data-layout="grid"] .references-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 24px;
}
.references-section[data-layout="grid"] .reference-item {
font-size: 24px;
padding: 16px;
border: 1px solid rgba(255, 255, 255, 0.2);
border-radius: 8px;
text-align: center;
transition: all 0.3s ease;
}
.references-section[data-layout="grid"] .reference-item:hover {
background-color: rgba(255, 255, 255, 0.1);
transform: translateY(-2px);
}
.references-section[data-layout="grid"] .reference-separator {
display: none;
} .references-section[data-layout="list"] .references-list {
flex-direction: column;
gap: 16px;
}
.references-section[data-layout="list"] .reference-item {
font-size: 32px;
padding: 12px 0;
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.references-section[data-layout="list"] .reference-separator {
display: none;
} @media (max-width: 1200px) {
.featured-reference-badge {
position: relative;
top: auto;
left: auto;
margin-top: 24px;
display: inline-block;
}
}
@media (max-width: 768px) {
.references-section p.small.mobile-only{
margin: 18px 0 64px;
}
.references-title,
.references-filters,
.references-container {
padding: 0 ;
}
.references-title {
font-size: 15px !important;
}
.references-filters {
display:none;
}
.reference-filter {
font-size: 16px;
}
.reference-select-box{
padding: 12px 16px;
border-radius: 8px;
border: 1px solid var(--yellow, #FBFF56);
cursor: pointer;
display: inline-block;
position: relative;
}
select#reference-select{
appearance: none; -webkit-appearance: none; 
-moz-appearance: none;   
background: none;        
border: none;
color: var(--yellow, #FBFF56);
font-size: 16px;
font-weight: 700;
line-height: 130%; 
padding: 0 16px 0 8px;
}
select#reference-select::-ms-expand {
display: none; }
svg#fleche-after{
position: absolute;
right:16px;
top: 16px;
z-index: -1;
}
.reference-item, .reference-separator{
font-size: 28px;
}
.references-section[data-layout="grid"] .references-list {
grid-template-columns: 1fr;
}
} .references-list {
transition: opacity 0.3s ease;
}
.references-container.loading .references-list {
opacity: 0.3;
} .references-list::-webkit-scrollbar {
height: 4px;
}
.references-list::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
}
.references-list::-webkit-scrollbar-thumb {
background: var(--yellow, #fbff56);
border-radius: 2px;
}
.references-list::-webkit-scrollbar-thumb:hover {
background: rgba(251, 255, 86, 0.8);
}.reference-category-link {
display: block;
background: transparent;
border: none;
color: var(--neutralwhite, #fff);
font-family: 'Space Grotesk', Helvetica, sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 104%;
cursor: pointer;
transition: all 0.3s ease;
padding: 8px 0;
text-decoration: none;
}
.reference-category-link::after {
content:url(//verbeactif.com/wp-content/themes/Divi-child/img/south_east.png);
opacity: 0;
visibility: hidden;
transition: visibility 0.5s ease, opacity 0.5s ease;
animation-duration: 0.5s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.reference-category-link:hover {
color: var(--yellow, #fbff56);
}
.reference-category-link:hover::after {
opacity: 1;
visibility: visible;
}
.category-count {
font-size: 0.8em;
opacity: 0.7;
margin-left: 4px;
} @media (max-width: 768px) {
.references-categories-list {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.reference-category-link {
font-size: 32px;
color: var(--yellow, #fbff56);
line-height: 100%;
}
.reference-category-link::after {
content:url(//verbeactif.com/wp-content/themes/Divi-child/img/south_east.png);
opacity: 1;
visibility: visible;
}
} .references-categories-nav.loading {
opacity: 0.6;
pointer-events: none;
}
.references-categories-nav.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
border: 2px solid var(--primaryyellow, #fbff56);
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
} .widget .references-categories-nav {
margin: 0;
}
.widget .references-categories-nav .references-categories-list {
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.widget .reference-category-link {
font-size: 16px;
padding: 4px 0;
} .bg-primaryblue .references-categories-nav .reference-category-link {
color: var(--yellow, #fbff56);
} .bg-white .references-categories-nav .reference-category-link,
.bg-primaryyellow .references-categories-nav .reference-category-link {
color: var(--primaryblue, #0000ff);
}:root {
--primaryblue: #0000ff;
--yellow: #fbff56;
--neutralwhite: #ffffff;
--neutralblack: #000000;
--bigradius: 64px;
} .reference-popup-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0, 0, 255, .3);
z-index: 9999;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, visibility 0.3s ease;
backdrop-filter: blur(4px);
}
.reference-popup-overlay.active {
opacity: 1;
visibility: visible;
}
.reference-popup {
background-color: var(--neutralwhite);
border-radius: 4px;
max-width: 632px;
width: 90%; position: relative;
transform: scale(0.9) translateY(20px);
transition: transform 0.3s ease-out;
padding: 32px;
gap:32px;
}
.reference-popup-content{
overflow-y: visible;
overflow-x: hidden;
max-height: 80vh;
}
.reference-popup-overlay.active .reference-popup {
transform: scale(1) translateY(0);
}
.reference-popup-close {
position: absolute;
z-index: 100;
top: -30px;
right: -30px;
background: var(--yellow, #fbff56);
border: 1px solid var(--yellow, #fbff56);
color: var(--primaryblue, #0000ff);
width: 64px;
height: 64px;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 32px;
font-weight: 300;
transition: all 0.3s ease;
}
.reference-popup-close:hover {
background-color: rgba(251, 255, 86, .8);
transform: rotate(90deg);
}
.reference-popup-title {
font-family: 'Space Grotesk', Helvetica, sans-serif;
font-size: 52px;
font-weight: 700;
line-height: 120%;
margin-bottom: 32px;
color: var(--primaryblue);
}
.reference-popup-description {
font-family: 'Space Grotesk', Helvetica, sans-serif;
font-size: 16px;
font-weight: 300;
line-height: 130%;
color: var(--primaryblue);    
margin-bottom: 32px;
} .prestations-tags {
display: flex;
flex-wrap: wrap;
margin-bottom: 32px;
}  .reference-popup-illustration {
width: 100%;
text-align: center;
}
.reference-popup-illustration img {
max-height: 60vh;
height: auto;
object-fit: contain;
border: 1px solid rgba(0,0,0,.2);
} .reference-popup-action {
display: flex;
justify-content: flex-end;
align-items: center;
}
.reference-popup-website {
display: inline-flex;
align-items: center;
background-color: none;
color: var(--primaryblue, #0000ff);
padding: 0;
font-weight: 300;
font-size: 16px;
transition: all 0.3s ease;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-color: #00F;
text-decoration-thickness: 1.04px;
text-underline-offset: auto;
}
.reference-popup-website:hover {
transform: translateY(-2px);
text-decoration-thickness: 2px;
} @media (max-width: 768px) {
.reference-popup {
width: 95%;
margin: 20px;
max-height: 85vh;
padding-left: 16px;
}
.reference-popup-title {
font-size: 25px;
margin-bottom:24px;
}
.reference-popup-description {
font-size: 14px;
}
.reference-popup-content {
padding: 20px;
}
.reference-popup-details {
grid-template-columns: 1fr;
gap: 20px;
}
.reference-popup-logo {
justify-content: center;
}
.reference-popup-close {
top: -30px;
right: -16px;
width: 64px;
height: 64px;
}
} @keyframes popupSlideIn {
from {
opacity: 0;
transform: scale(0.8) translateY(40px);
}
to {
opacity: 1;
transform: scale(1) translateY(0);
}
}
.reference-popup-overlay.active .reference-popup {
animation: popupSlideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1);
} .reference-popup::-webkit-scrollbar {
width: 6px;
}
.reference-popup::-webkit-scrollbar-track {
background: rgba(255, 255, 255, 0.1);
border-radius: 3px;
}
.reference-popup::-webkit-scrollbar-thumb {
background: var(--yellow, #fbff56);
border-radius: 3px;
}
.reference-popup::-webkit-scrollbar-thumb:hover {
background: rgba(251, 255, 86, 0.8);
} .reference-popup.loading {
pointer-events: none;
}
.reference-popup.loading::after {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 40px;
height: 40px;
margin: -20px 0 0 -20px;
border: 3px solid var(--yellow, #fbff56);
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}:root {
--primaryblue: #0000ff;
--yellow: #fbff56;
--neutralwhite: #ffffff;
--neutralblack: #000000;
--bigradius: 64px;
}
.white {
color: var(--neutralwhite);
} .et_pb_column {
margin-bottom: 24px;     
}
.fuilde{display: inline;} .header, .header-mobile{
display: inline-block;
transition: all 0.5s ease-in-out;
} 
.header-mobile {
position: relative;
max-width: 600px;
width: 100%;
}
h1 {
font-size: 42px;
line-height: 130%;
font-weight : 700;
color: var(--neutralwhite);
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 1px var(--neutralwhite);
}
h1 span{
display: inline-block;
font-size: 42px;
line-height: 130%; 
}
.header-mobile h1:before{
content: url(//verbeactif.com/wp-content/themes/Divi-child/img/tiret-small.svg);
position: relative ;
bottom: 8px;
margin-right: 12px;
}
.header-mobile h1.slide2:before{
content: url(//verbeactif.com/wp-content/themes/Divi-child/img/tiret-trait-small.svg);
position: relative ;
bottom: 8px;
margin-right: 12px;
}
.slide2::after{
content:'';
background: url(//verbeactif.com/wp-content/themes/Divi-child/img/pouvoir.gif);
width:  80px;
height: 80px;
background-size: contain;
position: absolute;
bottom:-80px;
right: 24px;
}
h1>span.white{
-webkit-text-stroke: 1px var(--neutralwhite);
-webkit-text-fill-color: var(--neutralwhite)!important;
}
h1>span.yellow{
-webkit-text-stroke: 2px var(--yellow) !important;
-webkit-text-fill-color: var(--yellow)!important;
}
.header h1 a, 
.header-mobile h1 a{
font-weight: 300 !important;
font-size: 17px;
color: #0000FF !important ;
-webkit-text-fill-color: initial !important;
-webkit-text-stroke: initial !important;
vertical-align: middle;
}  .header-mobile h1.slide2 {
position: absolute;
top:0; 
left: 0;
right: 0; 
opacity: 0;
} .header-mobile h1.slide1 {
animation: fadeSlide1 10s infinite;
-moz-animation: fadeSlide1 10s infinite;
-webkit-animation: fadeSlide1 10s infinite;
-o-animation: fadeSlide1 10s infinite;
} .header-mobile h1.slide2 {
animation: fadeSlide2 10s infinite;
-moz-animation: fadeSlide2 10s infinite;
-webkit-animation: fadeSlide2 10s infinite;
-o-animation: fadeSlide2 10s infinite;
} @keyframes fadeSlide1 {
0% {opacity: 1;}
20% {opacity: 1;}
40% {opacity: 0;}
70% {opacity: 0;}
90% {opacity: 1;}
100% {opacity: 1;}
}
@-webkit-keyframes fadeSlide1 {
0% {opacity: 1;}
20% {opacity: 1;}
40% {opacity: 0;}
70% {opacity: 0;}
90% {opacity: 1;}
100% {opacity: 1;}
}
@-moz-keyframes fadeSlide1 {
0% {opacity: 1;}
20% {opacity: 1;}
40% {opacity: 0;}
70% {opacity: 0;}
90% {opacity: 1;}
} @keyframes fadeSlide2 {
0% {opacity: 0;}
20% {opacity: 0;}
40% {opacity: 1;}
70% {opacity: 1;}
90% {opacity: 0;}
100% {opacity: 0;}
}
@-webkit-keyframes fadeSlide2 {
0% {opacity: 0;}
20% {opacity: 0;}
40% {opacity: 1;}
70% {opacity: 1;}
90% {opacity: 0;}
100% {opacity: 0;}
}
@-moz-keyframes fadeSlide2 {
0% {opacity: 0;}
20% {opacity: 0;}
40% {opacity: 1;}
70% {opacity: 1;}
90% {opacity: 0;}
100% {opacity: 0;}
}
h2{
font-size: 32px;
font-weight: 700;
line-height: 100%;
} 
h3 {
font-size: 42px;
line-height: 90%; 
font-weight: 700;
-webkit-text-stroke: 1px var(--primaryblue);
color: var(--primaryblue);
text-transform: uppercase;
}
h3>span {
-webkit-text-fill-color: transparent !important;
-webkit-text-stroke: 2px var(--primaryblue);
padding: 0;
}
h4{
font-size: 25px;
line-height: 90%; 
font-weight: 700;
} h4>span {
font-weight: 300;
} .subtitle, .subtitle p {
font-size: 15px;
font-weight : 300;
line-height: 1.5;
}
p{
font-size: 18px;
font-weight: 300;
line-height:120%;
}
p.small, .small p{
font-size: 14px;
font-weight:300;
line-height:120%;
} .bg-light>*, .bg-light h3, .bg-light a{
color: var(--primaryblue); 
}
.ml-10{
margin-left: 0;   
}
body .et_pb_button,
.et_button_icon_visible.et_button_left .et_pb_button,
.et_button_icon_visible .et_pb_button, 
.et_button_left .et_pb_button:hover, 
.et_button_left .et_pb_module .et_pb_button:hover,
.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, 
.et_button_no_icon.et_button_left .et_pb_button:hover, 
.et_button_no_icon .et_pb_button, 
.et_button_no_icon .et_pb_button:hover{
font-weight: 300 !important;
font-size: 14px;
padding: 12px 16px !important;
display: inline-block;
} .et_pb_scroll_top.et-pb-icon{
border-radius: 64px;
border: 1px solid var(--yellow, #FBFF56);
opacity: 0.5;
background: rgba(0, 0, 255, 0.2);
width: 52px;
height: 52px;   
right: 12px ;
bottom: 42px;
display: flex;
align-items: center;
justify-content: center;
} .et_pb_menu .et_pb_menu__menu,                    
.et_pb_menu .et_pb_menu__menu > nav > ul,
.et_pb_menu .et_pb_menu__menu > nav > ul > li
{align-items: center;}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.after:after{
content:'\—';
margin-left:22px;
padding-bottom: 8px;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li a svg path#lkin{   
fill:var(--neutralwhite);
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li a:hover svg path#lkin{
fill:var(--yellow) !important;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.cta-contact,
.cta-contact.mobile{
display: flex;
align-items: center;
justify-content: center;
width: 54px;
height: 54px;
min-width: 54px;
border-radius: var(--bigradius);
border: 1px solid var(--yellow, #FBFF56);
transition: all 0.3s ease;
}
.cta-contact.mobile{
margin-right: 12px;         
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.cta-contact:hover {
color: var(--primaryblue);
background: var(--yellow);
border: 1px solid var(--yellow, #FBFF56);
width: auto ; 
padding-left: 24px;
padding-right :24px;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.cta-contact:hover a {
color: var(--primaryblue)!important;
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.cta-contact a{
text-align: center;align-self: center; padding-bottom: 0;} .tag .tag-content, 
.prestations-tags .tag-content{
color: var(--primaryblue);
font-size: 12px;
font-weight: 300;
line-height: 130%;
border : solid 1px var(--primaryblue);
border-radius: 48px;
padding : 8px 16px;
margin-right : 8px;
margin-bottom: 8px;
position: relative;
display: inline-block;
}
.tag .tag-content p, 
.prestations-tags .tag-content {
color: var(--primaryblue);
font-size: 12px;
font-weight: 300;
line-height: 130%;
}
.tag .infobulle,
.prestations-tags .infobulle{
font-weight: 700;
font-size: 12px;
text-align: center;
color: var(--primaryblue);
align-content: center;
width:28px;
height: 28px;
background-color: var(--yellow);
border-radius: 48px;
position: absolute;
top: -16px;
right:0;
z-index: 10;
}
.tag .infobulle .infobulle-content,
.prestations-tags .infobulle .infobulle-content{
visibility: hidden;
opacity: 0;
background-color: var(--neutralwhite);
padding: 8px 12px;
border-radius: 2px;
box-shadow: 0px 0px 20px 0px #0000FF33;
font-weight: 400;
font-size: 13px;
line-height: 130%;
text-align: center;
color: var(--neutralblack); 
animation-duration: 0.3s;
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
position: absolute;
bottom: 150%; left: 50%; transform: translateX(-50%); z-index: 1000;
transition: visibility 0.3s ease, opacity 0.3s ease,transform 0.3s ease;
pointer-events: none;
white-space: normal; max-width: 90vw; min-width: 100px;
word-wrap: break-word; }
.tag .infobulle .infobulle-content{
bottom: 150%;
left: -10px;
}
.prestations-tags .infobulle .infobulle-content{
bottom: 150%;
left: -10px;
}
.infobulle-content::after {
content: '';
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: var(--neutralwhite);
}
.tag .infobulle:hover>.infobulle-content,
.prestations-tags .infobulle:hover>.infobulle-content {
visibility: visible;
opacity: 1;
} .marquee-container {
overflow: hidden;
white-space: nowrap;
position: relative;
width: 100%;
padding: 40px 0;
}
.marquee-track {
display: inline-block;
animation: scroll-left 240s linear infinite;
padding : 12px 0;
}
.marquee-word {
transition: all 0.3s ease;
display: inline-block;
margin: 0 2rem;
font-size: 60px;
font-weight: 700;
line-height: 90%; text-transform: uppercase;
position: relative;
cursor: pointer;
}
:nth-child(odd of span.marquee-word){ 
color: var(--Neutral-White, #FFF);
-webkit-text-fill-color: var(--neutralwhite, #FFF);
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--neutralwhite, #FFF);
}
:nth-child(even of span.marquee-word){
-webkit-text-fill-color: transparent;
-webkit-text-stroke-width: 1px;
-webkit-text-stroke-color: var(--neutralwhite, #FFF);
}
.marquee-word .hover-gif {
position: absolute;
transition: all 0.3s ease-in-out;
z-index: 10;
max-width: 70px;
max-height: 70px;
width: auto;
height: auto;
}
:nth-child(even of span.marquee-word) .hover-gif{ top:-20px;
left: 20%;
}
:nth-child(odd of span.marquee-word) .hover-gif{ bottom:-16px;
right: 30%;
}
:nth-child(3n of span.marquee-word) .hover-gif{ top:-50px;
right: 10%;
}
.marquee-word.word-imaginer .hover-gif {
top: -20px;
right: 50%;
transform: translateX(50%);
} 
.marquee-word.word-experimenter .hover-gif, 
.marquee-word.word-captiver .hover-gif {
bottom: -10px;
right: 40%;
transform: translateX(50%);
} 
.marquee-container:hover .marquee-track {
animation-play-state: paused;
}
@keyframes scroll-left {
from { transform: translateX(0); }
to { transform: translateX(-100%); }
}  
.align-middle{
transform: none;
}
.link{padding:0 !important; margin-bottom:0 !important;}
.cta-lkin{
border-radius: var(--bigradius);
border: 1px solid var(--primaryblue);
padding:8px 16px;
vertical-align: middle;
font-size: 14px;
font-weight: 300;
display: inline-block;
margin-top: 8px;
}
.cta-lkin img{
vertical-align: middle;
margin-right: 8px;
} input.text, 
input.title, 
input[type="email"], 
input[type="password"], 
input[type="tel"], 
input[type="text"], 
select, 
textarea{
background: transparent;
border: 1px solid var(--primaryblue);
border-radius: 4px;
padding: 16px 24px;
}
input.text:focus, 
input.title:focus, 
input[type="email"]:focus, 
input[type="password"]:focus, 
input[type="tel"]:focus, 
input[type="text"]:focus, 
select:focus, 
textarea:focus{
background: rgba(255, 255, 255, .2);
outline-color: var(--neutralwhite);
border: 1px solid var(--neutralwhite);
}
input[type="submit"]{
padding: 26px 32px 026px 24px; 
background: var(--primaryblue);
color: var(--yellow);
font-size: 17px;
border-radius: var(--bigradius);
border: none;
cursor: pointer;
float: right;
transition: all 0.3s ease-in-out;
}
.ninja-forms-field::placeholder, 
.nf-form-fields-required{
font-family: "Space Grotesk";
font-size: 16px;
font-weight: 300;
line-height: 130%; color: var(--primaryblue);
}
.nf-fields-wrap{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.nf-field{
width: 100%;
} .et_pb_with_border{
border-color: var(--primaryblue);
} .custom-mobile-menu {
position: relative;
width: 100%;
box-sizing: border-box;
}
.menu-toggle-btn {
width: 54px;
height: 54px;
border-radius: 50%;
background: var(--yellow);
border: 1px solid var(--yellow);
cursor: pointer;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 24px;
position: relative;
}
.hamburger-line {
width: 20px;
height: 3px;
background: #3D4AED;
display: block;
border-radius: 2px;
} .mobile-menu-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: #3D4AED;
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.mobile-menu-overlay.active {
opacity: 1;
visibility: visible;
}
.mobile-menu-content {
position: relative;
width: 90%;
max-width: 400px;
height: 80vh;
background: #F4FF3A;
margin: 24px auto;
border-radius: 28px;
padding: 40px 24px 40px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
} .menu-close-btn {
position: absolute;
top: 24px;
right: 24px;
background: none;
border: none;
cursor: pointer;
line-height: 1;
padding: 0;
width: 40px;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
} .mobile-nav {
display: flex;
flex-direction: column;
gap: 36px;
margin-top: 60px;
flex-grow: 1;
align-items: center;
}
.mobile-nav-item {
color: var(--primaryblue);
text-decoration: none;
font-size: 32px;
font-weight: 700;
line-height: 100%;
transition: opacity 0.2s ease;
}
.mobile-nav-item:hover {
opacity: 0.7;
} body.menu-open {
overflow: hidden;
} @media screen and (min-width :768px ) {
.mobile-only{display:none;}
.et_pb_column {
margin-bottom: unset;     
}
h1 {
font-size: 124px; 
line-height: 90%; 
}
h1 span {
display: inline-block;
font-size: 124px;
line-height: 90%; 
} 
h2{
font-size: 52px; 
line-height: 120%;
} 
h3 {
font-size: 76px;
}
h4{
font-size: 52px; 
}
.subtitle, .subtitle p {
font-size: 19px; 
}
p{
font-size: 24px;
font-weight: 300;
}
p.small, .small p{
font-size: 16px;
font-weight:300;
}
.et_pb_menu_0_tb_header.et_pb_menu ul li a,
.et_pb_menu .et_pb_menu__menu > nav > ul > li{
color: var(--neutralwhite);
} nav.et-menu-nav.on-light>ul>li,
nav.et-menu-nav.on-light>ul>li a{
color: var(--primaryblue);
}
.et_pb_menu .et_pb_menu__menu > nav.et-menu-nav.on-light > ul > li a svg path#lkin{   
fill:var(--primaryblue);
}
.et_pb_menu .et_pb_menu__menu > nav > ul > li.cta-contact{
width: 78px;
height: 78px;
min-width: 78px;
margin-left:40px;
} .et_pb_scroll_top.et-pb-icon{
width: 78px;
height: 78px;   
right: 32px ;
bottom: 64px;
} .header {
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
cursor: pointer;
}
.header h1::before{
content: url(//verbeactif.com/wp-content/themes/Divi-child/img/tiret-plein.svg);
position: relative;
bottom: 38px;
margin-right: 12px;
opacity: 1;
transition: opacity 0.4s ease-in-out;
} .header:hover h1::before {
content: url(//verbeactif.com/wp-content/themes/Divi-child/img/tiret.svg);
} .word-animation-container {
position: relative;
display: inline-block;
min-width: 120px; vertical-align: top;
}
.word-default,
.word-hover {
position: absolute;
top: 0;
left: 0;
white-space: nowrap;
transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
} .word-default {
opacity: 1;
-webkit-text-stroke: 1px var(--neutralwhite);
-webkit-text-fill-color: var(--neutralwhite);
}
.word-hover {
opacity: 0;
-webkit-text-fill-color: var(--yellow);
-webkit-text-stroke: 2px var(--yellow);
} .header:hover .word-default {
opacity: 0;
}
.header:hover .word-hover {
opacity: 1;
} .hover-effect {
-webkit-text-fill-color: transparent;
-webkit-text-stroke: 2px var(--neutralwhite);
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header:hover .hover-effect {
-webkit-text-stroke: 2px var(--yellow);
} .anim {
position: relative;
-webkit-text-stroke: 2px var(--yellow);
}
.anim::after {
content: '';
background: url(//verbeactif.com/wp-content/themes/Divi-child/img/pouvoir.gif);
width: 100px;
height: 100px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
top: -8px;
right: 30px;
opacity: 0;
visibility: hidden;
transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
transform: scale(0.8);
}
.header:hover .anim::after {
opacity: 1;
visibility: visible;
transform: scale(1);
} #inside {
fill: var(--yellow);
transition: fill 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.header:hover #inside {
fill: none;
} .marquee-word,  
.marquee-word:nth-child(odd),
.marquee-word:nth-child(even) {
opacity: 0.4;
color: transparent;
-webkit-text-fill-color: transparent !important;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--neutralwhite, #FFF);
font-size: 104px;
color: transparent;
}
.marquee-word:hover,
.marquee-word:nth-child(odd):hover,
.marquee-word:nth-child(even):hover {
opacity: 1;
color: var(--Neutral-White, #FFF);
-webkit-text-fill-color: var(--neutralwhite, #FFF) !important;
-webkit-text-stroke-width: 2px;
-webkit-text-stroke-color: var(--neutralwhite, #FFF);
font-size: 104px;
}
.marquee-word .hover-gif {
display: none;
position: absolute;
transition: all 0.3s ease-in-out;
z-index: 10;
max-width: 100px;
max-height: 100px;
width: auto;
height: auto;
}
.marquee-word:hover .hover-gif {
display: block;
}
.align-middle{
transform: translateY(-12px);
}
.tag .tag-content, 
.prestations-tags .tag-content{
font-size: 16px;
}
.tag .tag-content p, 
.prestations-tags .tag-content {
color: var(--primaryblue);
font-size: 16px;
}
.tag .infobulle .infobulle-content,
.prestations-tags .infobulle .infobulle-content{
white-space: nowrap; max-width: 400px; }
.cta-lkin{
font-size: 17px;
}
.nf-field:has(.w-half){
width: 49% !important; 
}   
.nf-field:has(.w-40){
width: 39%; 
} 
.nf-field:has(.w-60){
width: 59%; 
} 
body .et_pb_button,
.et_button_icon_visible.et_button_left .et_pb_button,
.et_button_icon_visible .et_pb_button, 
.et_button_left .et_pb_button:hover, 
.et_button_left .et_pb_module .et_pb_button:hover,
.et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button, 
.et_button_no_icon.et_button_left .et_pb_button:hover, 
.et_button_no_icon .et_pb_button, 
.et_button_no_icon .et_pb_button:hover{
font-size: 17px;
padding: 24px !important;
display: inline-block;
}
} @media screen and (min-width :981px ) {
.ml-10{
margin-left: 10%;   
}
}