/* www.porteouverte.be */

body  {
  font-family:sans-serif;
  font-size:120%;
  margin:2px;
  margin-left:0px;
  background-color:#f0f0f7;
  font-size:100%
  }

h1.top {
  font-size: 160%;
  color:#f7f7f7;
  margin:0em .35em;
  margin-bottom:.3em;
  background-color:#497;
  }

h2.top  {
  font-size: 130%;
  color:#f7f7f7;
  margin: 1.3em .3em 0em 0em;
  text-align:right;
  font-style:italic;
  background-color:#497;
  }

h1  {
  font-size:140%;
  margin-top:2%;
  margin-left:2%;
  color:#555;
  background: #f7f7ff;
  }

h2  {
  font-size:130%;
  margin-bottom:.5em;
  margin-left:3%;
  color:#555;
  background: #f7f7ff;
  }

h3  {
  font-size:120%;
  margin-bottom:.3em;
  margin-left:4%;
  color:#555;
  background-color:#f7f7ff;
  }

h4  {
  font-size:110%;
  margin:.2em 0 .3em 5%;
  color:#555;
  background-color:#f7f7ff;
  }

h5  {
  font-size:100%;
  margin:.2em 0 .3em 5%;
  color:#555;
  background-color:#f7f7ff;
  }

p, ul, ol { margin: 0em 5% .5em 5%; text-align:justify; }

blockquote { margin: 0em 10% .5em 10%; text-align:justify; font-size:90%; }

a { color:#85a; font-weight:bold; text-decoration:none; }
a:link { color:#497; }
a:visited { color:#85a; }
a:hover { color:#85a; }
a:active { color:#497; }

a.menu { font-weight:bold; color:#eee; text-decoration:none; }
a.menu:link { color:#dae0e0;}
a.menu:visited { color:#dae0e0; }
a.menu:hover { color:#fff; }
a.menu:active { color:#fff; }

.enfonce { margin: 0em -.15em 0em 0.15em; color:#6b8; } /* 6B9 */

table { border-spacing:1pt; }
td { background-color:#f0f0f7; }

td.logo { text-align:center; vertical-align:middle; width:100px; }
td.top { background-color:#497; padding:1em; }
td.menu { background-color:#85a; vertical-align:top; padding:1em; }
td.menu div {  /* couleur de fond de la colonne "menu" */
  font-weight: bold; color: #daf;
  background-color:#85a; /* couleurs de la colonne "menu" quand il ne s'agit pas d'un lien */
  margin: 0em 0em .7em .1em;
  white-space:nowrap;
 }

table.in { margin-right:5%; margin-left:5%; }
table.texte { margin-top:0em; margin-bottom:.5em; margin-left:5%; margin-right:5%; }

p.gauche { margin-right:5%; margin-left:0%; margin-bottom:.5em; text-align:justify; }
p.droite { margin-left:5%; margin-right:0%; margin-bottom:.5em; text-align:justify; }
.small { font-size: .85em; }

img.gauche { float: left; padding: 0.25em 1em 0.25em 5%; }
img.droite { float: right; padding: 0.25em 5% 0.25em 1em; }

em { font-weight: bold; font-style: italic; }
hr { width: 80%; }