/* CSS Document */
/*  ----------------------------------------------------------- */
/*  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: #FFFAA9;
	background-image: url(bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 0.8em;
	color: #333;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }
hr{
	border: 1px dashed Gray;
	clear: both;
}
/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	width: 837px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

#conteneur { width: 837px; }
#conteneur #start_navigation {
	width: 224px;
	background-image: url(_perso/navigation_bg_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#conteneur #navigation {
	width: 224px;
	min-height: 980px;
	background-image: url(_perso/navigation_bg.gif);
	background-position: top left;
}
#conteneur #start_contenu {
	width: 607px;
	background-image: url(_perso/contenu_bg_top.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
}
#conteneur #contenu {
	width: 607px;
	float: right;

}
#conteneur #end_contenu {
	width: 607px;
	background-image: url(_perso/contenu_bg_bottom.gif);
	background-position: top left;
	background-repeat: no-repeat;
	height: 16px;
	margin-top:0px;
}
#conteneur #txt_contenu {
	padding: 15px 15px 30px 15px;
	background-image: url(_perso/contenu_bg.jpg);
	background-position: top left;
}
/* Blocs du contenu (c-a-d. la colonne principale) */
#contenu .contre-encart {

}

#contenu .encart {
	float: right;
	width: 11em;
	margin: 0;
	margin-bottom: 1em;
}

/* Entete */
#entete {
	width: 100%;
}
#entete #nom_site_spip, #entete a .spip_logos {
	display: block;
	float: left;
	font-weight: bold;
	font-size: 1.5em; }
#entete a { text-decoration: none; }
#entete .formulaire_recherche { float: right; }

/* Fil d'Ariane */
#hierarchie {
	font-size: 0.77em; 
	margin-bottom: 5px;	
}

/* Pied de page */
#pied {
	clear: both;
	text-align: center;
	background-image: url(bas.gif);
	background-repeat: no-repeat;
	height: 53px;
	width: 855px;
	padding-top:-20px;
}

#pied li{
	display: inline;
	margin-right: 30px;
	line-height:40px;
	vertical-align:bottom;
}
#pied small { font-size: 0.77em; }
#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; }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1%; }


/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Georgia, Times, serif; }


/*  ------------------------------------------
/*  Habillage des menus et de la navigation
/*  ------------------------------------------ */

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques, .breves, .syndic, .forums, .divers {
	min-width: 10em;
	border: 1px solid #CCC;
	margin-bottom: 1em;
	font-size: 0.77em;
}

.menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	text-align: center;
	font-weight: bold;
}

