/gist:595c910b31e3ed62cfb8 Secret

## gistfile1.phtml
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
	<title>Titre</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

	<style type="text/css">
	* {
		margin: 0px;
		padding: 0px;
	}

	body {
		font-family: Verdana, Arial, sans-serif;
	}

	#interventions {
		background: #333;
		width: 270px;
		padding: 3px;
	}

	#interventions h3 {
		font-weight: normal;
		text-align: center;
		padding-top: 2px;
		padding-bottom: 5px;
		color: white;
	}

	#interventions div.hidden {
		background: #f0f0f0;
		display: none;
	}

	#interventions div.hidden ul {
		list-style: none;
	}
	</style>

	<script type="text/javascript">
	var interventionsBlock, interventionsContentBlock;

	window.onload = function() {
		interventionsBlock = document.getElementById("interventions");
		interventionsContentBlock = interventionsBlock.getElementsByTagName('div').item(0);

		interventionsBlock.onmouseover = function() {
			interventionsContentBlock.style.display = 'block';
		};

		interventionsBlock.onmouseout = function() {
			interventionsContentBlock.style.display = 'none';
		};
	};
	</script>
</head>
<body>


<div id="interventions">
	<h3>Mes interventions</h3>

	<div class="hidden"><ul>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
		<li>...</li>
	</ul></div>

</body>
</html>
	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
	"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

	<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
	<title>Titre</title>
	<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

	<style type="text/css">
	* {
	margin: 0px;
	padding: 0px;
	}

	body {
	font-family: Verdana, Arial, sans-serif;
	}

	#interventions {
	background: #333;
	width: 270px;
	padding: 3px;
	}

	#interventions h3 {
	font-weight: normal;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 5px;
	color: white;
	}

	#interventions div.hidden {
	background: #f0f0f0;
	display: none;
	}

	#interventions div.hidden ul {
	list-style: none;
	}
	</style>

	<script type="text/javascript">
	var interventionsBlock, interventionsContentBlock;

	window.onload = function() {
	interventionsBlock = document.getElementById("interventions");
	interventionsContentBlock = interventionsBlock.getElementsByTagName('div').item(0);

	interventionsBlock.onmouseover = function() {
	interventionsContentBlock.style.display = 'block';
	};

	interventionsBlock.onmouseout = function() {
	interventionsContentBlock.style.display = 'none';
	};
	};
	</script>
	</head>
	<body>


	<div id="interventions">
	<h3>Mes interventions</h3>

	<div class="hidden"><ul>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	<li>...</li>
	</ul></div>

	</body>
	</html>