body {
    font-family: "Montserrat", "sans-serif";
    overflow-x: hidden;
}








/******************************************1ERE SECTION***************************************/
.section1{
    width: 100vw;
    height: 70vh;
    margin-top: 20vh;
    background: url("../Gallerie/contenu_index/fibre-optique-bleue-avec-espace-de-copie.jpg") no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

.section1 h1{
    color: white;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
    padding-top: 9vh;
    margin-left: 5vw;
}

.section1 p{
    color: white;
    margin-top: 9vh;
    margin-left: 5vw;
    font-size: 1.5vw;
}

.section1 div{
    width: 60vw;
    height: 10vh;
    margin-top: 9vh;
    margin-left: 5vw;
    display: flex;
    gap: 1vw;
}

.section1 div a{
    background-color: rgb(14, 93, 167);
    color: white;
    font-size: 1.4vw;
    border-radius: 5px;
    height: 100%;
    width: 21vw;
    display: flex; justify-content: center; align-items: center;
    text-decoration: none;
    font-weight: 700;
    text-align: center;
    transition: all .6s ease-in-out;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.section1 div a:nth-child(2){
    background-color: rgb(28, 141, 115);
    box-shadow: 0 0 7px rgba(0,0,0,0.5);
}

.section1 div a:hover{
    background-color: white;
    color: rgb(14, 93, 167);
}

.section1 div a:nth-child(2):hover{
    color: rgb(28, 141, 115);
}




/******************************************2EME SECTION***************************************/
.section2 > h1{
    margin-top: 10vh;
    margin-left: 5vw;
    text-transform: none;
}

.section2 > p{
    color: rgb(63, 63, 63);
    margin-top: 5vh;
    margin-left: 5vw;
    font-size: 1.5vw;
    font-weight: 500;
}

.section2 > div{
    margin-top: 7vh;
    width: 100vw;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2vw;
}

.section2 .sous_div
{
    width: 44vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.section2 .sous_div h1{
    text-transform: none;
    font-size: 2vw;
}

.section2 .sous_div > div{
    display: flex; align-items: center; gap: 2vw;
    margin-top: 5vh;
}

.section2 .sous_div div div{
    flex:1.1;
    aspect-ratio: 1;
}

.section2 .sous_div .image1{
    background:url("../Gallerie/contenu_index/fiber_5913581.png") no-repeat;
    background-size:cover;
    background-position:center;
}

.section2 .sous_div .image2{
    background:url("../Gallerie/contenu_index/server_5845816.png") no-repeat;
    background-size:cover;
    background-position:center;
}

.section2 .sous_div .image3{
    background:url("../Gallerie/contenu_index/advice_12886541.png") no-repeat;
    background-size:cover;
    background-position:center;
}

.section2 .sous_div .image4{
    background:url("../Gallerie/contenu_index/development_11370781.png") no-repeat;
    background-size:cover;
    background-position:center;
}

.section2 .sous_div .image5{
    background:url("../Gallerie/contenu_index/networiking_10321955.png") no-repeat;
    background-size:cover;
    background-position:center;
}

.section2 .sous_div .image6{
    background:url("../Gallerie/contenu_index/cloud-storage_3357538.png") no-repeat;
    background-size:cover;
    background-position:center;
}

.section2 .sous_div p{
    flex: 7;
    font-size: 1.5vw;
    font-weight: 500;
    color:rgb(63, 63, 63);
}

.section2 .sous_div a{
    margin-top: 5vh;
    background-color: rgb(14, 93, 167);
    color: white;
    font-size: 1.2vw;
    border-radius: 5px;
    padding: 10px;
    width: 22vw;
    display: flex; justify-content: center; align-items: center;
    text-decoration: none;
    font-weight: 500;
    text-align: center;
    transition: all .6s ease-in-out;
    box-shadow: 0 0 5px rgba(0,0,0,0.5);
}

.section2 .sous_div a:hover{
    background-color: white;
    color: rgb(14, 93, 167);
}