/*  ----------------------------------------------------------- */
/*  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
/*  ------------------------------------------ */
html{
	background: url(images/pattern.jpg) repeat top left;  
}
body {
	margin: 0;
	font-size: 12px;
	color: #fff;
	font-family: Tahoma, Verdana, Arial;
	text-align:justify;
	background: url(images/pattern_body.jpg) repeat-x top left;  
}

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

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

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

a { 
	color:#f5e199;
	text-decoration: none; 
}
a:hover { 
	color:#f5e199;
	text-decoration: underline; 
}

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

/******************************************/
/************  outils  ********************/
/******************************************/

#menu_haut {
	width: 954px;
	height:30px;
	line-height:30px;
	margin-left: auto;
	margin-right: auto;
}

#menu_haut #menulangues{
	color:#fff;
	font-size:12px;
	float: left;}
		#languenonencours a{
			color:#fff;
			padding:0px 12px 0px 12px;
			text-decoration: none;}
		#languencours{
			padding:0px 12px 0px 12px;
			color:#bfb9a5;
			text-decoration: none;}	
		.pipe{	
			border-right:1px solid #fff;
		}
						
#menu_haut #outils{
	color:#fff;
	float:right;
	font-size:12px;
}
	#menu_haut #outils ul, #outils li{
		margin:0px;
		padding:0px;
	}
	#menu_haut #outils li{
		list-style:none;
		display:inline;
	}
	#menu_haut #outils ul li a{
		color:#fff;
		padding:0px 12px 0px 12px;
		border-right:1px solid #fff;
	}
		#menu_haut #outils li.recherche{
			padding-left:12px;
		}
		#menu_haut #outils form	{
			display:inline;

		}
			#menu_haut #outils form input{
				width:90px;
				border:0px;
				padding-left:2px;
				background:#6272BF;
				font-family:Verdana, Arial, Tahoma;
				font-size: 0.77em;
				color:#f2f2f2;
			}
			#menu_haut #outils form .submitBt{
				border:0px;
				background:#898679;
				font-size:10px;
				color:#f5e199;
				width:20px;
				height:20px;
				text-decoration:underline;
			}
			


/******************************************/
/*************  Page  *********************/
/******************************************/

#page {
	width: 934px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background-color:#383630;
	border: 10px solid #e3decd;
}


/**************************************************/
/************  Zone principale  *******************/
/**************************************************/
#page #zoneprincipale{
	background: url('images/fond_contenu.gif') repeat-y;
	width:934px;
	min-height: 300px;
	height: auto !important;
	height: 300px;
}


/************  bandeau ********************/

#page #zoneprincipale #bandeau{
	  background: url(images/bandeau.jpg) no-repeat top left;
		width:934px;  
		height: 150px;
	}
	#page #zoneprincipale #bandeau #logo{	
		background: url(images/logo.jpg) no-repeat top left;
		width:436px;  
		height: 142px;
	}
	#page #zoneprincipale #bandeau #logo a{	
		width:436px;  
		height: 142px;
		display:block;
	}

/************  Fil d'ariane ********************/
#page #zoneprincipale #hierarchie{
	  background-color:#000000;
	  width:914px;
	  height:20px;
	  line-height:20px;
	  color:#f5e199;
	  padding-left:20px;
	  font-size:11px;
	}
	#page #zoneprincipale #hierarchie a{
		  color:#f5e199;
	}

/************  Menu ********************/
#menu{
		width:180px;
		float:left;
		min-height: 335px;
		height: auto !important;
		height: 335px;
		padding: 20px 0 0 20px;
	}
		#menu ul {
			margin-bottom: 20px;
		}
		#menu li {
			margin-bottom: 5px;
		}
		#menu li a {
			color: white;
		}
		#menu li.art {
			margin-left: 10px;
		}
		#menu li.sous_rub {
			margin-bottom: 0px;
			margin-top: 0px;
			margin-left:10px;
		}
		#menu li.sous_art {
			margin-left:40px;
		}
		#coordonnees{
			font-family:Tahoma, Verdana, Arial;
		}
		
		

