@media only screen and (min-width: 320px) {

    .map-ftr-bg {
        min-height: 400px;
    }

    .bg-ftr {
        padding: 40px 0;
        padding-bottom: 100px;
    }

    .li-c1 {
        color: #498ea4;
    }

    .li-c2 {
        font-size: 20px;
    }

    .li-c1 i {
        font-size: 30px;
    }

    .li-c1 {
        color: #498ea4;
    }

    li.footer-li {}

    .li-capt {
        font-family: 'Redressed', cursive;
        font-size: 25px;
    }

    span.ftr-sp1 {
        display: block;
        font-family: 'raleway';
        font-size: 20px;
    }

    .footer-right {
        /* background: #203751 */
    }

    .f-captcha {
        display: none
    }

    ul#footer-ul a {
        color: #333;
        text-decoration: none!important;
    }

    ul#footer-ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        color: #333;
    }

    ul#footer-ul li.footer-li {}

    .footer_coord {
        text-align: center;
        width: 230px;
        height: 100%;
        margin: 0 auto;
        position: relative
    }

    .footer_coord #info {
        float: left;
        font-size: 14px;
        width: 100%
    }

    .footer_coord #raison,
    .footer_coord #rue,
    .footer_coord #codePostal,
    .footer_coord #ville,
    .footer_coord #region,
    .footer_coord #pays {
        display: inline;
    }

    .footer_coord #mail,
    .footer_coord #tel a,
    .footer_coord a#maps,
    .footer_coord a#fb,
    .footer_coord a#glp,
    .footer_coord a#blog {
        display: block;
        width: 48px;
        height: 48px;
        overflow: hidden;
        text-indent: -3000px;
        position: absolute;
        border-radius: 3px;
        padding: 3px;
        margin: 0
    }

    .footer_coord #mail {
        left: 21%;
        top: 100px;
        background: url(img/inbox.png) no-repeat;
    }

    .footer_coord #tel a {
        left: 60%;
        top: 101px;
        background: url(img/phone.png) no-repeat;
    }

    .footer_coord a#maps {
        left: 61%;
        top: 5px;
        background: #fff url(img/compass.png) no-repeat 3px 3px
    }

    .footer_coord .spantel,
    .footer_coord br {
        display: none
    }

    .footer_coord #pays {
        display: block
    }

    .footer_coord #region {
        display: block
    }

    .footer_coord a.url {
        display: block;
        width: 20px;
        height: 20px;
        margin: 2px;
        float: left
    }

    .footer_coord a#fb {
        left: 21%;
        bottom: 5px;
        background: url(img/fb.png) no-repeat 3px 3px
    }

    .footer_coord a#glp {
        left: 41%;
        bottom: 5px;
        background: url(img/gplus.png) no-repeat 3px 3px
    }

    .footer_coord a#blog {
        left: 61%;
        bottom: 5px;
        background: url(img/blog.png) no-repeat 3px 3px
    }

    .contact_coord,
    .contact_coord #info div {
        text-align: center;
        margin: 10px 0
    }

    .contact_coord #raison {
        margin: 6px 0 20px;
        color: #777;
        font-size: 1.2em
    }

    .contact_coord #pays {
        display: block
    }

    .contact_coord #region {
        display: block
    }

    .contact_coord .link_coord {
        text-align: center;
        margin: 10px auto;
        width: 100%
    }

    .contact_coord a.url {
        display: inline-block;
        width: 50px;
        height: 50px;
        margin: 2px
    }

    .contact_coord a#fb {
        background: url(img/picto-fb.png)
    }

    .contact_coord a#twt {
        background: url(img/picto-twt.png)
    }

    .contact_coord a#glp {
        background: url(img/picto-glp.png)
    }

    .contact_coord a#blog {
        background: url(img/picto-blog.png)
    }

    .contact_coord a#maps {
        background: url(img/picto-maps.png)
    }

    #gmaps {
        margin-bottom: 30px
    }
}

@media only screen and (min-width: 768px) {
    .bg-ftr {
        padding: 40px 0;
    }

    .f-captcha {
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        position: relative;
        display: block
    }

    .f-captcha:before {
        content: '';
        width: 25px;
        height: 4px;
        position: absolute;
        bottom: 0;
        background: #eeb3b5
    }

    .footer_coord #raison,
    .footer_coord #rue,
    .footer_coord #codePostal,
    .footer_coord #ville,
    .footer_coord #region,
    .footer_coord #pays {
        display: inline
    }

    .footer_coord #mail,
    .footer_coord #tel a,
    .footer_coord a#maps,
    .footer_coord a#fb,
    .footer_coord a#glp,
    .footer_coord a#blog {
        right: auto;
        left: auto;
        top: auto;
        bottom: auto;
        background: transparent;
        display: inherit;
        width: auto;
        height: auto;
        overflow: auto;
        text-indent: inherit;
        position: relative;
        border-radius: 0;
        padding: 0
    }

    .footer_coord .spantel,
    .footer_coord br {
        display: inline
    }

    .footer_coord a#maps.url,
    .footer_coord a#fb,
    .footer_coord a#glp,
    .footer_coord a#blog {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: 2px
    }

    .footer_coord a#maps.url {
        background: url(img/picto-maps.png)
    }

    .footer_coord a#fb {
        background: url(img/picto-fb.png)
    }

    .footer_coord a#glp {
        background: url(img/picto-glp.jpg)
    }

    .footer_coord a#blog {
        background: url(img/picto-blog.png)
    }

    .contact_coord,
    #gmaps {
        float: left;
        width: 100%
    }
}

@media only screen and (min-width: 992px) {
    .bg-ftr {
        padding: 50px 0;
    }

    ul#footer-ul {}

    ul#footer-ul li.footer-li {}

    .footer-right {
        background: transparent
    }

    span#mob {
        font-weight: 800;
        padding-left: 30px
    }

    .footer_coord {
        margin: 0;
        width: 210px;
        text-align: left;
        margin: 0 auto;
        width: auto;
        margin: 0 auto
    }
}