.maniereDeVoyager .man p span{
    /* --delay: calc((var(--char-index) ) * 150ms); */
	/* animation: breathe 8000ms infinite both; */
	/* animation-delay: var(--delay); */
}

@keyframes breathe {
	0% {
		font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 0;
		font-size: 5vw;
	}
	25% {
		font-variation-settings: 'wght' 0, 'wdth' 40, 'STCL' 110;
		font-size: 5.5vw;
	}
	
	50% {
		font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 0;
		font-size: 6vw;
	}

	75% {
		font-variation-settings: 'wght' 0, 'wdth' 40, 'STCL' 110;
		font-size: 5.5vw;
	}

	100% {
		font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 00;
		font-size: 5vw;
	}

	
}


.tendre{
    animation: 'tender' .5s steps(10) infinite;
    -moz-animation: 'tender' .5s steps(10) infinite ;
    -webkit-animation-name: 'tender';
    -webkit-animation-duration: 0.5s ;
    animation-delay: 0s;
    font-variation-settings: 'wght' 400, 'wdth' 30 , 'STCL' 0;
    font-size: 6.5vw;
    letter-spacing: 0.15vw;
    will-change:auto;

}

@keyframes tender{
    
    0%{
        font-variation-settings: 'wght' 400, 'wdth' 30 , 'STCL' 10;
        

    }
    50%{
        font-variation-settings: 'wght' 700, 'wdth' 30 , 'STCL' 110;

    }

}

.ecureil{
    animation: 'ecureil' 15s steps(225) infinite;
    font-variation-settings: 'wght' 500, 'wdth' 40 , 'STCL' 0;
    font-size: 16vw !important; 
    letter-spacing: -0.3vw;
    line-height: 15.5vw !important; 
    will-change:auto;
}

@keyframes ecureil{
    
    0%{
        font-variation-settings: 'wght' 500, 'wdth' 40 , 'STCL' 0;

    }
    50%{
        font-variation-settings: 'wght' 0, 'wdth' 0 , 'STCL' 0;

    }

}

.hirondelle{
    font-size: 8vw;
    letter-spacing: 0.2vw;
    animation: 'hirondelle' 3.2s steps(43) infinite ;
    -webkit-animation-name: 'hirondelle';
    -webkit-animation-duration: 3.2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate;
    font-variation-settings: 'wght' 300;
    line-height: 9vw !important;
    will-change:auto; 
}

@keyframes hirondelle{
    
    0%{
        font-variation-settings: 'wght' 300;

    }
    50%{
        font-variation-settings: 'wght' 800;

    }

}

.printemps{
    animation: 'printemps' 2s steps(30) infinite;
    -webkit-animation-name: 'printemps';
    -webkit-animation-duration: 2s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    font-variation-settings: 'wght' 300, 'wdth' 20 ;
    font-size: 8vw;
    line-height:8vw; 
    width: fit-content;
    line-break:strict;
    will-change:auto;
}

@keyframes printemps{
    
    0%{
        font-variation-settings: 'wght' 300, 'wdth' 20 ;

    }
    50%{
        font-variation-settings: 'wght' 700, 'wdth' 0 ;

    }

}

.boue{
    animation: 'printemps' 1.5s steps(23) infinite;
    -webkit-animation-name: 'boue';
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 00;
    font-size: 18.5vw;
    line-height:18vw; 
    will-change:auto;
}

@keyframes boue{
    
    0%{
        font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 00;

    }
    50%{
        font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 110;

    }

}

.renard{
    animation: 'printemps' 1s steps(15) infinite;
    -webkit-animation-name: 'renard';
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    font-variation-settings: 'wght' 300, 'wdth' 30 , 'STCL' 0;
    font-size: 10vw;
    line-height:12vw;
    letter-spacing: -0.3vw; 
    will-change:auto;
}

@keyframes renard{
    
    0%{
        font-variation-settings: 'wght' 300, 'wdth' 10 , 'STCL' 0;

    }
    50%{
        font-variation-settings: 'wght' 700, 'wdth' 10 , 'STCL' 0;

    }

}
.jardin{
    animation: 'printemps' 2.1s steps(31) infinite;
    -webkit-animation-name: 'jardin';
    -webkit-animation-duration: 2.1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate ;
    font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;
    font-size: 18vw;
    line-height:14.6vw; 
    will-change:auto;
}

