/* ----------------------------------------------------------- */
/* Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/* ----------------------------------------------------------- */

/*  ------------------------------------------
/* 	Typographie generale (style transversaux)
/*  ------------------------------------------ */
html { font-size: 100%; } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS */
body { font-size: 0.80em; font-family: "Trebuchet MS", Helvetica, sans-serif; color: #333; }

/* Titraille / Intertitres */
h1 { margin: 0; padding: 0; font-size: 1.50em; font-weight: bold; color: #000; }
h2 { margin: 0; padding: 0.20em 0.40em; border-bottom: 1px dashed #ffc15b; font-size: 1.00em; }
h2, h2 a, h2 a:hover { color: #555; }

img, .spip_logos { margin: 0; padding: 0; border: 0; }

/* Divers */
abbr, acronym { border-bottom: 1px dotted; cursor: help; }
small { font-size: 0.90em; color: #666; }

/* Tableaux */
/*table { border-collapse: collapse; border-spacing: 0; }*/

/* box transparente */
table.trans { background: url('images/degrade2.png') top repeat-x; margin: 5px;}


/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
body { background: #FFF; margin: 0; padding: 0; text-align: center; }

div#page { width: 1008px; margin: 0 auto; text-align: left; }

div#top { width: 1008px; margin: 0; padding:0; padding-top: 1em; }
div#top img { vertical-align: bottom; }
div#top #nom_site_spip, #top a .spip_logos { display: block; float: left; font-weight: bold; font-size: 1.50em; }

div#conteneur { clear: both; margin: 0; padding: 0; padding-left: 4px; padding-right: 4px; background: url('images/fond.jpg');overflow: hidden;  }
div#contenu { margin: auto; float: right; width: 770px; padding: 10px; }

div#navigation { clear: both; float: left; width: 200px; padding-top: 10px; }
div#extra { float: right; clear: right; width: 30%; overflow: hidden; }

div#pied { clear: both; width: 100%; margin: 0; padding: 0; text-align: center; font-size: 0.90em; }
div#pied img { vertical-align: bottom; }

/*  Habillage des elements du contenu
/*  ------------------------------------------ */

#hierarchie, .titre-navigation {font-family:verdana; clear: both; border-bottom: 1px solid #ffae28; margin-bottom: 1em; font-size: 1.10em; font-style: italic; color: #666; font-weight: bold}
.titre-navigation { color: #604A7F; }
/* Menu */
div.rubriques  { clear: both; margin-bottom: 10px; }
div.rubriques ul { margin: 0; padding: 0;   } 
div.rubriques ul li { float: right;  text-align: center;  width: 16.0%;  margin: 1px;  list-style-type: none;  }
div.rubriques ul li a { display: block; padding: 4px; background: #EEE /*url('images/corner-left-bot.gif') bottom left no-repeat*/;  }
div.rubriques ul li a.on { font-weight: bold; background: #ffc15b url('images/fond-menu2.jpg')/*url('images/corner-left-bot.gif') bottom left no-repeat*/; color: #111; font-style: italic; }
div.rubriques ul li a:hover { background: #d65d3a url('images/fond-menu2_hover.jpg')/* bottom left no-repeat*/; text-decoration: none; color: #FFF/*#e6b231*/; font-weight: bold; /*border-right: 3px solid #ffae28;*//* border-top: 2px solid #ffae28;*/ }

/* Sous Menu */
div.contenu-rubrique  { clear: both; }
div.contenu-rubrique ul { margin: 0; padding: 0  } 
div.contenu-rubrique ul li { text-align: left;  margin: 1px; clear: both; padding:0;  list-style-type: none;  }
div.contenu-rubrique ul li a {  padding-left: 5px;  display: block; padding: 5px; background: #EEE url('images/corner-right-top.gif') top right no-repeat; border-left: 3px solid #604A7F; }
div.contenu-rubrique ul li a.on { font-weight: bold; background: #d5bef5 url('images/corner-right-top.gif') top right no-repeat;color: #666; font-style: italic; border-left: 3px solid #d65d3a; }
div.contenu-rubrique ul li a:hover { background: #604A7F url('images/corner-right-top.gif') top right no-repeat; text-decoration: none; color: #FFF/*#e6b231*/; font-weight: bold; border-left: 3px solid #EEE;/* border-top: 2px solid #ffae28;*/ }


/* Reference */
div.reference{
	clear: both;  margin: 10px; 
	}
	
div.reference img { border: 0/*px dashed #269626*/; }

div.pagination {
	clear: both; text-align:right; border-top: 1px solid #ffae28;
}

/* Habillage des formulaires
---------------------------------------------- */
input, textarea, select { font-size: 100%; font-family: inherit; }
.forml, textarea, select { width: 99%; background: #F4F8F8; border: 1px inset #CC9; color: #000; }

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

.erreur_message{ color : red }