body > footer {
	padding: 2em 0 0;
	position: relative;
	z-index: 1;
	color: #fff}
body.contact footer,
body.erreur footer {	padding: 2em 0 0}
body > footer a {	color: #fff}
body > footer > .background_footer {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	background: #6c8f77}
body > footer > .no_flex > .center > .flex > .container_flex.small img {
	max-height: 5em;
	filter: brightness(100);}
body > footer > .no_flex > .center > .flex > .container_flex h3 {
	margin: 0 0 0;
	font-size: 1.2rem;
	margin: 0 0 0.25em}
body > footer > .no_flex > .center > .flex > .container_flex strong {
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: normal}
body > footer > .no_flex > .center > .flex > .container_flex p:last-child {	margin-bottom: 0}
body > footer > .no_flex > .center > .flex > .container_flex p svg {
	vertical-align: top;
	width: 1em;
	height: 1em}
body > footer > .footer_wrapper {
	background: #87ac92;
	margin: 2em 0 0;
	padding: 1em 0}
body > footer > .footer_wrapper > .center p {	margin: 0 0 0}
body > footer > .footer_wrapper > .center p > span {  display: inline-block}
body > footer > .footer_wrapper > .center p > span.hidden {  width: 1.5em}

	@media screen and (max-width: 1024px) {
		body > footer > .no_flex > .center > .flex > .container_flex.small {
			width: 32% !important;
			margin: 0 1% !important}
		body > footer > .no_flex > .center > .flex > .container_flex.small:first-child {	margin-left: 0 !important}
		body > footer > .no_flex > .center > .flex > .container_flex.small:last-child {	margin-right: 0 !important}
		body > footer > .no_flex > .center > .flex > .container_flex.small.flex > .container_flex.medium {
			width: auto !important;
			margin: 0 1em 0 0!important}
		body > footer > .no_flex > .center > .flex > .container_flex.small.flex > .container_flex.flex {
			width: auto !important;
			margin: 0 0 0 0!important}
	}
	@media screen and (max-width: 768px) {
		body > footer > .no_flex > .center > .flex > .container_flex.small:first-child {
			width: 49% !important;
			margin: 0 1% 0 0 !important}
		body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(2) {
			width: 49% !important;
			margin: 0 0 0 1% !important}
		body > footer > .no_flex > .center > .flex > .container_flex.small:last-child {
			width: 100% !important;
			margin: 2em 0 0 !important}
		body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > .no_flex > ul {
			width: 100% !important;
			margin: 0 0 -0.5em !important;
			display: flex;
			justify-content: center;
			align-items: center;
			flex-wrap: wrap}
		body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > .no_flex > ul > li {
			min-width: 29%;
			margin: 0 2% 0.5em}
	}
	@media screen and (max-width: 640px) {
		body > footer > .footer_wrapper > .center p > span {  width: 100%}
		body > footer > .footer_wrapper > .center p > span.hidden {  display: none}
	}
	@media screen and (max-width: 480px) {
		body > footer > .no_flex > .center > .flex > .container_flex.small:first-child {
			width: 100% !important;
			margin: 0 0 2em 0 !important}
		body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(2) {
			width: 100% !important;
			margin: 0 0 0 0 !important}
	}
	@media screen and (max-width: 380px) {
		body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > .no_flex > ul > li {
			width: 100%;
			margin: 0 0 0.5em}
	}