@keyframes jardin{
    
    0%{
        font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;

    }
    50%{
        font-variation-settings: 'wght' 300, 'wdth' 40 , 'STCL' 110;

    }

}
.sansMur{
    animation: 'printemps' 0.9s steps(13) infinite;
    -webkit-animation-name: 'sansMur';
    -webkit-animation-duration: 0.9s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;
    font-size: 12vw;
    line-height:14.5vw;
    will-change:auto; 
}

@keyframes sansMur{
    
    0%{
        font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;

    }
    50%{
        font-variation-settings: 'wght' 700, 'wdth' 0 , 'STCL' 0;

    }

}
.aventure{
    animation: 'printemps' 3.5s steps(52) infinite;
    -webkit-animation-name: 'aventure';
    -webkit-animation-duration: 3.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    font-variation-settings: 'wght' 700, 'wdth' 0 , 'STCL' 0;
    font-size: 11.5vw;
    line-height: 8.7vw;
    will-change:auto;
}

@keyframes aventure{
    
    0%{
        font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;

    }
    50%{
        font-variation-settings: 'wght' 700, 'wdth' 0 , 'STCL' 110;

    }

}

.ligne{
    animation: 'printemps' 1.5s steps(22) infinite;
    -webkit-animation-name: 'ligne';
    -webkit-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate ;
    font-variation-settings: 'wght' 700, 'wdth' 0 , 'STCL' 0;
    font-size: 7.2vw !important;
    line-height: 11vw;
    will-change:auto; 
}

@keyframes ligne{
    
    0%{
        font-variation-settings: 'wght' 700, 'wdth' 0 , 'STCL' 0;

    }
    50%{
        font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;

    }

}

.enNous{
    animation: 'printemps' 2.3s steps(34) infinite;
    -webkit-animation-name: 'enNous';
    -webkit-animation-duration: 2.3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;
    font-size: 8.4vw;
    line-height:6.2vw; 
    text-align: center !important;
    letter-spacing: 0.3vw;
    will-change:auto;
}

@keyframes enNous{
    
    0%{
        font-variation-settings: 'wght' 300, 'wdth' 0 , 'STCL' 0;

    }
    50%{
        font-variation-settings: 'wght' 300, 'wdth' 40 , 'STCL' 0;

    }

}
.deuxFauves{
    animation: 'printemps' 2.5s steps(37) infinite;
    -webkit-animation-name: 'deuxFauves';
    -webkit-animation-duration: 2.5s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    font-variation-settings: 'wght' 700;
    font-size: 16vw;
    line-height:15vw; 
    letter-spacing: -0.2vw;
    will-change:auto;
}

@keyframes deuxFauves{
    
    0%{
        font-variation-settings: 'wght' 700;

    }
    50%{
        font-variation-settings: 'wght' 300;

    }

}


.ecrivainPoete{
    animation: 'ecrivainPoete' 3s infinite;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-name: 'ecrivainPoete';
    -webkit-animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    font-size: 3.8vw; 
    position: absolute; 
    top: 3.6vw; 
    text-align: center; 
    line-height: 3.7vw;
    white-space: nowrap;
    font-variation-settings: 'wght' 400, 'wdth' 0 , 'STCL' 0;
    will-change: auto;
    
}

@keyframes ecrivainPoete{
    
    0%{
        font-variation-settings: 'wght' 400, 'wdth' 0 , 'STCL' 0;
    }
    50%{
        font-variation-settings: 'wght' 400, 'wdth' 50 , 'STCL' 0;
    }

}

.boldToExtended{
    font-variation-settings: 'wght' 700, 'wdth' 0 , 'STCL' 0;
    animation: 'boldToExtendedAnim';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: linear;
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'boldToExtendedAnim';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: linear;
    will-change: auto;

 }
 
 @keyframes boldToExtendedAnim {
     0%{font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 0;}
     50%{font-variation-settings: 'wght' 700, 'wdth' 50, 'STCL' 0;}
     
 }

 .regularToBold{
    font-variation-settings: 'wght' 700, 'wdth' 0;
    animation: 'regularToBoldAnim';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'regularToBoldAnim';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;
    

 }
 @keyframes regularToBoldAnim {
    0%{font-variation-settings: 'wght' 700, 'wdth' 0;}
    50%{font-variation-settings: 'wght' 300, 'wdth' 0}
    
}

