@charset "utf-8";

/* Mobile Layout: 480px and below. */
  

#pied {
	background-color: #5E5556;
	padding-top: 1%;
	padding-bottom: 1%;
}
#pied a {
	color: #fff;
	text-decoration: none;
}
#logo_footer {
	text-align: center;
}
#adress_footer {
	padding-left: 1%;
	text-align: center;
	display: none;
	color: #F4F4F4;
}
#icono_footer {
	padding-left: 1%;
	padding-right: 1%;
	margin-top: 2%;
	text-align: center;
	margin-bottom: 2%;
}
#icono_footer img {
	width: 45px;
}
#bloc1_footer {
}
#bloc2_footer {
	display: none;
	margin-top: -4%;
}
#ref_footer {
	padding-left: 1%;
	padding-right: 1%;
	font-size: 14px;
	margin-top: -45px;
}
#bloc3_footer {
}
.icono_social_footer {
	margin-bottom: 2%;
	text-align: center;
	margin-top: 2%;
}
.icono_social_footer img {
	clear: none;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 1%;
	width: 45px;
	height: auto;
}
#ml {
}
.ml {
	font-size: 13px;
	text-align: center;
}


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
#pied {
}
#logo_footer {
	width: 48%;
}
#adress_footer {
	width: 50%;
	text-align: center;
	clear: none;
	display: block;
	margin-top: 4%;
}
#icono_footer {
	width: 48%;
	text-align: center;
	clear: both;
	margin-top: 4%;
	margin-left: 26%;
}
#icono_footer img {
	clear: none;
	margin-right: 1%;
	margin-left: 1%;
	width: 45px;
	height: auto;
}
#bloc1_footer {
}
#bloc2_footer {
	display: block;
    margin-top: -4%;
    width: 96%;
    padding: 2%;
}
#ref_footer {
	clear: none;
	width: 48%;
}
#bloc3_footer {
}
.icono_social_footer {
	text-align: center;
	margin-bottom: 2%;
}
#ml {
}
.ml {
	text-align: center;
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {

#pied {

}
#logo_footer {
	width: 100%;
}
#adress_footer {
	width: 100%;
	clear: none;
	display: block;
	text-align: left;
}
#icono_footer {
	width: 48%;
	clear: none;
	display: none;
}
#bloc1_footer {
	width: 30%;
	margin-left: 10%;
}
#bloc2_footer {
	width: 36%;
	clear: none;
	padding-left: 2%;
	margin-top: -83px;

}
#ref_footer {
	width: 48%;

}
#bloc3_footer {
	padding-left: 2%;
	width: 20%;
	clear: none;
	text-align: right;
	float: right;
	margin-right: 10%;
}
.icono_social_footer {
	text-align: right;
	margin-bottom: 1px;
	margin-top: 1px;
}
#ml {
}
.ml {
	text-align: right;
}


}
@media only screen and (min-width:980px){
	#logo_footer {
	width: 48%;
	padding-right: 2%;
}
#adress_footer {
	width: 48%;
	clear: none;
	display: block;
}
}