/* Propriétés générales de la page */

html
  {
  font-family:serif; font-size:100%;
  background:#ddf; color:black;
  text-align:justify;
  }

img
  {
  border:none;
  }

p
  {
  text-indent:2em;
  }

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

/* Boites bleues */
#menu, #pied_de_page, #contenu, #entete
  {
  border:1px solid #aaf;
  background:#ccf; color:black;
  margin:.5em; padding:.5em;
  }

#entete
  {
  text-align:center;
  }

#conteneur
  {
  margin:0;
  padding:0;
  }

#fin_flottant
  {
  clear:both;
  }

/* Menu */
#menu
  {
  float:right;
  width:10%;
  }

#menu ul
  {
	list-style-type: none;
	margin:0;
	padding:0;
  }

#menu li
  {
	margin-left: 2%;
	margin-right: 2%;
	margin-bottom: 10%;
	margin-top: 10%;

padding: 1%;
  }

#menu li ul li
  {
    margin: 1%;
    padding: 1%;
    border:1px solid #99f;
    text-align:center;
    font-size:70%;
  }

/* Contenu de la page et pied de page */
#contenu
  {
  float:left;
  width:80%;
  }

#pied_de_page
  {
  font-family:sans-serif; font-size:70%;
}

div#pied_de_page a img {
    opacity: 0.3;
}

div#pied_de_page a:hover img {
opacity: 1;
}

#pied_de_page div {margin:1em;text-align:center;}
#logos img{vertical-align:middle;}
#logos a {padding:0;background-image:none;}
  
/* Propriétés des tableaux */
table, td, th
  {
  border-style:solid;
  border-width:1px; 
  border-color:black;
  border-collapse:collapse;
  }

td{text-align:left;}

table
  {
  margin-top:20px;
  margin-bottom:20px;
  }

/* Propriété des liens */
a:link
  {
  background:#ccf; color:#000080;
  text-decoration:underline;
  }

a:visited
  {
  background:#ccf; color:#505080;
  text-decoration:underline;
  font-style:italic;
  }

a:hover
  {
  background:#ccf; color:#cc0000;
  text-decoration:underline;
  }

a[href^="http://"]
  {
  padding-right:10px;
  background:url(../logos/lien_externe.png) no-repeat 100% 0;
  }

h1, h2, h3, h4, h5, h6
  {
  text-align:left;
  font-weight:bold;
  }

h1 {
    color:#004; background:#ccf;
    text-align:center;
    border:2px solid #006;
    margin:1.5em;
    padding:.2em;
   }

h2 {
    color:#006; background:#ccf;
    margin: 1em 1em 1em 0;
    padding: 0 0 .3em .8em;
    border-top:0;
    border-right:0;
    border-bottom: 1px solid #006;
    border-left: 5px solid #006;
    }

h3 {color:#008; background:#ccf;}
h4 {color:#00a; background:#ccf;}
h5 {color:#00c; background:#ccf;}
h6 {color:#00e; background:#ccf;}

#infos {margin-top:1em; margin-bottom:1em; font-style:italic; text-align:right;}

.reunion
{
  font-weight:bold;
  color:#700;
  background:#aaf;
  border: 1px dotted black;
  padding:.2em;
  margin:.2em;
}