/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base             100%
 * -------------------------------------
 * 20px             1.27em
 * 19px             1.21em
 * 18px             1.15em
 * 17px             1.09em
 * 16px             1.03em
 * 15px             0.96em
 * 14px             0.88em
 * 13px             0.82em
 * 12px             0.77em
 * 11px             0.71em
 * 10px             0.65em
 *  9px             0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */
* {
    padding : 0px;
    margin : 0px;
}
body {
    background-color: #FFFFCC;
    background-image: url(img_tt/frise_v.gif);
    background-repeat: repeat-y;
    background-position: left top;
    margin: 0px;
    padding: 0px;
    margin-top : 10px;
}

img, table { border: none; }
h2, h3, h4, h5, h6 { font-size: 1em; font-weight: normal; }
p {
  margin : 5px 0px;
}
.pagination{
text-align : center;}
/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */
                        
body {
  font-family: Arial, Helvetica, sans-serif; }
  
#contenu h1, #menu_principal li, .menu-titre, .plan h2, .plan h3, .resultat h3 {
  font-family:Georgia,"Times New Roman",Times,serif;
  font-variant:small-caps;
}
.date{
  font-size : 0.8em;
  font-style : italic;
  margin-top : 0px;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */


#conteneur { 
    margin-left : 35px;
}
#navigation {
    float : left;
    width : 190px;
}
#contenu {
  margin-left : 200px;
  padding : 25px;
  background : #fff;
  border : #009900 solid 2px;
  border-right : #fff;
  border-bottom : #fff;
}

/*********************************************** contenu *************************************************************/
#contenu h1, #barre_pied {
  background : url(img_tt/frise_t.gif) repeat-x center;
  text-align : center;
  font-size : 1.5em;
}
#contenu h1 span, #barre_pied span {
  background : #fff;
  color : #006600;
  padding : 0px 15px;
}
#traduction {
  text-align:right;
  font-size : 0.8em;
  margin-top:0px;
  margin-bottom : 1.5em;
}

/*********************************************** marge de gauche *************************************************************/

.menu-titre a {
  border : solid 1px #006600;
  font-weight: bold;
  background : #a0d1d1;
  display : block;
  margin-left : 10px; 
  padding-left : 15px;
  padding-top: 2px;
  height : 40px;
  overflow : visible;
}
#navigation a, #lien_haut a {
  color: #006600;
}
#navigation a.on {
  color: #004500;
}
#navigation a:hover, #lien_haut a:hover {  
  color: #009900;  
  text-decoration : none;
}
.menu-titre span {
  background : url(img_tt/titre.gif) no-repeat;  
  position : absolute; left : 35px;
  width : 20px;
  height : 25px;
}

#navigation h3,  ul.menu_niveau1 li {
  color: #004500;
  font-weight : bold;  
  background : url(img_tt/puce1.gif) no-repeat; 
  padding-left : 18px;
  margin-top : 10px;
}
#navigation p{
  font-size : 0.9em;
  margin-left : 18px;
}

ul.menu_niveau2 li{
  font-weight : normal;
  background : none; 
  padding : 0px;
  margin:2px 0px;
  font-size : 0.9em;
}
ul.menu_niveau1{
  list-style:none;
  margin-left:0px;
}
ul{
    list-style-image:url(img_tt/puce2.gif); 
    margin-left:15px;
}

.tout {
  text-align : right; 
}
#navigation .tout a { color: #F88B07; }
#navigation .tout a:hover { text-decoration: underline; }
/*********************************************** Entete *************************************************************/
#entete {
    background-color: #99CCCC;
    background-image: url(img_tt/frise_h.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    position :relative;
    top : -20px;
    left : 0px;
    width : 100%;
    padding-top : 15px;
}
/* Elements de l'entete : images et titre */
#baobab {
    position : absolute;
    bottom : 0px; _ bottom : -1px; 
    left : 0px;
    border : 0px;
}

#entete h1 {
    position: absolute;
    top : 20px;
    margin:0px 160px;
}


/* Elements de l'entête : liens en haut et moteur de recherche */

#lien_haut p, #entete .formulaire_recherche {
    text-align : right;
    margin : 5px 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 0.88em;
    font-weight: bold;
    color: #003300;
}
/* Formulaire de recherche */
.formulaire_recherche #recherche {
    font-size : 0.80em;
    font-weight : normal;
    width : 15em;
}

/* Element d'entete : menu prinicpal */
#menu_principal {
  margin : 0px;
  list-style : none;
  margin-left : 140px; _border : 1px solid #99CCCC; margin-bottom : 7px;
}
#menu_principal li {
  float : left;
  margin : 0px; margin-left:15px; margin-bottom : 7px;
  width : 9.3em;
  height : 40px; position : relative;
}

#menu_principal li a {
  border : solid 1px #006600;
  font-weight: bold;
  color: #006600;
  background : #ffaa00 url(img_tt/menu.gif) no-repeat;
  display : block;
  margin-left : 10px; 
  padding-top: 2px;
  height : 40px;
  overflow : visible;
  text-align : center;
  font-size : 0.95em;
}
#menu_principal li span {
  background : url(img_tt/titre.gif) no-repeat;  
  position : absolute; left : 0px;
  width : 20px;
  height : 25px;
}

#menu_principal li.on span {
  background : url(img_tt/titre_s.gif) no-repeat;
}

#menu_principal a:hover, #menu_principal a:focus {
  background : #ffcc00 url(img_tt/menu_s.gif) no-repeat;
  color: #009900;
  text-decoration:none;
}

#entete hr {
  clear : both;
  margin : 0px;
  visibility : hidden;
  margin-bottom : 8px;
   _display : none;
}

/* Fil d'Ariane */
#hierarchie {
    display : none; }
                        
/*********************************************** pied de page *************************************************************/
#illustration {
  margin-top : 20px;
}

#pied {
  clear: both;
  text-align: center;
  padding-top : 20px;
  font-size : 0.8em;
}  

#pied a {
  color: #F88B07;
}

                        
/*********************************************** plan du site *************************************************************/
.plan {
  width : 50%;
  float : left;
}
.plan h2 {
  font-size : 1.5em;
  margin-bottom : 1em;
  font-weight : bold;
  color : #006600;
}

.plan h3, .resultat h3 {
  font-size : 1.15em;
  margin-top : 1em;
  margin-bottom : 0.5em;
  font-weight : bold;
  color : #006600;
}
.plan ul {
  margin-left : 50px;
}
.plan ul a{
  color : #006600;
}
.plan a:hover{
  color: #F88B07; 
}                        
/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { text-decoration: none;  color: #F88B07; }
a:hover { text-decoration: underline; }