#zone-footer01-wrapper {
	background-color: #000000;
	padding: 60px 0;
}
#zone-footer01-wrapper .region {
	min-height: 1px;
}
#zone-footer02-wrapper {
	background-color: #ffffff;
	padding: 40px 0;
}
#zone-footer03-wrapper {
	background-color: #c0c0c0;
	padding: 30px 0;
}

/* BLOCS */

footer .block > h2 {
	color: red;
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 1.5em;
	display: inline-block;
	margin: 0 0 10px;
}
footer .block > h2:after {
	content: "";
	border-bottom: 5px solid red;
	height: 10px;
	width: 40px;
	display: block;
}

/* =======================
FOOTER PRINCIPAL
======================= */

#zone-footer01-wrapper #region-footer01-first {
	display: block;
	width: 100%!important;
}

/* Footer 01 : Nous contacter */

#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	padding: 0 15px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact h3 {
	font-family: 'DIN Pro Cond';
	font-weight: bold;
	font-size: 1.375em;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact p span {
	display: block;
	color: #FFFFFF;
	font-size: 0.938em;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact p span strong {
	font-family: 'DIN Pro';
	font-weight: bold;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact p a.picto_contact {
	color: #009b8c;
	position: relative;
	font-family: 'DIN Pro Cond';
	font-weight: bold;
	font-size: 2.500em;
	margin-top: 20px;
	padding-left: 66px;
	display: block;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
	opacity: 1;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact p a.picto_contact::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 46px;
	height: 46px;
	background-image: url("../../img/footer/tel_footer.svg");
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 46px 46px;
}

#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact p a.picto_contact:hover {
	opacity: 0.8;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact p a.contact_footer {
	display: block;
	width: 100%;
	background-color: #00ad9c;
	font-family: 'DIN Pro Cond';
	font-weight: bold;
	font-size: 1.375em;
	color: #ffffff;
	text-transform: uppercase;
	text-align: center;
	margin-top: 20px;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact p a.contact_footer:hover {
	background-color: #009b8c;
}

/* Footer 02 : Inscription à la newsletter */

#zone-footer01-wrapper #block-blocks-site-footer-newsletter {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter h3 {
	font-family: 'DIN Pro Cond';
	font-weight: bold;
	font-size: 1.375em;
	color: #ffffff;
	text-transform: uppercase;
	margin-bottom: 15px;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter p {
	display: block;
	color: #FFFFFF;
	font-size: 0.938em;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form {
	position: relative;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form .form-item {
	margin: 30px 0 0 0;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="text"] {
	width: 100%;
	border: none;
	border-bottom: 2px solid #ffffff;
	background-color: transparent;
	background: none;
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #d2c9bb;
	font-size: 0.875rem;
	text-transform: uppercase;
	padding: 0 10px 10px 10px;
	height: auto;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="text"]::-webkit-input-placeholder {
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 0.875rem;
	text-transform: uppercase;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="text"]:-moz-placeholder {
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 0.875rem;
	text-transform: uppercase;
	opacity:  1;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="text"]::-moz-placeholder {
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 0.875rem;
	text-transform: uppercase;
	opacity:  1;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="text"]:-ms-input-placeholder {
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 0.875rem;
	text-transform: uppercase;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="text"]::-ms-input-placeholder {
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 0.875rem;
	text-transform: uppercase;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="text"]::placeholder {
	font-family: 'DIN Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #ffffff;
	font-size: 0.875rem;
	text-transform: uppercase;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="submit"] {
	position: absolute;
	top: 0;
	right: 0;
	width: 37px;
	height: 100%;
	background: none;
	background-image: url("../../img/footer/email_footer.svg");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 29px 20px;
	border: 0;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	font-size: 0;
	text-indent: -9999px;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
#zone-footer01-wrapper #block-blocks-site-footer-newsletter form input[type="submit"]:hover {
	opacity: 0.5;
}

/* Footer 03 : Liens colorés */

#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes {
	display: inline-block;
	width: 25%;
	vertical-align: top;
	padding: 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul.menu,
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul.menu li {
	display: block;
	list-style: none;
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul.menu li a {
	display: block;
	font-family: 'DIN Pro Cond';
	font-weight: bold;
	color: #ffffff;
	font-size: 1.375em;
	text-transform: uppercase;
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul li a.samara {
	background-color: #00ad9c;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul li a.citadelle-doullens {
	background-color: #ed6955;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul li a.centre-conservation-etude {
	background-color: #fdc300;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul li a.samara:hover {
	background-color: #009b8c;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul li a.citadelle-doullens:hover {
	background-color: #d55e4c;
}
#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes ul li a.centre-conservation-etude:hover {
	background-color: #e3af00;
}

/* Footer 04 : Map */
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-carte {
	display: inline-block;
	width: 25%;
	/*height: 220px;*/
	vertical-align: top;
	padding: 0 0 0 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-carte .footer_carte {
	display: block;
	width: 100%;
	height: 270px;
	background-image: url("../../img/footer/map_footer.png");
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}

/* Footer 05 : Logos */

#zone-footer01-wrapper #region-footer01-second {
	display: inline-block;
	width: 100%!important;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos {
	display: inline-block;
	width: 50%;
	vertical-align: bottom;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos a {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin: 0 30px;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos a:first-child {
	margin-left: 0;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos a:last-child {
	margin-right: 0;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos a:hover {
	opacity: 0.7;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos .logo_01 {
	background-image: url("../../img/footer/logo_samara.svg");
	width: 64px;
	height: 80px;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos .logo_02 {
	background-image: url("../../img/footer/logo_centre_archeologique.svg");
	width: 105px;
	height: 80px;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos .logo_03 {
	background-image: url("../../img/footer/logo_citadelle_de_doullens.svg");
	width: 88px;
	height: 80px;
}

/* Footer 06 : Mention */

#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-mention {
	display: inline-block;
	width: 25%;
	vertical-align: bottom;
	padding: 0 15px;
	margin: -16px 0 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-mention .footer_mention {
	color: #ffffff;
	font-size: 0.875em;
	text-align: center;
	display: block;
}
#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-mention .footer_mention::after {
	content: "";
	background-image: url("../../img/footer/logo_somme.png");
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 30px;
	margin: 10px 0 0;
	display: block;
}

/* */

#zone-footer01-wrapper #region-footer01-third {
	display: none;
}

/* =======================
MENU SECONDAIRE
======================= */

.block-secondary-menu .content ul {
	text-align: center;
}
.block-secondary-menu .content ul li {
	color: black;
	font-size: 1.1em;
	line-height: 30px;
	height: 30px;
	padding: 0 20px;
	margin: 0;
	display: inline-block;
	vertical-align: top;
	list-style: none;
	border-right: 1px solid #655c5a;
}
.block-secondary-menu .content ul li:last-child {
	border-right: none;
}
.block-secondary-menu .content ul li a {
	color: #655c5a;
	font-size: 0.938em;
	text-decoration: none;
	display: inline-block;
	-webkit-transition: all ease 0.5s;
	-moz-transition: all ease 0.5s;
	transition: all ease 0.5s;
}
.block-secondary-menu .content ul li a:hover,
.block-secondary-menu .content ul li a:focus,
.block-secondary-menu .content ul li a:active {
	color: #322927;
}



/* =======================
MENU SOCIAL
======================= */

.block-social-menu .content ul {
	text-align: center;
}
.block-social-menu .content ul li {
	padding: 0;
	margin: 5px;
	display: inline-block;
	vertical-align: top;
	list-style: none;
}
.block-social-menu .content ul li a {
	font-size: 0;
	background-repeat: no-repeat;
	height: 40px;
	width: 40px;
	display: block;
}
.block-social-menu .content ul li a.link-instagram {
	background-image: url("../../img/social/instagram.svg");
}
.block-social-menu .content ul li a.link-facebook {
	background-image: url("../../img/social/facebook.svg");
}
.block-social-menu .content ul li a.link-youtube {
	background-image: url("../../img/social/youtube.svg");
}
.block-social-menu .content ul li a.link-twitter {
	background-image: url("../../img/social/twitter.svg");
}
.block-social-menu .content ul li a.link-googleplus {
	background-image: url("../../img/social/googleplus.svg");
}
.block-social-menu .content ul li a.link-pinterest {
	background-image: url("../../img/social/pinterest.svg");
}
.block-social-menu .content ul li a.link-instagram:hover,
.block-social-menu .content ul li a.link-instagram:hover,
.block-social-menu .content ul li a.link-instagram:hover {
	background-image: url("../../img/social/instagram_over.svg");
}
.block-social-menu .content ul li a.link-facebook:hover,
.block-social-menu .content ul li a.link-facebook:hover,
.block-social-menu .content ul li a.link-facebook:hover {
	background-image: url("../../img/social/facebook_over.svg");
}
.block-social-menu .content ul li a.link-youtube:hover,
.block-social-menu .content ul li a.link-youtube:hover,
.block-social-menu .content ul li a.link-youtube:hover {
	background-image: url("../../img/social/youtube_over.svg");
}
.block-social-menu .content ul li a.link-twitter:hover,
.block-social-menu .content ul li a.link-twitter:hover,
.block-social-menu .content ul li a.link-twitter:hover {
	background-image: url("../../img/social/twitter_over.svg");
}
.block-social-menu .content ul li a.link-googleplus:hover,
.block-social-menu .content ul li a.link-googleplus:hover,
.block-social-menu .content ul li a.link-googleplus:hover {
	background-image: url("../../img/social/googleplus_over.svg");
}
.block-social-menu .content ul li a.link-pinterest:hover,
.block-social-menu .content ul li a.link-pinterest:hover,
.block-social-menu .content ul li a.link-pinterest:hover {
	background-image: url("../../img/social/pinterest_over.svg");
}



/* =====================
INSCRIPTION NEWSLETTER
===================== */

.block-newsletter .content {
	padding: 0 80px 0 0;
	position: relative;
}
.block-newsletter .content .form-item {
	margin: 0;
}
.block-newsletter .content input[type=text] {
	color: #000000;
	font-family: "OpensansRegular", Arial, Helvetica, sans-serif;
	font-size: 1em;
	background: none;
	border: 2px solid black;
	height: 50px;
	width: 100%;
	padding: 0 10px;
	display: block;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.block-newsletter .content input[type=text]::-webkit-input-placeholder {
	color: #000000;
}
.block-newsletter .content input[type=text]:-moz-placeholder {
	color: #000000;
}
.block-newsletter .content input[type=text]::-moz-placeholder {
	color: #000000;
}
.block-newsletter .content input[type=text]:-ms-input-placeholder {
	color: #000000;
}
.block-newsletter .content input[type=submit] {
	color: #ffffff;
	font-family: "OpensansBold", Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-align: center;
	text-transform: uppercase;
	text-shadow: none;
	background: none;
	border: 2px solid black;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	height: 40px;
	width: 60px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.block-newsletter .content input[type=submit]:hover,
.block-newsletter .content input[type=submit]:focus,
.block-newsletter .content input[type=submit]:active {
	color: #ffffff;
	background-color: black;
}
.block-newsletter .content input[type=text]:focus,
.block-newsletter .content input[type=text]:active,
.block-newsletter .content input[type=submit]:focus,
.block-newsletter .content input[type=submit]:active {
	box-shadow: none;
}



/* =====================
RESPONSIVE
===================== */

@media only screen and (max-width: 1024px) {

}

@media only screen and (max-width: 960px) {

	#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact {
		width: 50%;
		padding: 0 15px 30px 0;
	}
	#zone-footer01-wrapper #block-blocks-site-footer-newsletter {
		width: 50%;
		padding: 0 0 30px 15px;
	}
	#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes {
		width: 50%;
		padding: 30px 15px 0 0;
	}
	#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-carte {
		width: 50%;
		/*height: auto;*/
		padding: 30px 0 0 15px;
	}
	#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-carte .footer_carte {
		background-position: center center;
	}
	#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos a {
		margin: 0 20px;
	}
	#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-mention {
		width: 50%;
		margin: 30px 0 0;
	}

}

@media only screen and (max-width: 760px) {

	#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-contact {
		width: 100%;
		padding: 0 0 30px 0;
	}
	#zone-footer01-wrapper #block-blocks-site-footer-newsletter {
		width: 100%;
		padding: 30px 0;
	}
	#zone-footer01-wrapper #region-footer01-first #block-menu-menu-footer-sites-externes {
		width: 100%;
		padding: 30px 0;
	}
	#zone-footer01-wrapper #region-footer01-first #block-blocks-site-footer-carte {
		width: 100%;
		padding: 30px 0 0 0;
	}
	#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos {
		width: 100%;
		margin-top: 30px;
		text-align: center;
	}
	#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-pictos .footer_pictos a {
		margin: 30px 15px 0 15px;
	}
	#zone-footer01-wrapper #region-footer01-second #block-blocks-site-footer-mention {
		width: 100%;
		margin: 60px 0 0;
	}

}