/* 
 * Règles générales, valeurs par défaut 
 */

body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  /*background-color: #fff;*/
  /*background-color: #fffff5;*/
  background-color: #fffff5;
  color: #005; 
  font-size: 10pt;
}

a {
  color: #800;
  text-decoration: none;
}

a:hover { 
  text-decoration: underline;
}

em { 
  font-style: italic;
}

sup {
  vertical-align: 30%;
  font-size: 70%;
}

strong { 
  font-weight: bold;
}

ul {
  text-align: left;
}

dt { 
  font-weight: bold;
  margin-top: 0.5em;
}

p {
  text-align: justify;
}

img {
  border: 0;
}

img.plan {
  
}

/******** Haut de page *************************/

#hautDePage {
  /*padding: 20px;*/
/*height: 100px;*/
}

#logo-graphique { /* 118x64px */
  float: left;
  width: 20%;
  padding-top: 25px; /* (127-64)/2 - 6 pour l'espace rajouté par la div 
                        en haut  */
  padding-left: 5px;
  text-align: center;
  max-width: 170px; /* Garder synchronisé avec max-width de #navigation */
}


#logo-texte {     /* 533x127px */
  /*width: 80%;*/
  text-align: center;
  vertical-align: bottom;
}

/******** Milieu de page ***********************/
/** voir à la fin pour les styles spécifiques **/

#milieuDePage {
  float: left;
  padding: 5px;
}

  /** Menus **/

#menu {
  float: left;
  border-right: dashed #f80 2px;
  border-top: dashed #f80 2px;
  border-bottom: dashed #f80 2px;
  /*background-color: #FBFFAA;*/
  background-color: #fffadd;
  width: 20%;  
  max-width: 170px; /* Garder synchronisé avec max-width de #logo-graphique */
  
}
 
#menuPrincipal { 
  list-style-type: none;
  padding: 0em;
}

#menuPrincipal li { 
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  text-align: left;
  font-weight: bold;
}

#menuPrincipal li.li-img { 
  text-align: center;
}

#menuPrincipal li.deplie, #menuPrincipal>li.affiche, #menuPrincipal>li.choixActifOn { 
  border-top: dashed #f80 1px;
  border-bottom: dashed #f80 1px;
  background-color: #fdffd9;
  color: #800;
  /*font-style: italic;*/
}

#menuPrincipal li.deplie li.affiche { 
  color: #855;
  font-style: italic;
}

#menuPrincipal li.deplie li.choixActifOn a { 
  color: #855;
  font-style: italic;
}
/*
#menuPrincipal li.affiche:after { 
  content: " --->"
}
*/

#secondMenu { 
  list-style-type: none;
  margin-left: 15%;
  margin-top: 0.2em;
  /*border-left: solid #f80 1px;*/
  font-size: 80%;
  padding: 0em;
}

#secondMenu li { 
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-left: 0.5em;
  text-align: left;
  font-weight: bold;
}

#secondMenu a { 
  /*text-decoration: underline;*/
  font-style: normal;
}


  /** div contenu **/

#contenu {
  padding:1.5em;
  margin-left: 21%;
  min-height: 360px;
  border-top: dashed #f80 2px;
  border-left: dashed #f80 2px;
  /*background-color: #FBFFAA;*/
  background-color: #fffadd;
}

/* FIXME: changer ces §?$µ£ de noms de classes */
/* sans doute titre-page-contenu et titre?-contenu */
h2.titre-contenu { 
  text-align: center;
  font-size: 14O%;
  font-weight: bold;
}

h2.sous-titre-contenu { 
  text-align: center;
  font-size: 12O%;
  font-weight: bold;
}

h3.titre2-contenu { 
  text-align: left;
  font-size: 12O%;
  font-weight: bold;
  background-color: #005;
  /*color: #fbffaa;*/
  color: #fffadd;
  padding-left: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

h3.spip { 
  text-align: left;
  font-size: 12O%;
  font-weight: bold;
  background-color: #005;
  /*color: #fbffaa;*/
  color: #fffadd;
  padding-left: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

li.itemArticle { 
  margin-bottom: 1em;
}

/******** Bas de page ***********************/

#basDePage {
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
/*  border: solid #000000 1px; */
}


#plans {
  text-align: center;
  padding: 1em;
}

/******** Style spécifiques ***********************/

  /** news.php **/

div.news { 

}

div.news td { 
    padding-left: 0.5em;
    padding-right: 0.5em;
}

h3.titre-news:before { 
  content: "... ";
}

h3.titre-news { 
  font-size: 120%;
  font-weight: bold;
  background-color: #005;
  color: #fffadd;

  padding-left: 1em;
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}

h3.titre-news:after { 
  content: " ...";
}

p.legende {
  text-align: center;
  font-size: 90%;
  font-style: italic;
}

.float-left {
float: left;
  margin-top: 0px;
}

.float-right {
float: right;
}


table.spip {
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}

p[align=center] { text-align: center; }