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

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

.footer_coord {
	float: right;
	width: 100%;
	height: 131px;
	position: relative;
	font-size: 0.8em;
}

.footer_coord #info {
	float: left;
	width: 100%;
}

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

.footer_coord #mail, .footer_coord #tel a, .footer_coord #mob a, .footer_coord #fax, .footer_coord a#maps,
.footer_coord a#fb, .footer_coord a#twt, .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: 1%;
	top: 5px;
	background: white url('img/inbox.png') no-repeat 3px 3px;
}
.footer_coord #tel a{
	left: 21%;
	top: 5px;
	background: white url('img/phone.png') no-repeat 3px 3px;
}

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

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

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

.footer_coord .spantel, .footer_coord .spanfax, .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: 21%;
	bottom: 5px;
	background: url(img/fb.png) no-repeat 3px 3px;
}

.footer_coord a#twt {
	left: 41%;
	bottom: 5px;
	background: url(img/twt.png) no-repeat 3px 3px;
}
.footer_coord a#glp {
	left: 61%;
	bottom: 5px;
	background: url(img/gplus.png) no-repeat 3px 3px;
}
.footer_coord a#blog {
	left: 81%;
	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: 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#twt {background: url(img/picto-twt.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; }

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

	.footer_coord {
		color: #000;
    height: auto;
    line-height: 1.5em;
    margin: 3%;
    width: 40%;
	font-family:Lato;
	}
	.footer_coord #mail, .footer_coord #tel a, .footer_coord #mob a, .footer_coord #fax, .footer_coord a#maps,
	.footer_coord a#fb, .footer_coord a#twt, .footer_coord a#glp, .footer_coord a#blog{
		right: auto;
		left: auto;
		top: auto;
		bottom: auto;
		background: transparent;
		display: inherit;
		width: auto;
		height: auto;
		text-indent: inherit;
		position: relative;
		border-radius: 0;
		padding: 0;
		color:#000;
		overflow:hidden;
		font-family:Lato;
	}
	.footer_coord .spantel, .footer_coord .spanfax, .footer_coord .spanmob, .footer_coord br{ display: inline; }
	.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: 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#twt{ background: url(img/picto-twt.png); }
	.footer_coord a#glp{ background: url(img/picto-glp.jpg); }
	.footer_coord a#blog{ background: url(img/picto-blog.png); }
.contact_coord, #gmaps{
		width: 100%;
		text-align:center
	}
	
	.footer_coord #rue {display:inline}
	.footer_coord #codePostal {display:inline}
	.footer_coord #ville {display:inline}
	.footer_coord #fax{display:inline !important}
	.footer_coord #mail{display: inline;}
	.footer_coord #tel a {display:inline;color:#fff;}
	.footer_coord #mob a {display:inline;color:#fff;}
	
	.footer_coord .spantel {display:inline}
	.footer_coord .spanmob {display:inline}
	
	.footer_coord #siege {
    	line-height:15px;
    	margin: 0;
		padding:0;
		line-height:17px
	}
	
	.footer_coord #siege p {
		font-weight:bold;
    	margin: 0;
		padding:0
	}
	.footer_coord #siege span{
    	margin: 0;
		padding:0;
		display:block
	}
	
	.footer_coord .numeros{
		padding:9px 0 17px
	}

}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	.footer_coord {
	font-size: 13px;
    line-height:25px;
    margin: 0;
    position: absolute;
    right:305px;
    top:70px;
    width:313px;
	}
	
	.footer_coord .numeros{
		font-size: 16px;
		color:#fff;
	}

}