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

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

.footer_coord {
	float: right;
	width: 100%;
	height: 130px;
	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 #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: 21%;
	top: 5px;
	background: white url('img/inbox.png') no-repeat 3px 3px;
}
.footer_coord #tel a{
	left: 41%;
	top: 5px;
	background: white url('img/phone.png') no-repeat 3px 3px;
}

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

.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) {
	.footer_coord #raison,
	.footer_coord #rue,
	.footer_coord #codePostal,
	.footer_coord #ville,
	.footer_coord #region,
	.footer_coord #pays {
		display: block;
	}

	.footer_coord {
		width: 40%;
		height: auto;
	}
	.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: 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.html); }
	.footer_coord a#blog{ background: url(img/picto-blog.png); }
	.contact_coord, #gmaps{
		float: left;
		width: 48%;
		margin: 1%
	}
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	.footer_coord {
		width: 200px;
	}
}