/*--------------------------------------- */
/* Feuille de style CNPSAA, par N. Graner */
/*--------------------------------------- */

/* Annulation de certaines règles de habillage.css */

body { color: #333; text-align: left; }
h2 { font-family: inherit ; font-size: 110% ; font-weight: bold; }
#hierarchie { clear: none ; }
.chapo { color: inherit; }
.invisible { position:absolute; left:-3000em; top:auto; height:1px; width:1px; overflow:hidden; }

a, a:link, a:hover, a:visited, a:active, a:focus,
h2 a, h2 a:link, h2 a:hover, h2 a:visited, h2 a:active, h2 a:focus
{ color: black ; text-decoration: underline ; }


/* Ensemble de la page */

#page {
  background: #faaf31;
  position: relative;
  text-align: left;
}

/* En-tête */

#en_tete {
  width: 100% ;
  padding: 0em ;
  background-color: #f8e397 ;
  color: #212f75 ;
  font-family: Verdana, sans-serif ;
  font-weight: normal ;
  border: medium solid #990066 ;
}
#en_tete #evitement {
  float: left ;
  width: 20em ;
  text-align: left ;
  padding-left: 1ex ;
  font-size: 14pt ;
  font-style: italic ;
}
#en_tete #form_recherche {
  float: right ;
  width: 30em ;
  text-align: right ;
  margin: 0 ;
  padding: 0 1ex 0 0 ;
  font-size: 14pt ;
  font-style: italic ;
}
#en_tete #form_recherche input.text {
  width: 10em ;
}
#en_tete #retour_accueil {
  float: right ;
  width: 174px ;
  overflow: visible ;
}
#en_tete p {
  margin: 0 0 0 1em ;
  padding: 0 ;
  font-size: 20pt ;
  font-weight: bold ;
  line-height: 26pt ;
}
#en_tete .gros {
  font-size: 24pt ;
}

/* Pied de page */

#pied {
  font-family: Verdana, sans-serif;
  font-size: 14pt;
  font-style: italic;
  color: #212f75;
  background-color: #f9e8cc;
  clear: both;
}

/* Page d'accueil */

#page_sommaire {
  background-color: #f9e8cc ;
  margin: 0 ;
  padding: 0 ;
}
#page_sommaire #sommaire_contenu {
  clear: both ;
  background-color: #faaf31 ;
  position: relative ; /* établit le contexte pour les éléments absolus ultérieurs */
}
#page_sommaire #breves {
  float: right ;
  width: 52% ;
  margin: 0 0 2em 0 ; /* laisse la place des boutons de contact */
  background-color: #faaf31 ;
  color: black;
  font-family: Verdana, sans-serif ;
  font-size: 16pt ;
  font-weight: normal ;
}
#page_sommaire #breves > * {
  /* quasiment pareil que de mettre ce padding sur #breves, sauf que
comme ça, ça n'interfère pas avec le calcul de la largeur de #breves */
  padding: 1em 1em 0 1em ;
}
#page_sommaire #description {
  margin: 0 52% 0 0 ;
  padding: 1em ;
  background-color: #212f75 ;
  color: white ;
  font-family: Verdana, sans-serif ;
  font-size: 16pt ;
  font-weight: normal ;
}
#page_sommaire #liens_contact {
  position: absolute ;
  bottom: 0 ;
  right: 0 ;
}
#page_sommaire #liens_contact a {
  float: right ;
  background: #990066 ;
  color: #faaf31 ;
  font-family: Verdana, sans-serif ;
  font-size: 12pt ;
  font-weight: bold ;
  text-align: center ;
  padding: 0.2em ;
  margin: 0 3px 3px 0 ;
  height: 2.5em ;
}

#page_sommaire #illustration {
  width: 100%;
  clear: both;
  margin: 0;
  padding: 0;
}

/* Barre de navigation de la page d'accueil */

#barre_navigation {
  clear: both ;
  margin: 0 ;
  padding: 0 ;
  background: #f9e8cc ;
}
#barre_navigation li {
  float: left ;
  list-style-type: none ;
  width: 16% ; /* ajuster selon le nombre de "secteurs" (rubriques à la racine) */
  height: 2.5em ;
  font-family: Verdana, sans-serif ;
  font-size: 16pt ;
  font-weight: normal ;
  text-align: center ;
  color: #212f75 ;
  background: #f9e8cc ;
  padding: 0 ;
  border-left: 1px solid #faaf31 ;
}
#barre_navigation li:first-child {
  border: none ;
}
#barre_navigation a {
  text-decoration: none ;
}

/* Menu de navigation des pages normales */

#menu {
  width: 33% ; /* adapter la marge du contenu */
  font-family: Verdana, sans-serif;
  float: left ;
}
#menu ul {
  margin: 0 ;
  padding: 0 ;
  border: 0 ;
}
#menu li {
  list-style-type: none ;
  margin: 0 ;
  padding: 0 ;
}
#menu .secteur {
  background: #faaf31;
  color: black;
  font-weight: bold;
  font-size: 18pt;
}
#menu .secteur > li {
  padding-left: 1ex;
}
#menu .secteur_on {
  background: #727eb8;
  color: white;
}
#menu .rubrique, #menu .article {
  background: #212f75;
  color: white;
  font-weight: normal;
  font-size: 12pt;
}
#menu .rubrique .rubrique, #menu .article {
  padding-left: 3ex ;
}
#menu .rubrique_on, #menu .article_on {
  font-weight: bold;
}
#menu a, #menu a:link, #menu a:hover, #menu a:visited, #menu a:active, #menu a:focus { /* pour IE il faut mettre tous ces sélecteurs */
  color: inherit;
  text-decoration: none ;
}

/* Contenu */

#contenu {
  margin-left: 34% ; /* adapter à la largeur du menu */
  padding: 1em ;
  color: black ;
  background: #f9e8cc ;
  font-family: Verdana, sans-serif ;
  font-size: 14pt ;
  font-weight: normal ;
}

.menu_articles li, .menu_rubriques li {
  padding: 0.5em 0 0.5em 0 ;
}

/* fil d'Ariane */

#hierarchie, #hierarchie a {
  font-family: Verdana, sans-serif ;
  font-size: 14pt ;
  font-style: italic ;
  font-weight: bold ;
  color: #212f75 ;
}

/* Plan du site */

.plan_rubrique > a {
  font-weight: bold ;
  display: block ;
  padding-top: 0.5em ;
  padding-bottom: 0.5em ;
}