/*  ----------------------------------------------------------- */
/*  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: url(images/fond.gif) repeat-x;
	background-color:#533014;
	margin: 1.5em;
	font-size: 0.77em;
	color: #000000;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

img, table { margin: 0; padding: 0; border: none; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 760px;
	text-align: left;
	margin-top:10px;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff;}


#bandeau{
	border: #ff0000 solid 0px;
	float: left;
	width: 100%;
	font: Tahoma, Verdana, Arial;
	font-size:12px;
	color: white;}
	#entete {float:left;}
		#enteteoutils {}
			#enteteoutils .debutoutils {
				background: url(images/entete_debutoutils.gif);
				height: 47px;
				width:40px;
				float: left;
				background-color: #ffffff;}			
			#enteteoutils .outils {
				background: url(images/entete_outils.gif);
				background-color: #ffffff;
				padding-top:5px;
				height: 42px;
				float: left;
				width:315px;
				text-align: center;}
			#enteteoutils .outils a{
				color:#ffffff;}
			#enteteoutils .outils .outil_pipe{
				background: url(images/entete-separateur-outils.gif) right no-repeat;
				padding-left:5px;
				padding-right:10px;}
			#enteteoutils .outils .outil{
				padding-left:5px;
				padding-right:5px;}
			#enteteoutils .finoutils {
				background: url(images/entete_finoutils.gif);
				height: 47px;
				width:51px;
				float: left;
				background-color: #ffffff}		
		#entetelogo {float:left;}	
			#entetelogo .logo {
				background: url(images/entete_logo.gif);}
				#entetelogo .logo a{
				height:71px; 
				width:406px;
  				display:block;}
			#entetelogo .basentete{
				background: url(images/entete_basentete.jpg);
				height: 68px;
				width:406px;
				background-color:#ffffff}
	#visuel{
		background: url(images/entete_visuel.jpg);
		float: right;
		width:354px;
		height:186px;
		background-color: #ffffff}


#conteneur { 
	background: url(images/fondContenu.jpg) repeat-x;
	border: #00ff00 solid 0px;
	border-left: 2px #fff solid;
	border-right: 2px #fff solid;
	width: 756px;
	min-height: 300px;
	height: auto !important;
	height: 300px;  }
#menu{
	border: #ff0000 solid 0px;
	float: left;
	margin-left: 23px;
	width: 182px;}
#menu li{
width:182px;
}	
		#menu .rubrique-inactive{	
			background: url(images/puceoff.png) left no-repeat;
			padding-left :15px;
			line-height:1.5em;
			font-size:20px;
			color: #3e500d;}
		#menu .rubrique-inactive:hover{
			background: url(images/puceoff.png) left no-repeat;
			padding-left :15px;
			line-height:1.5em;
			font: Tahoma, Verdana, Arial;
			font-size:20px;
			color: #3e500d;	}
		#menu .rubrique-active	{
			background: url(images/puceon.png) top left no-repeat;
			padding-left :15px;
			line-height:1.5em;
			font: Tahoma, Verdana, Arial;
			font-size:20px;
			color: #3e500d;}
			
		#menu .menu_titre_article {
			padding-left: 23px;}
		#menu .menu_titre_article a{
			color:#000;}
			
			.sous {
				padding-left: 20px;
				font-size: 12px;
				padding-bottom: 0px;
				padding-left: 20px;}
				
		#menu .sousrubrique-inactive{	
			padding-left :23px;
			line-height:1.5em;
			color: #000;}
		#menu .sousrubrique-inactive:hover{
			padding-left :23px;
			line-height:1.5em;
			font: Tahoma, Verdana, Arial;
			color: #000;	}
		#menu .sousrubrique-active	{
			padding-left :23px;
			line-height:1.5em;
			font: Tahoma, Verdana, Arial;
			color: #000;}
		#menu .menu_titre_sousarticle {
			padding-left: 45px;}
		#menu .menu_titre_sousarticle a{
			color:#000;}
		
#texte{
	float: left;
	border: #0000ff solid 0px;
	width: 500px;
	padding-left: 20px;
	text-align : justify;}
	#texte .titre{
		font-size:18px;
		font-weight:bold;
		color:#8aae2a;}
	#texte .titre a{
		font-size:18px;
		font-weight:bold;
		color:#8aae2a;}	
	#texte a.spip_out{
		font-weight:bold;
		color:#8aae2a;}	
	#texte .titre p.descriptif{
		font-size:12px;
		font-style:italic;
		color:#ff0000;}	
	#texte a.plan_titre_rubriques{
		font-size:14px;
		font-weight:bold;
		color: #3e500d;}
	#texte p.suite a{
		color: #3e500d;}
	#texte a.plan_titre_articles{
		font: Tahoma, Verdana, Arial;
		font-size:12px;
		padding-left: 23px;
		color: #000000;}
	#texte #plan{
		padding-left: 50px;}
		
#pieddepage{    
	border: #0000ff solid 0px;
	background-color:#ffffff;	
	width: 100%;
	height:41px;
	font: Tahoma, Verdana, Arial;
	font-size:12px;}
#pieddepage, #pieddepage a {
	color: white;}
#pieddepage .haut{    
	background: url(images/haut_pieddepage.gif);
	height:17px;}
#pieddepage .bas{    
	background: url(images/bas_pieddepage.gif);
	height:24px;}
#pieddepage .pied-copyright{
	margin-top:4px;
	margin-left: 10px;
	float: left;}
#pieddepage .pied-credits{
	margin-top:4px;
	margin-right: 10px;
	float: right;}


/***** Inteface ****/
a { 
	text-decoration: none; }
a:hover { 
	text-decoration: underline; }


ol,ul,li {
	list-style: none;
	margin: 0;
	padding: 0;}


.invisible { position: absolute; top: -3000em; height: 1%; }