/*accueil*/
.superconteneur_accueil{
    font-size: 16px;
    background-color: #f1f1f1;
    max-width:1000px;
    margin: 2% auto;
    padding: 2%;
}
.exterieur{
    display: flex;
    flex-direction: column;
    align-items: center;
}
/*parallaxe*/
.pavsan{
    position: relative;
    background-color: #000000;
    background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(/images/interieurpavsan_s.webp);
    background-attachment: fixed; 
    background-size: cover; 
    background-position: center; 
    background-repeat: no-repeat; 
    color: #ffffff;
    max-width: 850px;
    margin: 0 auto;
    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;}
}

/*bienvenue*/
.conteneur_bienvenue{
    max-width: 1000px;
    text-align: center;
    margin: 3% auto;  
}
.tel{
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    margin: 5%;
    font-size: 22px;
    gap: 3%;
}

/*specialités*/
.conteneur_specialites{
   text-align: center;
   margin-bottom: 6%;
   box-sizing: content-box;
}
/*accueil photos en dessus des spécialités*/
.photos_autel{
    text-align: center;
    overflow-x: hidden;
}
/*grille*/
.conteneur_grille{
    width:280px;
    height:250px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.conteneur_grille h2 {
    border-top:2.5px solid rgb(195, 41, 41);
    padding: 2%;
}

/*blog accueil*/
.carre_blog_accueil{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.carre_blog_accueil .carre_blog{
    padding:  0 0 0 3%;
    margin-left: 2%;
}

/*mentions*/
.mentions{
    text-decoration: underline;
}