/*======================================
Theme Name: PepiteWorld Divi Child By Pepite
Theme URI: https://www.pepite.world/
Author: Pepite
Author URI: https://www.pepite.world/
Author Email: contact@pepite.world
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

/*@media only screen and (min-width: 1350px) {
html {
    overflow-y: scroll!important;
	overflow-x: hidden!important;
}}*/



/* width of entire scrollbar
::-webkit-scrollbar {
	width: 0.5vw;
border-left: 1px solid transparent;
}

/* The Scrollbar Track
::-webkit-scrollbar-track {
	background: #FAF8F6;
}
 
/* The Scrollbar Handle
::-webkit-scrollbar-thumb {
	background: black;
	border-radius: 50px;
}
 */
::selection{
  color: red;
  color: var(--select-bg);
}

/*Bordure noire video*/
.fluid-width-video-wrapper {
    clip-path: inset(1px 2px)!important;
}

.fluid-width-video-wrapper iframe[src*="vimeo"] {
    /* Annule toutes les transformations possibles */
    transform: none !important;
    filter: none !important;
    opacity: 1 !important;
    image-rendering: auto !important;
    
    /* Annule les effets de performance */
    will-change: auto !important;
    backface-visibility: visible !important;
}



/*On passe 1rem=10px*/

html {
  font-size: calc(.05rem + .635vw);
}

@media (max-width: 940px) {
  html { font-size: 50%; }
  }


/*Pipe italique */
cite, em, i { font-family:'Pipe medium italic', sans-serif!important;
	font-style:normal!important;
}

/* clears the 'X' from Edge */
input[type=search]::-ms-clear {display: none; width : 0; height: 0;}
input[type=search]::-ms-reveal {display: none; width : 0; height: 0;}
/* clears the 'X' from Chrome and Safari */
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;}

/*Delete presset*/
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;
}


/*Pipe font rendering*/
html, body {-webkit-font-kerning: normal;
    font-kerning: normal;
    -moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
text-rendering: geometricPrecision;}

/*Desactivation menu mobile*/

.et_mobile_nav_menu {
	display:none!important;
}
.et_pb_menu__menu {
	display:block!important;
}



/*** Veuve et orphelins ***/
	.descriptif-projet p{
white-space-collapse: break-spaces;
        text-wrap: balance;
	}

.descriptif-projet-apropos p {
        text-wrap: balance;
	}

 p {
        text-wrap: balance;
	}



/*---------------------------Tailles typo et espaces DEBUT---------------------------*/
/*** Destkop ***/
@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: 1.8vw!important;*/
		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: 3em!important;*/
		padding-right: 16em!important;
    padding-bottom: 0px!important;
    padding-left: 30px!important;	
	}

	/* Apropos-1921-5000 */

    .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 pepite hauteur 100% */
	.descriptif, .descriptif-projet  {
	min-height: 100vh;
    min-height: calc(100*var(--vh));
		height:100vh;
}
	
		.footer-section{
position: absolute!important;
	}
}




/*** Destkop 1401-1920 ***/
@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: 1.8vw!important;*/
		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: 19em!important;*/
		padding-right: 30%!important;
    padding-bottom: 0px!important;
    padding-left: 30px!important;	
	}
}

	
	
/* Apropos-1401-1920 */
	
	    .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 pepite hauteur 100% */
	.descriptif, .descriptif-projet  {
	min-height: 100vh;
    min-height: calc(100*var(--vh));
		height:100vh;
}
	
		.footer-section{
position: absolute!important;
	}
	


	/*** Destkop 1600-1920 ***/
@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;	
	}
}

/*** Destkop 1920x1080 ratio ***/


@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;	
	}}
	
/*** Small Desktop 1200-1400 ***/
@media only screen and (min-width : 1200px) and (max-width : 1400px) and (orientation: landscape) {

		.descriptif-projet p{
	/*font-size: 1.8vw!important;*/
		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;	
	}
	
	
/* Apropos-1200-1500 and lanscape */
	
	    .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;
	}
	
		/*.footer-section{
position: absolute!important;
	}*/

	.colonne-2-footer { 
	/*padding-left: 40px!important;*/
		padding-left: 3%!important;
}

	.colonne-3-footer { 
	/*padding-left: 60px!important;*/
		padding-left: 7%!important;
	
}
	/* Descriptif pepite hauteur 100% */

	.descriptif, .descriptif-projet{
	min-height: 100vh;
    min-height: calc(100*var(--vh));
}
}


/*** Small Desktop 900-1199 ***/
@media only screen and (min-width : 900px) and (max-width : 1199px) and (orientation: landscape) {

		.descriptif-projet p{
	/*font-size: 1.8vw!important;*/
		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;	
	}
	
	
/* Apropos-900-1119 and lanscape */
	
	    .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: 40px!important;*/
		padding-left: 3%!important;
}

	.colonne-3-footer { 
	/*padding-left: 60px!important;*/
		padding-left: 7%!important;
	
}
	/* Descriptif pepite hauteur 100% */

	.descriptif, .descriptif-projet{
	min-height: 100vh;
    min-height: calc(100*var(--vh));
}
	
		    .footer-section {
        position: absolute !important;
    }
}

	
	
