@CHARSET "ISO-8859-1";

div.voileNotes {
	z-index: 1000000;
	position: absolute;
	background-color: #000000;
	filter: alpha(opacity = 50);
	opacity: 0.50;
	-moz-opacity: 0.50;
	visibility: visible;
}

div.frontNotes{
	margin: 0;
	padding: 0;
	z-index: 1000000;
	width: 682px;
	height: 384px; 
	position: absolute;
	background-color: #f0f0f0;
	left: 421px;
	top: 308px;
	overflow: hidden;
	border-radius: 15px;
	background-image: linear-gradient(to bottom, #f0f0f0, #c8c8c8);
	visibility: visible;
	border: 1px solid #aaaaaa;
}

div.Notes {

	position: relative;
	background-color: white;
		text-align:center;
	width: 620px;
	height: 325px;
	margin-right:auto;
	margin-left:auto;
	z-index: 1000001;
	border: solid 1px black
}

div.textarea {
	
	position:relative;
	width:580px;
	height: 100%;
	margin-right:auto;
	margin-left:auto;
	visibility: visible;
	
}
h1.titreNotes {
color:#aaaaaa;
}

textarea {
	display:block;
	position:relative;
	width: 100%; /* adapter à 100% ou moins selon besoin... */
	padding: 3px 10px 0px 10px;
	border: 1px solid #aaaaaa;
	height: 100%;
	visibility: visible;
	font-family:Arial;
	resize:none;
	
}

input.imprimer {
	position: absolute;
	top: 10px;
	left: 30px; /* depend bien evidemment de tailleecran */
	width:20px;
	display:inline;
}

input.mail {
	position: absolute;
	top: 15px;
	left: 80px; /* depend bien evidemment de tailleecran */
	width:20px;
}

input.xsortieNotes {
	position: absolute;
	top: 8px;
	left: 657px; /* depend bien evidemment de tailleecran */
	width:15px;
}

input.insererNomEcran {
	position: absolute;
	top: 10px;
	left: 130px; /* depend bien evidemment de tailleecran */
	width:20px;
}