/*  ----------------------------------------------------------- */
/*  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
/*  ------------------------------------------ */
body {
    background: #FFF;
    margin: 1.5em;
    text-align: center;
    font-size: 1em;
    color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

label {
font-size:0.70em;
}

fieldset {
font-size:10px;
background:white;
border: 1px solid #C8D5E1;
}
legend {
   padding-left: 2px;
   padding-right: 2px;
   border: 1px solid #C8D5E1;
   font-family: Verdana;
   background:#F5E9FF;
}
h3.spip {
     color:#252525;
     font-size:20px;
     border-bottom:2px solid #252525;
     font-family: verdana, Symbol, serif;
}
hr {
     border:1px solid #252525;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
    width: 48em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#page #hierarchie{
    border-top:2px solid white;
    background-color:#F5E9FF;
    border-bottom:1px solid #C57D00;
}
#page #gauche{
display: block;
float: left;
width:15em;
}
#page #droite{
display: block;
float: right;
width:28em;
}

#haut {
    width: 48em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#haut #recherche {
display: block;
float: right;
width:22em;

}

#haut #recherche #formulaire {
margin-left:1em;
padding:0.2em;
background-color:#F5E9FF;
border:1px solid #C8D5E1;
}
#haut #logo {
display: block;
float: left;
width:22em;
height:6em;
/*border:1px solid black;*/
}

#haut #logo #descriptif {
z-index:2;
font-size:0.80em;
position:relative;
top:-9em;
left:3em;
}

#haut #logo #logo1 {
z-index:1;
width:140px;
position:relative;
}
#haut #logo #logo2 {
z-index:1;
width:140px;
position:relative;
top:-3em;
left:3em;
/*border:1px solid black;*/
}
#haut #logo #logo3 {
z-index:2;
position:relative;
width:60px;
top:-5.5em;
}
#haut #logo #logo4 {
z-index:2;
position:relative;
top:-8em;
left:3.5em;
width:60px;
}
#haut #logo #logo5 {
z-index:1;
width:20px;
position:relative;
top:-9.15em;
left:2.2em;
/*border:1px solid black;*/
}

#droite #titre {
background-color:#F5E9FF;
/*background-image:url("images/fondtitre.png");
background-repeat:no-repeat;
background-position:top left;*/
font-size:0.8em;
margin-bottom:0.1em;
padding-left:0.3em;
margin-right:1em;
padding-top:0.1em;
padding-bottom:0.1em;
border-bottom:1px dotted #C57D00;
color:#414141;

}
#droite #texte{
font-size:0.70em;
margin-bottom:1.5em;
}
ul.liste, .liste li, .liste li a {
padding:3px;
margin:0px;
}

.liste {
font-size:0.70em;
list-style-type:none;
text-align:left;
}
.liste li a {
border:1px solid #C8D5E1 ;
background-color:#F5E9FF ;
display:block;
padding-left:0.5em ;
color:#000000 ;
}
.liste li a:hover {
background-color:white ;
color:#984B06 ;
}

a { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; }
a.recherche { text-decoration: none; color: #470886; }
a.recherche:hover { text-decoration: underline; }