/* ---------------------------- SECTION 1 ---------------------------- */

.pageContact .section1{
    margin-top: 40px;
    padding-bottom: 90px;
    display: flex;
    gap: 50px 140px;
    border-bottom: solid 1px var(--color-grey);
}

.pageContact .section1 .left,
.pageContact .section1 .right{
    width: 50%;
}

.pageContact .section1 h1{
    font-weight: 500;
    font-size: 48px;
    line-height: 1.2em;
    margin-bottom: 30px;
}

.pageContact .section1 .paragraphe{
    gap: 0px;
}

.pageContact .section1 .antennes{
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.pageContact .section1 .antennes .antenne p{
    font-size: 16px;
    line-height: 1.2em;
}

.pageContact .section1 .antennes .antenne .nom{
    font-weight: 600;
    padding-left: 32px;
}

.pageContact .section1 .antennes .antenne > div{
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.pageContact .section1 .antennes .antenne > div::before{
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
    width: 19px;
    height: 22px;
}

.pageContact .section1 .antennes .antenne > div.adresse::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15.357' height='21.5' viewBox='0 0 15.357 21.5'%3E%3Cpath id='Icon_ionic-md-pin' data-name='Icon ionic-md-pin' d='M14.429,2.25A7.625,7.625,0,0,0,6.75,9.775c0,5.644,7.679,13.975,7.679,13.975s7.679-8.331,7.679-13.975A7.625,7.625,0,0,0,14.429,2.25Zm0,10.213a2.688,2.688,0,1,1,2.742-2.687A2.689,2.689,0,0,1,14.429,12.463Z' transform='translate(-6.75 -2.25)' fill='%232e67d7'/%3E%3C/svg%3E%0A");
}

.pageContact .section1 .antennes .antenne > div.telephone::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17.66' height='17.66' viewBox='0 0 17.66 17.66'%3E%3Cpath id='Icon_awesome-phone-alt' data-name='Icon awesome-phone-alt' d='M17.156,12.48l-3.863-1.656a.828.828,0,0,0-.966.238l-1.711,2.09A12.785,12.785,0,0,1,4.5,7.041L6.6,5.33a.826.826,0,0,0,.238-.966L5.177.5A.833.833,0,0,0,4.229.021L.642.849A.828.828,0,0,0,0,1.656a16,16,0,0,0,16,16,.828.828,0,0,0,.807-.642l.828-3.587a.838.838,0,0,0-.483-.952Z' transform='translate(0 0)' fill='%232e67d7'/%3E%3C/svg%3E%0A");
}

.pageContact .section1 .antennes .antenne > div.horaires::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.858' height='18.858' viewBox='0 0 18.858 18.858'%3E%3Cpath id='Icon_ionic-ios-time' data-name='Icon ionic-ios-time' d='M12.8,3.375A9.429,9.429,0,1,0,22.233,12.8,9.428,9.428,0,0,0,12.8,3.375Zm.635,10.245a.637.637,0,0,1-.635.635H8.452a.635.635,0,0,1,0-1.269H12.17V7a.635.635,0,0,1,1.269,0Z' transform='translate(-3.375 -3.375)' fill='%232e67d7'/%3E%3C/svg%3E%0A");
}

.pageContact .section1 .antennes .antenne > div.mail::before{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='19.197' height='13.712' viewBox='0 0 19.197 13.712'%3E%3Cpath id='Tracé_692' data-name='Tracé 692' d='M7.142,19.111a2.055,2.055,0,0,1,1.165-.362H23.39a2.055,2.055,0,0,1,1.165.362l-8.266,6.943a.684.684,0,0,1-.881,0Zm18.221,1.112a2.08,2.08,0,0,1,.084.584v9.6a2.057,2.057,0,0,1-2.057,2.057H8.307A2.057,2.057,0,0,1,6.25,30.405v-9.6a2.08,2.08,0,0,1,.084-.584L14.525,27.1a2.057,2.057,0,0,0,2.646,0Z' transform='translate(-6.25 -18.75)' fill='%232e67d7' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
}

@media (max-width: 1600px){
    .pageContact .section1{
        gap: 50px 80px;
    }
}

@media (min-width: 993px){
    .pageContact .section1 .antennes .antenne a:hover{
        text-decoration: underline !important;
    }
}

@media (max-width: 992px){
    .pageContact .section1{
        flex-direction: column;
        padding-bottom: 60px;
        margin-top: 30px;
    }
    .pageContact .section1 .left,
    .pageContact .section1 .right{
        width: 100%;
    }
    .pageContact .section1 h1{
        font-size: 30px;
    }
}

/* ---------------------------- SECTION 2 ---------------------------- */

.pageContact .section2{
    padding-block: 100px 80px;
}

.pageContact .section2 .antennes{
    display: flex;
    flex-direction: column;
    gap: 70px;
}

.pageContact .section2 .antennes .antenne{
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 50px 70px;
}

.pageContact .section2 .antennes .antenne:nth-child(even) .left{
    order: 2;
}

.pageContact .section2 .antennes .antenne h2{
    font-size: 48px;
    font-weight: 500;
    line-height: 1.1em;
    margin-bottom: 30px;
}

.pageContact .section2 .antennes .antenne .carte iframe{
    width: 100%;
    height: auto;
    aspect-ratio: 650/580;
}

@media (max-width: 1600px){
    .pageContact .section2 .antennes .antenne h2{
        font-size: 38px;
    } 
}

@media (max-width: 1300px){
    .pageContact .section2 .antennes .antenne h2{
        font-size: 30px;
    } 
}

@media (max-width: 992px){
    .pageContact .section2{
        padding-block: 60px;
    }
    .pageContact .section2 .antennes{
        gap: 60px;
    }
    .pageContact .section2 .antennes .antenne{
        grid-template-columns: 1fr;
    }
    .pageContact .section2 .antennes .antenne:nth-child(even) .left{
        order: 0;
    }
}