html,body {
	margin: 0;
}

html {
	height: 100%;
}

body {
	min-height: 100%;
	position: relative;
}

h1 {
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	color: #aaaaaa;
	font-weight: lighter;
	text-align: center;
	padding: 2px;
	margin-top: 7px;
	margin-bottom: 7px;
}

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

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

img.x {
	position: absolute;
	top: 8px;
	left: 640px;
	cursor: pointer;
	color: #aaaaaa;
	width:25px;
	visibility: visible;
}

li.liste {
	cursor: pointer;
}

ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	list-style-position: inside;
}

div.liste {
	position: absolute;
	background-color: white;
	width: 150px;
	height: 325px;
	overflow: auto;
	left: 25px;
	top : 38px;
	padding: 3px;
	z-index: 1000001;
	border: solid 1px black;
	visibility: visible;
	font-family: Arial;
}

div.def {
	position:absolute;
	background-color: white;
	width: 450px;
	height: 325px;
	overflow: auto;
	left: 200px; 
	top : 38px;
	padding: 3px;
	z-index: 1000001;
	border: solid 1px black;
	visibility: visible;
	font-family: Arial;
}

.itemGlossaire {
background:inherit;
color:inherit;
}