/**
* 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: #ffffff;
}

h1, h2, h3 { text-align: left; font-family: "Comic Sans MS", Futura, Verdana, Tahoma, Arial }
p, dt, dd, pre { text-align: left; font-family: "Lucida Grande" }

.separation { border-bottom:1px solid #888; }
.separation:first-child { border-top:1px solid #888; }
.centre hr.espace { 
	background-color: inherit; display:block; height: 5px; margin: 0; _margin: -7px 0; padding: 0; border: 0; 
	/* d'après http://www.ultra-fluide.com/ressources/css/css-hacks.htm */ 
}

.date, .centre .date { text-align: right; font-style: italic; font-size:smaller; color:#666; font-size:96%;  }
.dateheure { 
	text-align: center; font-style: italic; font-size:smaller; 
	color:#666; background-color:; 
}

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

table.multicolonnes td { vertical-align:top; border-left:1px solid #888; padding-left:3px; spacing-left:3px; }
table.multicolonnes tr td:first-child { border-left:0px ; }

/* --===== mise en exergue =====-- */
.cite { font: italic 10 Arial, Futura, Verdana, Tahoma; background-color:#eff; padding:3pt; spacing:3pt;  }
.cite:before { content:'‘‘ '; font-size:12pt; color:#228; }
.cite:after { content:' ’’'; font-size:12pt; color:#228; }

.note:before { content:' !! '; font-size:12pt; color:#228; } 
.note b:first-child { font-size:12pt; color:#228; }
.note { background:#eff; border: 1px dashed  #228; padding:3pt; spacing:3pt; } 

/* --===== tranductions en anglais =====-- */
/* *:lang(fr):after { content: ' en français'; font: normal 12px Arial, Futura, Verdana, Tahoma; color:; } */
*[LANG|="en"] { background-color:#eff; }
*[LANG|="en"]:after { content: ', en anglais'; font: normal 10px Arial, Futura, Verdana, Tahoma; color:; }

/* --===== 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:#ffffff; 
}
#entete { width:95%; height:86; cell-spacing:0; cell-padding:0; top:10; border-collapse: collapse; }
#entete tr td { vertical-align: bottom; }
#logo { width:160; height: 91; background: url(_images/logo/chanteuse.gif) no-repeat 2px 2px; }
#contenu { text-align:center; }
#contenu tr td:first-child { vertical-align: top; background-color: inherit; }
#contenu tr td { background-color: #fff; padding-left: 5px; }
#centre { width: 100%; height:100%; }

.GDtitre { margin: 0 auto; height:40; text-align:center; font: normal 22 "Comic Sans MS", Futura, Verdana, Tahoma, Arial; }

/* on ne peut pas modifier la taille d'une image en css */

/* --===== Contenu du centre =====-- */
.centre { text-align: left; font: normal 12px Arial, Futura, Verdana, Tahoma ; }
.centre * { text-align: left; }
.centre p, .centre td, .centre h1, .centre h2, .centre li, .centre dt, .centre a { font: normal 12px Arial, Futura, Verdana, Tahoma ; }
.centre H1 { font-size:16; color: #bb0a0a }
.centre H2 { font-size:14; color: #226 }
.centre H3 { font-size:13; color: #226 } 
H2 { font-size:14; }
H3 { font-size:13; }
.centre p, .centre a, .centre li { font-size:12; }
.centre ul, .centre ol, dl { font-size:12; }
pre { font-size:12; padding: 0.5em; background-color: #dee7ec; border: 1px dashed #0059a7; overflow: auto; }
.promptPERM { color:;; text-align:right; }
.promptPERM:before { color:; content:'>> '; }
dt { text-decoration: underline; }
dt i { font-weight:normal; text-decoration: none; }
.centre ul { list-style-image: url(_images/bullets/bulletBig.gif) 2px; }
.centre li { line-height:12px; }

pre, tt, code { font: normal 12px "Courier New", Courier, Monaco, monospace; background-color: #dee7ec; }
pre { padding: 0.5em; border: 1px dashed #0059a7; overflow: auto; }
tt { padding: 0 0.1em; }
code { 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: normal 12 Verdana;
	text-decoration: none; padding: 3 12 3 12; cursor:pointer; white-space:nowrap; 
	font-weight:bold; color:#226; 
	background-color:#eff; 
	border-style: outset;  border-width:2px; 
}
#menuH a:hover { background-color:#fff; color:#26c; }
#menuH a:active { background-color:#fff; color:#fe8; } 
#menuH a.selected { background-color:#fff; 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:160; margin: 0 auto; valign:top;
	text-align:left; font: normal 12 Verdana; font-weight: 600;
	border-right:0,5px solid #eff; valign:top;
}
#menuV_dyn { background-color: #eff; }
#menuV_stat { position: fixed; bottom: 30; background-color: #eff; }
.sommaire { border-left:groove 1px #668; width: 100%; font:normal 12 arial; font-weight: 600; }
.sommaire td { padding-left: 4; background-color: #ffb; }
.sommaire td a { color:#226; text-decoration: none; }
.sommaire td a:hover { color:#26c; font-weight: bold; background-color: ; }
.sommaire td a:hover:before { content:'- '; color:#668; }
.sommaire td.mLang a:hover:before { content:''; }
.sommaire td.mLang a:hover img { height:12px; }

td.mVcourant a { font-weight:bold; color:#bb0a0a; }
td.mVcourant a:hover { color:#dd4444; }
td.mVcourant a:active { color:#fe8; }

/* --===== Formulaires =====-- */
legend { color:#228; }
fieldset { background-color:#eff; }
textarea { background-color:#f8fafa; border: 1px #d8dada inset; }
input { background-color:#f8fafa; border: 1px #d8dada inset; }
.reussi { color:#224; }
.echec { color:#422; }