.containerInfrastructure {
    margin: 0 auto;
}

.containerInfrastructure h3 {
    font-weight: 500;
}

.containerInfrastructure h4 {
    font-weight: bold;
    font-size: 1.2em;
}

.containerInfrastructure p.intro {
    font-size: 1em;
    margin-bottom: 2em;
    color: rgb(90,90,90);
    text-align: left;
}

/* Sections */
.containerInfrastructure .section {
    padding: 60px 20px;
}

/* Cards */
.containerInfrastructure .card-containerInfrastructure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
}
.containerInfrastructure .card, .containerInfrastructure .cardVide {
    background: white;
    border-radius: 12px;
    padding: 20px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 calc(50% - 30px);
    flex: 1 1 calc(50% - 30px);
    -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.1);
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}

.containerInfrastructure .cardVide{
    background: transparent;
    -webkit-box-shadow: unset;
    box-shadow: unset;
}

.containerInfrastructure .card h3{
    font-size: 1.2em;
}

.containerInfrastructure .card img {
    width: 100%;
    border-radius: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    max-height: 400px;
}
.containerInfrastructure .card .access {
    font-size: 0.9em;
    color: #666;
    margin-top: 8px;
}

.specialites-icons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 20px;
}

.specialites-icons a {
    display: inline-block;
    width: 120px;
    text-align: center;
    text-decoration: none;
    color: #1e1e1e;
}

.specialites-icons img {
    width: 80px;
    height: 80px;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 5px;
}

.specialites-icons span {
    font-size: 0.9em;
    font-weight: 400;
    display: block;
}

/* Responsive */
@media (max-width: 768px) {
    .containerInfrastructure .card-containerInfrastructure {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .containerInfrastructure .card {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
    }
    .containerInfrastructure .cardVide {
        display: none;
    }
    .specialites-icons {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}