:root{
    --color-white: #fff;
    --color-black: #000;
    --color-gray:#eee;

    --color-orange:#ff6600;
    --color-indigo:#084561;
}

/* Page formation */

.T-formation_partenaire{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 60%;
    margin: 0 auto;
}

.T-formation_partenaire-illustration{
    flex: 1;
    height: 10rem;
    margin: 1.8rem;
}

.T-formation_partenaire-illustration img{
    height: 10rem;
    object-fit: cover;
}

.T-formation_partenaire p{
    font-size: 1.7rem;
    margin: 1.2rem;
}


/* Page réseaux */

.T-social-media{
    padding: 5rem;
}

.T-social-card{
    min-height: 35rem;
    background-color: var(--color-gray);
    border: .2rem solid var(--color-indigo);
    padding-bottom: 1.3rem;
    margin-bottom: 2.2rem;
    border-radius: 4px;
}

.T-social-card_header{
    padding: 1.2rem;
    text-align: center;
    background-color: var(--color-indigo);
}

.T-social-card_header h3{
   color: var(--color-white);
}

.T-social-card_illustration{
    height: 20rem;
    background-color: var(--color-white);
    margin: 1.5rem;
}

/* Page services */

.T-service{
    padding: 5rem;
}

.T-service_card{
    min-height: 15rem;
}

.T-service_card-illustration{
    height: 5rem;
    width: 100%;
    text-align: center;
}

.T-service_card-illustration img{
    height: 5rem;
    object-fit: cover;
}

.T-service_card h3{
    text-transform: uppercase;
    color: var(--color-indigo);
    font-weight: bold;
    margin-top: 2.4rem;

}

.T-service_card p{
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.T-call{
    padding: 3rem;
    background-color: #e5edf0;
    min-height: 15rem;
    margin-top: 5rem;
    border-radius: 3px;
}

.T-call h1{
    color: var(--color-indigo);
    text-align: center;
    font-weight: bold;
    text-transform: uppercase;
}

.T-call-info p{
    font-size: 1.5rem;
    width: 50%;
    margin-bottom: 3rem;
}

.T-call_illustration{
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    margin-left: auto;
    position: relative;
    border: .1rem solid var(--color-white);

}

.T-call_illustration img{
    height: 15rem;
    object-fit: cover;
    border-radius: 50%;
}

.T-call_illustration-verify{
    width: 4rem;
    height: 4rem;
    background-color: #5de55a;
    border-radius: 50%;
    margin-left: auto;
    position: absolute;
    right: -1rem;
    top: 2rem;    
}

.T-call_illustration-verify img{
    height: 4rem;
    padding: .7rem;
}

.T-visibility_card-illustration{
    width: 10rem;
    height: 10rem;
    border: .1rem solid var(--color-orange);
    background-color: var(--color-white);
    border-radius: 50%;
    padding: 3rem;
    margin: 0 auto;
}

.T-visibility_card h2{
    color: var(--color-indigo);
    font-weight: bold;
    margin: 1.4rem;
}

.T-visibility_card p{
    font-size: 1.5rem;
    width: 80%;
    margin: 0 auto;
}







/* MEDIA QUERY */

@media screen and (max-width:786px){
    
    .T-formation_partenaire {
        width: 100%;
    }
}

@media screen and (max-width:768px){
    .T-call_illustration{
        margin-left: initial;
        margin: 0 auto;
    }

    .T-call-info{text-align: center;}

    .T-call-info p{
        margin: 1rem auto 3rem;
        width: 90%;
    }
}

@media screen and (max-width:456px){
    .T-formation_partenaire-illustration {
        height: 10rem;
        margin: 1.8rem;
    }

    .T-formation_partenaire {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 3rem;
    }
}