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

        /*------------------ footer ------------------*/
        .fb_footer {
            width: 100%;
            margin: 0 auto;
            text-align: center;
        }

        .footer_coord {
            width: 100%;
            position: relative;
            display: block;
            margin: 0 auto;
            margin-top: 25px;
            height: auto;
            top: 150px;
        }
.footer_coord #info {
    color: #fff;
    float: left;
    font-size: 18px;
    width: 100%;
    text-align: center;
    font-weight: 400;
}

        .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 #mob a,
        .footer_coord a#maps,
        .footer_coord a#fb,
        .footer_coord a#glp,
        .footer_coord a#blog,
        #p-footer {
            display: block;
            width: 55px;
            height: 55px;
            overflow: hidden;
            text-indent: -3000px;
            position: absolute;
            border-radius: 3px;
            padding: 3px;
            margin: 0;
        }

        .footer_coord #mail {
            left: 80px;
            top: 70px;
            background: url(img/inbox.png) no-repeat center;
        }

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

        .footer_coord #mob a {
            left: 155px;
            top: 70px;
            background: url(img/m-mob.png) no-repeat center;
        }

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

        .footer_coord .spantel,
        .footer_coord .spanmob,
        .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: 205px;
            top: 70px;
            background: url(img/m-fb.png) center no-repeat;
        }

        .footer_coord a#glp {
            left: 215px;
            top: 90px;
            background: url(img/insta-footer.png) no-repeat center;
        }

        .footer_coord a#blog {
            left: 74%;
            top: 77px;
            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: 0px auto;
            width: 95%;
        }

        .contact_coord a.url {
            display: inline-block;
            width: 25px;
            height: 25px;
            margin: 2px;
            /* float: left; */
        }

        #p-contact {
            display: inline-block;
            width: 40px;
            height: 40px;
            margin: 2px;
            /* float: left; */
        }

        #p-contact {
            background: url(img/p-footer.png) center no-repeat;
        }

        .contact_coord a#fb {
            background: url(img/fb-footer.png) center no-repeat;
        }

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

        .contact_coord a#glp {
            background: url(img/insta-footer.png) center no-repeat;
        }

        .contact_coord a#blog {
            background: url(img/linked-footer.png) center no-repeat;
            background-size: 22px;
        }

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

        #gmaps {
            margin-bottom: 30px;
        }

        .footer_coord #rue {
            display: block;
        }

        #p-footer {
            left: 168px;
            top: 90px;
            background: url(img/p-footer.png) center no-repeat;
        }

        .footer_coord .link_coord {
            width: 100%;
            float: left;
        }
    }

    /* TABLETTES */
    @media only screen and (min-width: 768px) {
        .center-links-footer {
            display: block;
            width: 90px;
            margin: 0 auto;
            position: relative;
            left: -4%;
        }

        .footer_coord.center-links-soc-footer {
            width: 100% !important;
            margin: 0 !important;
            margin-top: -45px !important;
            position: relative;
            z-index: 999999999999999;
        }

        #p-footer {
            background: url(img/p-footer.png) center no-repeat !important;
            position: relative;
        }

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

        .footer_coord #rue {
            display: block;
        }

        .footer_coord {
            position: relative;
            height: auto;
            top: auto;
        }

        .footer_coord #mail,
        .footer_coord #tel a,
        .footer_coord a#maps,
        .footer_coord a#fb,
        .footer_coord a#glp,
        .footer_coord a#blog,
        #p-footer,
        .footer_coord #mob a {
            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;
            text-decoration: none;
        }

        .footer_coord #tel a {
            color: #fff;
            display: inline-block;
            font-weight: 400;
            width: auto;
            text-align: left;
            line-height: 30px;
            padding-left: 30px;
            background: url(img/telephone.png) left center no-repeat;
        }

        .footer_coord #mob a {
            color: #ffffff;
            display: inline-block;
            font-weight: 700;
            width: auto;
            text-align: left;
            line-height: 30px;
            margin-top: 30px;
            padding-left: 25px;
            background: url(img/sep.png) left 5px center no-repeat;
            background-size: 10px;
        }

        .footer_coord #fax {
            color: #fff;
            display: inline-block;
        }

        .footer_coord #mail {
            color: #fff;
            display: inline-block;
            width: 151px;
            height: 23px;
            text-align: left;
            background: url(img/contact.jpg)center center no-repeat;
            background-size: contain;
            text-align: left;
        }

        .footer_coord #adresse {
            float: left;
            display: inline-block;
            width: auto;
            text-align: left;
            padding-left: 30px;
            line-height: normal;
            background: url(img/adresse.png) left center no-repeat;
        }

        .footer_coord .spantel,
        .footer_coord br,
        .footer_coord .spanmob {
            display: none;
            margin-top: 30px;
        }

        .footer_coord a#maps.url,
        .footer_coord a#fb,
        .footer_coord a#glp,
        .footer_coord a#blog,
        #p-footer {
            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/fb-footer.png) left center no-repeat;
            position: relative;
            margin: 5px 0;
        }

        .footer_coord .link_coord {
            width: 100%;
            float: left;
            display: none;
        }

        .footer_coord a#glp {
            background: url(img/insta-footer.png) center no-repeat;
        }

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

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

        .footer_coord #info {
            font-size: 15px;
            width: 100%;
            text-align: left;
            position: relative;
            display: block;
            float: left;
        }

        .container-adresse-footer {
            width: 100%;
            float: left;
            display: block;
            margin-bottom: 10px;
        }

        .container-tel-footer {
            width: 100%;
            float: left;
            display: block;
            height: 100%;
            margin-bottom: 10px;
        }

        .container-mail-footer {
            width: 100%;
            float: left;
            display: block;
        }

        a#fb-footer {
            width: 110px;
            display: block;
            margin: 0 auto;
            float: left;
            position: relative;
            margin-top: auto;
            margin-bottom: 0;
            text-align: center;
            line-height: 110px;
        }
    }

    /* ORDINATEURS */
    @media only screen and (min-width: 992px) {
        .footer_coord #mail {
            width: 151px;
            height: 23px;
            background: url(img/contact.jpg)center center no-repeat;
            background-size: contain;
            text-align: left;
        }

        .footer_coord {
            margin-top: 5px;
        }

        .footer_coord #info {
            font-size: 14px;
        }

        a#fb-footer {
            line-height: 270px;
            width: auto;
        }

        .footer_coord a#blog {}

        .footer_coord a#fb {
            position: relative;
        }
    }

    @media only screen and (min-width: 1200px) {
        .footer_coord #mail {
            width: 160px;
            height: 24px;
            background: url(img/contact.jpg)center center no-repeat;
            background-size: contain;
            text-align: left;
        }

        .footer_coord {
            margin-top: 10px;
        }
    }

    @media only screen and (min-width: 1400px) {
        .footer_coord #mail {
            width: 181px;
            height: 26px;
            background: url(img/contact.jpg)center center no-repeat;
            background-size: contain;
            text-align: left;
        }

        .footer_coord #info {
            font-size: 16px;
        }

        .footer_coord {
            display: table;
            width: 220px;
            margin-top: 0;
        }

        .footer_coord a#blog {}

        .footer_coord a#fb {
            position: relative;
        }

        .footer_coord.center-links-soc-footer {
            margin-top: -50px !important;
        }
    }

    @media only screen and (min-width: 1700px) {
        .footer_coord #info {
            font-size: 16px;
            letter-spacing: 1px;
        }

        .footer_coord {}
    }