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

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

.footer_coord {
	float: right;
	width: 100%;
	height:96px;
	position: relative;
}

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

.footer_coord #raison,
.footer_coord #rue,
.footer_coord #codePostal,
.footer_coord #ville,
.footer_coord #region,
.footer_coord #pays {
	display: none;
}
.footer_coord span#fax ,.footer_coord .fax, .footer_coord br { display:none;}

.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:30%;
	top: 5px;
	background: white url('img/inbox.png') no-repeat 3px 3px;
}
.footer_coord #tel a{
	left:50%;
	top: 5px;
	background: white url('img/phone.png') no-repeat 3px 3px;
}
/*span.spanmob,span#mob{ display:none;}*/

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

/*------------------ 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;	
} 

.footer_coord span#garage  { display:none}
.contact_coord #pays {
	display: block;
}
.contact_coord #region {
	display: block;
}
.contact_coord .link_coord{
	text-align: center;
	margin: 20px auto;
	width: 200px;
}
.contact_coord a.url {
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 2px;
	/*float: left;*/
}

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

/*#gmaps{ margin-bottom: 30px; }*/

#gmaps{ margin: 30px auto; }

}
/* TABLETTES */
@media only screen and (min-width: 768px) {
	.footer_coord #region,
	.footer_coord #pays {
	display: block; 
	display: block; 
	color: #fff; 
	font-family: 'Open Sans', sans-serif;
	font-size:11px; 
	text-align:center; 
	
	
		
	}

	.footer_coord #ville
	 {
	      
      color: #fff;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    left: 154px;
    position: absolute;
    text-align: center;
    top: 25px;

	}
	.footer_coord #codePostal
	 {
	      color: #fff;
    display: block;
    font-family: "Open Sans",sans-serif;
    font-size: 11px;
    left: 116px;
    position: absolute;
    text-align: center;
    top: 26px;

	}
	
	.footer_coord span#garage
	 {
     color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    left: 7px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 249px;	
	}
	 
	
.footer_coord #rue
	 {
            color: #fff;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    left: 7px;
    position: absolute;
    text-align: left;
    top: 26px;
    width: 249px;	
	}

	.footer_coord {
		width: 40%;
		height: auto;
	}
	.footer_coord #mail,  .footer_coord a#maps,
	.footer_coord a#fb, .footer_coord a#glp, .footer_coord a#blog{
		  background: none repeat scroll 0 0 transparent;
    border-radius: 0;
    bottom: auto;
    display: inherit;
    height: auto;
    left: auto;
    overflow: auto;
    padding: 0;
    position: relative;
    right: 43px;
    text-decoration: none;
    text-indent: inherit;
    top: 70px;
    width: auto;
	color: #fff; 


	}
	.footer_coord #mail{ 


	display:block;
		
	}
	
	 .footer_coord #tel a {
         background: transparent none repeat scroll 0 0;
    border-radius: 0;
    bottom: auto;
    color: #fff;
    display: inherit;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    left: 7px;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: auto;
    text-align: left;
    text-decoration: none;
    text-indent: inherit;
    top: 54px;
    width: auto;

	}
	
	 .footer_coord #mob a {
          background: none repeat scroll 0 0 transparent;
    border-radius: 0;
    bottom: auto;
    display: inherit;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
	font-size:11px;
    height: auto;
    left: 60px;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: auto;
    text-decoration: none;
    text-indent: inherit;
    top: 58px;
    width: auto;

	}
	
	
	.footer_coord span#fax  {
      background: none repeat scroll 0 0 transparent;
    border-radius: 0;
    bottom: auto;
   font-weight:normal;
	font-size:11px;
    display: inherit;
    color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
    height: auto;
    left:120px;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: auto;
    text-decoration: none;
    text-indent: inherit;
    top:54px;
    width: auto;

	}
	.footer_coord #mail, .footer_coord a#maps, .footer_coord a#fb, .footer_coord a#glp, .footer_coord a#blog {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    bottom: auto;
    color: #fff;
    display: inherit;
        font-weight: normal;
    height: auto;
    left: 8px;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: inherit;
    top: 89px;
    width: 290px;

}
	.footer_coord .spantel {     
    color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
    display: inline;
    left: 57px;
    position: absolute; 
    top:38px; 
	font-weight:normal;

	 }
	 
	 .footer_coord .fax2 {     
    color: #fff;
	font-family: 'Open Sans', sans-serif;
	font-size:11px;
    display: inline;
    left: 57px;
    position: absolute; 
    top:55px; 
	font-weight:normal;

	 }
	

	
	.footer_coord .spanmob {     
	  color: #000;
    display: inline;
   font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    left: 26px;
    position: absolute;
    top: 57px;
 }
	
	
	
	.footer_coord .fax, .footer_coord br{     
	color: #5a5a5a;
    display: inline;
   font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    left: 26px;
    position: absolute;
    top: 54px;
	 }
	
	
	.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;*/
		
      margin: 0 0 20px 23%;
    width: 57%;
	}
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	.footer_coord {
	 position: absolute;
    right: 33px;
    text-align: right;
    top: 58px;
    width: 260px;
	}
	.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 #mail, .footer_coord a#maps, .footer_coord a#fb, .footer_coord a#glp, .footer_coord a#blog {
          background: transparent none repeat scroll 0 0;
    border-radius: 0;
    bottom: auto;
    color: #fff;
    display: inherit;
    float: left;
   font-family: 'Open Sans', sans-serif;
    font-size: 11px;
        font-weight: normal;
    height: auto;
    left: 8px;
    overflow: auto;
    padding: 0;
    position: absolute;
    text-align: left;
    text-decoration: none;
    text-indent: inherit;
    top: 94px;
    width: 65%;

}
	.footer_coord span#fax ,.footer_coord .fax, .footer_coord br { display:block;}
	
	.footer_coord #mail, .footer_coord a#maps, .footer_coord a#fb, .footer_coord a#glp, .footer_coord a#blog {
    background: transparent none repeat scroll 0 0;
    border-radius: 0;
    bottom: auto;
    color: #fff;
    display: inherit;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: normal;
    height: auto;
    left: 8px;
    overflow: auto;
    padding: 0;
    position: absolute;
    right: 0;
    text-decoration: none;
    text-indent: inherit;
    top: 83px;
    width: 282px; 
	display:block;
	
}
}

/* ORDINATEURS */
@media only screen and (min-width:1170px) { 

.footer_coord {
	  position: absolute;
    right: 104px;
    text-align: right;
    top: 58px;
    width: 260px;
	}
	}