html, body {
	height:100%; /* forcer hauteur 100% pour centrage en hauteur */
}
body {
	margin:0; /* pas de marge extérieure sur la page ( centrage cadre principal ) */
	padding:0; /* pas de marge intérieure sur la page ( centrage cadre principal ) */
	background:white; /* couleur de fond de la page */
}
#tmain { /* tableau principal ( 1 ligne / 1 cellule ) rempli la fenêtre */
	height:100%;
	width:100%;
}
#tmain td { /* définition des styles à l'intérieur du tableau principal */
	font-family:sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:justify;
	line-height:20px
}
#main { /* définition des styles cadre principal */
	margin:auto;
	width:1000px;
	height:593px;
	background:white no-repeat left;
}
#main.accueil {background-image:url(../img/elohacheurfa.JPG);}
body.accueil, #main.accueil {background-color:#282828;}


/*================================================*/
/* définitions des styles de la barre flags */
#posf {	/* faux cadre pour placement cadre "flags" */
	position:relative; /* mode de positionement "flottant" relatif à l'élément parent */
	height:601px; /* hauteur cadre principal : + ou - les éventuelles valeurs de margin / padding / border top et bottom */
	width:0px;
}
#flags {
	position:absolute; /* mode de positionnement "flottant" relatif à l'élément parent */
	width:1000px; /* largeur cadre principal : + ou - les éventuelles valeurs de margin / padding / border left et right */
	bottom:-50px; /* placement à 0 pixel depuis le bas du cadre */
	text-align:center; /* centrage du texte */
	padding:0px 0px; /* valeurs de marge intérieure : haut/bas - gauche/droite */
	color:#00FFFF; /* couleur de texte : ne s'applique pas aux liens qui "écrivent" par dessus une autre définition de couleur : concerne essentiellement les séparations */
	font-size:10px;
	line-height:24px;
}
a.pglnkf { /* style des liens de classe "pglink" : liens du menu */
	color:#00FFFF;
	text-decoration:none;
}
a.pglnkf:hover { /* style des liens de classe "pglink" : liens du menu quand la souris survole */
	color:#00FFFF;
}
.sectactf { /* style "texte section actuelle" : concerne essentiellement les séparations */
	color:#00FFFF; /* ne s'applique pas à la classe "pgact" qui "écrivent" par dessus une autre définition de couleur */
	font-weight:bold; /* gras : s'aplique aux liens tant que pas de définition particulière */
	text-decoration:underline;
}
.pgactf { /* style "page actuelle"  */
	color:#00FFFF;
}
.arbactf {
	font-size:10px;
}
/* fin définitions des styles de la barre flags */
/*================================================*/


/* définitions des styles contenu principal */
#posc {	/* faux cadre pour placement cadre "contenu" */
	position:relative;
	width:1000px; /* largeur cadre principal : + ou - les éventuelles valeurs de margin / padding / border left et right */
	height:0px;
}
#content, #content-no-bg, #content-bg1, #content-bg2, #content-bg3, #content-zilda { /* définitions communes aux différents cadres "contenu" */
	padding:4px;
	width:510px;
	height:580px;
	position:absolute;
	right:0px;
	top:0px;
	overflow:auto;
}
#content, #content-bg1, #content-bg2, #content-bg3, #content-zilda { /* définitions communes aux différents cadres "contenu" avec fond */
	border:1px dotted maroon;
	background:maroon;
	color:white;
}
#content-no-bg { /* définitions cadres "contenu" sans fond */
	color:white;
}
#content-bg1 {
	background:url(../img/bougeoir1.jpg) no-repeat center center;
}
#content-bg2 {
	background:url(../img/bougeoir2.jpg) no-repeat center center;
}
#content-bg3 {
	background:url(../img/bougeoir3.jpg) no-repeat center center;
}
#content-zilda {
	border-bottom:2px solid maroon;	
}
	
/* définitions styles liens */
a { /* tous les liens ( sans nom de "classe" particulière : ex.: liens vers parties "europes med." */
	color:#40E0D0;
	text-decoration:none;
}
a:hover { /* tous les liens quand la souris survole */
	color:#40E0D0;
}
a.lien-partie-ecoute {
	font-size:16px;
	font-weight:bold;
	color:#40E0D0;
	text-decoration:none;
}
a.lien-chanson {
	color:#DD7129;
	text-decoration:none;
}
a.lien-chanson:hover {
	text-decoration:underline;
}
.interligne {
	line-height:24px;
}
#chantavantapres {
	width:100%;
}
.gauche {
	font-size:16px;
	font-weight:bold;
	text-align:left;
}
.droite {
	font-size:16px;
	font-weight:bold;
	text-align:right;
}
.couleursable {
	color:#DD7129;
}
.couleurturquoise {
	color:#40E0D0;
}