/*===== FOOTER =======*/
footer {
	display: block;
	position: relative;
	width: 100%;
	margin: 0;
	padding: 0 0 1em 0;
	border-top: 3px solid rgba(75,48,42,255);
	background-color: #696969;
	z-index: 3;
}
h2.footerTitle {border: none; color: #FFFFFF; font-style: normal; letter-spacing: 0.2em; margin: 20px auto 20px auto;}

footer p {color: #FFFFFF; font-weight:normal; line-height: 1em;}
footer a:link, footer a:visited {font-weight: normal; color: #FFFFFF; text-decoration: none;}
footer a:hover, footer a:active {color: #FFFFFF; text-decoration: underline;}
div.flexfooter {display: flex; padding: 0; margin: 0;}
div.titrefooter {display: block; position: relative; margin: auto; text-align: center; }

div.footerSide {display: block; position: relative; /*background-color: rgba(255,255,255,0.3);*/}
div.footerSide h2 {border-bottom: 2px solid #f9a804; color: #04c1f9; font-style: italic; font-weight: normal; text-align: left; margin: 0 0 0.5em 0;}
div.footerSide p {text-align: left; line-height: 1.3em; margin: 0;}


div#FootConnectBT {display: block; position: relative; margin: 0; padding: 0;}
footer div#FootConnectBT a.btNewCompte, footer div#FootConnectBT button.btNewCompte {
	display: inline-block; 
	/*max-width: 50%;*/ 
	background-color: #D2B48C; 
	text-align: center; 
	font-size: 1em;
	line-height: 1em;
	color: #000000; 
	padding: 0.5em; 
	border: none; 
	border-radius: 0.25em; 
	margin: 0.5em auto 0.5em auto; 
	cursor: pointer;
}

footer a.btNewCompte:hover, footer button.btNewCompte:hover {background-color: #000000; color: #FFFFFF; text-decoration: none;}


@media screen and (max-width: 1000px)
{
	/*Affichage reduit*/
	div.flexfooter {
		flex-direction: column;
	}
	
	div.footerSide {width: 96%; margin: 1em 2% 0 2%; padding: 0; /*background-color: rgba(255,255,255,0.3);*/}
	
	div.titrefooter {width: 100%;}
	div#footConnect {order: 2;}
	div#footTitle {order: 1;}
	div#footLinks {order: 3;}
	div#FootConnectBT {text-align: center;}
	
}

@media screen and (min-width: 1001px)
{
	div.flexfooter {flex-direction: rows; justify-content: space-between;}
	
	div.footerSide {width: 22%; margin: 4em 1.5% 0 1.5%; padding: 0; /*background-color: rgba(255,255,255,0.3);*/}
	
	div.titrefooter {width: 50%;}
	div#footConnect {order: 1;}
	div#footTitle {order: 2;}
	div#footLinks {order: 3;}
}