/************  Contenu (accueil) ********************/
#contenu{
	width:694px;
	float:left;
	padding: 20px 0px 0 20px;
	text-align:justify;
	margin-bottom:20px;
}
	#contenu #texte_acc{
		width:490px;	
		float:left;
		padding-right:10px;
		padding-top:4px;
		!margin-bottom:10px;
	}
	#contenu #galerie{
		float:left;
		width:190px;
		text-align:left;
		padding-bottom:20px;
	}		
		#contenu #galerie a.bouton{
			float:right;
		}			
		#contenu #galerie .vignettes a,
		#contenu #texte .liste-articles .vignettes a{		
			border: 3px solid #e3decd;
			float: left;
			margin-bottom: 10px;
			width:75px;
			height:75px;
			display: block;}
	
		#contenu #galerie .suite,
		#contenu #texte .liste-articles .suite {
			text-align: right;
			margin-top: 10px;
		}
	#contenu #encart{
		background-color:#2f2d28;
		width:654px;
		min-height: 185px;
		height: auto !important;
		height: 185px;
		padding: 0 20px 5px 20px;
	}
		#contenu #encart .logo_art{
			float:left;
			width:188px;
			height:151px;
			border: 5px solid #e3decd;
			margin:  10px 0 10px 0;
		}
		#contenu #encart .texte_encart{
			float:left;
			width:434px;
			padding-left:20px;
			margin:  10px 0 10px 0;
		}
		#contenu #encart .texte_encart .soustitre{
			margin-bottom:10px;
			color:#FFFFFF;
			font-family:Tahoma, Verdana, Arial;
			font-size:13px;
		}

	#contenu #texte{
		width:100%;	
		float:left;
		padding-right:10px;
		!margin-bottom:10px;
	}
		#contenu #texte .titre{
			margin-bottom:10px;
		}
		#contenu #texte h2.titre{
			margin-bottom:10px;
			font-family:"Century Gothic", Tahoma, Verdana, Arial;
			color:#FFFFFF;
			font-weight:bold;
			font-size:16px;
		}
		#contenu #texte .liste-articles h3.descriptif a{
			color:#f5e199;
			font-weight:bold;
		}
		#contenu #texte .liste-articles p.suite a{
			color:#f5e199;
			float:right;
		}
		#contenu #texte .liste-sous-articles{
			padding-left:20px;
		}
		#contenu #texte .liste-sous-articles h3.soustitre{
			padding:20px 0 10px 0;
			font-size:14px;
			font-style:italic;
		}
		#contenu #texte .liste-sous-articles h3.soustitre a{
			color:#f5e199;
			font-weight:bold;
		}
		#contenu #texte .liste-sous-articles p.suite a{
			color:#f5e199;
			float:right;
		}
		
		/* recherche */
		#recherche ul li{
			list-style:url(puce.gif);
			line-height:20px;
			margin-left:40px;
			
		}
			#recherche ul li a{
				color:#fff;
				text-decoration:none;
			}
/************  plan ********************/
#plan_du_site{
		width:180px;
		float:left;
		min-height: 335px;
		height: auto !important;
		height: 335px;
		padding: 20px 0 0 20px;
	}
		#plan_du_site li {
			margin-bottom: 5px;
		}
		#plan_du_site a.rub{
			font-family:Tahoma, Verdana, Arial;
			font-size:16px;
			color:#FFFFFF;
			font-weight:bold;
			margin-bottom: 20px;
		}
		#plan_du_site li a {
			color:#f5e199;
		}
		#plan_du_site li.art {
			margin-left: 10px;
		}
		#plan_du_site li.sous_rub {
			margin-bottom: 0px;
			margin-top: 0px;
			margin-left:10px;
		}
		#plan_du_site li.sous_art {
			margin-left:40px;
		}
/**************************************************/
/************  Pied de Page     *******************/
/**************************************************/

#pieddepage {
	width: 954px;
	margin-left: auto;
	margin-right: auto;
	font-size:11px;
	color: #2e2c25;
	margin-top:15px;
}
		#pieddepage .copyright {
			float: left;
			width: 70%;
		}
		#pieddepage .credits {
			float: right;
			text-align:right;
			width: 30%;
		}
		#pieddepage .credits a{
			color: #f5e199;
			font-weight:bold;
		}

/***********************************************/
/************  Interface     *******************/
/***********************************************/

.bouton {
	border:0; 
	cursor:pointer; 
	background: transparent url('images/fin_bouton.gif') no-repeat right;
	display: block;
	float: left;
	padding: 0 30px 0 0;
	min-width:50px;
	width: auto !important;
	width: 50px;
}
	.bouton span {
		color:#fff;
		font-weight:bold;
		line-height: 17px;
		background: transparent url('images/debut_bouton.gif') no-repeat;		
		display: block;
		white-space:nowrap; 
		padding: 0 0 0 15px;
	}
	.bouton span {
		height: 17px; line-height:17px; /* IE6 fix */
	}
	a.bouton ,a.bouton:hover{
		text-decoration:none;
	}

/***********************************************/
/************  Balise spip   *******************/
/***********************************************/

/* documents */
.spip_documents img{
	border:3px solid #ffffff;
	margin:0px 0 0px 0;
}
.spip_documents_left{
	margin-right:25px;
}
.spip_documents_right{
	margin-left:25px;
}
.spip_documents_center{
	text-align:center;
	display:block;
	margin-left:auto;
	margin-right:auto;
	clear:both;
}


/* texte */
.caractencadre-spip, a.spip_ancre, a.spip_out, a.spip_in {
	color:#f5e199;
	font-weight:bold;	
}
.caractencadre-spip{
	font-style:italic;
}

h3.spip{
	color:#f5e199;
	font-size:14px;
	padding:10px 0 10px 0;
	margin:0;
	text-align:left;
}

p.spip{
	margin-bottom:10px;
	}
#texte ul.spip{
	margin-left:40px;
}
#texte ul.spip li.spip{
	list-style:square;
}
#texte ul.spip li.spip ul.spip li.spip{
	list-style:disc;
}

/* Tableaux */
table.spip {
	width:694px;
	margin-bottom: 1em;
	border: 0px 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: none; }
table.spip tr.row_odd { background: #4B4941; }
table.spip tr.row_even { background: none; }
table.spip th, table.spip td { padding: 3px; text-align: left; vertical-align: middle; }