/* ==========================================
   PAGE CONTACT
   Préfixe CSS : con-
========================================== */



.con-page {

    max-width:1440px;

    margin:0 auto 20px;

    background:#fff;

    box-shadow:

        -10px 0 10px -10px rgba(0,0,0,.45),

         10px 0 10px -10px rgba(0,0,0,.45);

}





.con-container {

    padding:30px;

    font-family:

        Arial,
        Helvetica,
        sans-serif;

    color:#333;

    line-height:1.6;

}





.con-content {

    display:flex;

    gap:50px;

    align-items:flex-start;

}





/* Informations contact */

.con-info {

    flex:1;

    font-size:18px;

}





.con-title {

    margin-bottom:35px;

    font-size:32px;

    font-weight:700;

    color:#333;

}





.con-address {

    margin-bottom:25px;

}





.con-text {

    margin:25px 0;

}





.con-contact {

    margin-top:30px;

}





.con-contact p,
.con-manager p {

    margin:12px 0;

}





.con-contact a,
.con-manager a {

    color:#174a70;

    text-decoration:none;

}



.con-contact a:hover,
.con-manager a:hover {

    text-decoration:underline;

}





/* Responsable */

.con-manager {

    margin-top:45px;

    padding-top:25px;

    border-top:

        1px solid #ddd;

}





.con-manager h2 {

    font-size:24px;

    color:#b8860b;

    margin-bottom:20px;

}





/* Carte */

.con-map {

    flex:1;

}





.con-iframe {

    width:100%;

    height:450px;

    border:0;

    border-radius:8px;

    box-shadow:

        0 5px 15px rgba(0,0,0,.12);

}





/* ==========================================
   RESPONSIVE MOBILE
========================================== */


@media(max-width:800px){


    .con-container {

        padding:15px;

    }



    .con-content {

        flex-direction:column;

        gap:30px;

    }



    .con-title {

        text-align:center;

        font-size:26px;

    }



    .con-info {

        font-size:16px;

    }



    .con-manager h2 {

        font-size:21px;

    }



    .con-iframe {

        height:350px;

    }


}