#navigation p, .encart p { margin: 0; padding: 0.2em 0.7em; text-align: left;  }
#navigation ul, .encart ul { margin: 0; padding: 0.2em 0; text-align: left; list-style: none; }
#navigation li, .encart li { margin: 0; padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques {
	background: #D31273;
	border: 1px solid #F5CD00;
	margin: 0px 15px 0px 15px;
}
.rubriques li{
	font-size: 1em;
}
.rubriques .menu-titre { background: #F2FFF2; }

.breves { background: #FFEAEA; }
.breves .menu-titre { background: #FFF2F2; }

.syndic { background: #E8F8F8; }
.syndic .menu-titre { background: #F0FCFC; }

.forums { background: #EAEAFF; }
.forums .menu-titre { background: #F2F2FF; }

.divers { background: #F8F8E8; }
.divers .menu-titre { background: #FCFCF0; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche {
}

.cartouche .titre {
	font-size: 1.27em;
	font-weight: bold;
	color: #000; }
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font-size: 0.71em; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	font-weight: bold;
	line-height: 1.4em;
}

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

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li { margin-bottom: 0.4em; }
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */
.liste-articles {

}
.liste-articles ul { margin: 0; padding: 0; list-style: none; }
.liste-articles li { margin-bottom: 1em; }

.liste-articles li .titre {
	font-size: 1.03em;
	font-weight: bold; }

.liste-articles li .spip_logos {
	margin-left: 16px;
	margin-bottom: 16px;
 }

.liste-articles li p { margin: 0; padding: 0; }

.liste-articles li .enclosures {
	float: right;
	text-align: right;
	max-width: 60%;
	margin: 0; }

.liste-articles li small {
	display: block;
	font-size: 0.71em; }

.liste-articles li .texte {
	margin-top: 5px;
	margin-bottom: 2em;
	border: 1px solid #CCC;
	padding: 0.9em;
	font-size: 0.82em;
	line-height: 1.4em; }

.pagination { font-size: 0.90em; }

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip {
	text-align: left;
	font-size: 0.77em;
}
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire {  font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */
.formulaire_recherche {
	width: 12em;
	margin: auto;
}
.formulaire_recherche label { display: none; }

/*  ------------------------------------------
/*  Habillage des forums
/*  ------------------------------------------ */

.forum-repondre, .forum-decompte {
	clear: both;
	margin-top: 2.5em;
	padding-top: 2px;
	border-top: 2px solid #CCC;
	font-size: 0.88em;
	font-weight: bold; }

/* * Habillage des forums */
ul.forum { display: block; clear: both; margin: 0; padding: 0; }
ul.forum, ul.forum ul { list-style: none; }
.forum-fil { margin-top: 1.5em; }
.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 1em; }
.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }
.forum-chapo small {}
.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }
.forum-texte .forum-lien {}
.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }

/* Boite d'un forum : eclaircissement progressif des bords */
ul .forum-message { border: 1px solid #666; margin: 0; padding: 0; margin-bottom: 1em; }
ul ul .forum-message { border: 1px solid #A4A4A4; }
ul ul ul .forum-message { border: 1px solid #B8B8B8; }
ul ul ul ul .forum-message { border: 1px solid #CCC; }
ul ul ul ul ul .forum-message { border: 1px solid #E0E0E0; }
ul ul ul ul ul ul .forum-message { border: 1px dotted #E0E0E0; }

/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */
ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #C4E0E0; }
ul ul .forum-chapo { background: #D4E8E8; }
ul ul ul .forum-chapo { background: #E4F0F0; }
ul ul ul ul .forum-chapo { background: #F4F8F8; border-bottom: 1px dotted #E0E0E0; }
ul ul ul ul ul .forum-chapo { background: #FFF; }

/*  ------------------------------------------
/*  Habillage des petitions
/*  ------------------------------------------ */

#signatures { clear: both; font-size: 0.77em; }

#signatures h2 {
	padding: 0.5em;
	text-align: center;
	font-size: 1.2em;
	font-weight: bold; }

#signatures table { width: 100%; margin: 1em 0; }
#signatures thead { display: none; } /* On n'affiche pas les titres du tableau */

#signatures td.signature-date {
	background: #E4F0F0;
	padding: 0.5em;
	white-space: nowrap; }

#signatures td.signature-nom {
	background: #ECF4F4;
	padding: 0.2em;
	text-align: center;
	font-weight: bold; }

#signatures td.signature-message {
	background: #F4F8F8;
	padding: 0.4em;
	font-size: 0.96em; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a {
	text-decoration: none;
	color: #D31273;
	font-weight: bold;
}
a:hover { text-decoration: underline; }

/* Paint Ball Aventures */

#topmenu{
	width: 100%;
	height: 47px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-left: 10px;
	background: url(topmenu.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#topmenu ul{
	padding: 2px 2px 2px 2px;
	margin: 1px 0px 0px 0px;
}
#topmenu li{
	font-size: 11px;
	display: inline;
	font-weight: bold;
	/*padding: 5px 2px 5px 2px;*/
}
/* -----------------C'EST ICI QUE CA SE PASSE------------------------------ */
/* Le problème quand tu colles des éléments stylisés dans d'autres balises, c'est que les styles vont quand même 
être dépendants dans certains cas de la balise conteneuse. Pour pallier au problème, il faut rendre le contenu
100% indépendant. Ici  il faut coller des images sur le fond des liens, et définir une classe propre à ces liens, 
mais surtour pas aux balises <li> pour pouvoir obtenir l'effet désiré. J'ai donc créé 2 images gif de 30 pix de haut,
une pour le bouton non cliqué, blanche, et une pour le hover, rose. Tu fais répéter le motif sur la largeur (repeat-x).
Et tu colles un pading pour coller aux dimensions de l'image cadre qui entoure le menu.
 La classe "on" est à placer dans les balises <a> de ta navigation, et supprime la classe "on" présente dans ta balise <li>.
 Voila, c'est tout bon!!!
 Tu placeras les images dans ton répertoire.
 
 Note suppémentaire : quand en fond de page tu as déjà une image, quelque soit son format, toute image susceptible de se trouver au-dessus
doit être au format gif ou png et l'attribut background l'appelant doit être indiqué comme transparent (voir les classes ci-dessous*/

#topmenu a{
	color: #D31474;
	/*background:transparent url(_perso/barre.gif);*/
	/*background-repeat: repeat-x;*/
	text-decoration:none;
	/*padding: 5px 2px 5px 2px;*/
}
#topmenu a:hover{
	color: #D31474;
	background-color: Yellow;
 /*background:transparent url(_perso/barrehover.gif);*/
/*background-repeat: repeat-x;*/
	text-decoration: none;
}
#topmenu a.on{
	color: White;
	height: 30px;
	background: transparent url(_perso/barreon.gif);
	background-repeat: repeat-x;
	text-decoration: none;
	padding: 3px 4px 5px 4px;
}
#sitestop{
	background-image: url(images/sites/sitestop.gif);
	width: 169px;
	height: 39px;
}
#sitesbg{
	background-image: url(images/sites/sitesbg.gif);
	width: 169px;
	color: #F6CD01;
	text-align: center;
}
#sitesbg a{
	color: #F6CD01;
}
#sitesbottom{
	background-image: url(images/sites/sitesbottom.gif);
	width: 169px;
	height: 15px;
}