/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes e.t.e 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-color:#FD9418;
	margin: 0;
	margin-top:0;
	font-size: 1em;
	color: #333;
	font-family: "Trebuchet MS", Helvetica, sans-serif; 
}

  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;  }

/*  ------------------------------------------
/*  Arrière plan
/*  ------------------------------------------ */

/* container des effets */ 
#page {
  position:relative;
  height:99%;
	width:940px;
	margin : 10px auto 10px auto;
	background-color:#FFBB6B;
	border:1px solid #8B5000;
	 
}



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

/* Bandeau Logo site + déco */
#bandeau_entete {
	text-align: center;
  	cursor:pointer;
  	height: 122px;
   	background-image: url(ombre1.png);
  	background-repeat: repeat-x; 
  	background-position:bottom left;
}

/*  Bandeau du haut : logo du site */
#nom_site_spip {
  width: 940px;
  height: 108px;
  cursor:pointer;
  border-bottom: #8B5000 solid 1px;   
}


#bandeau_entete h1 {
  display:none;
  background-color: rgb(255,0,204); 
} 


/* menu vertical */
.menu_gauche {
	width:185px;
	float:left;
	padding:10px  0 23px 0; 	
	margin:15px 0 0 5px  ;
	/*border : #8B5000 solid 1px;*/
	background-color:#FFDFB0;   
	background-image: url(ombre1.png);
	background-repeat: repeat-x; 
	background-position:bottom left;	
}



/* menu niveau 1 */

ul.nav1 {
   padding: 4px;
   margin:0;
   list-style: none;
}


.nav1 li{
  font-size: 0.9em;
  color:#633d12;
  padding: 1em 0;
  margin : 0;
} 

.nav1 li a{
  text-decoration: none;
  color:#633d12;
}

.nav1 li.n1_on, .nav1 li.n1_off{
  padding: 0 0 0 20px;
  margin : 0.77em 0;
} 


.nav1 li.n1_on{
  background-repeat: no-repeat; 
  background-position:left top;
  background-image: url(puce-menu.gif);
  font-weight: bold;
} 

.nav1 li.n1_off div:hover, .nav1 li.n1_off a:hover, .nav2 li.n2_off:hover, .nav2 li.n2_off a:hover{
  /*background-color: #eb900c;*/
  text-decoration: underline; 
}

/* menu niveau 2 */
  
ul.nav2 {
   padding: 0;
   margin:0 0 0 9px;
   list-style: none;
}

.nav2 li{
  margin: 0;
  padding:0.4em 0;
  font-size: 0.85em;
  font-weight: normal;
} 

.nav2 li a{
  text-decoration: none;
  margin:5px 0;
  padding:1px;
}

.nav2 li.n2_on{
  font-weight: bold;
} 


/* div du contenu texte */
#contenu {
	 /*border : #8B5000 solid 1px;*/
	background-color:#FFDFB0;
	margin: 15px 15px 15px 199px;
	padding:10px  30px 23px 30px; 	
	text-align: justify;
	font-size: 0.9em; 	
	height: auto;
	min-height:358px;
	background-color:#FFDFB0;   
	background-image: url(ombre1.png);
	background-repeat: repeat-x; 
	background-position:bottom left;	
	 
	 
	 _height: 358px; /* underscore hack uniquement interprété par IE Win */
}

/*  Mise en forme des titres de contenu */
 h3.spip  {
  padding:0.2em 0 0.2em 25px;
  font-size: 1.2em;
  
  clear: none; 	
	background-image:url("fleche.gif");
	background-repeat: no-repeat; 
	background-position:left center;	
 }

h3.soustitre{
	font-size: 1.2em; 	
	text-align: center;
}

h2 {
    text-align:center;
    padding:0.1em;
  }

/*  Mise en forme des textes du contenu */
 h2.titre {
	font-size: 1.5em;
	font-weight: bold;
	color: #7F4F18;
  margin-bottom: 1.5em; 
  }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { 
  color: #000; 
  font-size: 0.96em; 
  text-align:justify;
  }

/* Pied de page */
#pied {
  border-top: solid 1px #8B5000;
  clear: both;
	padding: 2px 0;
	margin:0;
	text-align: center;
	background-color: #FFA336;
}

#pied small { font-size: 0.77em; padding: 0;margin:0;}
#pied img { vertical-align: bottom; }


/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }


