<style type="text/css">
<!--

/* Général */
html {margin: 0; padding: 0;}

body {background-color: #f2ffff; color: black; margin: 0;}

#birthday {
	margin: 10px;
	margin-left: 25%;
	border: 3px solid #f0f0f0;
	width: 50%;
	text-align: left;
	background-color: white;
}

#birthday p {
	margin-left: 5px;
}

#birthday-cake {
	margin: 5px;
	margin-right: 20px;
	float: right;
}

#news {
  /* float: left; */
}

#news-img {
  float: left;
  margin: 0 10px;
  vertical-align: top;
}

/* Le titre (bande horizontale) */

#titre {background-color: White; margin: 0px 5px 0 5px;
  font-family : Arial, sans-serif; font-weight: bold; padding: 0;
  text-align: center; border: 1px solid #ccc;}
#titre img {border:0; margin:0;}

#titre h1 {margin-left: 0; font-size: 220%;}
#titre a {color: darkblue; text-decoration: none;}
#titre a:hover {color: Aqua; text-decoration: none;}

#flags {position: relative; top: 0px; left: 0px;}
#flags ul, #flags li {display: inline; list-style: none; padding: 0px; 
  margin: 0px;}
#flags img {border: 1px solid transparent;}
#flags img:hover {border: 1px solid blue;}

#title-image-1 {float: left; margin-left: 5px;}
#title-image-2 {float: right; margin-right: 5px;}

/* L'intro */

#intro p {width: 100%; align: center;}

/* Les éléments flottants */

div.item {float: left; text-align: center; width: 14em; height: 16em;
  padding: 2px 2px; margin: 4px; border: 4px solid #f2f2f2;
  font-size: 85%; font-weight: bold; background-color: white;}

div.item:hover {border: 4px ridge AliceBlue; background-color: 
LightCyan; text-decoration: underline;}

div.item-image {height: 100px; vertical-align: middle;}

div.item-image img {border: 1px solid transparent;margin: 0px 5px 5px 5px;}

div.item p {vertical-align: middle;}

.clearboth { clear:left; }

#items a:link           {color: black; text-decoration: none;}
#items a:active         {color: black; text-decoration: none;}
#items a:visited        {color: black; text-decoration: none;}
#items a:hover          {color: blue; text-decoration: none;}

#corps a:link           {color: black;}
#corps a:active         {color: black;}
#corps a:visited        {color: black;}
#corps a:hover          {color: blue; text-decoration: none;}

div.main {float: right; text-align : center; width: 10em;}

/* Le corps du texte */
#corps {
  display: inline-block;
  width: 80%;
  color: black; margin: 0; float: left;
  margin-top: 1em; height: 100%; margin-left: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif; text-align: left;
  font-size: 90%;}
#corps li {padding: 5px;}
#corps h1 {font-size: 250%; color: black; text-align: center;}
#corps h2 {font-size: 125%; 
  font-family: Verdana, Arial, Helvetica, Geneva, sans-serif;
  color: #990000; text-align: center;}
#corps h3 {font-size : 120%;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : green; text-align: center; clear: both; width: 100%;}
#corps h4 {font-size : 110%;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : orangered; text-align: center;}
#corps img {text-align: center; border: none;}
#corps table {text-align: center;}

#pub {
  display: inline-block;
  width: 17%; margin-right: 5px;  margin-left: 10px;
    margin-top: -1px; text-align: right; height:100%; float: right;}

.author {
  margin-top: 5px;
  font-weight: bold;
  text-align: right;
  display: block;
}

-->
</style>
