.footer{
	margin-top: 50px;
	display: flex;
	width: 100%;
	height: 100%;

	*{
		width: -webkit-fill-available;;
		text-align: center;
	}

	.notification{display:none; color: #28a745; margin: 0;text-align: center;}
	
	.resau_list{
		margin: 2em;
	}
	.colonne p{margin: 0}
	.resau_list > a > img{
		height: 80px;
		width: 80px;
		margin: 10px;
	}

	.verssioning{
		font-size: 10px;
		color: #888;
	}

	input{
		width: 70%;
		padding: 10px;
		border-radius: 5px;
		border: 1px solid #888;
		color: #000;
	}

	.submit{
		padding: 10px 20px;
		width: 88px;
		border-radius: 5px;
		background-color: #28a745;
		color: white;
		border: none;
		cursor: pointer;
	}

	.colonne {width: auto;}

	.message {
	    margin-top: 20px;
	    padding: 10px;
	    border-radius: 5px;
	    display: none; /* Cacher par défaut */
	}
	.success {
	    color: green;
	    background-color: #d4edda;
	    border: 1px solid green;
	}
	.error {
	    color: red;
	    background-color: #f8d7da;
	    border: 1px solid red;
	}

	[id]{margin-bottom: auto;}
}

@media screen and (max-width: 1000px) {
	.footer{
		.resau_list {
			display: flex;
			flex-direction: row;

			}
		.resau_list > a > img{
			height: 50px;
			width: 50px;
		}

		.verssioning{font-size: 6px;}

		input{width: calc(90% - 92px);}

		.submit{margin-top: 12px}

		.resau_list , .colonne p{margin: auto;}
	}
}