:root {
    --couleur_bleue: #4571A3;
    --couleur_turquoise: #1CA19A;
    --couleur_grise: #D9D7D7;
    --couleur_blanche: #FFFFFF;
    --couleur_noire: black;
}

@font-face {
    font-family: 'OpenSans-Regular';
    src: url('../_theme/fonts/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpenSans-Bold';
    src: url('../_theme/fonts/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'ZillaSlab-Bold';
    src: url('../_theme/fonts/ZillaSlab-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Outfit-Regular';
    src: url('../_theme/fonts/Outfit-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'iconmoon';
    src: url('../_theme/icomoon/fonts/icomoon.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

.titre {
    font-family: 'ZillaSlab-Bold';
    font-size: 42px;
    line-height: normal;
}

.sous-titre {
    font-family: 'ZillaSlab-Bold';
    font-size: 24px;
}

.sous-sous-titre {
    font-family: 'OpenSans-Bold';
    font-size: 18px;
    text-transform: none !important;
    padding: 10px;
}

.paragraphe {
    font-family: 'OpenSans-Regular';
    font-size: 18px;
    padding: 10px;
}

.gras {
    font-family: 'OpenSans-Bold';
    font-size: 18px;
}


.top-0 {
    margin-top:0 !important;
}
.padding-top-0 {
    padding-top: 0;
}
.padding-bottom-10 {
    padding-bottom: 10px;
}
.padding-bottom-20 {
    padding-bottom: 20px !important;
}
.padding-bottom-40 {
    padding-bottom: 40px !important;
}
.margin-left-10 {
    margin-left: 10px;
}
.margin-top-10 {
    margin-top: 10px;
}
.bottom-0 {
    padding-bottom:0;
    margin-bottom: 0;
}
.bottom-40 {
    padding-bottom:100px;
}

ul.paragraphe {
    margin-top: -10px;
    padding-top: 0px;
    list-style-position: inside;
}
li.paragraphe {
    margin:0;
    padding:0;
}
.without-puce {
    list-style: none;
}

.mention {
    font-family: 'Outfit-Regular';
    font-size: 16px;
    padding: 10px;
}

section {
    padding-top: 40px;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    overflow: hidden;
}
.container-small {
    max-width: 900px;;
    margin: 0 auto;
    padding: 0 20px;
}

.fond-gris {
    position: relative;
    background-color: var(--couleur_grise);
    z-index: 2;
}

.fond-blanc {
    position: relative;
    background-color: var(--couleur_blanche);
    z-index: 3;
}

.turquoise {
    color: var(--couleur_turquoise);
}

.fleche-turquoise-fond-blanc {
    border-radius: 50%;
    background-color: var(--couleur_turquoise);
    color: var(--couleur_blanche);
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.flex {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
}
.gap-0 {
    gap: 0px;
}
.gap-10 {
    gap: 10px;
}
.gap-20 {
    gap: 20px;
}
.grid {
    flex: 1;
}
.grid-image {
    position: relative;
    object-fit: cover;
    z-index: 4;
    align-items: flex-start;
}
.grid-text {
    position: relative;
    z-index: 5;
}
.align-items-middle {
    align-items: center;
}
.align-items-bottom {
    align-items: flex-end;
}

.bordure-atypique {
    border-radius: 50%;
    height: 840px;
    padding-top: 180px;
    margin-top: -180px;
    margin-bottom: -414px;
}

.logo {
    width: 239px;
    align-items: end;
    padding: 20px;
}

.rv-mpi-icons {
    justify-content: flex-end;
}
.icon-mediapi {
    width: 220px;
}
.icon-rogervoice {
    width: 180px;
    border-radius: 50%;
}

.milieu {
    text-align: center;
}

.rs-icon {
    border-radius: 50%;
    width: 100px;
    padding: 12px;
    margin: 10px;
    color: var(--couleur_blanche);
    background-color: var(--couleur_turquoise);
    font-size: 42px;
}
.rs-icon-mini {
    border-radius: 50%;
    width: 50px;
    padding: 12px;
    margin: 10px;
    color: var(--couleur_blanche);
    background-color: var(--couleur_turquoise);
    font-size: 16px;
}

.facebook {
    content: '\ea90';
    font-family: 'iconmoon';
}

.instagram {
    content: '\ea92';
    font-family: 'iconmoon';
}

.linkedin {
    content: '\eac9';
    font-family: 'iconmoon';
}

.bouton {
    display: inline-block;
    text-decoration: none;
    background: var(--couleur_blanche);
    color: var(--couleur_noire);
    border: 3px solid var(--couleur_turquoise);
    padding: 5px;
    margin-top: 30px;
    margin-bottom: 30px;
}
.bouton:hover {
    background-color: var(--couleur_turquoise);
    color: var(--couleur_blanche);
}

.separateur {
    border:none;
    border-right: 1px solid var(--couleur_noire);
}
.droite {
    justify-content: flex-end;
    padding-right: 20px;
}
.gauche {
    justify-content: flex-start;
    padding-left: 20px;
}

.iphone {
    margin-bottom: -50%;
}

.reseaux-sociaux-logos {
    display: inline-block;
}

.encadre {
    background-color: var(--couleur_blanche);
    border-radius: 30px;
    padding: 10px;
    display: inline-block;
    margin: 0 auto;
}

.portrait {
    border-radius: 50%;
    border: 1px solid var(--couleur_noire);
    width: 155px;
}

/* .cadre-image-multi-disciplines {
    display: flex;
    justify-content: flex-end;
} */
.image-multi-disciplines {
    max-width: 80%;
    height: auto;
    object-fit: none;
}

@media (max-width: 519px) {
    .flex {
        flex-direction: column;
        align-items: center;
    }
    .separateur {
        border:none;
        border-bottom: 1px solid var(--couleur_noire);
    }
    .bordure-atypique {
        margin-bottom: -338px;
    }
}

@media (max-width: 493px) {
    .bordure-atypique {
        margin-bottom: -319px;
    }
}
@media (max-width: 397px) {
    .bordure-atypique {
        margin-bottom: -265px;
    }
}
@media (max-width: 287px) {
    .bordure-atypique {
        margin-bottom: -214px;
    }
}