baz_april/squelettes/scss/blocs/_footer.scss

.page_footer {
	padding: ($spacer*1.5) 0;
	color: white;
	background-color: $couleurPrincipale;
	p {
		font-size: 0.8rem;
	}
	a {
		display: inline-block;
		margin: 0 0.4em;
		border: 0;
		color: white;
	}
	.page_connexplus {
		@include clearfix;
		padding-bottom: ($spacer*1.5);
		a {
			color: $grayDark;
		}
	}
	
	.menus_footer {
		@include flex;
		justify-content:  space-between;
		font-size: 0.8em;
		.menu-liste {
			flex-basis: 18%;
			margin: 0 0 ($spacer*2);
			list-style: none;
			.h4 {
				margin: $spacer 0 0;
				font-size: 1.15em;
				color: $white;
			}
			a { margin: 0; }
		}
	}
	.formulaire_spip.formulaire_recherche {
		max-width: 100%;
		margin-top: $spacer;
		input.placeholder,
		textarea.placeholder {
			color: $couleurPrincipale;
		}

		input::-webkit-input-placeholder {
			color: $couleurPrincipale;
		}
		input:-moz-placeholder { /* Firefox 18- */
			color: $couleurPrincipale;
		}
		input::-moz-placeholder { /* Firefox 19+ */
			color: $couleurPrincipale;
		}
		input:-ms-input-placeholder {
			color: $couleurPrincipale;
		}
	}
	.april { // logo april
		float: right;
		width: 80px;
		margin-left: ($spacer*2);
	}
	.sociaux {
		a {
			display: inline-block;
			font-size: 0.8em;
			.socicon {
				background: transparent;
			}
			.name {
				display: inline;
				@include visuallyhidden;
			}
		}
	}
	.colophon {
		.menu-liste {
			display: inline;
			.menu-entree {
				display: inline;
			}
		}
	}
}

.footer__links {
    @include list-reset;
    @include list-inline;
    @include list-separator('|', 0.5em);
}

.footer__links_item {
}