/*----- Section hero -----*/

.sectionHeroProjets {
    background-image: url(../assets/images/hero_projet_background.jpg);
    background-position: 100% 100%;
    background-size: cover;
}

.inner {
    height: 600px;
    display: table-cell;
    vertical-align: middle;
}

.sectionHeroProjets hr {
    width: 10vw;
    height:2px;
    border-width:0.2vw;
    margin: 0 auto;
}

/*----- Section médium -----*/

.sectionMedium button {
    height: 160px;
    width: 160px;
}

.sectionMedium button:hover {
    font-weight: 500;
}

/*----- Section projets -----*/

.sectionProjetsRecents hr {
    width: 10vw;
    height:2px;
    border-width:0.2vw;
    margin: 0 auto;
}

.sectionProjetsRecents {
    background-color: var(--bs-light);
}

.sectionProjetsRecents .card-1 {
    background-color: var(--bs-secondary);
}

.sectionProjetsRecents .card-2 {
    background-color: var(--bs-info);
}

.sectionProjetsRecents .card-3 {
    background-color: var(--bs-primary);
}

.sectionProjetsRecents img, video {
    height: 160px;
    width: auto;
    object-fit: cover;
    object-position: 100% 50%;}

/*----- Bande colorée -----*/

.bande-coloree {
    width: 100%;
    height: 10px;
    background-image: url(../assets/images/bande_colore.jpg);
    background-position: 100% 40%;
    background-size: cover;
}