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

/*------------------ footer ------------------*/
.link_cord-320{
    display: block;
    max-width: 320px;
    margin: 0 auto;
}
.link_coord {
    float: left;
    width: 100%;
    height: 60px;
}
.footer_coord {
    float: none;
    width: 280px;
    height: 120px;
    position: relative;
    margin: 0 auto;
}

.footer_coord #info {float: left;font-size: 19px;width: 100%;text-align: center;padding-top: 70px;color: #ffffff;}

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

.footer_coord #fax,.footer_coord #mail, .footer_coord #tel a,  .footer_coord #mob a, .footer_coord a#maps,
.footer_coord a#twt,.footer_coord a#fb, .footer_coord a#glp, .footer_coord a#blog,.footer_coord a#linked{
    display: block;
    width: 51px;
    height: 51px;
    overflow: hidden;
    text-indent: -3000px;
    position: absolute;
    border-radius: 3px;
    padding: 3px;
    margin:0;
}
.footer_coord #mail{
        left: 20%;
        top: 110%;
        background: url('img/inbox.png') no-repeat 3px 3px;
        display: block;
}
.footer_coord #tel a{
        left: 40%;
        top: 110%;
        background: url('img/phone.png') no-repeat 3px 3px;
        display: block;
}
.footer_coord #mob a{
    left: 60%;
    top: 90%;
    background: url('img/mobile.png') no-repeat 3px 3px;
    display: block;
}
.footer_coord #fax{
    left: 11%;
    top: 115%;
    background:  url('img/picto-fax.png') no-repeat 3px 3px;
    color: #fff;
}
.footer_coord #twt a{
    left: 56%;
    top: 50%;
    background:  url('img/phone.png') no-repeat 3px 3px;
    color: #fff;
}

.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 {
    width: 60px;
    height: 60px;
    margin: 2px;
    float: left;
    left: 60%;
    display: block;
    top: 110%;
    background: url(img/linked.png) no-repeat 3px 3px;
}

.footer_coord a#fb {
    left: 50%;
    top: 90%;
    background: url(img/picto-fb.png) no-repeat 3px 3px;
}
.footer_coord a#twt {
    left: 40%;
    top: 110%;
    background: url(img/twitter.png) no-repeat 3px 3px;
}

.footer_coord a#glp {
    left: 70%;
    top: 90%;
    background: url(img/picto-glp.png) no-repeat 3px 3px;
}
.footer_coord a#blog {
    left: 66%;
    top: 120%;
    background: url(img/picto-printerest.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: #cb4f02;
    font-size: 17px;
}
.contact_coord #pays {
    display: block;
}
.contact_coord #region {
    display: block;
}
.contact_coord .link_coord{
    text-align: center;
    margin: 10px auto;
    width: 96px;
    position:  relative;
    display:  block;
    float: none;
}
.contact_coord a.url {
    display: inline-block;
    width: 57px;
    height: 26px;
    margin: 2px;
    /*float: left;*/
}

.contact_coord a#fb {background: url(img/picto-fb.png) no-repeat;width: 50px;}
.contact_coord a#twt {background: url(img/picto-twt.png);}
.contact_coord a#glp {background: url(img/gplus.png) top center no-repeat;width: 33px;height: 33px;}
.contact_coord a#blog {background: url(img/printerest.png);}
.contact_coord a#maps {background: url(img/picto-maps.png);}
.contact_coord a#trip {background: url(img/picto-trip.png);}

.contact_coord a#fb-contact {background: url(img/fb-contact.png) no-repeat;width: 44px;float:  left;height: 43px;}
.contact_coord a#glp-contact {background: url(img/glp-contact.png) no-repeat;width: 44px;float:  left;height: 43px;}


#gmaps{ 
float: left;
    width: 100%;
 }



#mail{
    font-size: 16px;
    text-decoration: none;
     color: #000;
}
    .bloc_tiret{
        display: none;
    }
.bloc_adresse1{
    background: transparent;
    width: 100%;
    height: auto;
    float: left;
    padding-left: 0;
    padding-top: 0;
    margin-top: 33px;
}
.bloc_portable{
    margin-top: 10px;
}
.bg-adresse{}
.bg-mail{}
.bg-tel{}

}
/* TABLETTES */
@media only screen and (min-width: 768px) {
    .footer_coord #raison,
    .footer_coord #rue,
    .footer_coord #codePostal,
    .footer_coord #ville,
    .footer_coord #region,
    .footer_coord #pays {
    display: inline;
    }

    .footer_coord {
    margin: 0 auto;
    padding:  0;
    position:  relative;
    display:  block;
    border-left: 1px solid #fff;
    width: 100%;
    float: left;
    height: auto;
    margin-top: 30px;
    margin-left:55px !important;
    }
