html,body {
  margin: 0;
  padding: 0;
}
a img {
  border:  none;
  vertical-align: middle;
}
p {
  text-align: justify;
}
h2 {
  text-align: center;
  font-size: 1.4em;
}
table {
  empty-cells: show;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  border-width: 1px;
  border-style: solid;
}
tr {
  vertical-align:top;
}
th,td {
  border-width: 1px;
  border-style:solid;
  vertical-align:center;
  padding: 2px;
}
/* couleurs de fonds */
.fonce {                        /* couleur foncé */
  background-color: #fddca4;
}
.foncebordersanscenter {
  background-color: #fddca4;
  border-style: none;
  text-align: center;
}
.foncebordersans {
  background-color: #fddca4;
  border-style: none;
}
.foncecenter {
  background-color: #fddca4;
  text-align: center;
}
.clair {                        /* couleur claire */
  background-color: #feedcf;
}
.clairbordersanscenter {
  background-color: #feedcf;
  border-style: none;
  text-align: center;
}
.clairbordersans {
  background-color: #feedcf;
  border-style: none;
}
.claircenter {
  background-color: #feedcf;
  text-align: center;
}
.clairbordertopbottomleft{
  background-color: #feedcf;
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: solid;
}
.clairbordertopbottomright{
  background-color: #feedcf;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
}
.jaune {                        /* fonds de la grille de recherche */
  background-color: #fffed1;
}
.jaunebordersanscenter {                        /* fonds de la grille de recherche */
  background-color: #fffed1;
  border-style: none;
  text-align: center;
}
.rouge {
  color: red;
}
.rougebordersans {
  border-style: none;
  color: red;
}
.rougecenter {
  color: red;
  text-align: center;
}
.vert {
  color: green;
}
.vertcenter {
  color: green;
  text-align: center;
}
.blanc {
  background-color: white;
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
}
.blancbordersans {
  background-color: white;
  border-style: none;
}
.bleu {
  color: blue;
}
.blancbordersanscenter{
  background-color: #ffffff;
  border-style: none;
  text-align: center;
}
/* autres styles */
.border {
  border-width: 1px;
  border-style: solid;
  border-color: black;
}
.bordersans {
  border-style: none;
}
.bordersanscenter {
  border-style: none;
  text-align: center;
}
.bordersansmiddle {
  border-style: none;
  vertical-align: middle;
}
.bordercotes{
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: solid;
}
.bordertop{
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.bordertopleft{
  border-top-style: solid;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: solid;
}
.bordertopright{
  border-top-style: solid;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: none;
}
.borderbottom{
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: none;
}
.borderbottomleft{
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  border-left-style: solid;
}
.borderbottomright{
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: none;
}
.borderright{
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: none;
  border-left-style: none;
}
.borderleft{
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: solid;
}
.borderbottomcenter{
  border-top-style: none;
  border-right-style: solid;
  border-bottom-style: solid;
  border-left-style: solid;
  text-align: center;
}
.center {
  text-align: center;
}
.middle {
  vertical-align: middle;
}
.right {
  text-align: right;
}
.marge {
  margin-left: 1em;
}
.marge2 {
  margin-left: 2em;
}