#phoneWrapper h3 a,
#bottomWrapper a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

#mainMenu li.active {
    background-color: rgba(218, 116, 23, 0.9);
}

img,
.thumbnail img,
#contenu img,
#carouselWrapper img {
    max-width: 100%;
    height: auto;
}

#map-canvas {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {
    html body div#TopWrapper {
        margin-top: 10px;
    }

    html body div#TopWrapper header,
    html body div#TopWrapper div#phoneWrapper {
        float: none;
        text-align: center;
    }

    html body div#TopWrapper header img {
        display: block;
        margin: 0 auto 10px;
    }

    html body div#TopWrapper div#phoneWrapper {
        display: block;
        margin: 0 15px;
    }

    html body div#TopWrapper div#phoneWrapper h3 {
        font-size: 1.6em;
    }

    html body div#menuWrapper ul#mainMenu {
        margin-top: 15px;
    }

    html body div#menuWrapper ul#mainMenu li.active {
        background-image: linear-gradient(#e8933a, #d38537);
    }

    html body div#carouselWrapper #owlCarousel {
        border-width: 4px;
    }

    html body div#bannersWrapper .banner {
        min-height: 0;
        max-width: none;
        margin-bottom: 15px;
    }

    html body #welcomWrapper {
        margin-top: 15px;
    }

    html body #welcomWrapper h1,
    html body #contenu h1 {
        font-size: 1.6em;
        overflow-wrap: break-word;
    }

    html body #contenu h2 {
        font-size: 1.4em;
    }

    html body #contenu h3 {
        font-size: 1.25em;
    }

    #welcomWrapper img.pull-left,
    #contenu img.pull-left,
    #contenu img.pull-right,
    #contactWrapper img {
        float: none !important;
        display: block;
        margin: 0 auto 15px;
    }

    #lastPictures {
        text-align: center;
    }

    #lastPictures a,
    #lastPictures img {
        float: none !important;
        display: inline-block;
    }

    html body div.imageGallery {
        float: none;
        display: block;
        width: auto;
        margin: 0 0 15px;
        text-align: center;
    }

    .imageGallery img {
        display: inline-block;
    }

    #contenu .thumbnail img,
    #galerie .thumbnail img,
    .thumbnail > img {
        width: 100%;
    }

    #map-canvas {
        height: 280px !important;
    }

    html body div#bottomWrapper {
        max-width: none;
    }

    html body div#bottomWrapper [class*="col-"],
    html body #contenu .row > [class*="col-"],
    html body div#bannersWrapper .row > [class*="col-"] {
        margin-bottom: 15px;
    }

    .breadcrumb {
        font-size: 13px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    html body div#menuWrapper ul#mainMenu li a {
        font-size: 0.85em;
        padding: 8px 6px;
    }

    html body div#bannersWrapper .banner {
        min-height: 0;
    }
}