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

/* =Sélecteurs
----------------------------------------------- */
*		{ margin:0; padding:0; }
html	{ font-size:100%; }
body	{ background-color:#fff; color:#000; font-size:0.80em; font-family:"Trebuchet MS",arial,sans-serif; text-align:center; padding:10px; }
a 		{ color:#999900;text-decoration:underline; }
a:hover { color:#999900;text-decoration:underline; }
input	{ font-size:1em; }
img 	{ border:none; font-size:1px; }
fieldset { border:none; }
form	{ display:inline; }
ul		{ list-style:none; }
li      {background:url(../pictos/puce.gif) 0px 5px no-repeat;padding-left:15px;}
li li    {background:url(../pictos/puce_blanche.gif) 0px 5px no-repeat;padding-left:15px;}
p 		{ margin-bottom:10px; }
p a 	{color:#999900; text-decoration:none;}
p a:hover { text-decoration:underline; }
table	{padding:10px;border:1px solid #efefef;}
table td    {padding:2px;}

/* =Titres
----------------------------------------------- */
h1 {  font-size:2em; color:#999900; margin:10px 0 0 0px; }  /* displayed at 24px */
h2 {  font-size:1.6em; color:#999900; font-weight:normal; margin:10px 0px 0px 0px;}  /* displayed at 18px */
h3 {  font-size:1.25em; color:#b3acbd; margin:10px 0px 0px 0px; }  /* displayed at 15px */
h4 { font-size:1em; color:#333333; font-weight: bold;}  /* displayed at 12px */
h1, h2, h3, h4, h5, h6 { margin-bottom: 0.5em; }

/* =Structures
----------------------------------------------- */
#page 		{ min-height:100%; width:975px; text-align:left; margin:auto; background:#999900;padding:20px;}
#zone_site  {background:#fff;padding:15px;}
#hp_gauche {float:left;width:650px;}
#hp_droite  {float:right;width:225px;}
#hp_droite .spip_logos { float:none;}
.separateur {float:right;width:15px;height:370px;background:url(../images/separateur_verti.gif) top left no-repeat;margin-top:15px;}

/* =Entête
----------------------------------------------- */
#entete 		{ margin-bottom:10px; }
#titre_entete {float:left;width:300px;}
#texte_entete   {float:right;width:600px;font-family:arial,sans-serif;color:#fff;text-align:justify;}

/* =Rail
----------------------------------------------- */
#rail { margin:0px 0px 20px 0px; font-size: 0.9em;width:550px;}

/* =Menu
----------------------------------------------- */
#nav_menu           {float:left;width:675px;background:url(../images/separateur_menu.gif) bottom left no-repeat;margin-bottom:25px;height:50px;}
#recherche_site     {float:right;width:250px;background:#999900;padding-left:10px;margin-top:-20px;margin-right:-20px;height:60px;}
#moteur_recherche   {padding-top:15px;}
#recherche    {float:left;font-size:1.3em;}
#input_loupe {background:#fff;width:22;height:22px;margin-left:5px}
.formulaire_recherche   {margin-top:15px;}

/* = Les zones de la page d'accueil
 ------------------------------------------------*/
#hp_gauche #hp_liens li {float:left;background:none;}
#hp_gauche li {background:url(../pictos/puce.gif) 0px 7px no-repeat; padding-left:20px;margin-bottom:10px;padding-bottom:3px;}
.titre_breve {color:#999900;font-weight:bold;}

/* ----- les zones articles-----*/
#zone_article, #zone_dossier 	{float:left;width:66%;}
#zone_portfolio 				{float:left;width:50%;}
#zone_diaporama 				{float:left;width:50%;}
#zone_article_droite 			{float:right;width:24%;padding:5px;margin-top:-50px;}
#zone_portfolio_droite 			{float:right;width:47%;padding:5px;margin-top:10px;}
#zone_diaporama_droite 			{float:right;width:47%;border:1px solid #999900;padding:5px;margin-top:10px;}
#documents_portfolio            {margin:15px 5px;}
#contenu_texte {margin-left:10px;}
#zone_portfolio_droite #image_portfolio {border:1px solid #999900;}
/* = Les pages de rubrique
 ------------------------------------------------*/
.texte_rubrique {margin:10px;color:#abacbc;}
.liste_articles  {margin-left:0px;float:left;width:100%;}
.liste_articles ul {margin-left:10px;}

/* = Les pages d'articles
 ------------------------------------------------*/
.pieces_jointes {background:#efefef;padding:5px;}
.texte_soustitre {margin-bottom:10px;color:#ABACBC;font-weight:bold;font-size:1.2em}
.zone_texte {text-align:justify;}
.zone_texte_droite {text-align:justify;font-size:0.9em;}
.texte_article table td {font-size:0.9em;text-align:left;}
.resume {color:#999900;margin-bottom:10px}
.zone_article_logo {text-align:center;padding:5px;margin-bottom:15px;}
.zone_mot_logo {float:left;padding:5px;margin-bottom:15px;}
#zone_article_droite .spip_logos {float:none;}
#zone_article_droite ul  {margin-left:10px;}
#zone_article_droite li a  {text-decoration:none;}
#zone_article_droite li a:hover  {text-decoration:underline;}
#boutons_zoom {float:right;width:100px;height:25px;}
/*#boutons_zoom img {border:1px solid #fff;background:#999900;}*/

/* = La page résultat de recherche
 ------------------------------------------------*/
.page_recherche .trois_colonnes {float:left;width:30%;padding-left:10px;}

/* =----- les onglets pour articles long (squelette : article_long.html)-----*/
.axs div h3	{position:absolute;	left:-9999px;}
.axs div.tab{position:absolute;	left:-9999px;top:-1000px	}
.axs div.vu	{position:relative;	width:90%; padding:1em;	left:auto}


/* =Classes Génériques
----------------------------------------------- */
.accessibilite 		{ text-indent: -9000px; font-size:1px;position:absolute; }
.cadre				{ border:1px #ccc solid; padding:5px 5px 5px 10px; }
.centrer 			{ text-align:center; }
.date 				{ font-size:0.8em;color:#999999; }
.droite 			{ text-align:right; }
.epicea             {color:#999900;}
.floatLeft          {float:left;}
.floatRight         {float:right;}
.gras 				{font-weight:bold;}
.italique 			{ font-style:italic; }
.justifie			{ text-align:justify; }
.nettoie 			{ clear:both; height:auto; }
.nettoie_gauche 	{clear: left;height:1px}
.nonsouligne 		{ text-decoration:none; }
.titre_image        {background:url(../pictos/arbre.gif) left no-repeat;padding-left:40px;margin-bottom:10px;}
.retraitGauche20    { padding-left:20px;}

/* =zone afficher / cacher
----------------------------------------------- */

/* = nuages de tag (thèmes)
----------------------------------------------- */
#zone_nuages {border:1px solid #ccc;margin-top:10px;}
#zone_nuages h2 {margin:0px;background:#efefef;padding-left:5px;}
#zone_nuages #les_mots {padding-left:5px;}

/* =Pied de page
----------------------------------------------- */
#footer 		  { font-size:0.9em;background:url(../images/separateur_bas.gif) top left no-repeat;margin-top:25px;height:50px;padding-top:10px}
#footer a       	{text-decoration:none;}
#footer ul 		   { margin-top:15px; }
#footer li 		   {background: none; float:left; margin-right:180px;}
#footer li.message {background:url('../pictos/enveloppe.gif') left no-repeat;padding-left:30px;}
li#hautdepage	  { float:right; margin-right:0px; }


/* =Classes spip
----------------------------------------------- */
.spip a 		{color:#999900; text-decoration:underline;}
.spip a:hover 	{text-decoration:underline;}
.spip_logos {padding-left:4px;padding-right:4px; float:left;}
.spip_documents_center {text-align:center;}
.spip_documents_left {padding:8px;}
.spip_documents_right {padding:8px;}
.zone_cachee 	{ display:none; }

.pagination {
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:25px;
	width:200px;
	border:1px solid #ccc;
	padding:5px;
}
.pagination span.on {color:#b3acbd}

/* tableau spip */
tr.row_first {background-color:#ddd947;}
tr.row_odd {background-color:#d0d0d0;}
tr.row_even {background-color:#f0f0f0;}

/* cacher la navigation du haut des articles dans le cas de découpage */
div.decoupe_haut{display:none !important;}
/* après modification H2 en H3 de l'outil DECOUPE pages & onglet */
h2.cs_onglet {display:none !important;}