/*--General-----------------------------------------------*/
body {
  margin: 0;
  color: black; 
  background: url('paboukBG100.gif');
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
}
table { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
ul { 
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
form {
  display:inline;
  margin:0px;
  padding:0px;
}
a img {
  border: none;
  margin: 0px;
  padding: 0px;
}
div .notice, span .notice { 
  background-color: yellow;
}

/* Header *******************************************************/
#header {
  height: 120px;
  background-image: url(headwave2.gif)
}
#logmot { 
  padding: 0px;
  margin: 0px;
  padding-left: 25px;
  float: left;
}
#subtitle {
  font-size: 150%;
  font-weight: bold;
  padding: 40px 20px 30px 0px;
  margin: 0px;
  text-align: right;
}
#tabs { 
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 20px;
  float: right;
}
#tabs ul { 
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}
#tabs li { 
  float: left; 
  margin-left: 5px; 
  padding: 3px 3px 4px 3px;
  background-color: #ff0000;
  color: #000000;
  vertical-align: center;
}
#tabs a { 
  color: #def;
  text-decoration: none;
  font-size: 80%;
  font-weight: bold;
}
#tabs a:hover { 
  color: black;
}

/*-Left column menu---------------------------------------*/

#localmenu {
  /* Have to use absolute, else ie sets the photo table below the left col */
  position: absolute;
  top: 130px;
  left: 0px;
  margin: 10px 0px 0px 0px;
  padding: 5px 5px 5px 5px;
  width: 135px; 
  float: left;
  font-size: 80%;
}

#localmenu .entete {
  color: #3030ff;
  font-size: 120%;
  font-style: italic;
  text-align: center;
  letter-spacing: 0.2em;
}

#localmenu .notice {
  margin: 15px 2px 2px 2px;
  padding: 10px 4px 10px 4px;
  background: #d5d5ff;
  text-align: center;
}
#localmenu a { 
  text-decoration: none;
}
#localmenu a:hover { 
  color: #aaaaaa;
}
#localmenu hr { 
  background-color: #ababff;
  height: 2px;
}

#localmenu ul {
  font-size: 10pt;
  margin: 10px 0px 2px 0px; /* IE needs this */
  padding-left: 20px;
  line-height: 150%;
  list-style-image: url("anchor-10.png");
  list-style-position: outside;
}
#localmenu .search {
  margin-top: 10px;
  padding-left: 0.3em;
  text-align: center;
}

/* IE */    
#localmenu input {
  font-size: 75%;
}
/* Others */
body>div#localmenu input {
  font-size: 100%;
}
             
/*-Main column------------------------------------------*/
#maincolumn {
  margin: 20px 0px 0px 145px;
  border-left: solid #ababff 1px;
}
/* Alternative for pages without a left menu (articles)*/
#maincolumnArt {
  margin: 20px 0px 0px 5px;
  border: none #ababff 1px;
}

   
/*-Locator-----------------------------------*/
#locator { 
  font-size: 80%; 
  font-weight: bold;
  margin: 10px 0px 0px 20px; 
}
#locator ul { list-style-type: none; margin: 0; padding: 0;}
#locator li { margin-left: 3px; float: left; }

/*-Main content area-------------------------*/
.content {
  padding: 3em 10px 10px 1em;
}

.content img {
  margin: 0.3em;
}

.content h5.date {
  clear: both;
}

#articlelist { 
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}
#articlelist li { 
  margin-left: 1em;
  padding-left: 0px;
  padding-bottom: 1em;
  font-weight: bold;
}

#mission { 
  font-style: italic;
  text-align: center;
}

/*-Copyright, etc...-------------------------*/
#footer {
  margin-top: 50px;
  font-size: 80%;
  text-align: center;
}

/*- Google Adsense ----------------------------*/
#adsense {
  float: right; 
  margin: 10px 0px 5px 10px; 
  padding-right: 3px; 
  padding-left: 5px;
  border: none #333333 1px;
}

/*- Misc utilities */
div.clearer { line-height: 0; clear: both; }
div.center { text-align: center; }