/* ----------------------------------------------------- *
 * Fichier : bib/esh.css
 * Création: 18 Sept 2024
 * Auteur  : Orkis
 * Projet  : 4D / ESH
 * Objet   : Gestion du téléchargement de fichier (CSS)
 * ----------------------------------------------------- */
 html,body {
	padding:0px;
	margin:0px;
	font-family:arial;
 } 
 body > div.header {
	height:120px;
	background-color:#f0f0f0;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.5em;
}
body > div.core {
}
body > div.core > div.esh-download-form {
	display:flex;
	flex-direction:column;
	width:75%;
	min-width:480px;
	margin:20px auto;
}
body > div.core > div.esh-download-form > div.esh-download-title {
	font-size:1.25em;
	font-weight:bold;
	text-align:center;
	margin-bottom:12px;
}
body > div.core > div.esh-download-form > div.esh-download-input {
	border:1px solid #dedede;
	padding:32px;
	margin:4px 0;
}
body > div.core > div.esh-download-form > div.esh-download-input > div.esh-download-code {
	font-weight:bold;
}
body > div.core > div.esh-download-form > div.esh-download-input > div.esh-download-code > input[type="text"] {
	display:inline-block;
	width:280px;
	padding:16px;
	margin:16px;
	box-sizing:border-box;
	border:1px solid #dedede;
	font-size:1.5em;
	letter-spacing: 12px;
	text-align: center;
}
body > div.core > div.esh-download-form > div.esh-download-input > div.esh-download-code > div.esh-download-button {
	display:inline-block;
	background-color:#f0f0f0;
	padding:12px 24px;
	border-radius:32px;
	border:1px solid transparent;
	color:silver;
	opacity:0.75;
	transition: 0.2s ease-in-out all;
}
body > div.core > div.esh-download-form > div.esh-download-input > div.esh-download-code > div.esh-download-button.esh-download-active {
	color:unset;
	opacity:1;
}
body > div.core > div.esh-download-form > div.esh-download-input > div.esh-download-code > div.esh-download-button.esh-download-active:hover {
	cursor:pointer;
	border-color:#cdcdcd;
}
body > div.core > div.esh-download-form > div.esh-download-input > div.esh-download-code > iframe {
	opacity:0;
	width:0px;
	height:0px;
}
body > div.core > div.esh-download-form > div.esh-download-message {
	border:1px solid #ededed;
	padding:32px;
	background-color:#dedede;
	font-weight:bold;
	margin:4px 0;
}
body > div.footer {
	height:220px;
	background-color:#f0f0f0;
}