/* --------------------------------- PROMOS --------------------------------*/
.promo
{
    background-image: url(../../../medias/images/headers/pfile_office.jpg);
    background-position: bottom center;
}
/* --------------------------------- PROMOS --------------------------------*/
/* ------------------------------ GLOBAL INFOS -----------------------------*/
.sct p
{
    margin: 0px;
    padding: 0px;
}

.sct .infos,
.sct .infos_top 
{
    margin-left: auto;
    margin-right: auto;
    width: 90vw;
}

.sct .infos
{
    display: flex;
    max-width: 1000px;
    padding-bottom: 80px;
    padding-top: 50px;
}

.sct .infos_top 
{
    max-width: 800px;
    padding-bottom: 100px;
    padding-top: 50px;
}

.infos_top .img_rond
{
    height: 140px;
    width: 140px;
}

.infos_top .txts
{
    padding-top: 30px;
}

.infos_top .txts p
{
    text-align: center;
}

.infos .img
{
    display: table-cell;
    width: 300px;
}

.infos .txts
{
    display: table-cell;
    vertical-align: top;
    width: auto;
}

.name,
.info
{
    margin-left: auto;
    margin-top: 15px;
    width: 90%;
}

.name
{
    border-bottom: solid 2px #000000;
    margin-bottom: 25px;
    padding-bottom: 5px;
}

.name p
{
    font-weight: bold;
    text-transform: uppercase;
}

.info .lbl
{
    border-bottom: solid 1px #000000;
    margin-bottom: 10px;
    padding-bottom: 5px;
}

.info .lbl p
{
    font-style: italic;
}

.info .value
{
    padding-bottom: 20px;
}

.info .lbl p,
.info .value p
{
    font-size: 13px;
    line-height: 20px;
}

#history .img_round
{
    background-color: transparent;
    background-image: url(../../../medias/images/logos/logo_pfileservices.png);
    background-size: contain;
    border-radius: 0px;
    height: 60px;
    width: 60px;
}

#values .img_round
{
    background-image: url(../../../medias/images/circles/values.jpg);
}

#fabrice .img_round
{
    background-image: url(../../../medias/images/circles/about_fabrice.jpg);
    background-position: top center;
}

#charlotte .img_round
{
    background-image: url(../../../medias/images/circles/about_charlotte.jpg);
}

#jean .img_round
{
    background-image: url(../../../medias/images/circles/about_jean.png);
}

#anne .img_round
{
    background-image: url(../../../medias/images/circles/about_anne.jpg);
}

#blackbeard .img_round
{
    background-image: url(../../../medias/images/circles/about_blackbeard.png);
}

#blackbeard .name p
{
    text-transform: initial;
}
/* ------------------------------ GLOBAL INFOS -----------------------------*/
/* --------------------------- RESPONSIVE STYLES ---------------------------*/
@media only screen and (max-width: 800px)
{
    .sct .infos,
    .sct .infos_top
    {
        display: block;
        width: 80vw;
    }

    .infos .img,
    .infos .txts
    {
        display: block;
        width: 100%;
    }

    .infos .txts
    {
        padding-top: 35px;
    }    

    .infos .txts .name,
    .infos .txts .info
    {
        width: 100%;
    }

    .infos .txts .name p
    {
        padding-bottom: 5px;
        text-align: center;
    }
}
/* --------------------------- RESPONSIVE STYLES ---------------------------*/