/*** Ipad Portrait ***/

@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: 1.8vw!important;*/
		font-size: 20px!important;
    line-height: 1.3em;
	}
	
	/* Descriptif pepite hauteur auto */

	.descriptif, .descriptif-projet, .descriptif-accueil {
    min-height: auto!important;
}
	    .footer-section {
        position: relative !important;
    }
	
	/* Apropos-768-1400 and portrait */
	
	    .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;
	}
}

/*** Mobile ***/

@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 pepite hauteur auto */

	.descriptif, .descriptif-projet, .descriptif-accueil {
    min-height: auto!important;
}
	.p-small {font-size:14px!important;
	}

	/* Apropos-800 */
	
	    .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;

}

}

/*** Mobile - landscape ***/

@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;	
	}
}

/*---------------------------Tailles typo et espaces FIN---------------------------*/

/*Menu*/
.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;
}


/*Icone fleche Fonderie*/
.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);
}

/*  Mobile Icone fleche Fonderie*/
@media only screen and ( max-width: 900px ) {
.fonderie > a:after {
    font-size: 25px;
	    top: -2px;
}

}

/*Icone projet web*/
p.icon-web, p.icon-web a {
font-family: 'ETMODULES'!important;
}



/* Retrait texte */
p.retrait   {text-indent: 2.2em;}

/* Signe texte */
.button-social a:hover {
    text-decoration: none;
    text-transform: lowercase;
	font-family: 'Signes';
	
}

.button-social a, .button-social {
	font-family: 'Signes';
	
}

/* On cache les crédits */
div#et-main-area {
    overflow-y: hidden;
}

/* Taille typo emoji */

.emoji, .emoji-coeur {
	font-size:calc((100% + 3px));
	letter-spacing:0em;
}


/* Taille typo crédit */

p.credit {
	font-size:calc((100% - 0.55em))!important;
}

/* Letter spacing petite typo */

.p-small {letter-spacing:0.01em;}

/* Fond image video*/

.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;
}}


/* Loader Pepite*/

 body {
            overflow: hidden; /* Pas de défilement au début */
	 color:black;
        }


#box  {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100svh;
    background: white; /* Ou utilisez une couleur de fond que vous préférez */
    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;}
}


/* Animation header pépite */
#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);}
} 


/*@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
          #box {display:none;}
     }
} */


.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%;}
}


/* Fonction revelation footer   */
.hidden {
            display: none;
        }


/* Slider Pepite */
.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);
}
/*  Mobile Icone fleche projet/informations*/
@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;
}

/* .swiper-item-count,
.header-pepite{
  color: black;
}*/

/*.swiper-item-count-black {
    color: black;
}

/* Header couleur   

.header-pepite-black h1, .header-pepite-black a{
	color:black;
}


.header-pepite h1, .header-pepite a{
	color:white;
}*/


/* Corporate  */

svg#pepite-corporate {
    width: 80px;
    margin-left: 3px;
}

@media (max-width: 940px) {
svg#pepite-corporate {
    width: 65px;
}
  }


/* Couleur header slider   */
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;
}



/* Enlever pointer video   */

.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;
}

/* Backtotop  */
.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);
}

/*  Mobile scroll to*/
@media only screen and ( max-width: 900px ) {
.et_pb_scroll_top.et-pb-icon {
    bottom: calc(0% + 30px);
}}

/*  Cursor droite gauche */
.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;
}

/* Animation Keyframes*/

@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); }
}


/*Modif navigation accueil*/

.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);
}

/*.accueil h2.et_pb_slide_title a:before {
    content: "Voir le projet";
    position: absolute;
    right: 55px;
}

.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: 30px;
    position: absolute;
    width: 130px;
    text-align: end;
}

.accueil h2.et_pb_slide_title a:hover:after {
    transform: translateX(5px);
}

@media only screen and ( max-width: 900px ) {
.accueil h2.et_pb_slide_title a:after {
    right: 20px;
    width: 110px;
    text-align: end;
}

.accueil h2.et_pb_slide_title a:before {
    right: 43px;
}}*/

@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;
}}

/*Pop-up index*/

#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%;
}

/*Pop-up index avec images projets*/
.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;
}}

/*Position ipad portrait menu*/

@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;
}}

/*Suppression bug image apropos*/
li.a-propos:after {
	display:none;
}


/*Slider

@media (max-width: 1024px){
#slider-bureau {
    display:none;
}

	#slider-mobile {
display:block;}

}


@media all and (min-width: 1100px) and (max-width: 5000px) {
	
	#slider-bureau {
    display:block;
}

	#slider-mobile {
display:none;}

}*/

/*Disable multiview animation*/
.et_multi_view_image__loaded {
    -webkit-animation: multi-view-image-fade 0s!important;
    animation: multi-view-image-fade 0s!important;
}

/*Bouton volet mobile accés autres accueil*/


/*Telechargement*/


.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;
}