@import url("a-general.css");

p{
    font-family:  Georgia, 'Times New Roman', Times, serif;
    font-size: 18px;
    text-align: justify;
  }
  
  h1{
    text-align: center;
    color: white;
    font-family:  Georgia, 'Times New Roman', Times, serif;
    font-size: 50px;
    text-shadow: #ee6314 6px 0 4px;
  }

.conteneur {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.photos{
    background-color: #393939;
    max-width: 30%;
    border-radius: 5px;
    margin: 20px;
    padding: 10px;
    overflow: hidden;
}

.photos img{
    width: 100%;
    height: auto;
    border: 3px solid #ee6314;
    transition: all 1s ease;
}

.photos img:hover{
    transform: scale(1.05);
    opacity: 0.7;
}

.photos .texte{
    width:100%;
    font-size: 1.5em;
    align-items: center;
    color: white;
    margin-top: 2%;
}

/* styles pour les écrans tablettes */
@media screen and (min-width: 768px) and (max-width:1024px){
    .photos{
        max-width: 40%;
    }    
}

@media screen and (min-width: 320px) and (max-width:767px){
    .photos{
        max-width: 100%;
    }    
}