h1 {
  font: normal bold 28pt/28pt Arial;
  text-align: center;
}

h2{
  font: normal bold 16pt/16pt Arial;
  text-align: center;
  margin-left: 20pt;
  margin-top: 20pt;
}

h3{font: normal normal 14pt/14pt Arial;
  text-align: left;
}

h4{
  font: italic normal 12pt/12pt "Times New Roman", arial;
  text-align: left;
}

h5{
  font: italic bold 10pt/10pt "Times New Roman", arial;
  text-align: left;
}

body{
  background: #def2d8;
}
#menuhorizontal { 
  position: absolute;
  height: 20px;
  top: 0px;
  right: 5px;
  margin-left: auto;/* position du div */
  margin-right: auto;
  background: #168223;/*2e8e3b;*/
  font: normal bold 12pt Arial;
  color: #00ffff;
  text-align: center;
   }
p1 {
  font: normal bold 10pt Arial;
  text-align: center;
}

p2 {
  font: italic bold 9pt Arial;
  text-align: center;
}

p3 {
  font: italic bold 7pt Arial;
  text-align: center;
}

p {
  text-align: justify;
  margin-top: 5pt;
  text-indent: 10pt;
}
#menuhorizontal a {
  text-decoration: none;
  color: yellow;
}
#menuhorizontal a:hover,
#menuhorizontal a:focus
	{background-color:#ffa81b;
  text-decoration: none;
  color: black;
}
a, a:visited {
  color: #aa00ff;
}
#entete   {position: absolute;/* position:absolute permet de mettre du texte sous l'image.. */
		left:0px;
		top:60px;
		width: 640px;
		margin: 0;
		padding: 0;
		}
#lien   {	position: absolute;/* position:absolute permet de mettre du texte sous l'image.. */
		background-image:url(images/logohippo1.gif);
		left:0px;
		top:0px;
		height: 100px;
		width: 106px;
		margin: 0;
		padding: 0;
		}
#nom   {position: absolute;/* position:absolute permet de mettre du texte sous l'image.. */
		left:150px;
		top:0px;
		height: 40px;
		width: 350px;
		font: normal bold 14pt/14pt "Times New Roman";
		text-align: center;
		}
#menu   {position: absolute;/* position:absolute permet de mettre du texte sous l'image.. */
		left:0px;
		top:115px;
		height: 550px;
		width: 640px;
		}
#adresse   {position: absolute;/* position:absolute permet de mettre du texte sous l'image.. */
		left:150px;
		top:45px;
		height: 30px;
		width: 350px;
		font: normal bold 12pt/12pt "Times New Roman";
		text-align: center;
		}
#tele   {position: absolute;/* position:absolute permet de mettre du texte sous l'image.. */
		left:150px;
		top:85px;
		height: 20px;
		width: 350px;
		font: normal bold 10pt/10pt "Times New Roman";
		text-align: center;
		}
#lien1   {background-image:url(images/vip01a.jpg);
		position:absolute;
		/*left:570px;
		top:525px;*/
		height: 16px;
		width: 68px;
		margin: 0;
		padding: 0;
		background-position:0px 0px;
		z-index:20;}
a#lien1:hover, a#lien1:focus {
		position:absolute;
		/*left:570px;
		top:525px;*/
		height: 200px;
		width: 300px;
		margin: 0;
		padding: 0;
		background-image:url(images/vip01a.jpg);
		background-position: -68px 0px;
		z-index:20;}
#lien2   {background-image:url(images/vip02a.jpg);
		position:absolute;
		/*left:780px;
		top:542px;*/
		height: 20px;
		width: 68px;
		margin: 0;
		padding: 0;
		background-position:0px 0px;}
a#lien2:hover, a#lien2:focus {
		position:absolute;
		/*left:600px;
		top:542px;*/
		height: 200px;
		width: 300px;
		margin: 0;
		padding: 0;
		background-image:url(images/vip02a.jpg);
		background-position: -68px 0px;
		z-index:20;
		}
#lien3   {background-image:url(images/vip03a.jpg);
		position:absolute;
		/*left:780px;
		top:542px;*/
		height: 20px;
		width: 68px;
		margin: 0;
		padding: 0;
		background-position:0px 0px;}
a#lien3:hover, a#lien3:focus {
		position:absolute;
		/*left:600px;
		top:542px;*/
		height: 200px;
		width: 300px;
		margin: 0;
		padding: 0;
		background-image:url(images/vip03a.jpg);
		background-position: -68px 0px;
		z-index:20;
		}
#sanscss {position:absolute;
		left: -5000 px;
		right: -5000px;
		text-indent: -5000px;
		display: none;
		}
ul li{
  font: normal bold 12pt/12pt Arial;
  color: #13266a;
}

th, td{
  text-align: center;
  vertical-align: middle;
  border: #0020a0;
}

th {
  font-weight: bold;
  background: #00a0e0;
}