::selection{
color: red;
color: var(--select-bg);
} .fluid-width-video-wrapper {
clip-path: inset(1px 2px)!important;
}
.fluid-width-video-wrapper iframe[src*="vimeo"] { transform: none !important;
filter: none !important;
opacity: 1 !important;
image-rendering: auto !important; will-change: auto !important;
backface-visibility: visible !important;
} html {
font-size: calc(.05rem + .635vw);
}
@media (max-width: 940px) {
html { font-size: 50%; }
} cite, em, i { font-family:'Pipe medium italic', sans-serif!important;
font-style:normal!important;
} input[type=search]::-ms-clear {display: none; width : 0; height: 0;}
input[type=search]::-ms-reveal {display: none; width : 0; height: 0;} input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;} h1, h2, h3, h4, h5, h6 {
padding-bottom: 0px;
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
margin-top: 0px;
padding-bottom: 0px;
}
.et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a {
padding-bottom: 0px;
}
p {
padding-bottom: 0px;
} html, body {-webkit-font-kerning: normal;
font-kerning: normal;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
text-rendering: geometricPrecision;} .et_mobile_nav_menu {
display:none!important;
}
.et_pb_menu__menu {
display:block!important;
} .descriptif-projet p{
white-space-collapse: break-spaces;
text-wrap: balance;
}
.descriptif-projet-apropos p {
text-wrap: balance;
}
p {
text-wrap: balance;
}  @media all and (min-width: 1920px) and (max-width: 5000px) {
.descriptif p, #CTA .et_pb_text_inner {
font-size:43px!important;
line-height: 55px;
}
.index h3, #menu-projet ul li a {
font-size:30px!important;
}
.descriptif-projet p{ font-size: 30px!important;
line-height: 1.3em;
}
.descriptif-projet .et_pb_text {
padding-top: 30px!important;
padding-right: 16em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}
.espace-descriptif {
padding-top: 0px!important;
padding-right: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px!important;	
}
.descriptif .et_pb_text {
padding-top: 30px!important; padding-right: 16em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
} .colonne-apropos-titre  { 
width: 30%!important;
margin-right: 6em!important;
}
.colonne-apropos  { 
padding-right:18em!important;
width: 70%!important;
}
.descriptif-projet-apropos p, .descriptif-projet-apropos h2 
{
font-size: 30px!important;
line-height: 1.3em;
} .descriptif, .descriptif-projet  {
min-height: 100vh;
min-height: calc(100*var(--vh));
height:100vh;
}
.footer-section{
position: absolute!important;
}
} @media all and (min-width: 1401px) and (max-width: 1919px) {
.descriptif p, #CTA .et_pb_text_inner {
font-size:38px!important;
line-height: 49px;
}
.index h3, #menu-projet ul li a  {
font-size:30px!important;
}
.descriptif-projet p{ font-size: 30px!important;
line-height: 1.3em;
}
.descriptif-projet .et_pb_text {
padding-top: 30px!important;
padding-right: 7em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}
.espace-descriptif {
padding-top: 0px!important;
padding-right: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px!important;	
}
.descriptif .et_pb_text {
padding-top: 30px!important; padding-right: 30%!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}
} .colonne-apropos-titre  { 
width: 25%!important;
margin-right: 4em!important;
}
.colonne-apropos  { 
padding-right:13em!important;
width: 70%!important;
}
.descriptif-projet-apropos p, .descriptif-projet-apropos h2 
{
font-size: 25px!important;
line-height: 1.3em;
} .descriptif, .descriptif-projet  {
min-height: 100vh;
min-height: calc(100*var(--vh));
height:100vh;
}
.footer-section{
position: absolute!important;
} @media all and (min-width: 1600px) and (max-width: 1919px) {
.descriptif-projet .et_pb_text {
padding-top: 30px!important;
padding-right: 14em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}
} @media (aspect-ratio: 16/9) {
.descriptif .et_pb_text {
padding-top: 30px!important;
padding-right: 10em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}} @media only screen and (min-width : 1200px) and (max-width : 1400px) and (orientation: landscape) {
.descriptif-projet p{ font-size: 25px!important;
line-height: 1.3em;
}
.descriptif p, #CTA .et_pb_text_inner{
font-size:2.9vw!important;
line-height:1.2em!important;
}
.index h3, #menu-projet ul li a  {
font-size:2vw!important;
}
.espace-descriptif {
padding-top: 0px!important;
padding-right: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px!important;	
}
.descriptif .et_pb_text {
padding-top: 30px!important;
padding-right: 6em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}
.descriptif-projet .et_pb_text {
padding-top: 30px!important;
padding-right: 9em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
} .colonne-apropos-titre  { 
width: 23%!important;
margin-right: 4em!important;
}
.colonne-apropos  { 
padding-right:1em!important;
width: 70%!important;
}
.descriptif-projet-apropos p, .descriptif-projet-apropos h2 
{
font-size: 25px!important;
line-height: 1.3em;
}
.footer-section{
position: absolute!important;
} .colonne-2-footer { padding-left: 3%!important;
}
.colonne-3-footer { padding-left: 7%!important;
} .descriptif, .descriptif-projet{
min-height: 100vh;
min-height: calc(100*var(--vh));
}
} @media only screen and (min-width : 900px) and (max-width : 1199px) and (orientation: landscape) {
.descriptif-projet p{ font-size: 20px!important;
line-height: 1.3em;
}
.descriptif p, #CTA .et_pb_text_inner{
font-size:2.9vw!important;
line-height:1.2em!important;
}
.index h3, #menu-projet ul li a  {
font-size:2.9vw!important;
}
.espace-descriptif {
padding-top: 0px!important;
padding-right: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px!important;	
}
.descriptif .et_pb_text {
padding-top: 30px!important;
padding-right: 2em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}
.descriptif-projet .et_pb_text {
padding-top: 30px!important;
padding-right: 5em!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
} .colonne-apropos-titre  { 
width: 25%!important;
margin-right: 4em!important;
}
.colonne-apropos  { 
padding-right:5em!important;
width: 70%!important;
}
.descriptif-projet-apropos p, .descriptif-projet-apropos h2 
{
font-size: 20px!important;
line-height: 1.3em;
}
.footer-section{
position: absolute!important;
}
.colonne-2-footer { padding-left: 3%!important;
}
.colonne-3-footer { padding-left: 7%!important;
} .descriptif, .descriptif-projet{
min-height: 100vh;
min-height: calc(100*var(--vh));
}
.footer-section {
position: absolute !important;
}
} @media all and (min-width: 801px) and (max-width: 1400px)  and (orientation: portrait)  {
.descriptif p, #CTA .et_pb_text_inner {
font-size:33px!important;
line-height:43px!important;
}
.index h3, #menu-projet ul li a  {
font-size:33px!important;
}
.espace-descriptif {
padding-top: 0px!important;
padding-right: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px!important;
display:flex;
}
.descriptif .et_pb_text {
padding-top: 30px!important;
padding-right: 4em!important;
padding-bottom: 60px!important;
padding-left: 30px!important;	
}
.descriptif-projet .et_pb_text {
padding-top: 30px!important;
padding-right: 6em!important;
padding-bottom: 60px!important;
padding-left: 30px!important;	
}
.descriptif-projet p{ font-size: 20px!important;
line-height: 1.3em;
} .descriptif, .descriptif-projet, .descriptif-accueil {
min-height: auto!important;
}
.footer-section {
position: relative !important;
} .colonne-apropos-titre  { 
width: 30%!important;
margin-right: 3em!important;
}
.colonne-apropos  { 
padding-right:0em!important;
width: 70%!important;
}
.descriptif-projet-apropos p, .descriptif-projet-apropos h2 
{
font-size: 20px!important;
line-height: 1.3em;
}
} @media all and (max-width: 800px){
.descriptif p, #CTA .et_pb_text_inner {
font-size:20px!important;
line-height:1.2em!important;
}
.index h3, #menu-projet ul li a  {
font-size:20px!important;
}
#menu-projet .et-menu>li {
padding-left: 10px;
padding-right: 0px;
}
.descriptif p {
padding-bottom:10px!important;
}
.descriptif-projet p  {
font-size:16px!important;
line-height:1.35em!important;
}
.espace-descriptif {
padding-top: 0px!important;
padding-right: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px!important;	
}
.descriptif .et_pb_text, .descriptif-projet .et_pb_text  {
padding-top: 15px!important;
padding-right: 15px!important;
padding-bottom: 0px!important;
padding-left: 15px!important;	
} .descriptif, .descriptif-projet, .descriptif-accueil {
min-height: auto!important;
}
.p-small {font-size:14px!important;
} .colonne-apropos-titre  { 
width: 100%!important;
margin-right: 3em!important;
}
.colonne-apropos  { 
padding-right:0em!important;
width: 100%!important;
}
.descriptif-projet-apropos p, .descriptif-projet-apropos h2 
{
font-size: 16px!important;
line-height: 1.35em;
}
.descriptif-projet-apropos h2 
{
padding-bottom:15px;
padding-top:15px;
background-color:white;
color: black;
}
.et_pb_module.pesl_pepite_slider .pesl_slider_container_inner>.pesl_slide_description {
padding:15px!important;
}
.swiper-item-count {
padding-bottom: 10px!important;
padding-right: 0px!important;
font-size: 14px!important;
}
h2.et_pb_slide_title  {
font-size:14px!important;
}
} @media all and (max-width: 849px)  and (orientation: landscape){
.descriptif p, #CTA .et_pb_text_inner, .descriptif-projet p {
font-size:4.5vw!important;
line-height:1.3em!important;
}
.espace-descriptif {
padding-top: 0px!important;
padding-right: 0px!important;
padding-bottom: 0px!important;
padding-left: 0px!important;	
}
.descriptif .et_pb_text, .descriptif-projet .et_pb_text {
padding-top: 30px!important;
padding-right: 30px!important;
padding-bottom: 0px!important;
padding-left: 30px!important;	
}
}  .et_pb_menu .et-menu>li {
padding-left: 15px;
padding-right: 0px;
}
.fonderie a
{margin-right:30px;}
.et-menu .fonderie a:hover {
opacity:100%;
color:inherit;}
.et-menu a:hover, #pepite-titre:hover{
opacity: 0.7;
-webkit-transition: opacity 0.2s ease-in-out !important;
transition:opacity 0.2s ease-in-out !important;
}
.et-menu a {
-webkit-transition: all .0s ease-in-out;
transition: all .0s ease-in-out;
}
ul#menu-menu-pepite {
letter-spacing: 0.01em;
} .fonderie > a:after {
font-family: 'Signes';
content: 'B';
text-align: center;
vertical-align: middle;
margin-left: 0.2rem;
font-size: 30px;
transition: transform ease-in-out 0.2s, color 0s;
transition-timing-function: ease;
position: absolute;
transform: translate(0rem, 0rem);
top: -5px;
}
.fonderie > a:hover:after {
transform: translate(0.3rem, -0.3rem);
} @media only screen and ( max-width: 900px ) {
.fonderie > a:after {
font-size: 25px;
top: -2px;
}
} p.icon-web, p.icon-web a {
font-family: 'ETMODULES'!important;
} p.retrait   {text-indent: 2.2em;} .button-social a:hover {
text-decoration: none;
text-transform: lowercase;
font-family: 'Signes';
}
.button-social a, .button-social {
font-family: 'Signes';
} div#et-main-area {
overflow-y: hidden;
} .emoji, .emoji-coeur {
font-size:calc((100% + 3px));
letter-spacing:0em;
} p.credit {
font-size:calc((100% - 0.55em))!important;
} .p-small {letter-spacing:0.01em;} .et_pb_slide_video {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
@media all and (max-width: 900px){
.et_pb_slide_video {
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: fit-content!important;
}} body {
overflow: hidden; color:black;
}
#box  {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100svh;
background: white; display: flex;
flex-direction: column;
justify-content: flex-end;
z-index: 9999;
}
@media all and (max-width: 900px){
#box {
justify-content: center;
}
}
.box-mover {
-webkit-animation: mover 1s ease-in-out forwards ;
-moz-animation: mover 1s ease-in-out forwards ;
-o-animation: mover 1s ease-in-out forwards;
animation: mover 1s ease-in-out forwards ;
overflow:hidden;
opacity: 1;
animation-delay:2000ms;
}
@-webkit-keyframes mover {
0% { opacity: 100%; }
100% { opacity: 0%; }
} 
@-moz-keyframes mover {
0% { -moz-opacity: 100%; }
100% { -moz-opacity: 0%; }
} 
@-o-keyframes mover {
0% { -o-opacity: 100%; }
100% { -o-opacity: 0%; }
} 
@keyframes mover {
0% { opacity: 100%;}
100% { opacity: 0%;
position:absolute;
display:none;}
} #header {
-webkit-animation: fadeInTop 1s ease-in-out forwards ;
-moz-animation: fadeInTop 1s ease-in-out forwards ;
-o-animation: fadeInTop 1s ease-in-out forwards;
animation: fadeTopheader 1s ease-in-out forwards ;
opacity: 1;
animation-delay:0ms;
}
@-webkit-keyframes fadeTopheader {
0% {  opacity: 0;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);}
70% {  opacity: 0;}
100% {     opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
} 
@-moz-keyframes fadeTopheader {
0% {  -moz-opacity: 0;
-moz-transform: translateY(-20%);}
70% {  -moz-opacity: 0;}
100% {     -moz-opacity: 1;
-moz-transform: translateX(0);}
} 
@-o-keyframes fadeTopheader {
0% {  -o-opacity: 0;
-o-transform: translateY(-20%);}
70% {  -o-opacity: 0;}
100% {     -o-opacity: 1;
-o-transform: translateX(0);}
} 
@keyframes fadeTopheader {
0% {  opacity: 0;
transform: translateY(-20%);}
70% {  opacity: 0;}
100% {     opacity: 1;
transform: translateX(0);}
} .image-aleatoire-svg {
display: none;
}
.image-aleatoire-svg {  
-webkit-animation: logo 0.5s ease-in-out forwards ;
-moz-animation: logo 0.5s ease-in-out forwards ;
-o-animation: logo 0.5s ease-in-out forwards;
animation: logo 0.5s ease-in-out forwards ;
overflow:hidden;
opacity:1;
animation-delay:0ms;}
@-webkit-keyframes logo {
0% { opacity: 0%; }
100% { opacity: 100%; }
} 
@-moz-keyframes logo {
0% { -moz-opacity: 0%; }
100% { -moz-opacity: 100%; }
} 
@-o-keyframes logo {
0% { -o-opacity: 0%; }
100% { -o-opacity: 100%; }
} 
@keyframes logo {
0% { opacity: 0%; }
100% { opacity: 100%;}
} .hidden {
display: none;
} .pesl_slide_description {
z-index: 100;
position: absolute;
top: auto!important;
bottom:0;
display:flex;
justify-content:flex-start!important;
align-items:center;
padding:30px!important;
left: 0!important;
width: 100%!important;
height: auto!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
h2.et_pb_slide_title  {
font-family: 'Pipe medium';
font-size: 16px;
color: black;
}
h2.et_pb_slide_title a {
padding: 1rem;
padding-left: 0;
}
h2.et_pb_slide_title a:after {
font-family: 'Signes';
content: 'C';
text-align: center;
vertical-align: sub;
margin-left: 0.2rem;
font-size: 30px;
transition: all .3s ease;
line-height: 0.3em;
}
h2.et_pb_slide_title a:hover:after {
margin-left: 10px;
}
#projet h2.et_pb_slide_title a:after {
content: 'G';
position: absolute;
transform: translateY(-0.3rem);
margin-left: 0.2rem;
}
#projet h2.et_pb_slide_title a:hover:after {
margin-left: 0.2rem;
transform: translateY(0.1rem);
} @media only screen and ( max-width: 900px ) {
h2.et_pb_slide_title a:after {
font-size: 25px;
margin-left: 5px;
line-height: 0.2em;
}
.et_pb_menu .et-menu>li {
padding-left: 25px;
padding-right: 0px;
}
h2.et_pb_slide_title a:hover:after {
margin-left: 10px;
}}
.slide_content_wrapper {
display: flex;
align-items: flex-end;
justify-content:center;
}
.swiper-item-count {
position: absolute;
z-index: 10;
left: 50%;
transform: translateX(-50%);
bottom: 0;
padding-bottom: 25px;
padding-right:0px;
font-family: 'Pipe medium';
font-size: 16px;
}   svg#pepite-corporate {
width: 80px;
margin-left: 3px;
}
@media (max-width: 940px) {
svg#pepite-corporate {
width: 65px;
}
} body.et_pb_bg_layout_dark .swiper-item-count,  body.et_pb_bg_layout_dark .header-pepite svg#pepite-corporate,  
body.et_pb_bg_layout_dark .header-pepite, body.et_pb_bg_layout_dark .header-pepite h1, 
body.et_pb_bg_layout_dark .header-pepite a, body.et_pb_bg_layout_dark .fonderie > a:after, body.et_pb_bg_layout_dark .swiper-button-next, body.et_pb_bg_layout_dark .swiper-button-prev{
color: white;
fill:white;
}
.swiper-item-count,
.header-pepite, 
.header-pepite h1, .header-pepite p, .header-pepite svg#pepite-corporate,
.header-pepite a, 
.fonderie > a:after, .swiper-button-next, .swiper-button-prev{
color: black;
fill:black;
} .et_pb_slide_video .fluid-width-video-wrapper iframe, 
.et_pb_slide_video .fluid-width-video-wrapper object,
.et_pb_slide_video  .fluid-width-video-wrapper embed {
pointer-events: none;
}
.fluid-width-video-wrapper {
pointer-events: none;
} .et_pb_scroll_top.et-pb-icon {
background: transparent;
bottom: calc(100% - 60px);
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
display: none;
cursor: pointer;
font-size: 30px;
padding: 0;
margin-right: 30px;
color: black;
}
.et_pb_scroll_top.et-visible {
opacity: 1;
-webkit-animation: fadeInBottom 0s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeInBottom 0s 1 cubic-bezier(0.77, 0, 0.175, 1);
}
.et_pb_scroll_top:before {
content: 'A';
font-family: 'Signes' !important;
font-weight: 400;
font-size:40px;
}
.et_pb_scroll_top.et-hidden {
opacity: 0;
-webkit-animation: fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
animation: fadeOutTop 1s 1 cubic-bezier(0.77, 0, 0.175, 1);
} @media only screen and ( max-width: 900px ) {
.et_pb_scroll_top.et-pb-icon {
bottom: calc(0% + 30px);
}} .has-cursor-next *:not(a) {
cursor: url(https://www.pepite.world/wp-content/uploads/2024/10/curseur-droit.svg) 50 25,auto!important;
}
@media not all and (min-resolution:.001dpcm) { 
.has-cursor-next *:not(a) {
cursor: e-resize!important;}
.has-cursor-prev *:not(a) {
cursor: w-resize!important;
}
}
.fleche-contact {
font-family: 'Signes';
margin-left: 0.3rem;
font-size: 30px;
-moz-animation: bounce 1s ease-in-out infinite;
-webkit-animation: bounce 1s ease-in-out infinite;
-o-animation: bounce 1s ease-in-out infinite;
animation: bounce 1s ease-in-out infinite;
position: absolute;
top: -0.3rem;
} @keyframes bounce {
0% {transform: translate(0rem, 0rem); }
50% { transform: translate(0.2rem, 0.2rem); }
100% { transform: translate(0rem, 0rem); }
}
@-moz-keyframes bounce {
0% { transform: translate(0rem, 0rem); }
50% { transform: translate(0.2rem, 0.2rem); }
100% { transform: translate(0rem, 0rem); }
}
@-webkit-keyframes bounce {
0% { transform: translate(0rem, 0rem); }
50% { transform: translate(0.2rem, 0.2rem); }
100% { transform: translate(0rem, 0rem); }
}
@-o-keyframes bounce {
0% { transform: translate(0rem, 0rem); }
50% { transform: translate(0.2rem, 0.2rem); }
100% { transform: translate(0rem, 0rem); }
} .accueil h2.et_pb_slide_title {
width: 100%;
text-align: left;
}
.accueil h2.et_pb_slide_title a:before {
content: "Voir le projet";
position: absolute;
left: 50%;
transform: translateX(-50%);
}
.accueil h2.et_pb_slide_title a:after {
font-family: 'Signes';
content: 'C';
vertical-align: sub;
margin-left: 0;
font-size: 30px;
transition: all .3s ease;
right: 50%;
position: absolute;
width: 130px;
text-align: end;
transform: translateX(24px);
visibility:hidden;
}
.accueil h2.et_pb_slide_title a:hover:after {
transform: translateX(29px);
} @media only screen and ( max-width: 900px ) {
.accueil h2.et_pb_slide_title a:after {
right: auto;
width: fit-content;
text-align: end;
transform: translateX(0px);
position: initial!important;
margin-left: 5px;	
visibility: visible;
}
.accueil h2.et_pb_slide_title a:hover:after {
margin-left: 10px;
}
.accueil h2.et_pb_slide_title a:before {
right: 50%;
display:none;
}} #index-projet {
-webkit-animation: fadeInBottom 1s ease-in-out forwards ;
-moz-animation: fadeInBottom 1s ease-in-out forwards ;
-o-animation: fadeInBottom 1s ease-in-out forwards;
animation: fadeBottomindex 1s ease-in-out forwards ;
opacity: 0;
animation-delay:2s;
}
@-webkit-keyframes fadeBottomindex {
0% {  opacity: 0;
-webkit-transform: translateY(-20%);
transform: translateY(-20%);}
70% {  opacity: 0;}
100% {     opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
}
} 
@-moz-keyframes fadeBottomindex {
0% {  -moz-opacity: 0;
-moz-transform: translateY(-20%);}
70% {  -moz-opacity: 0;}
100% {     -moz-opacity: 1;
-moz-transform: translateX(0);}
} 
@-o-keyframes fadeBottomindex {
0% {  -o-opacity: 0;
-o-transform: translateY(-20%);}
70% {  -o-opacity: 0;}
100% {     -o-opacity: 1;
-o-transform: translateX(0);}
} 
@keyframes fadeBottomindex {
0% {  opacity: 0;
transform: translateY(-20%);}
70% {  opacity: 0;}
100% {     opacity: 1;
transform: translateX(0);}
} 
ul#menu-menu-projets-corpo {
display: flex;
flex-direction: column!important;
}
ul#menu-menu-projets {
display: flex;
flex-direction: column;
}
#menu-menu-projet .et_pb_menu .et-menu>li, #menu-menu-projets-corpo .et_pb_menu .et-menu>li  {
padding-left: 0;
padding-right: 0px;
}
body.no-scroll {
overflow: hidden !important;
position: fixed;
width: 100%;
height: 100%;
} .et_pb_menu__menu > nav > ul > li {
position: relative;
}
.et_pb_menu__menu > nav > ul > li:after {
content: '';
position: fixed;
right: 30px;
top: 30px;
width: 50vw;
aspect-ratio: 16/9;
height: auto;
opacity: 0;
transition: opacity 0.1s ease;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
pointer-events: none;
z-index: 99;
background-image: var(--menu-image);
}
.et_pb_menu__menu > nav > ul > li:hover:after {
opacity: 1;
}
@media all and (max-width: 900px){
.et_pb_menu__menu > nav > ul > li:after {
content: '';
position: fixed;
left: auto;
bottom: 30px;
width: 70vw;
aspect-ratio: 16/9;
height: auto;
opacity: 0;
transition: opacity 0.1s ease;
background-position: center;
background-size: cover;
background-repeat: no-repeat;
pointer-events: none;
z-index: 99;
background-image: var(--menu-image);
opacity: 0;
display:none;
top: auto!important;
right: 30px;
}} @media (max-width: 980px){
.et_pb_menu--style-left_aligned .et_pb_menu__wrap {
-webkit-box-pack: start;
-ms-flex-pack: end;
justify-content: flex-start;
}} li.a-propos:after {
display:none;
}  .et_multi_view_image__loaded {
-webkit-animation: multi-view-image-fade 0s!important;
animation: multi-view-image-fade 0s!important;
}  .w3eden .media {
-ms-flex-align: center;
align-items: center!important;
justify-content: center!important;
}
.w3eden .mr-3 {
display: none;
}
.w3eden .media-body {
display: none;
}
.w3eden .card {
background-color: transparent!important;
border: none!important;
}
.w3eden .btn-primary {
background-color: #0000f1 !important;
border-color: none;
}
.w3eden .btn {
font-weight: 100!important;
text-transform: uppercase;
background-color: transparent;
font-size: 16px!important;
border-radius: 0px !important;
}