<head>
<style type="text/css">
body {font-family:Comic Sans MS, arial, sans-serif; font-size: 100%}
p  {font-family:arial, sans-serif; font-size: 100%}
ol {font-family:Comic Sans MS, arial, sans-serif}
li {font-family:arial, sans-serif}
ul {font-family:arial, sans-serif}
td {font-family:palatino, Palatino Linotype, Comic Sans MS, arial, sans-serif; font-size: 100%; color:#fff}
th {font-family:Comic Sans MS, arial, sans-serif; font-size: 90%; font-weight:bold}
caption {font-family:Comic Sans MS, arial, sans-serif; font-size: 90%; font-weight:bold}
h1 {font-family:palatino, Palatino Linotype, Comic Sans MS, arial, sans-serif; font-size: 250%; text-align:center}
h2 {font-family:palatino, Palatino Linotype, arial, sans-serif; font-size: 120%; text-align:center; color:#fff}
h3 {font-family:Comic Sans MS, arial, sans-serif; font-size: 100%; text-align:center}
h4 {font-family:Comic Sans MS, arial, sans-serif; font-size: 90%; text-align:center}
h5 {font-family:Comic Sans MS, arial, sans-serif; font-size: 90%}
.b {font-weight: bold}
.c {text-align: center}
.j {text-align: justify}
.d {text-align: right}
.100 {font-size: 100%}
.vert {color:#33CC33}
.noir {color:#000}
.blanc {color:#FFFFFF}
.t400 {font-size: 400%}
.t300 {font-size: 300%}
.t200 {font-size: 200%}
.t150 {font-size: 150%}
.t120 {font-size: 120%}
.t100 {font-size: 100%}
.t90 {font-size: 90%}
.t80 {font-size: 80%}
.verdana {font-family:verdana, sans-serif}
.comic {font-family:Comic Sans MS, arial, sans-serif}
.arial {font-family:arial, sans-serif}
.palatino {font-family:palatino, Palatino Linotype, Comic Sans MS, arial, sans-serif}
.potins {font-family: arial, sans-serif;
  font-size: 100%;
  color: #FFFFFF}
.menubar {
  font-family: palatino, Palatino Linotype, Comic Sans MS, arial, sans-serif;
  font-size: 100%;
  margin-left: 20%;
  margin-right: 20%;
  text-align: center;
  color: #FFFFFF}
a:hover {color: #66FFFF; background-color: #3333FF}
a:visited {color: #66FFFF}
a {color: #66FFFF}
a.clic:hover {color: #66FFFF; background-color: #3333FF}
a.clic:visited {color: #66FFFF}
a.clic {color: #66FFFF}
a.dark:hover {color: #ff3300; background-color: #3333FF}
a.dark:visited {color: #ffffff}
a.dark {color: #ffffff}
a.menublc:hover {color: #003366; background-color: #66FFFF}
a.menublc:visited {color: #003366}
a.menublc {color: #003366}
a.potin:hover {color: #FF6633; background-color: #000099}
a.potin:visited {color: #FF6633}
a.potin {color: #FF6633}
a.menubar:hover {background-color: #FFC53A; color: #003366}
a.menubar:visited {background-color: #FFC53A; color: #003366}
div#cadreblanc {
	font-family:arial, sans-serif;
	margin-left: 4px;
	font-size:12px;
	color: #fff;
	padding:2px;	
	border: 1px dotted #fff;
	-moz-border-radius: 8px;}
#cadreblanc td {font-family:arial, sans-serif; font-size: 100%; color:#fff}
	
div#cadretitre {
	position:relative;
	float:right;
	width:60%;
	font-family:Comic Sans MS, arial, sans-serif;
	margin-left: 20%;
	margin-right: 20%;
	margin-top:5px;
	font-size:12px;
	color: #000000;
	padding:10px;	
	border: 2px solid #ffffff;
	-moz-border-radius: 8px;}
div#container {
	position:relative;
	float:left;
	width:99%;
	font-family:Comic Sans MS, arial, sans-serif;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	font-size:12px;
	color: #000000 ;
	padding:30px;	
	border: 0px solid #669900;
	-moz-border-radius: 8px;
	}
div#menu {
	position:relative;
	float:right;
	width:50%;
	font-family:arial, palatino, Palatino Linotype, Comic Sans MS, arial, sans-serif;
	margin-left: 25%;
	margin-right: 25%;
	margin-top:0px;
	margin-bottom:30px;
	font-size:12px;
	font-weight: bold;
	
	color: #000000 ;
	padding:2px;	
	border: 0px solid #ffffff;
	background-color: #ffffff;
	-moz-border-radius: 20px;}
div#logo {
	position:absolute;
	width:300px;
	height:300px;
	left: 10px;
	top: 20px;
	margin-left: 10px;
	margin-top:10px;}
div#potin_mois {
	position:absolute;
	width:200px;
	height:36px;
	z-index:1;
	left: 30px;
	top: 30px;
	padding-top:15px;	
	padding-bottom:8px;
	text-align: center;
	font-family:arial, sans-serif;
	font-size:22px;
	font-weight: bold;
	background-color: #99CC66;
	color: #0033CC ;
	border: 0px solid #ffffff;
	-moz-border-radius: 20px;}
div#potin_histo {
	position:relative;
	float : right;
	width:400px;
	height:36px;
	z-index:2;
	right: 30px;
	top: 30px;
	padding-top:10px;	
	padding-bottom:8px;
	text-align: center;
	font-family:arial, sans-serif;
	font-size:12px;
	font-weight: bold;
	color: #ffffff ;
	border: 0px solid #ffffff;
	-moz-border-radius: 20px;}
div#potin_container {
	position:relative;
	float:left;
	width:99%;
	font-family: arial, sans-serif;
	margin-left: 0%;
	margin-right: 0%;
	margin-top:5px;
	font-size:large;
	color: #ffffff ;
	padding:30px;	
.clear {
	clear: both;
	font-size:0;}
</style>
</head>
