body > footer {
	position: relative;
	font-size: 15px;
	padding: 1.5em 1em 1em}
body > footer::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 10em;
	background-color: #fff;
	background-image: url('https://www.odileetlescycleux.com/upload/z-00000048-footer-after-vert-sapin-1777461993.jpg');
	background-position: 50% 0;
	background-size: 100% auto;
	background-repeat: no-repeat;
	z-index: -1}
body > footer > .no_flex {	}
body > footer > .no_flex:nth-child(2) {
	padding: 2em 1em 5em;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0}
body > footer > .no_flex > .center {	max-width: 100%}
body > footer h3 {
	font-size: 1rem;
	margin: 0 0 1em;
	font-family: 'Avara Bold Italic';
	padding: 0 0 0}
body > footer > .no_flex > .center > .flex > .container_flex.small {	font-size: 0.9rem}
body > footer > .no_flex > .center > .flex > .container_flex.small:first-child > ul {	padding-left: 1em}
body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(3) > ul {	padding-right: 1em}
body > footer > .no_flex > .center > .flex > .container_flex.small > ul > li {	margin: 0 0 0.75em}
body > footer > .no_flex > .center > .flex > .container_flex.small > ul > li:last-child {	margin: 0 0 0}
body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(2) > ul > li:first-child {	margin: 0 0 1.5em}
body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(2) > ul > li:nth-child(2) {
	font-family: 'Avara Bold Italic';
	font-size: 26px}
body > footer > .no_flex > .center > .flex > .container_flex.small > ul > li:first-child > a {	display: inline-block}
body > footer > .no_flex > .center > .flex > .container_flex.small > ul > li > a > span.before,
body > footer > .no_flex > .center > .flex > .container_flex.small > ul > li > span > span.before {
	width: 1.5em;
	height: 1.5em}
body > footer > .no_flex > .center > .flex > .container_flex.small > ul > li span > svg {
	width: 0.9em;
	height: 0.9em;
	top: -2px}
body > footer > .no_flex > .center > .flex > .container_flex.small img {
	max-height: 7em;
	max-width: 100%}
body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(3) h3 {	text-align: right}
body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(3) > ul.no_flex > li {	margin: 0 0 0.75em}
body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(3) > ul.no_flex > li:last-child {	margin: 0 0 0}
body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(3) > ul.no_flex > li span > svg {
	width: 1.1em;
	height: 1.1em;
	vertical-align: middle;
	position: relative;
	top: 1px}
body > footer > .no_flex > .center > p {
	margin: 0 0 0;
	color: #fff}
body > footer > .no_flex > .center > p a {	color: #fff}

/************************************************************************************************************************************************************/
/* ADAPTATION TAILLE ÉCRAN																																	*/
/************************************************************************************************************************************************************/
@media screen and (max-width: 1280px) {
	body > footer::after {	height: 8.5em}
}
@media screen and (max-width: 1024px) {
	body > footer::after {	height: 7em}
	body > footer > .no_flex > .center > .flex > .container_flex.small {	width: 32% !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small:first-child {	margin: 0 1% 0 0 !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child {	margin: 0 1% 0 1% !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child {	margin: 0 0 0 1% !important}
}
@media screen and (max-width: 768px) {
	body > footer::after {	background-position: 0 0}
	body > footer > .no_flex > .center > .flex > .container_flex.small {	width: 100% !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small {	width: 100% !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small:first-child {
		order: 3;
		margin: 2em 0 0 !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(2) {
		order: 1;
		margin: 0 0 0 !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child {
		order: 2;
		margin: 2em 0 0 !important}
	body > footer > .no_flex > .center > .flex > .container_flex.small > h3,
	body > footer > .no_flex > .center > .flex > .container_flex.small:nth-child(3) h3,
	body > footer > .no_flex > .center > .flex > .container_flex.small:first-child > ul.no_flex {
		padding-left: 0;
		text-align: center}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li {	margin: 0 0.25em} 
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li:first-child {	margin-left: 0} 
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li:nth-last-child(2) {	margin-right: 0} 
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li > a {
		border: none;
		display: inline-flex}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li > a > span:first-child {
		opacity: 0;
		width: 0;
		height: 0}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li > a > span:nth-child(2) {
		display: inline-block;
		width: 2em;
		height: 2em;
		padding: 0.15em;
		vertical-align: middle;
		color: #fff;
		background: #fb6e52;
		margin-left: 0.5em;
		position: relative;
		overflow: hidden;
		z-index: 2;
		transition: all 0.36s cubic-bezier(.165,.84,.44,1)}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li > a > span:nth-child(2) svg {
		width: 1.1em;
		height: 1.1em;
		vertical-align: middle;
		position: relative;
		top: 1px;
		z-index: 2}
	body > footer > .no_flex > .center > .flex > .container_flex.small:last-child > ul.no_flex > li.social-icon:last-child {	display: none}
}
@media screen and (max-width: 640px) {
	body > footer::after {
		background-size: auto 100%;
		height: 9em}
	body > footer > .no_flex > .center > p > .block {	display: block}
	body > footer > .no_flex > .center > p > .hidden {	display: none}
}
@media screen and (max-width: 576px) {
	body > footer > .no_flex > .center > .flex > .container_flex.xxxlarge > .block {
		display: block;
		margin: 0 0 0.5em}
	body > footer > .no_flex > .center > .flex > .container_flex.xxxlarge > .hidden {	display: none}
}