// perso
// les différences
.page_wrapper {
	background:$couleurPrincipale url('../images/egalizer.png') repeat-x center -150px;
	background-attachment:fixed;
	@media ($bp-small) {
		background:$couleurPrincipale url('../images/egalizer-480.png') repeat-x center -150px;
	}
}
.page_header {
	padding:0;
	> .page_container {
		background-color:$couleurSecondaire;
		.nav {
			padding-top:2rem;
		}
	}
	.header_menu {
		flex-grow: 2;
		padding:0 $spacer;
		.liens {
			margin-top:0.7rem;
			.btn {
				margin-top:1.5rem;
				.fas:before {
					font-size:1rem;
				}
				&:hover, &:focus {
					background:$couleurPrincipaleOn;
					color:$couleurPrincipale !important;
					.fas:before {
						color:$couleurPrincipale !important;
					}
				}
			}
			
			.sociaux {
				float:right;
				font-size:0.8rem;
				margin-top:1.7rem;
				margin-right:1.5rem;
				.socicon {
					background:none !important;
					color:$blancTransparent;
					&:hover, &:focus {
						color:$couleurPrincipaleOn;
					}
				}
			}
			.formulaire_spip.formulaire_abomailman_mini_une_liste {
				width:230px;
				float:right;
				position:relative;
				margin:0;
				.reponse_formulaire {
					position: absolute;
					top: 100%;
					margin: 0;
				}
			}
		}
	}
	.nav a {
		border:0;
		color:white;
		padding:0.3em 0.7em 0.2em;
		margin-right:0;
		margin-left:0;
		border-radius:4px;
/* 		background-color:$couleurSecondaire; */
		.on &,
		&.on,
		&:focus,
		&:hover,
		&:active {
			background-color:$couleurPrincipaleOn;
			color:$couleurPrincipale;
		}
	}
	> .page_container .nav > ul .loupe a {
		i.fa-search {
			background-color:$blancTransparent;
			font-size:0.8rem;
			color:$couleurSecondaire;
			&:hover {
				background-color:$couleurPrincipaleOn;
				color:$couleurPrincipale;
			}
		}
	}
}

.page_header_container {
    align-items: flex-start;
}

// abonnement newsletter
.formulaire_spip .abonnement {
	position:relative;
	&:after {
		@include triangle(right, #5b758e, 0.5rem, 0.8);
		position:absolute;
		right:0.5rem;
		bottom:0.5rem;
		z-index:1;
	}
	label {
		color:$blancTransparent;
		font-size:0.8rem;
	}
	input.text {
		padding-right:30px;
		background:#f4f4f4;
		&:hover, &:focus, &:active {
			background:white;
		}
		&::placeholder {
			font-size:0.8rem;
		}
	}
	input[type="submit"] {
		position: absolute;
		right:0;
		bottom:0;
		background:none;
		width:40px;
		padding:0;
		height:33px;
		overflow:hidden;
		text-indent:40px;
		z-index:2;
	}
	
}


.texte_accueil {
	background-color:white;
}


.article-resume {
	background-color:white;
	padding:$spacer;
}


.page_main_content {
	flex-direction: column;
}
.page_content, .page_aside {
	width:100%;
	margin:0 0 ($spacer*2);
	padding:$spacer;
}
.page_content {
	background-color:white;
}



.sociaux .socicon {
    display: inline-block;
}