/**************************************************************
 * Style pour un site structuré en Rubriques Items
 *    
 *  Onglets / Paragraphes: 2 Listes de profondeur 1
 *    - première liste : Rubriques
 *    - seconde  liste : Items
 *************************************************************/

/**************************************************************
 * TAG body
 *
 * min-width: 800px;
 *      Ceci interdit à la page d'être trop étroite
 * si la fenêtre est rétrécie (visible sur les alignements à droite)
 *
 * Pour la compatibilité entre navigateurs :
 *	 la taille des polices et les marges sont fixées en pixels
 */

body {
	min-width: 800px;
	max-width: 1000px;
	padding: 0px 10px 10px 0px;
	font-family: sans-serif;
	font-size: 12px;
	/*background-image: url(img/fond.png);*/
	background-color: #BCD;
	/* COULEUR DU FOND */
}

/* L'indentaion des paragraphes n'est pas obligatoire */
p { text-indent: 1em; }

/**************************************************************
 * ID HautDePage : partie remplie par siteCode.js
 */

#ligneUn {
	font-family: monospace;
	font-size: x-small;
	text-align: right;
	position: fixed;
	top: 5px;
	right: 5px;
}

#HautDePage { margin: 0px; }

/**************************************************************
 * ID TitreSite : titreDuSite est déclaré dans siteDef.js
 *
 * Style du titre commun à toutes les entêtes des pages du site 
 * color: maroon;  COULEUR BORD DE PAGE modifiable
 */

#TitreSite {
	font-size: 24px;
	color: maroon;
	/* COULEUR BORD DE PAGE */
	/* Rubriques Horizontales Items Verticaux */
	margin: 0px 0px 0px 170px;
	padding: 50px 0px 50px 0px;
	text-align: center;
}

/*******************************************************************
 * ID LaPage : le contenu effectif de la page d'information
 *
 * background-color: #DDC;    COULEUR FOND DE PAGE modifiable
 * border: 2px maroon solid;  COULEUR BORD DE PAGE modifiable
 */

#LaPage {
	background-color: #FF9;
	/* COULEUR FOND DE PAGE */
	text-align: justify;
	border-right: 2px solid maroon;
	/* COULEUR BORD DE PAGE */
	border-bottom: 2px solid maroon;
	/* COULEUR BORD DE PAGE */
	border-left: 2px solid maroon;
	/* COULEUR BORD DE PAGE */
	padding: 10px;
	/* Rubriques Horizontales Items Verticaux */
	margin: 0px 0px 0px 160px;
}

/***********************************
 * ID LaPage TAG h1 : style du titre de la page (Rubrique)
 * ID LaPage TAG h2 : style des paragraphes (Items)
 * ID LaPage TAG h3 : style des sous-paragraphes
 */

#LaPage h1 {
	text-align: center;
	color: maroon;
	/* COULEUR BORD DE PAGE */
	font-size: 20px;
}

#LaPage h2 {
	font-style: italic;
	font-size: 14px;
	color: maroon;
	/* COULEUR BORD DE PAGE */
}

#LaPage h3 {
	font-size: 12px;
	color: maroon;
	/* COULEUR BORD DE PAGE */
}

/***********************************
 * ID LaPage CLASS informations : style complémentaire 
 */

#LaPage .informations {
	font-style: italic;
	color: red;
}

/***********************************
 * ID LaPage TAG pre : style complémentaire 
 */

#LaPage pre {
	color: #666;
	border-left: 1px #666 solid;
	padding-left: 5px;
	margin-left: 5px;
}

/**************************************************************
 * ID Onglets : Première liste, style des Rubriques
 *
 * border: 2px maroon solid;  COULEUR BORD DE PAGE modifiable
 */

#Onglets {
	padding: 8px 8px 4px 8px;
	border-bottom: 2px solid maroon;
	/* COULEUR BORD DE PAGE *;
	/* Rubriques Horizontales Items Verticaux */
	margin: 0px 0px 0px 160px;
}

/***********************************
 * ID Onglets TAG li : mode d'affichage des Onglets (Rubriques)
 *      NE PAS MODIFIER
 */

#Onglets li {
	padding: 3px;
	display: inline;
	margin: 0px;
}

