body
{ 
  width:100%; 
  background-color:white; 
  color:black; 
  margin:0 0 0 0; 
  padding:0 0 0 0; 
  font-family:Verdana, sans-serif;
  font-size:0.75em;
  top:0; 
  left:0
}

#entete
{
  /*text-align:center; */


  background-color:rgb(133,193,247);
/*  background-color:#c6c3bc;*/
/*  background-color:#585858;*/
  width:100%;
  height:7.0em;
  border:1px solid black; 
  border-collapse:collapse;
}

#logo
{
  /*border:1px solid black;*/
  width:6em;
  height:6em;
}

.logo
{
  border:0px solid black;
  width:9em;
  height:9em;
}

#annonce
{ 
  border:0px solid black;
  width:6em;
  height:6em;
}

#entete h1
{
  font-family:Verdana, Helvetica, sans-serif;
  font-size:1.5em; 
  text-align:center;
}

#entete h2
{
  font-family:Verdana, Helvetica, sans-serif;
  font-size:1.25em; 
  text-align:center;
  margin:0;
  padding:0;
}

input
{
  font-family:Verdana, sans-serif;
  font-size:1em;
}

em
{
  color:red;
  font-weight:bold;
  font-style:normal;
}

table tr td h2
{
  font-family:Verdana, Helvetica, sans-serif;
  font-size:1.25em; 
  text-align:left;
  margin:0;
  padding:0;
}

#calendrier {
  background-color:white;
}

.caseCalendrier
{
  width:1.0em;
  height:1.0em;
  text-align:right;
  vertical-align:top;
  text-decoration:none;
  margin:0 0 0 0; 
  padding:0 0 0 0; 
}

.caseCalendrierTitre
{
  margin:0 0 0 0; 
  padding:0 0 0 0; 
  border-bottom:1px solid black;
}

.imageblock
{
  width:14em; 
  text-align:center;
}

#cieSlogan 
{
  
  text-align:center;
}

#annonce 
{
  top:0; 
  left:75%
}

#menu 
{
  width:100%; 
  height:2.5em;
  background-color:#ffc614;
  /*background-color:#ffc72a;*/
  border: 1px solid black;
  font-size:1em; 
  border-collapse:collapse; 
  font-family:Verdana, sans-serif;
}

.menuElement 
{
  text-align:center;
  font-size:1.25em;
}

a {
  line-height:1.5em;
  text-align:left;
}

#menu a:link 
{
  text-decoration:none; 
  font-weight:bold; 
  font-size:1em; 
  color:black
}

#menu a:visited 
{
  text-decoration:none; 
  font-weight:bold; 
  font-size:1em; 
  color:black; 
}

#menu a:hover 
{
  text-decoration:none; 
  font-weight:bold; 
  font-size:1em; 
  background-color:white
}

#menu a:active 
{
  text-decoration:none; 
  font-size:1em; 
  font-weight:bold;
}

#main 
{
  width:100%; 
  margin:0; 
  padding:0; 
  border:1px solid black; 
  border-collapse:collapse;
  background-image: url(images/more_col_base.jpg);
        background-repeat: repeat-y;
        background-position: right;
}

#sous-menu 
{
  margin:0; 
  border:1px solid black; 
  background-color:rgb(133,193,247);
  /*background-color:#c6c3bc;*/
  width:12%;
  vertical-align:top; 
  padding:1em;
}

#sous-menu h1 
{
  font-family:Verdana, sans-serif;
  font-size:1.25em; 
  border-bottom:1px solid black; 
  margin-bottom:0.5em;
  margin-top:0.5em;
}

#sous-menu a 
{
  /*margin-left:1.2em;*/
  font-size:1em;
}

#principal 
{
  font-family:Verdana,serif;
  font-size:1.25em;
  margin:0;
  vertical-align:top;
  background-color:#ffffff;
  padding:0.6em;
}

#principal h1 
{
  border-collapse:collapse;
  font-family:Verdana, sans-serif;
  font-size:1.5em; 
  border-bottom:1px solid black; 
  margin-bottom:1em; 
  margin-top:1em;
}

#pied-de-page 
{
  background-color:#ffc614;
  padding:0.5em;
  width:100%; 
  text-align:center; 
  border: 1px solid black;
  border-collapse:collapse;
}