body{
    margin: 0;
    padding: 0;
    overflow-x: hidden;
}

.methodes-container{
    width: 100%;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 100px auto;
}
.methodes-container .titre-page{
    text-align: center;
    font-family: roboto;
    color: #494949;
    font-size: 1.2rem;
    text-transform: uppercase;
}
.methodes-container .methodes{
    width: 80%;
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
}
.methodes-container .methodes .methode{
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
     align-items: center;
     margin-bottom: 20px;
     box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
     color: #fff;
     text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
}
.methodes .methode:nth-child(1){
    background: url('../images/audit-bg.jpg');
    background-size: cover;
    background-position: center;
}
.methodes .methode:nth-child(2){
    background: url('../images/solution.jpg');
    background-size: cover;
    background-position: center;
}
.methodes .methode:nth-child(3){
    background: url('../images/plan-action.jpg');
    background-size: cover;
    background-position: center;
}
.methodes .methode:nth-child(4){
    background: url('../images/enquete.jpg');
    background-size: cover;
    background-position: center;
}
.methodes .methode h2{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 5px solid #abcf47;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: roboto;
    font-size: 2rem;
    color: #fff;
}
.methodes .methode .methode-desc{
    width: 80%;
    font-family: roboto;
    text-align: justify;
}
.methodes .methode .methode-desc h3{
    color: #50B1E9;
    text-transform: uppercase;
}