body { margin:1.5rem;background-color:#f3f3f2; }


#generateur-click {
	position: absolute;top: 4.46%;left: 4.46%;
	width:90.8%;height:90.8%;
	font-family: parisine-plus-std-gris, sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 40px;

	
	z-index: 1000;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	cursor: pointer;
}
#generateur-click a {
	text-decoration: none ;
	transition:  all 0.2s ease-in;
	-moz-transition:  all 0.2s ease-in;
	-webkit-transition:  all 0.2s ease-in;
}
#generateur-click a:link, #generateur-click a:visited { color:#ff2693; }
#generateur-click a:hover, #generateur-click a:active { color: #000; }


#generateur-contenu {
	/*position*/
	font-family: 'Ethos-Regular';
}

#generateur-conteneur {
	position: relative;
	margin:  0 auto;
	width: 90%;height: 90%;max-width: 540px;
	border: solid 0px lightgrey;
	
}

.generateur-espace {
	width: 100%;height: 12%;
	border: solid 0px red;
}
.generateur-guillemet {
	position: absolute;
	background-image:  url(imgs/guillemets-roses.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 13.88%;height: 130px;
	background-color:#f3f3f2;
	z-index: 100;
	display: none;
}
#generateur-guillemets1 { top: 0;left: 0; }
#generateur-guillemets2 { bottom: 0;right: 0; }

#generateur-cadre {
	position: absolute;top: 4.46%;left: 4.46%;
	width:90.8%;height:90.8%;
	border: solid 2px #6a4a9d;
	display: none;
}
#generateur-poeme {
	position: absolute;
	height: 76%;width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
}
#generateur-titre {
	font-family: "alkaline", sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #00c089;
	
	font-size: 48px;
}
#generateur-vers {
	position: relative;
	width: 90%;
	margin: 0 auto;
	font-family: parisplus-std, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #000;
	font-size: 19px;
	line-height: 1.6em;
}
#generateur-auteur {
	font-family: parisplus-std, sans-serif;
	font-weight: 700;
	font-style: normal;
	color: #ff2693;
	font-size: 20px;
}
#generateur-hashtag {
	font-family: "alkaline", sans-serif;
	font-weight: 700;
	font-style: normal;
	text-transform: uppercase;
	color:#ccc;
	font-size: 20px;
}


#logo-interbibly {
	position: relative;
	margin: 0 auto;
	width: 90%;height: 50px;max-width: 540px;
	border: solid 0px lightgrey;
	background-image: url(imgs/logo-interbibly.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
	display: none;

}