:root {
  --couleur-principale: #00DFDE;
  --couleur-secondaire: #16A2A2;
  --couleur-noir: #000000;
  --couleur-clair: #ffffff;
  --couleur-gris: #EFEFEF;
}
@font-face {
    font-family: 'VisbyCF';
    src: url('../font/VisbyCF-DemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
} 



/************************************************
* TITLE SECTION
************************************************/
#title {
    text-align: center;
}

#subtitle {
    font-weight: 600;
    font-size: 20px;
    text-align: center;
    margin-top: 20px;
    width: 100%;
}

#subtitle p {
    margin: 0;
}


.section {
    width: 90%;
    margin: auto;
    font-size: 20px;
    text-align: center;
}

/************************************************
* CONTACT SECTION
************************************************/
#section_contact {
    display: flex;
    flex-direction: column;
}

.section_contact_item_image_container {
    width: 100%;
}

.section_contact_item_image_container img {
    width: 100%;
}

.section_contact_item_infos {
    text-align: center;
    margin-top: 20px;
}

.section_contact_item_infos_name {
    font-size: 24px;
    font-weight: 800;
    font-family: 'VisbyCF', sans-serif;
    color: var(--couleur-principale);
    margin-bottom: 20px;
}



.section_contact_item_info {
    font-size: 16px;
    line-height: 30px;
}

.section_contact_item_infos_role {
    font-weight: 700;
}

.section_contact_item_infos_role_address {
    color: #A1BABA;
}

.section_contact_item_infos_valoris {
    margin: auto;   
    margin-top: 50px;
}

.section_contact_item_infos_name_valoris, .section_contact_item_infos_role_mail_valoris {
    margin: 0;
    text-align: center;
}

.section_contact_item_infos_linkedin_valoris {
    margin: auto;
    width: 90%;
    text-align: center;
}




@media screen and (min-width: 992px) {

    #title {
        text-align: left;
    }
    #section_title {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 90%;
        margin: auto;
        align-items: center;
        text-align: left;
    }

    #subtitle {
        font-size: 27px;
        text-align: left;
    }

    /************************************************
    * CONTACT SECTION
    ************************************************/
    #section_contact {
        flex-direction: row;
        justify-content: space-around;
    }

    .section_contact_item {
        width: 100%;
    }

    .section_contact_item_valoris {
        text-align: center;
    }

    .section_contact_item_image_container {
        width: 80%;
        margin: auto;
    }

    .section_contact_item_infos {
        text-align: left;
        width: 80%;
        margin-left: 20%;
    }

    .section_contact_item_infos_name {
        font-size: 32px;
        margin-bottom: 10px;
    }
    
}


@media screen and (min-width: 1200px) {
    #section_title {
        width: 90%;
    }

    .section_contact_item_image_container {
        width: 50%;
        margin: auto;
    }

    .section_contact_item_infos {
        margin-left: 30%;
    }
    
    
}

@media screen and (min-width: 1400px) {
   
    
}

@media screen and (min-width: 1600px) {
   
    
}

@media screen and (min-width: 1800px) {
    
}