body {
	min-width: 800px;
	padding: 0px 10px 10px 0px;
	font-family: sans-serif;
	font-size: small;
	background-color: #99ccff;
	max-width: 1024px;
}

body.SousSite {
	background-color: #99cc66;
}

p { text-indent: 1em; }

/* Bandeau */
#EnTete {
	background-image: url(images/fond.png);
	height: 96px;
	font-family: Papyrus, fantasy;
	font-weight: bold;
	color: #B00080;
	margin: 0px;
	padding: 0px;
	border: 1px gray solid;
}

#Marge {
	width: 130px;
	background-image: url(images/fondMarge.png);
	border-right: 1px solid red;
	font-size: 20px;
	padding-left: 30px;
	padding-top: 10px;
	height: 86px;
	margin: 0px;
	float: left;
}

#Annee {
	width: 12em;
	text-align: center;
	font-size: 20px;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;
	float: right;
}

#Titre {
	text-align: center;
	font-size: 32px;
	margin: 0px;
	padding: 0px;
	padding-top: 30px;
}


#Nouveautes {
	float: left;
	clear: left;
	padding-top: 6px;
	width: 12em;
}

/*******************************************************************
 * ID Onglets : Première liste, style des Rubriques
 *
 */

#Onglets {
	margin: 0px;
	margin-left: 12em;
	padding: 8px 8px 4px 8px;
	background-color: #99ccff;
	border-bottom: 1px gray solid;
}

/***********************************
 * ID Onglets TAG li : mode d'affichage des Onglets (Rubriques)
 *
 *     pour placer aligner les onglets horizontalement
 */

#Onglets.SousSite {
	background-color: #99cc66;
}
#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
 */

#Onglets li span {
	padding: 5px;
	font-weight: bold;
	background-color: #ffff99;
	border: 1px gray solid;
	border-bottom: none;
}

/* * * * * * * * * *
 * ID Onglets  TAG li  TAG a : Onglet lien actif (Rubriques)
 *   Style des onglets non sélectionnés
 *         qui permettent de changer de Rubriques
 *
 */

#Onglets li a {
	width: 100px;
	padding: 2px 4px 2px 4px;
	text-decoration: none;
	background-color: white;
	border: 1px gray solid;
	border-bottom: none;
}

/* * * * * * * * * *
 * ID Onglets  TAG li  TAG a:hover
 *   Style des onglets non sélectionnés SURVOL
 *
 * background-color: yellow; couleur de fond SURVOL modifiable 
 *   pour la cohérence modifier de même dans: #Items li a:hover
*/

#Onglets li a:hover {
	background-color: yellow;
}


/* * * * * * * * * *
 * ID Onglets  TAG li  TAG a:active
 *   Style des onglets non sélectionnés CLIQUÉ
 *
 *   pour la cohérence modifier de même dans: #Items li a:active
 */

#Onglets li a:active {
	color: olive;
	background-color: maroon;
}

#Onglets li a.SousSite {
	background-color: #99cc66;
}

#Onglets li a.SousSite:hover {
	background-color: yellow;
}

#Onglets li a.Retour {
	background-color: #99ccff;
}

#Onglets li a.Retour:hover {
	background-color: yellow;
}

/*******************************************************************
 * ID Items : Seconde liste, style des Items
 *
 */

#Items {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	float: left;
	clear: left;
	width: 12em;
}

/***********************************
 * ID Items  TAG li : mode d'affichage des paragraphes (Items)
 *    Style des items 
 */

#Items li {
	margin: 0px;
	padding: 4px;
	height: 20px;
	list-style-type: none;
}

/* ID Items TAG li TAG span : Titre de paragraphe passif (Items) */
#Items li span {
	font-weight: bold;
	font-style: italic;
}

/* * * * * * * * * *
 * ID Items  TAG li  TAG a : lien actif de paragraphe (Items) 
 *
 *   pour la cohérence modifier de même dans: #Onglets li a
 *
 */

#Items li a {
	text-decoration: none;
	padding: 2px;
	border: 1px gray solid;
	background-color: white;
}

/* * * * * * * * * *
 * ID Items  TAG li  TAG a:hover  SURVOL 
 *
 *   pour la cohérence modifier de même dans: #Onlets li a:hover
 */

#Items li a:hover { background-color: yellow; }

/* * * * * * * * * *
 * ID Items  TAG li  TAG a:active  CLIQUà 
 *
 *   pour la cohérence modifier de même dans: #Onlets li a:active
 */

#Items li a:active {
	color: olive;
	background-color: maroon;
}

/*******************************************************************
 * ID LaPage : le contenu effectif de la page à onglet 
 *
 * margin-left: 12em;
 *      Espace à gauche de la page, réservé pour les Items
 *  Si on modifie cette valeur, la modifier aussi dans #Onglets
 *
 * padding: 5px 5px 25px 5px;  àventuellement modifiable
 *
 * background-color: #FF9;   couleur du fond de page modifiable
 *   pour la cohérence modifier de même la couleur de l'onglet
 *   de la page sàlectionnée dans:  #Onglets li span
 *
 * border: 2px gray solid;
 *   bords de page de largeur modifiable ou supprimable, MAIS
 *   pour la cohérence modifier de même les bords des onglets
 *   dans: #Onglets li a  ;  #Onglets li span  ;  #Items li a
 */

#LaPage {
	margin-left: 12em;
	padding: 10px 10px 35px 10px;
	background-color: #FF9;
	text-align: justify;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	border-left: 1px gray solid;
}

/***********************************
 * 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: #B00080;
	font-family: Papyrus, fantasy;
	font-size: 20px;
}

#LaPage h2 {
	font-style: italic;
	font-size: larger;
}

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

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

/*******************************************************************
 * TAG a  CLASS Bouton :  Simulation de Bouton
 */

a.Bouton {
	text-decoration: none;
	border: 1px gray solid;
	padding: 2px;
	background-color: white;
}

a.Bouton:hover { background-color: yellow; }

a.Bouton:active {
	color: olive;
	background-color: maroon;
}

element1 {
}

/*******************************************************************
 * CLASS Notes : notes en bas de page, remerciements, références, copyright
 */

.Notes {
	text-align: right;
	font-size: small;
	color: #999999;
}