.footer_coord #fax,.footer_coord #mail,.footer_coord a#maps,
    .footer_coord a#twt,.footer_coord a#fb, .footer_coord a#glp, .footer_coord a#blog,.footer_coord a#linked{right: auto;left: auto;top: auto;bottom: auto;background: transparent;display: inline;height: auto;overflow: auto;text-indent: inherit;position: relative;border-radius: 0;padding: 0;color: #f26d00;text-decoration: none;text-align: center;font-weight: 700;font-size: 15px;width: auto;}

.footer_coord #mail:before{
}



    .footer_coord #mail{
    background: url(img/mail.png)left center no-repeat;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    display: inherit;
    height: auto;
    overflow: auto;
    text-indent: inherit;
    position: relative;
    border-radius: 0;
    padding: 0;
    text-decoration: none;
    text-align: left;
    font-size: 16px;
    float: left;
    margin-left: 0px;
    margin-top: 20px;
    line-height: initial;
    padding-top: 0;
    width: 440px;
    padding-left: 40px;
    color: #ffffff;
    font-weight: 400;
    }
    .footer_coord .spantel,.footer_coord br{ display: none; }
    .footer_coord a#maps.url, .footer_coord a#fb,.footer_coord a#twt,.footer_coord a#glp, .footer_coord a#blog{
    display: inline-block;
    width: 45px;
    height: 42px;
    margin: 2px;
    }

    .footer_coord a#linked{background: url(img/linked.png) no-repeat;top: 0;float: left;position:  relative;display: block;left: 0;width: 58px;height: 58px;}
    .footer_coord a#viadeo{background: url(img/viadeo.png) no-repeat;top: 0;float: left;position:  relative;display: none;left: 0;width: 58px;height: 73px;}


    .footer_coord a#maps.url { background: url(img/picto-maps.png); }
    .footer_coord a#fb{background: url(img/facebook.png) center center no-repeat;top: 0px;float: left;position:  relative;display: block;left: 0;margin:  0 auto;background-size: contain;right: 0;width: 23px;height: 23px;margin-right: 5px;}
        .footer_coord a#twt{ background: url(img/picto-twt.png); margin-left: 8px; }
    .footer_coord a#glp{background: url(img/gplus.png) center center no-repeat;display: block;float: none;margin:  0 auto;float:  left;width: 23px;height: 23px;background-size: contain;}
    .footer_coord a#blog{ background: url(img/printerest.png);margin-left: 1px; }
    .contact_coord a#trip {background: url(img/picto-trip.png);}
    .contact_coord, #gmaps{
        float: left;
        width: 50%;
        margin-top: 60px;
    }

    .footer_coord #info {
    background: url(img/coord.png) top left 40px no-repeat;
    padding-top: 60px;
    float: left;
    font-size: 17px;
    width: 100%;
    margin-left: 0;
    line-height: 25px;
    display: block;
    position: relative;
    margin: 0 auto;
    text-align: left;
    padding-left: 0;
    margin-bottom: 0;
    margin-left: -30px;
    margin-top: 0;
    }

#rue:before{
} 

.bloc_adresse {
    margin-bottom: 17px;
    width: auto;
    margin: 0 auto;
    text-align: left;
    padding-bottom: 0;
    background: url(img/adresse.png) left top no-repeat;
    margin-bottom: 20px;
    float:  left;
    font-size: 16px;
    padding-top: 0;
    margin-top: 0;
    font-weight: 400;
    line-height: inherit;
    padding-left: 40px;
    color: #ffffff;
}

.footer_coord #tel a:before{
}


.footer_coord #tel a {
    color: #ffffff;
    background: transparent;
    right: auto;
    left: auto;
    top: auto;
    bottom: auto;
    height: auto;
    overflow: auto;
    text-indent: inherit;
    position: relative;
    border-radius: 0;
    padding: 0;
    text-decoration: none;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    width: auto;
    padding-bottom: 0;
    margin: 0 auto;
    float: left;
    display: block;
    margin-bottom: 0;
    width: 100%;
    float: left;
    margin-left: 0;
    text-align: left;
    margin-top: 0px;
    font-weight: 400;
    padding-left: 40px;
    background: url(img/tel.png)left center no-repeat;
}

.footer_coord .link_coord{
    font-size: 19px;
    padding-top: 0;
    margin-left: 0;
    color: #fff;
    line-height: 25px;
    margin: 0 auto !important;
    text-align: left;
    padding-left: 0;
    z-index: 99999;
    left: 0;
    width: 53px;
    float: left;
    display: block;
    position: absolute;
    top: 210px;
    right: 0;
}
.footer_coord #mob a {color: #ffffff;background: transparent;margin-top: 0px;font-weight: 400;right: auto;left: auto;top: auto;bottom: auto;height: auto;overflow: auto;text-indent: inherit;position: relative;border-radius: 0;padding: 0;text-decoration: none;text-align: center;font-size: 16px;width: 100%;padding-bottom: 0;float: left;display: block;margin-bottom: 0;float: left;text-align: left;height: auto;line-height: initial;padding-left: 40px;}
.bloc_portable{
}

