/*  ----------------------------------------------------------- */
/*  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: #000;
	margin: 0px;
	padding: 0px;
	font: 0.75em/1.4em Arial, Helvetica, sans-serif;
	color: #F0F;
}

img, table { margin: 0; padding: 0; border: 0; }
ul, ol, li { margin: 0; padding: 0; }
ul { list-style: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#head {
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 130px;
     margin-top: -231px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     border: 1px solid #F0F;
     text-align: center;
     }

#logo{
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 150px;
     height: 130px;
     margin-top: -231px; /* moitié de la hauteur */
     margin-left: -551px; /* moitié de la largeur */
     border: 1px solid #F0F;
   	 color: #F0F;
	 text-align: right;
     }

#page {
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 330px;
     margin-top: -100px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     border: 1px solid #F0F;
     text-align: justify;
     }

#sidebar{
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 150px;
     height: 330px;
     margin-top: -100px; /* moitié de la hauteur */
     margin-left: -551px; /* moitié de la largeur */
     border: 1px solid #F0F;
   	 color: #F0F;

     }


#sidebar ul#menu {
	position: relative;
	width: 100%;
	font-weight: bold;
}
#sidebar ul#menu li {
	float: left;
	display: inline;
}
#sidebar ul#menu li a {
	text-align: center;
	display: block;
	width: 150px;
	height: 25px;
	line-height: 25px;
	text-decoration: none;
}
#sidebar ul#menu li a:hover {
	background-color: #FFF;
	color=#000
}

#sidebar a.current {
	background-color: #F0F;
	color: #000;
}
#sidebar a.ghost  {
	background-color: #000;
	color: #F0F;
}

#page .on {
	display: block;
}
#page .off {
	display: none;
}


#page #contenu {
	float: left;
	width: 550px;
}

#page #illus {
	float: right;
	width: 200px;
}

#page small { font-size: 0.7em; }



/* Pied de page */
#pied {
	position:absolute;
     left: 50%; 
     top: 50%;
     width: 800px;
     height: 160px;
     margin-top: 233px; /* moitié de la hauteur */
     margin-left: -400px; /* moitié de la largeur */
     }
	text-align: center; }
#pied small { font-size: 0.7em; }
/*#pied img { vertical-align: bottom; }

/*  Habillage general des menus de navigation
---------------------------------------------- */
.rubriques,{
	min-width: 10em;
	min-heigth: 15em;
	border: 0px solid #CCC;
	margin-bottom: 1em;
	text-align: center;
	font-size: 0.77em;
}

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

.rubriques p,{ margin: 0; padding: 0.2em 0.7em;  }
.rubriques ul,{ padding: 0.5em 0.7em;}
.rubriques li,{ padding: 0 0.7em; }

/*  Des couleurs specifiques selon les types de menus
---------------------------------------------- */
.rubriques { background: transparent;
		}
.rubriques .menu-titre { background: #F0F;
color: #000; }
/*.rubriques img{
    padding: 1% 1% 2%;
    background: #fff;
    border: 1px solid #555;
    border-width: 1px 2px 2px 1px;}*/

/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	background-image:url(IMG/backtexte.png);
	padding: 0.22em;
	margin-bottom: 1.5em;
	font-weight: bold;
	color: #660000;
	line-height: 1.4em; 	}

.chapi {
	margin-bottom: 1.5em;
	font-weight: bold;
	color: #660000;
	line-height: 1.4em; 	}

.lien {
	background-image:url(IMG/backtexte.png);
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte {padding: 0.22em; color: #F0F; font-size: 0.96em;
	}

.texte a {color: #F0F; font-weight: bold;
	}

.img {padding: 0.22em; color: #F0F; font-size: 0.96em; text-align: center;
	}

.texte h1 { font-size: 2.49em; font-weight: bold; }
.texte h2 { font-size: 2.19em; font-weight: bold; }
.texte h3 { font-size: 1.19em; font-weight: bold; }