#main {
    background-color: #545454;
    transition: background-image 1s ease-in-out; /* Ajustez ici pour une transition plus douce */
}
#AMPIE{
    font-weight: bold;
    font-size: 8vw;
    color:#cecece;
}
.static-letter{
    color: #fdb732;
}
#AMPIE div{
    margin: 0 0 0 20px;
    padding: 3vh 0 3vh 0;
}
#txtAmenagement{margin: 0 0 0 0; padding: 1vh 0 0.5vh 0; letter-spacing: 1vw;}
#txtMaintenance{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
#txtProtection{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
#txtIndustrie{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
#txtEntrepot{margin: 0 0 0 0; padding: 0.5vh 0 1vh 0; letter-spacing: 1.2vw;}
.letter-animation-in {
    opacity: 0;
    animation: fadeIn 1s forwards;
}
.letter-animation-out {
    opacity: 1;
    animation: fadeOut 1s forwards;
}
@keyframes fadeIn {
    to {
        opacity: 1;
    }
}
@keyframes fadeOut {
    to {
        opacity: 0;
    }
}
@media (min-width: 375px) {
    #AMPIE{
        font-size: 9vw;
    }
    #AMPIE div{
        margin: 0 0 0 20px;
        padding: 3vh 0 3vh 0;
    }
    #txtAmenagement{margin: 0 0 0 0; padding: 1vh 0 0.5vh 0; letter-spacing: 1vw;}
    #txtMaintenance{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
    #txtProtection{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
    #txtIndustrie{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
    #txtEntrepot{margin: 0 0 0 0; padding: 0.5vh 0 1vh 0; letter-spacing: 1.2vw;}
}
@media (min-width: 425px) {
    #AMPIE{
        font-size: 9vw;
    }
    #AMPIE div{
        margin: 0 0 0 20px;
        padding: 3vh 0 3vh 0;
    }
    #txtAmenagement{margin: 0 0 0 0; padding: 1vh 0 0.5vh 0; letter-spacing: 1.2vw;}
    #txtMaintenance{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
    #txtProtection{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
    #txtIndustrie{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 1.2vw;}
    #txtEntrepot{margin: 0 0 0 0; padding: 0.5vh 0 1vh 0; letter-spacing: 1.2vw;}
}
@media (min-width: 768px) {
    #AMPIE{
        font-size: 9vw;
    }
    #AMPIE div{
        margin: 0 0 0 20px;
        padding: 3vh 0 3vh 0;
    }
    #txtAmenagement{margin: 0 0 0 0; padding: 1vh 0 0.5vh 0; letter-spacing: 2vw;}
    #txtMaintenance{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 2vw;}
    #txtProtection{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 2vw;}
    #txtIndustrie{margin: 0 0 0 0; padding: 0.5vh 0 0.5vh 0; letter-spacing: 2vw;}
    #txtEntrepot{margin: 0 0 0 0; padding: 0.5vh 0 1vh 0; letter-spacing: 2vw;}
}
@media (min-width: 1024px) {
    #AMPIE{
        font-size: 7vw;
    }
    #AMPIE div{
        margin: 0 0 0 20px;
        padding: 3vh 0 3vh 0;
    }
    #txtAmenagement{margin: 0 0 0 0; padding: 1vh 0 1.5vh 0; letter-spacing: 3vw;}
    #txtMaintenance{margin: 0 0 0 0; padding: 1.5vh 0 1.5vh 0; letter-spacing: 3vw;}
    #txtProtection{margin: 0 0 0 0; padding: 1.5vh 0 1.5vh 0; letter-spacing: 3vw;}
    #txtIndustrie{margin: 0 0 0 0; padding: 1.5vh 0 1.5vh 0; letter-spacing: 3vw;}
    #txtEntrepot{margin: 0 0 0 0; padding: 1.5vh 0 1vh 0; letter-spacing: 3vw;}
}
@media (min-width: 1440px) {
    #AMPIE div{
        margin: 0 0 0 20px;
        padding: 1vh 0 1vh 0;
    }
    #txtAmenagement{margin: 0 0 0 0; padding: 0.5vh 0 1vh 0; letter-spacing: 3.5vw;}
    #txtMaintenance{margin: 0 0 0 0; padding: 1vh 0 1vh 0; letter-spacing: 3.5vw;}
    #txtProtection{margin: 0 0 0 0; padding: 1vh 0 1vh 0; letter-spacing: 3.5vw;}
    #txtIndustrie{margin: 0 0 0 0; padding: 1vh 0 1vh 0; letter-spacing: 3.5vw;}
    #txtEntrepot{margin: 0 0 0 0; padding: 1vh 0 0.5vh 0; letter-spacing: 3.5vw;}
}