.regularToBoldTwo{
    font-variation-settings: 'wght' 100, 'wdth' 10;
    animation: 'regularToBoldAnimTwo';
    animation-duration: 4.5s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    -webkit-animation-duration: 4.5s;
    -webkit-animation-name: 'regularToBoldAnimTwo';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate;
    will-change: auto;

 }
 @keyframes regularToBoldAnimTwo {
    25%{font-variation-settings: 'wght' 100, 'wdth' 10;}
    100%{font-variation-settings: 'wght' 700, 'wdth' 10;}
    
}

.regularToExtended{
    font-variation-settings: 'wght' 400, 'wdth' 0;
    animation: 'regularToExtended';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'regularToExtended';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;

 }
 @keyframes regularToExtended {
    0%{font-variation-settings: 'wght' 400, 'wdth' 0;}
    50%{font-variation-settings: 'wght' 400, 'wdth' 50;}
 }


.regularToItalic{
    font-variation-settings: 'wght' 400;
    animation: 'regularToItalic';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'regularToItalic';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;
}
@keyframes regularToItalic {
    0%{font-family:'GenevoixLigneVar';}
    50%{font-family:'GenevoixLigneItalic';
    }
 }

 .regularToStencil{
    font-variation-settings: 'wght' 400, 'wdth' 0, 'STCL' 0;
    animation: 'regularToStencil';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'regularToStencil';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;

 }
 @keyframes regularToStencil { 
    0%{font-variation-settings: 'wght' 400, 'wdth' 0, 'STCL' 0;}
    50%{font-variation-settings: 'wght' 400, 'wdth' 0, 'STCL' 110;}
 }

 .boldToStencil{
    font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 0;
    animation: 'boldToStencil';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'boldToStencil';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;

 }
 @keyframes boldToStencil {
    0%{font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 0;}
    50%{font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 110;}
 }

 .boldToBoldExtended{
    font-variation-settings: 'wght' 700, 'wdth' 50, 'STCL' 0;
    animation: 'boldToBoldExtended';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'boldToBoldExtended';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;

 }
 @keyframes boldToBoldExtended {
    0%{font-variation-settings: 'wght' 700, 'wdth' 50, 'STCL' 0;}
    50%{font-variation-settings: 'wght' 700, 'wdth' 0, 'STCL' 0;}
 }

 .extendedToExtendedStencil{
    font-variation-settings: 'wght' 400, 'wdth' 50, 'STCL' 110;
    animation: 'extendedToExtendedStencil';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'extendedToExtendedStencil';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;

 }
 @keyframes extendedToExtendedStencil {
    0%{font-variation-settings: 'wght' 400, 'wdth' 50, 'STCL' 110;}
    50%{font-variation-settings: 'wght' 400, 'wdth' 50, 'STCL' 0;}
 }
 

 .boldExtendedToBoldExtendedStencil{
    font-variation-settings: 'wght' 700, 'wdth' 50, 'STCL' 0;
    animation: 'boldExtendedToBoldExtendedStencil';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'boldExtendedToBoldExtendedStencil';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;

 }
 @keyframes boldExtendedToBoldExtendedStencil {
    0%{font-variation-settings: 'wght' 700, 'wdth' 50, 'STCL' 0;}
    50%{font-variation-settings: 'wght' 700, 'wdth' 50, 'STCL' 110;}
 }

 .lRegularToBold{
    font-variation-settings: 'wght' 300; 
    animation: 'lRegularToBold';
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    -webkit-animation-duration: 3s;
    -webkit-animation-name: 'lRegularToBold';
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:alternate ;
    -webkit-animation-timing-function: cubic-bezier(0.85, 0, 0.15, 1);
    will-change: auto;


 }
 @keyframes lRegularToBold {
    0%{font-variation-settings: 'wght' 300}
    50%{font-variation-settings: 'wght' 800}
 }




 @keyframes imgCreditAnim {
    to{ transform: translateX(calc(-50% - 0.5em));}
   
 }