/*******************
* Single ressource *
*******************/

.main{
    padding: 4rem 10%;
    display: flex;
    flex-direction: row;
    gap: 2rem;
    align-items: center;
}
.main .titre{
    font-size: 2rem;
}
.main__logo{
    width: 10rem;
    height: auto;
    object-fit: contain;
}
/* Responsive desktop */
@media screen and ( min-width:1100px ) {
    .main{
        padding: 4rem 20%;
        gap: 4rem;
    }
}
@media screen and ( min-width:1300px ) {
    .main{
        margin-top: 10vh;
        position: relative;
    }
    .main .titre{
        font-size: 2.5rem;
    }
    .main::before{
        position: absolute;
        content: url(../images/terre-bleue.svg);
        right: 5%;
        top: 8rem;
        transform: scale(1.3);
    }
}

/* Contenu */

.contenu{
    padding-top: 0rem;
    display: flex;
    flex-direction: column;
    gap: .75rem;
}
.contenu__titre{
    color: var(--rose);
}
.contenu a{
    color: var(--bleu-clair);
    transition: all .2s;
}
.contenu a:hover{
    color: var(--rose);
}
.contenu .contenu__url{
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: var(--bleu-fonce);
}
.contenu__url img{
    width: 1.25rem;
}
.carte{
    height: 50vh;
    z-index: 1;
}
/* Responsive desktop */
@media screen and ( min-width:1100px ) {
    .contenu{
        padding: 4rem 20%;
        padding-top: 2rem;
    }
    .carte{
        margin: 4rem 20%;
        margin-top: 2rem;
        margin-bottom: 8rem;
    }
}