/*
GL
*/

body {
	background: #111 url(icons/gl.jpg) no-repeat;
}

.logo1 { 	color: black; 
	margin-left: 5px;
	margin-top: 0px;
	font-size: 20px; 
	line-height: 32px;
	font-style: Italic;
	font-weight: Bold;
	font-family: Arial, Impact, Arial, Helvetica, Sans-serif; }
.logo2 { 	color: white; 
	margin-top: -35px;
	font-size: 20px; 
	line-height: 32px;
	font-style: Italic;
	font-weight: Bold;
	font-family: Arial, Impact, Arial, Helvetica, Sans-serif; }

.ciel {
  position: absolute;
  top: 300px;
  left: 200px;
  width: 250px;
  height: 70px;
}

#side { float: left; width: 300px; margin: 0 0 0 10px; font-size: .9em; }
	#side h3 { color: #ccc; margin: 0 0 6px 5px; height: 16px; }

.boxtop { background: url(icons/box.gif) no-repeat top; padding: 2px 0; }
.box { padding: 3px 6px; background: #363636; }
.boxbottom { background: url(icons/box.gif) no-repeat bottom; padding: 2px 0; }

.item { font-size: .94em; display: block; color: #ccc; background: #fff url(icons/item.gif) no-repeat; height: 54px; padding: 4px 10px; margin: 0 0 5px; text-decoration: none;}
	.item.last { margin: 0; }
	.item:hover { background: #111 url(icons/item.gif) no-repeat bottom; color: white; }
	.item img { border: 0; }
	.item strong { color: #FFFAD3; line-height: 27px; }
		.sidedate { float: left; width: 35px; text-align: center; padding: 4px 9px 0 0; font-size: 1.6em; margin: 0 12px 0 0; border-right: 1px dotted #808080; }
		.sidedate span { font-size: .6em; font-weight: bold; color: #808080; }

.jaune {  /* zone centrale */
  position: absolute;
  top: 400px;
  height: 450px;
  left: 280px;
  width: 320px;
}

.verte {  /* zone facebook */
  position: absolute;
  top: 400px;
  height: 350px;
  left: 610px;
  width: 125px;
  background: white;
  padding: 5px 0 0 5px;
}

.bleue {  /* zone Necesware */
  position: absolute;
  top: 400px;
  height: 170px;
  left: 745px;
  width: 100px;
  background: white;
  padding: 5px 0 0 5px;
  font-size: 0.8em;
}
	.bleue img { border: 0; }

.grise {  /* zone boutons validation */
  position: absolute;
  top: 760px;
  left: 720px;
  width: 100px;
  height: 100px;
}
	.grise img { border: 0; }

.qrcode {  /* zone qrcode */
  position: absolute;
  top: 760px;
  left: 610px;
  width: 100px;
  height: 100px;
}
	.qrcode img { border: 0; }