html body div > section#fast-contact
{
    padding: 5vh 0vw;

    text-align: center;
}

html body div section#cordonnerie > div#images-presentation,
html body div section#serrurerie > div#images-presentation,
html body div section#gravure > div#images-presentation
{
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow-x: auto;
}

html body div section#cordonnerie div#images-presentation > img,
html body div section#serrurerie div#images-presentation > img,
html body div section#gravure div#images-presentation > img
{
    width: auto;
    height: 25rem;
    margin: 10px;

    border-radius: 1rem;
}

html body div section#services > div
{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

html body div section#services div > div
{
    flex: 1;
    padding: 1rem;
    margin: 1rem;

    background-color: rgb(255, 255, 255);
    border-radius: 1rem;
}

html body div section#services div div#cordonnerie > h3,
html body div section#services div div#serrurerie > h3,
html body div section#services div div#gravure > h3
{
    padding: 10px;

    background-color: rgb(255, 0, 0);
    border-radius: 1rem;

    color: rgb(255, 255, 255);
    text-align: center;
}

html body div section#services div div#cordonnerie ul > li:before,
html body div section#services div div#serrurerie ul > li:before,
html body div section#services div div#gravure ul > li:before
{
    font-family: FontAwesome, sans-serif;
    content: "\f0a9";
    display: inline-block;
    padding-right: 0.5rem;
}

html body div section#information > div#localisation
{
    display: flex;
}

html body div section#information div#localisation > div#address
{
    width: 25%;
    padding: 1rem;

    background-color: rgb(121, 85, 72);
    border-radius: 1rem 0rem 0rem 1rem;
}

html body div section#information div#localisation div#address > h3#title
{
    padding: 10px;

    background-color: rgb(255, 0, 0);
    border-radius: 1rem;

    color: rgb(255, 255, 255);
    text-align: center;
}

html body div section#information div#localisation > iframe#map
{
    all: unset;

    width: 75%;

    border-radius: 0rem 1rem 1rem 0rem;
}

@media screen and (max-width: 600px)
{
    html body div section#information > div#localisation
    {
        display: flex;
        flex-wrap: wrap;
    }

    html body div section#information div#localisation > div#address
    {
        border-radius: 1rem 1rem 0rem 0rem;
    }

    html body div section#information div#localisation > iframe#map
    {
        border-radius: 0rem 0rem 1rem 1rem;
    }

    html body div section#information div#localisation > div#address,
    html body div section#information div#localisation > iframe#map
    {
        width: 100%;
    }
}