/*accueil*/
.intro{
    background-color: #f7e7d2;
}
.superconteneur_accueil,
 .conteneurblogentier,.conteneurapropos, 
 .contenumenus, .contenucarte, 
 .superconteneur_contact,.superconteneur_blog, .conteneur_mentions{
    background-color: white;
    max-width:1300px;
    margin: 0 auto;
    padding: 4%;
}
.superconteneur_accueil{
    padding-top: 0;
}
/*parallaxe*/
.pavsan{
    position: relative;
    background-color: #000000;
    background-image: url(/images/interieurpavsan_s.webp);
    background-attachment: fixed; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    color: #ffffff;
    padding: 4%;
    height:450px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.titre_parallaxe{
    opacity: 0;
    margin: 0 auto;
    font-family: "Courgette", Sans-serif;
    font-size: 120px;
    text-shadow: 0px 0px 41px #000e14;
    transform: translateY(120px);
    animation: apparition 1.8s 0.5s  ease-out forwards; 
}
@keyframes apparition {  
    0% {opacity: 0;}
    25% {opacity: 0.2;}
    50% {opacity: 0.5;}
    100%{transform: none; opacity: 1;}
}

.numero{
    margin: 2%;
    font-size: 35px;
    font-weight: bold;
    gap: 3%;
}

.containergrille {
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 10px;
  background-color: #f7e7d2;
}

.tri_blog{
    gap:6%;
}