.bg-adresse{}
.bg-mail{
    height: auto;
    width: 26%;
    float: left;
}
.bg-tel{}

.bg-adresse{width: 33%;float: left;height: auto;margin-right: 0;margin-left: 1%;}
.bg-tel{
    height: auto;
    width: 22%;
    float: left;
}

}
/* ORDINATEURS */
@media only screen and (min-width: 992px) {
.bloc_adresse{
    font-size: 17px;
    padding-left: 60px;
    margin-bottom: 30px;
}
.footer_coord #tel{
        margin-top: 0;
        display: block;
}
.footer_coord #tel a{
    font-size: 17px;
    padding-left: 60px;
}
.footer_coord #rue{display: inline;}

    .footer_coord {
 /*margin-top: 80px;*/
 }
.footer_coord #info {font-size: 17px;margin-left: -45px;background: url(img/coord.png) top left 70px no-repeat;padding-top: 50px;}
.footer_coord .link_coord{
    left: 0;
    width: 53px;
    float: left;
    display: block;
    position: absolute;
    top: 138px;
    right: 0;
}

    .footer_coord #mail{
    font-size: 17px;
    width: 440px;
    padding-left: 60px;
    margin-top: 30px;
    }
.footer_coord  #mob a {font-size: 17px;padding-left: 70px;}
.bloc_portable{}

.bg-adresse{
    width: 25%;
    float: left;
    height: auto;
    margin-right: 2%;
    margin-left: 2%;
}
.bg-mail{
    width: 25%;
    float: left;
    height: auto;
}
.bg-tel{
    width: 25%;
    float: left;
}

.footer_coord a#fb {
    background: url(img/facebook.png) center center no-repeat;
    top: 0px;
    float: left;
    position: relative;
    display: block;
    left: 0;
    margin: 0 auto;
    background-size: auto;
    right: 0;
    width: 23px;
    height: 23px;
    background-size: auto;
    margin-right: 5px;
}


}


@media only screen and (min-width: 1200px){
.bloc_adresse{
}
.footer_coord #tel{
        display: block;
}

.footer_coord .link_coord{}
.footer_coord #tel a{
}
.footer_coord #mob a{font-size: 19px;}

.footer_coord #rue{
}

    .footer_coord {
 }
.footer_coord #info {
}
.footer_coord .link_coord{
}

    .footer_coord #mail{
    }
#mob a {width: 40%;}
.bloc_portable{}
.bg-adresse{
    width: 25%;
    float: left;
    height: auto;
    margin-right: 2%;
    margin-left: 2%;
}
.bg-mail{
    width: 25%;
    float: left;
    height: auto;
}
.bg-tel{
    width: 25%;
    float: left;
    height: auto;
}
}
@media only screen and (min-width: 1400px){

    .footer_coord .link_coord{
}
.bloc_adresse{}
.footer_coord #tel{
        margin-top: 0;
        display: block;
}
.footer_coord #tel a{}
.footer_coord #rue{
}

    .footer_coord {
 }
.footer_coord #info {
}
.footer_coord .link_coord{left: 0;width: 53px;float: left;display: block;position: absolute;top: 138px;right: 0;}

    .footer_coord #mail{
    }
#mob a {width: 40%;}
.bloc_portable{}
.bg-adresse{
    width: 25%;
    float: left;
    height: auto;
    margin-right: 2%;
}
.bg-mail{
    width: 25%;
    float: left;
    height: auto;
}
.bg-tel{
    width: 25%;
    float: left;
    height: auto;
}
}

@media only screen and (min-width: 1600px){
.footer_coord {
    margin-left:180px !important;
    }

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





#rue:before{
} 

.bloc_adresse{font-size: 19px;margin-bottom: 25px;width: 590px;}
.footer_coord #tel{
        margin-top: 0;
        display: block;
}
.footer_coord #tel a:before{
}.footer_coord #tel a{font-size: 19px;}
.footer_coord #rue{
}

    .footer_coord {
 margin-left: 12px;
/* margin-top: 90px;*/
 }
.footer_coord #info {}
.footer_coord .link_coord{}

.footer_coord #mail:before{
}


    .footer_coord #mail{
    font-size: 19px;
    margin-top:25px;
    width: 480px;
    }
#mob a {width: 30%;}
.bloc_portable{}
.bg-adresse{
    width: 25%;
    float: left;
 }