body{
	margin:0;
	padding:0;
	width:100%;
	font-family:Helvetica;

	background-color:#F9FBE7;

	color:rgba(0,0,0,0.8);

	padding-top: 45px;
	
}

/*
	COlors :
	Principale Base : #CDDC39;
	Second Base : #FFEB3B;
*/

body > header{
	background-color:#CDDC39;
	padding:10px 3%;

	-moz-box-shadow: 2px 2px 10px 1px #656565;
	-webkit-box-shadow: 2px 2px 10px 1px #656565;
	-o-box-shadow: 2px 2px 10px 1px #656565;
	box-shadow: 2px 2px 10px 1px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);

	position:fixed;
	top:0px;
	width: 94%;
	z-index:10;

	height: 20px;
}

form{
	display:none;

	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;

	background-color: rgba(0,0,0,0.8);
	z-index:11;
}

form > div{

	text-align:center;

	background-color:#F9FBE7;

	padding:20px;

	border-radius:3px;

	position:absolute;
	left:50%;
	top:50%;

	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

form input{
	margin-bottom:30px;
	margin-top:10px;
}

.button{
	background:none;
	border:none;
	padding:0;
	margin:0;

	font-size:1em;
	font-family: inherit;
	color:inherit;

	display:inline-block;

	background-color: #F57F17;
	text-align: center;

	color:rgba(0, 0, 0, 0.8);

	-moz-box-shadow: 2px 2px 10px 1px #656565;
	-webkit-box-shadow: 2px 2px 10px 1px #656565;
	-o-box-shadow: 2px 2px 10px 1px #656565;
	box-shadow: 2px 2px 10px 1px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border:1px solid rgba(0,0,0,0.3);

	width:100px;
	padding:5px;
}

body > header > *{
	vertical-align: middle;
}

#upload{
	float: right;

	width: 20px;
	height:20px;
}

#search-button{
	width: 20px;
	height:20px;

	margin-left: 10px;
	opacity:0.8;
}

body > header input{
	background: transparent;
	border:none;

	border-bottom: 1px solid rgba(0,0,0,0.3);
	font-size:12pt;
}

.item{
	font-size: 12pt;
	border-bottom: 1px solid rgba(0,0,0,0.5);

	padding: 5px;
}

.item.eo{
	background-color:#CDDC39;
}

h1{
	font-size:1.1em;
	margin:0;
	padding:0;
	font-family: "Palatino Linotype";
}

h2{
	font-size:1em;
	margin:0;
	padding:0;
	font-weight: normal;
}

.item span{
	display:inline-block;
	vertical-align: middle;
}

.item header::after{
	content: ">";
	display:inline-block;
	font-size:20pt;

	position:relative;
	z-index:1;
	top:5px;

	background-color: #F57F17;
	height:25px;
	width:25px;
	line-height: 25px;
	text-align: center;

	color:rgba(0, 0, 0, 0.8);

	-moz-box-shadow: 2px 2px 10px 1px #656565;
	-webkit-box-shadow: 2px 2px 10px 1px #656565;
	-o-box-shadow: 2px 2px 10px 1px #656565;
	box-shadow: 2px 2px 10px 1px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=10);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border:1px solid rgba(0,0,0,0.3);

	font-family: monospace;
}

.item.on header::after{
	transform:rotate(90deg);
}

.item header .numero{
	width:10%;
	text-align:center;
	overflow:hidden;
}

.item header .desc{
	width:80%;
}

.item .detail{
	display:none;

	margin-left: 10%;
	margin-top:10px;
}
.item.on .detail{
	display:block;
}