/**
* les styles définis en double sont écrasés par les styles spécifiques définis 
*		dans le fichier qui contient le nom de l'auteur 
**/
body { 
	font: normal 12px arial, futura, verdana, tahoma ;
	text-align:center; background-color: ;
}
.separation { border-bottom:1px solid #888; }
.separation:first-child { border-top:1px solid #888; }

.copyright { text-align: center; font-style: italic; font-size:smaller; color:#666; }

.date { text-align: right; font-style: italic; font-size:10px; }
.dateheure { 
	text-align: center; font-style: italic; font-size:10px; 
	color:; background-color:; 
}

pre.court { font-family:verdana; font-size:10; }
#signature { font-size:10; font-style:italic; position: relative; top: 20px; left: 360px; z-index:1; }
#copyright { font-size:10; color:#666;  position: fixed; text-align:center; bottom: 0; width: 100%; }

/* --===== Couleurs pour l'homogénéité du site =====-- */
.Pierre { color:#6A6707; }
.Thomas { color:#ccae22; }
.Chloe { color:#f6b391; }

/* --===== Spécificités pour les fonctions d'administration du site =====-- */
.public, .cache, .prive, .exclus  { position: relative; color: black; text-decoration: none; border-bottom: 1px gray dotted; /* on souligne le texte */ }
.public span[type=infobulle], .cache span[type=infobulle], .prive span[type=infobulle], .exclus span[type=infobulle] { display: none; /* on masque l'infobulle */ }
a.public:hover, a.cache:hover, a.prive:hover, a.exclus:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */ 
}
a.public:hover span[type=infobulle], a.cache:hover span[type=infobulle], a.prive:hover span[type=infobulle], a.exclus:hover span[type=infobulle] {
   display: inline; /* on affiche l'infobulle */
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   position: absolute;left: 20px; top: 30px; /* on positionne notre infobulle */
   background: white; color: black; padding: 3px;
}
a.public:hover span[type=infobulle] { border: 1px solid #bdb;  border-left: 4px solid #bdb; }
a.cache:hover span[type=infobulle] { border: 1px solid #ddc; border-left: 4px solid #ddc; }
a.prive:hover span[type=infobulle] { border: 1px solid #ed8; border-left: 4px solid #ed8; }
a.exclus:hover span[type=infobulle] { border: 1px solid #eb9; border-left: 4px solid #eb9; }
.public .flip { background-color:#bdb }
.public .flop { background-color:#cec }
.cache .flip { background-color:#ddc }
.cache .flop { background-color:#eed }
.prive .flip { background-color:#ed8 }
.prive .flop { background-color:#ffb }
.exclus .flip { background-color:#eb9 }
.exclus .flop { background-color:#fca }


/* --===== Decoupage en zones =====-- */
#gdCadre { 
	width:100%; height:97%; 
	border:1px solid #888; 
	background-color: #aaeeff; 
}
#entete { width:95%; height:126; cell-spacing:0; cell-padding:0; top:10; }
#logo { width:120; background: url(_images/logo/moi-main.gif) no-repeat; }

#contenu { text-align:center; }

.GDtitre { margin: 0 auto; height:40; text-align:center; }

/* on ne peut pas modifier la taille d'une image en css */
td.menuGauche { border-right:0,5px solid #aaeeff; valign:top; }
td.centre { text-align:left;  }

/* --===== Contenu du centre =====-- */
.centre H1 { font-size:16; }
.centre H2 { font-size:14; }
.centre H3 { font-size:13; }
.centre p, .centre a, .centre li { font-size:12; }
.centre ul, .centre ol, .centre dl { font-size:12; }
.centre .promptPERM { color:#444; text-align:right; }
.centre .promptPERM:before { color:#aaeeff; content:'>> '; }
.centre dt { text-decoration: underline; }
.centre ul { list-style-image: url(_images/bullets/bulletBig.gif) 2px; }

.centre pre { 
	font-size:12; padding: 0.5em; 
	background-color: #dee7ec; 
	border: 1px dashed #0059a7; overflow: auto; 
}
.centre code {
	background-color: #dee7ec;
	border: dashed #0059a7 1px; padding: 0.1em 0.25em;
}

/* --===== Menu horizontal =====-- */
#menuH { display: block; width:100%; align:right; text-align:center; }
#menuH a { 
	margin: 0 auto; text-align:center; font-family:Verdana; font-size:12;
	text-decoration: none; padding: 3 20 3 20; cursor:pointer;  
	font-weight:bold; color:#225522; 
	background-color:#eff; 
	border-style: outset;
}
#menuH a:hover { background-color:#fff; color:#292; }
#menuH a:active { background-color:#fff; color:#fe8; } 
#menuH a.selected { color:#bb0a0a; border-style: inset; } 
#menuH a:hover.selected { color:#dd4444; } 
#menuH a:active img, a:link img, a:visited img { border-style: none } /* no border on img links */

/* --===== Menu vertical =====-- */
#menuV > * { 
	width:140; margin: 0 auto; valign:top;
	text-align:left; font-family:arial; font-size:12; font-weight: 600; 
}
#menuV_dyn { background-color: #eff; }
#menuV_stat { position: fixed; bottom: 30; background-color: #eff; }
.sommaire { border-left: 1px #aaeeff groove; width: 100%; font-weight: 600; font-family:arial; font-size:12; }
.sommaire td { padding-left:10; background-color: ; }
.sommaire td a:hover { color:#000066; text-decoration: none; font-weight: bold; }
.sommaire td a { color:#000000; text-decoration: none; }

.mVcourant a { font-weight:bold; }

/* --===== Formulaires =====-- */
legend { color:#228; }
fieldset { background-color:#eff; }
.reussi { color:#224; }
.echec { color:#422; }

color:#422; }

/* --===== Divers =====-- */