/* 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
   */

hr.spip {
  height: 2px;
  background: #0080f8;
  border:0px;
}

/* Tableaux */
table.spip {
	margin: auto;
  margin-left: 0px;
	margin-bottom: 1em;
	border: 1px solid;
	border-collapse: collapse; }
table.spip caption {
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin: auto;
	padding: 3px;
	font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #DDD; }
table.spip tr.row_even { background: #EEE; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }


body {
  background: #fef0cf;
  margin: 1.5em;
  text-align: center;
  font-size: 0.82em;
  color: #000000;
}

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

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */

#page {
  width: 728px;
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  background: #FFFFFF;
}

#conteneur { 
  width: 100%; 
}

#conteneur #contenu {
  float: right;
  width: 500px;
}

#conteneur #navigation {
  float: left;
  width: 190px;
  text-align: left;
}


/* Entete */
#entete {
  width: 100%;
  background-image: url("bandeau.jpg");
}

#entete #logo{ 
  float:left;
  height:179px;
}

#entete h1{ 
  font-family: "Comic Sans MS",Sans;
  font-size: 200%;
  text-align:center;
  color:#005fb8;
}

#entete .initial{ 
  font-weight: bold;
  color:#d30a0a;
}

#entete #moto{ 
  color:#005fb8;
  text-align:right;
  font-size:small;
  padding-right:1em;
  padding-top:5em;
}

#entete #bandeau{  
  text-align:center;
}


/* filet */

#filet{ 
  font-size: 80%;
  clear:both;
  text-align:center;
  color:  #005fb8;
  border-bottom:  1px dotted #005fb8
  background: #ffffff;
  background-image: none;

}

#filet a{ 
  text-decoration: none;
  font-weight: bold;
  color:  #005fb8;	
}

#filet a:hover{ 
  text-decoration: underline;
}



/* Pied de page */

#pied{ 
  width: 100%;
  clear:both;
  font-size:70%;
  text-align:center;
  color:#005fb8;
  margin-top: 1em;
  border-top: 1px dotted  #005fb8;
  padding-top: 1em;
       }

/* 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%; }

.article{ 
            text-align: justify;
            padding:1em;
            border-style: solid ;
            border-width: 0px;
            border-color: #f5e0c4 #111111 #111111 #f5e0c4
 }

.article h1{ 
  font-size: large;
  color:#005fb8;
  border-bottom:2px solid #0080f8;
  margin-bottom: 1em;
}


.breve h1{ 
  color:#005fb8;
  margin-bottom: 1em;
}

.breve{ 
  text-align: justify;
  padding:1em;
  margin-right: 1em;
  border-style: dotted ;
  border-width: 1px;
  border-color: #f5e0c4 #111111 #111111 #f5e0c4
 }



/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body {
/*  font-family: Verdana, "Bitstream Vera Sans", Tahoma, Arial, sans-serif; */
  font-family: "Trebuchet MS", Helvetica, sans-serif; 
}

/* Typo pour les citations et extraits introductifs */
q, blockquote{
  font-family: "Bitstream Vera Serif", Georgia, Times, serif; 
}


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */


#navigation{
  text-align: left;
 }

#navigation ul{ 
  list-style-type:none;
  margin:0 0 0 2em;
  padding:0;
  list-style-image: url("fleche-bleue.gif") ;
  list-style-position: outside ;
}

#navigation li{ 
  margin-left:10px;
  padding-bottom:3px;
  margin: 0;
}

#navigation a{ 
  text-decoration: none;
  font-weight: bold;
  color:  #005fb8;
}

#navigation a:hover{ 
  text-decoration: underline;
}

.menu_r h1{ 
  font-weight: bold;
  padding: 4px;
  color:#ffcc99;
  color: #fef0cf; 
  background:  #005fb8;
}

.menu_r{
  margin-top: 1em;
  margin-left: 1em;
  background:#ffcc99; 
  background: #fef0cf;
  color:  #005fb8;
  border: 1px  dotted #005fb8;
}	
.menu_a h1{ 
  font-weight: bold;
  padding: 4px;
  color:#ffcc99;
  color: #fef0cf; 
  background:  #005fb8;
}

#menu_a a{
 display: block;
 text-align:right;
font-size:90%;
margin-right:5px;
color:  #005f80;
}

.on{
font-style: italic;
}

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