/* * * * * * * * * *
 * ID Onglets  TAG li  TAG span : Onglet titre passif (Rubriques)
 *   Style de l'onglet sélectionné qui définit la Rubrique
 *
 * background-color: #DDC;    COULEUR FOND DE PAGE modifiable
 */

#Onglets li span {
	padding: 6px;
	font-weight: bold;
	/* Rubriques Horizontales Items Verticaux */
	background-color: #FF9;
	/* COULEUR FOND DE PAGE */
	border-top: 2px solid maroon;
	/* COULEUR BORD DE PAGE */
	border-right: 2px solid maroon;
	/* COULEUR BORD DE PAGE */
	border-left: 2px solid maroon;
	/* COULEUR BORD DE PAGE */
}

/* * * * * * * * * *
 * ID Onglets  TAG li  TAG a : Onglet lien actif (Rubriques)
 *   Style des Onglets Items ou Boutons pour changer de page
 *
 * background-color: #FC9;    COULEUR BOUTON ACTIF modifiable
 */

#Onglets li a {
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	background-color: #FC9;
	/* COULEUR BOUTON ACTIF */
	border-top: 1px solid maroon;
	/* COULEUR BORD DE PAGE */
	border-right: 1px solid maroon;
	/* COULEUR BORD DE PAGE */
	border-left: 1px solid maroon;
	/* COULEUR BORD DE PAGE */
}

/* * * * * * * * * *
 * ID Onglets  TAG li  TAG a:hover : Style onglet survolé
 *
 * background-color: yellow;  COULEUR FOND SURVOL modifiable
 */

#Onglets li a:hover {
	background-color: yellow;
	/* COULEUR FOND SURVOL */
}

/* * * * * * * * * *
 * ID Onglets  TAG li  TAG a:active : Style onglet actif cliqué
 *
 * color: olive;              COULEUR TEXTE ACTIF modifiable
 * background-color: maroon;  COULEUR BORD DE PAGE modifiable
 */

#Onglets li a:active {
	color: olive;
	/* COULEUR TEXTE ACTIF */
	background-color: maroon;
	/* COULEUR BORD DE PAGE */
}

/**************************************************************
 * ID Items : Seconde liste, style des Items
 *
 * border: 2px maroon solid;  COULEUR BORD DE PAGE modifiable
 *   (tête de page dans la présentation horizontale des Items)
 */

#Items {
	height: 1%;
	width: 12em;
	/* Rubriques Horizontales Items Verticaux */
	float: left;
	margin: 20px 0px 0px 0px;
	padding: 0px;
}

/***********************************
 * ID Items  TAG li :  Style des items
 */

#Items li {
	margin: 0px;
	list-style-type: none;
	/* Rubriques Horizontales Items Verticaux */
	padding: 4px;
	height: 20px;
}

/* * * * * * * * * *
 * ID Items TAG li TAG span : Titre de paragraphe passif (Items) 
 * background-color: #DDC;    COULEUR FOND DE PAGE modifiable
 *   (dans la présentation horizontale des Items)
 */

#Items li span {
	font-weight: bold;
	font-style: italic;
	/* Rubriques Horizontales Items Verticaux */
	/* RIEN */
	padding: 2px;
	background-color: #FF9;
	/* COULEUR FOND DE PAGE */
	border: 2px solid maroon;
	position: absolute;
	width: 12em;
}

/* * * * * * * * * *
 * ID Items  TAG li  TAG a : lien actif de paragraphe (Items) 
 *
 * background-color: #FC9;    COULEUR BOUTON ACTIF modifiable
 * border: 1px maroon solid;  COULEUR BORD DE PAGE modifiable
 */

#Items li a {
	text-decoration: none;
	padding: 2px;
	background-color: #FC9;
	/* COULEUR BOUTON ACTIF */
	/* Rubriques Horizontales Items Verticaux */
	border: 1px solid maroon;
	/* COULEUR BORD DE PAGE */
	position: absolute;
	width: 11em;
}

/* * * * * * * * * *
 * ID Items  TAG li  TAG a:hover : Style item survolé 
 *
 * background-color: yellow; COULEUR FOND SURVOL modifiable
 */

#Items li a:hover {
	background-color: yellow;
	/* COULEUR FOND SURVOL */
}

