/*-----------------------------------------------
//  Main frame
/-----------------------------------------------*/
html, body {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	
	background: radial-gradient(circle, #278c38, #13371c);
}

body::before{
    content: '';
    position: absolute;
    inset: 0;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.3'/%3E%3C/svg%3E");
}

#AssoLogo {
	position:absolute;
	top: calc(50% - 250px);
	left: calc(50% - 100px);
	width:200px;
}

#AssoTitre {
	display: none;
	color: white;
	text-shadow: 4px 0px 4px black;
}

#BandeauAnnonce {
	font-size:2em;
	color: white;
	text-shadow: 4px 0px 4px black;
}