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

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

.footer_coord {
	float: left;
	width: 100%;
	height: 130px;
	position: relative;
	color:#FFF
}
.footer_coord a{color:#FFF; text-decoration:none}
.footer_coord a:hover{color:#FFF; text-decoration: underline}
.footer_coord #info {
	float: left;
	font-size:0.9em;
	width: 100%;
	padding-top:0;
    line-height:1.2em;
	font-family:"Lato";
}
.footer_coord #info2 {
	float: left;
	font-size:0.9em;
	width: 100%;
	padding-top:0;
    line-height:1.2em;
	font-family:"Lato";
}

.footer_coord #raison,
.footer_coord #rue,
.footer_coord #codePostal,
.footer_coord #ville,
.footer_coord #region,
.footer_coord #pays,
.footer_coord #fax {
	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#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;
}
.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: 41%;
	top: 10px;
	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{
  background: #3c5b9a none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 5px;
    left: 21%;
    text-align: center;
    text-indent: 0;
}

 a#fb{
  background: #3c5b9a none repeat scroll 0 0;
    border-radius: 2px;
    bottom: 5px;
    left: 21%;
    text-align: center;
    text-indent: 0;
}
.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:#333}
.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;
    text-align: center; }

.footer_coord a#fb i {
    font-size: 42px;
    margin-right: 5px;
    margin-top: 3px;
}
a#fb i {
    font-size: 42px;
    margin-right: 5px;
    margin-top: 3px;
	   color: white;
}
a#fb.large {
	display:none

}

}
/* TABLETTES */
@media only screen and (min-width: 768px) {
	.footer_coord a#fb i{ 
	  font-size: 22px;
    margin-right: 5px;
    margin-top: 3px;
}	

a#fb i{ 
	  font-size: 22px;
    margin-right: 5px;
    margin-top: 3px;
}	

.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 {
  height: auto;
    width: 65%;
	}

	.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;
	}
    /*.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#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%;
	}
	
	
	
.footer_coord a#fb {
    background: #3c5b9a none repeat scroll 0 0;
    height: 25px;
    left: 0;
    position: absolute;
    text-align: right;
    top: 110px;
    width: 25px;
	    overflow: hidden;
}
 a#fb {
    background: #3c5b9a none repeat scroll 0 0;
    height: 25px;
    left: 0;
    position: absolute;
    text-align: right;
    top: 110px;
    width: 25px;
	    overflow: hidden;
}
#raison{
    font-weight: bold;
    margin: 10px 0 0;
    text-transform: uppercase;}
	
	
.footer_coord #info {

    width: 45%;
}
	
.footer_coord #info2 {
 margin-top: 20px;
    width: 40%;
}

}
/* ORDINATEURS */
@media only screen and (min-width: 1170px) {
	
	a#fb.large {
	display:block

}
	.footer_coord {
 left: 0;
    margin: 0;
    position: absolute;
    top: 0;
    width: 915px;
	}
	
	.footer_coord a#maps.url{
    background:none;
    display: block;
    height: 200px;
    left: 0;
    position: absolute;
    top: 0;
    width: 510px;
	}
.footer_coord #info {
    font-size: 12px;
    left: 540px;
    line-height: 1.8em;
    position: absolute;
    top: 22px;
    width: 160px;
}

.footer_coord #info2
{
    font-size: 12px;
    left: 740px;
    line-height: 1.8em;
    position: absolute;
    top: 45px;
    width: 180px;
	 margin-top: 0;
}
	.footer_coord a#fb,
	.footer_coord a#twt,
	.footer_coord a#pint,
	.footer_coord a#inst
	{
	  
	}	.footer_coord a#fb{ 
    left: 813px;
    top: 90px;
	display:none
}

a#fb{ 
    right: 0;
    top: 390px;
	left:inherit
}
}