
/* SMARTPHONES */
@media only screen and (min-width: 320px) {

/*------------------ footer ------------------*/

.footer_coord {
	height: 82px;
	width: 100%;
	font: 300 14px/28px "Nunito Sans";
	margin: 0;
	position: relative;
	right: 0;
	left: 0;
	top: 13px;
	text-align: left;
	color: #fff;
}

.footer_coord .clock {
	display:none;
}
.footer_coord #info {
	float: left;
	font-size: 0.8em;
	width: 100%;
}

.footer_coord #info i {
	color:#fff;
}

.footer_coord #raison,
.footer_coord #rue,
.footer_coord #codePostal,
.footer_coord #ville,
.footer_coord #region,
.footer_coord #pays {
	display: none;
}
.footer_coord #rue{
	margin-bottom:5px;
}

.footer_coord #mail, .footer_coord #tel a, .footer_coord #mob a, .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: 14%;
	top: 13px;
	background: url('img/inbox.png') no-repeat 3px 3px;
}
.footer_coord #tel a{
	left: 69%;
	top: 5px;
	background: url('img/phone.png') no-repeat 3px 3px;
}

.footer_coord #mob a{
	left: 69%;
	top: 5px;
	background: url('img/mobil.png') no-repeat 3px 3px;
}

.footer_coord a#maps {
	left: 45%;
	top: 5px;
	background: 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: 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: 10px auto;
	width: 100%;
}
.contact_coord a.url {
	display: inline-block;
	width: 48px;
	height: 48px;
	margin: 2px;
	/*float: left;*/
}

.contact_coord a#fb {background: url(img/fb.png);}
.contact_coord a#twt {background: url(img/twt.png);}
.contact_coord a#glp {background: url(img/gplus.png);}
.contact_coord a#blog {background: url(img/blog.png);}
.contact_coord a#maps {background: url(img/maps.png);}

#gmaps{ margin-bottom: 30px; }

}
/* TABLETTES */
@media only screen and (min-width: 768px) {
	
	
	.footer_coord .clock {
	display: block;
	}
	.footer_coord #raison,
	.footer_coord #rue,
	.footer_coord #codePostal,
	.footer_coord #ville,
	.footer_coord #region,
	.footer_coord #pays {
		display: block;
	}
	
	.footer_coord {
		width: 38%;
		right: 0;
		left: 431px;
top: 35px;
	}
	.footer_coord {
		display: none;
	}
	
	.footer_coord a{
		color: #fff;
		text-decoration:none;
	}
	.footer_coord #mail, .footer_coord #tel a, .footer_coord #mob a, .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;
		overflow: auto;
		text-indent: inherit;
		position: relative;
		border-radius: 0;
		padding: 0;
		color: #fff;
		font-family: "Nunito Sans", sans-serif
	}
	.footer_coord .spantel, .footer_coord .spanmob, .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);display: none; }
	.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{
		float: left;
		width: 100%;
		text-align:center
	}

	
	.footer_coord #ville, .footer_coord #pays {display:inline}
	.footer_coord #codePostal {display:inline}
	.footer_coord #fax{display:inline !important}
	.footer_coord #mail{display: inline;}
	
	.footer_coord #info {
		float: left;
		font-size: 0.9em;
		width: 75%;
	}


}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	
	.footer_coord #raison,
	.footer_coord #rue,
	.footer_coord #codePostal,
	.footer_coord #ville,
	.footer_coord #region,
	.footer_coord #pays,
	.footer_coord #info,
	.footer_coord #mail {
		display: none;
	}
	
	.footer_coord {
		float: left;
		left: 262px;
		top: 98px;
	}
	
	.footer_coord a#fb,
	.footer_coord a#twt,
	.footer_coord a#glp{
	 	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		bottom: 0;
		height: 23px;
		margin: 0;
		right: 380px;
		width: 23px;
	}
	
	.footer_coord a#twt {right: 376px;}
	.footer_coord a#glp {right: 349px;}
}

@media only screen and (min-width: 1170px) {
	.footer_coord {
		right: 0;
		left: 37px;
		top: 90px;
		width: 258px;
	}
}	
	@media only screen and (min-width: 1900px) {
	
	
}