/* * * * * * * * * *
 * ID Items  TAG li  TAG a:active   : Style item actif cliqué
 *
 * color: olive;              COULEUR TEXTE ACTIF modifiable
 * background-color: maroon;  COULEUR BORD DE PAGE modifiable 
 *   (tête de page dans la présentation verticale des Items)
 */

#Items li a:active {
	color: olive;
	/* COULEUR TEXTE ACTIF */
	/* Rubriques Horizontales Items Verticaux */
	background-color: maroon;
}

/**************************************************************
 * TAG a  CLASS Bouton :  Simulation de Bouton
 * background-color: yellow;  COULEUR FOND SURVOL  modifiable
 * background-color: #FC9;    COULEUR BOUTON ACTIF modifiable
 * border: 1px maroon solid;  COULEUR BORD DE PAGE modifiable 
 */

a.Bouton {
	display: inline-block;
	text-decoration: none;
	padding: 2px 10px 2px 2px;
	border: 1px maroon solid;
	background-color: #FC9;
	/* COULEUR BOUTON ACTIF */
	margin: 0px;
}

a.Bouton:hover {
	background-color: yellow;
	/* COULEUR FOND SURVOL */
}

a.Bouton:active {
	color: olive;
	/* COULEUR TEXTE ACTIF */
	background-color: maroon;
	/* COULEUR BORD DE PAGE */
}

.Top {
	/*border: 1px gray solid;*/
	text-decoration: none;
	color: gray;
	font-size: x-small;
	/*background-color: #FC9;*/
	background-image: url(img/top.png);
	background-repeat: no-repeat;
	/*border: 1px blue solid;*/
	padding: 2px 20px 2px 20px;
}

a.Top:hover {
	/*background-color: yellow;*/
	background-image: url(img/topSurvol.png);
	background-repeat: no-repeat;
	color: blue;
	/* COULEUR FOND SURVOL */
}

/*************************************************************
 * date de mise à jour au bas de la première page (divers)
 */

#MiseAjour {
	margin: 10px 0px 0px 170px;
	padding-top: 5px;
	text-align: right;
	color: #963;
	font-style: italic;
}

/*************************************************************
 * Liste de boutons augmentation du padding
 */

.listeBoutons { padding: 5px 5px 5px 55px; }
.listeBoutons li { padding: 8px; }

/*************************************************************
 * Plan (table des matières)
 */

#plan {
	border-left: 1px dashed maroon;
	/* COULEUR BORD DE PAGE */
	margin-left: 15%;
}

img {
	vertical-align: middle;
	border: 0px;
}

/*************************************************************
 * Textes structurés
 */

#infoTxt {
	color: gray;
	text-align: center;
	margin: 10px;
}

#texteStructure {
	margin: 5px;
	border: 1px #999 solid;
	padding: 5px;
	font-size: inherit;
}

.texteTotal {
	background-image: url(img/tsTotal.png);
	background-repeat: no-repeat;
	margin: 0px 20px 5px 0px;
	padding-left: 15px;
	padding-right: 5px;
	position: relative;
	left: 15px;
	right: 15px;
	border-left: 1px #999 solid;
	font-size: inherit;
}

.texteCompact {
	background-image: url(img/tsCompact.png);
	background-repeat: no-repeat;
	margin: 0px 20px 5px 0px;
	padding-left: 15px;
	padding-right: 5px;
	position: relative;
	left: 15px;
	right: 15px;
	height: 16px;
	overflow: hidden;
	font-size: inherit;
}

.lien {
	cursor: pointer;
	color: blue;
	text-decoration: underline;
}

.leLivre {
	cursor: pointer;
	color: maroon;
	font-size: x-large;
	text-decoration: none;
	font-family: serif;
	border-top: 3px #999 solid;
	border-right: 3px #666 solid;
	border-bottom: 3px #666 solid;
	border-left: 4px #999 solid;
	padding: 15px 10px 15px 10px;
	background-color: #BCD;
}

.laCouverture { cursor: pointer; }

#nbTele {
	color: gray;
	font-size: x-small;
	margin-left: 30%;
}

.nouveau {
	padding: 4px;
	color: #F00;
	border: 4px red solid;
}
.lulu {
	color: #36C;
	font-family: monospace;
	font-size: 12pt;
	font-weight: bold;
}