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

/* Général */

html {margin: 0; padding: 0;}

body {
}

/* Le titre (bande horizontale) */

#titre {color: white; background: #00A8FF; 
  font-family : Verdana, Arial, Helvetica, sans-serif; padding: 0;
  text-align: center;
  border: 1px solid black;}
#titre img {
  border:0; 
  margin:0;
  padding: 0.5em;
}

#titre h1 {}
#titre a {color:white; text-decoration: none;}
#titre a:hover {color:darkblue; text-decoration: none;}

/* L'intro */

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

.clearleft { clear: left; }

#corps a:hover          {color: red; text-decoration: none;}

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

/* Le corps du texte */

#corps {color: black;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: left;}
#corps li {padding: 5px;}
#corps h1 {font-size : 250%; color : black; text-align: center;}
#corps h2 {
  text-align: left;
  font-size : 150%; 
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : #990000;
  margin: 5px 0;
}
#corps h3 {font-size : 120%;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : green; text-align: left;}
#corps h4 {font-size : 110%;
  font-family : Verdana, Arial, Helvetica, Geneva, sans-serif;
  color : orangered; text-align: center;}
#corps img {text-align: center;}
#corps table {text-align: center;}

/* Les éléments flottants */

div.item {
  float: left; 
  text-align: center;
  margin: 5px;
  padding: 7px; height: 130px; background-color: white; border: 1px solid #bbb}
div.item img {border: 0; margin-top: 10px;}
div.item:hover {
  border: 1px solid red;
}

span.nom_concours {
  margin-bottom: 5px;
}

div.item a {color: black; text-decoration: none;}

div.item-annee {
  float: left;
  text-align: center;
  margin: 10px;
  padding: 0;
  font-size: 85%;
}
div.item-annee img {border : 0px; margin: 0px 5px 5px 5px;}

div.item-annee a:hover img {border: 1px solid black; margin: -1px 3px 4px 4px;}
div.item-annee a {color: black; text-decoration: none;}
div.item-annee a:hover {color: blue; font-weight: bold;}

div.item-filiere {float: left; text-align: center; margin: 10px; padding: 0;}
div.item-filiere img {border : 0px; margin: 0px 5px 5px 5px;}

div.item-filiere a:hover img {border: 1px solid black; margin: -1px 3px 4px 4px;}
div.item-filiere a {color: black; text-decoration: none;}
div.item-filiere a:hover {color: blue; font-weight: bold;}

.previewPDF {font-size: 80%;}
div.previewPDF a img {float: right; height: 0; width: 0; border-width: 0;}
div.previewPDF a:hover img {position: fixed; left: 510px; top: 100px;
	float:right; height: 600px; width: 424px; border: 1px solid black;}

#tableau {width: 500px;}

#pub {width: 160px; float: right; margin-left: 2em; text-align: center;}
#titre_pub {float: right;}

#concours, #annees {
  float: left;
  padding: 10px;
  margin: 15px 10px;
  background-color: #f2f2f2;
  border: 1px solid #bbb;
}

-->
</style>
