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

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

.footer_coord {
	/*float: left;
	width: 100%;
	height: 130px;*/
	position: relative;
	color:#999999
}
.footer_coord a{color:#999999}
.footer_coord #info {
	/*float: left;
	font-size:0.9em;
	width: 100%;
	padding-top:1em;
    line-height:1.2em;*/
}

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

.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#pint, .footer_coord a#inst, .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;*/
	color: #fff;
}
.footer_coord a#mail{
	left: 21%;
	top: 10px;
	background: /*white*/ url('img/inbox.png') no-repeat 3px 3px;
}
/*.footer_coord #tel a{
	left: 41%;
	top: 10px;
	background: white url('img/phone.png') no-repeat 3px 3px;
}*/
/*.footer_coord #mob a{
	left: 61%;
	top: 10px;
	background: white url('img/mobile.png') no-repeat 3px 3px;
}*/
.footer_coord #fax{
	left: 61%;
	top: 70px;
	background: /*white*/ url('img/fax.png') no-repeat 3px 3px;
}

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

.footer_coord .spantel, .footer_coord .spanmob, .footer_coord .spanfax, .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/twitter.png) no-repeat 3px 3px;
}

.footer_coord a#pint {
	left: 49%;
	bottom: 5px;
	background: url(img/pinterest.png) no-repeat 3px 3px;
}

.footer_coord a#inst {
	left: 67%;
	bottom: 5px;
	background: url(img/instagram.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 a{ color:#999999}
.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-twitter.jpg);}
.contact_coord a#pint {background: url(img/picto-pint.png);}
.contact_coord a#inst {background: url(img/picto-inst.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: 30px auto; }

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

	.footer_coord a#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#pint, .footer_coord a#inst, .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;
	}
    /*.footer_coord a#mail {display:none}
	.footer_coord #tel a, .footer_coord .spantel{ font-size:15px; font-weight:bold}*/
	.footer_coord .spantel, .footer_coord .spanmob, .footer_coord .spanfax, .footer_coord #fax, .footer_coord br{ display: inline; }
	.footer_coord a#maps.url, .footer_coord a#fb, .footer_coord a#twt, .footer_coord a#pint, .footer_coord a#inst, .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#twt{ background: url(img/picto-twitter.jpg); }
	.footer_coord a#pint{ background: url(img/picto-pint.png); }
	.footer_coord a#inst{ background: url(img/picto-inst.png); }
	.footer_coord a#blog{ background: url(img/picto-blog.png); }
	.contact_coord{
		/*float: left;*/
		width: 100%;
	}
	 #gmaps{
		
		width: 55%;
	}
}
/* ORDINATEURS */
@media only screen and (min-width: 1024px) {
	.footer_coord {
	/*	width: 160px;
		margin: 68px 0 0 0px;*/
	}
	
	.footer_coord a#maps.url{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: -103px;
    display: block;
    height: 224px;
    left: 90px;
    position: absolute;
    width: 498px;
	}
	
	.footer_coord #info {
	line-height: 30px;
	/*font-size:10.5px;
	line-height:1.8em;*/
}
.niveau1 {
}
	.footer_coord a#fb,
	.footer_coord a#twt,
	.footer_coord a#pint,
	.footer_coord a#inst
	{
	    display: none;
	}
}