/* SMARTPHONES */
@media only screen and (min-width: 320px) {
    ul#footer-ul li {}

    .f-captcha {
        display: none;
    }

    ul#footer-ul a {
        color: #333;
    }

    ul#footer-ul {
        padding: 0;
        margin: 0;
        list-style-type: none;
        color: #333;
        display: flex;
        justify-content: space-evenly;
        flex-direction: column;
    }

    ul#footer-ul li {
        font-weight: 600;
        display: block;
        margin-bottom: 15px;
    }

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

    /*------------------ footer ------------------*/

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

    .footer_coord #info {
        font-size: 14px;
        width: 100%;
        text-align: center;
    }

    .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: 41%;
        top: 33px;
        background: url('img/inbox.png') no-repeat;
    }

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

    .footer_coord a#maps {
        left: 61%;
        top: 5px;
        background: white 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: 8%;
        bottom: -17px;
        background: url(img/fb.png) no-repeat;
    }

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

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

    /*------------------ page contact ------------------*/

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

    .contact_coord #raison {
        margin: 6px 0 20px 0;
        color: #777777;
        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;
        /*float: left;*/
    }

    .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;
    }

}

/* TABLETTES */
@media only screen and (min-width: 768px) {
    .left-crds {
        min-width: 261px;
    }

    ul#footer-ul li {
        font-weight: 600;
        display: inline-block;
        margin-bottom: 15px;
        font-size: 14px;
        text-align: left;
    }

    .f-captcha.f-captcha1 {
        /* background: #b6e3f2; */
        margin-right: 5px;
    }

    .f-captcha.f-captcha2 {
        margin-right: 5px;
    }

    .f-captcha.f-captcha3 {
        margin-right: 5px;
    }

    .f-captcha {
        font-size: 18px;
        display: inline-block;
        border-radius: 20px;
    }

    .footer-right {}

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

    .footer_coord {
        width: auto;
        margin: 0;
    }

    .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: none;
        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%;
    }
}

/* ORDINATEURS */
@media only screen and (min-width: 992px) {
    ul#footer-ul {
        flex-direction: column;
    }

    span#tel {}

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

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

@media only screen and (min-width: 992px) {
    .footer_coord {
        width: auto;
        /* margin: 0 auto; */
    }
}