#popup
{
	visibility: hidden;
	width: 90%;
    position: absolute;
	left: 5%;
	top : 0;
	text-align: center;
	background-color: white;
	border: 1px black solid;
	font-size: 1.6em;
	overflow: hidden;
	border-radius: 10px;
	box-shadow: 4px 4px 4px grey;
	z-index:1000;
}

#croix
{
	margin-top: 2%;
	margin-left: 90%;
	height: 3.5%;
	width: 3%;
}
#croix:hover
{
	margin-top: 2%;
	margin-left: 90%;
	height: 3.6%;
	width: 3.1%;
}

#titre_fonct
{
	top : 0;
	text-align:center;
	text-decoration: underline;
	font-size: 100%;
	margin-top: -3%;
}

#presentation_fonct
{
	font-size: 80%;
	overflow-y: scroll;
	word-wrap: break-word;
	padding-left:20px;
	padding-right:20px;
}

#cases * 
{
	position:absolute;
	border: 2px black solid;
    position: absolute;
	text-align:center;
	width: 5%;
	line-height: 2em;
	margin-left: -0.1em;
	margin-top:100%;
	background-color: #00CC00;
}

#texte_descr *
{
	background-color: #EEEEEE;
	border: 2px black solid;
    position: absolute;
	margin-left: 5%;
	width: 95%;
	text-align: left;
	line-height: 1.7em;
	padding-left: 1em;
	overflow: hidden;
	margin-top:100%;
	overflow-y: scroll;
}