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 ) remplit 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:16px
}
#main { /* définition des styles cadre principal */
	margin:auto;
	width:1000px;
	height:593px;
	opacity: 1;
	background:white no-repeat center center;
}
#main.oreee {background-image:url(../img/0oreee.png);}
#main.oreee1 {background-image:url(../img/0oreee1.png);}
#main.explorations {background-image:url(../img/1explorations.JPG);}
#main.etape {background-image:url(../img/2etape.JPG);}
#main.essors {background-image:url(../img/3essors.JPG);}

body.oreee, #main.oreee {background-color:#46059E;}
body.oreee1, #main.oreee1 {background-color:#46059E;}
body.explorations, #main.explorations {background-color:#146161;}
body.etape, #main.etape {background-color:#EFD780;}
body.essors, #main.essors {background-color:#A5260A;}

/*================================================*/
/* définitions des styles de la barre de menu */
#posm {	/* faux cadre pour placement cadre "menu" */
	position:relative; /* mode de positionnement "flottant" relatif à l'élément parent */
	height:593px; /* hauteur cadre principal : + ou - les éventuelles valeurs de margin / padding / border top et bottom */
	width:0px;
}
#menu {
	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:0px; /* placement à 0 pixel depuis le bas du cadre */
	border-top:1px dotted #B79A61; /* bordure haut du menu */
	text-align:center; /* centrage du texte */
	padding:4px 0px; /* valeurs de marge intérieure : haut/bas - gauche/droite */
	background:#B79A61; /* couleur de fond */
	color:#FFFFD4; /* 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:14px;
}
a.pglnk { /* style des liens de classe "pglink" : liens du menu */
	color:#FFFFD4;
	text-decoration:none;
}
a.pglnk:hover { /* style des liens de classe "pglink" : liens du menu quand la souris survole */
	color:#40E0D0;
}
.sectact { /* style "texte section actuelle" : concerne essentiellement les séparations */
	color:#FFFFD4; /* ne s'applique pas à la classe "pgact" qui "écrivent" par dessus une autre définition de couleur */
	font-weight:bold; /* gras : s'applique aux liens tant que pas de définition particulière */
	text-decoration:underline;
}
.pgact { /* style "page actuelle"  */
	color:#FFFFD4;
}
.arbact {
	font-size:10px;
}
/* fin définitions des styles de la barre de menu */
/*================================================*/

/*================================================*/
/* définitions des styles de la barre flags */
#posf {	/* faux cadre pour placement cadre "flags" */
	position:relative; /* mode de positionnement "flottant" relatif à l'élément parent */
	height:8px; /* 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:#FFFFD4; /* 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:#FFFFD4;
	text-decoration:none;
}
a.pglnkf:hover { /* style des liens de classe "pglink" : liens du menu quand la souris survole */
	color:#FFFFD4;
}
.sectactf { /* style "texte section actuelle" : concerne essentiellement les séparations */
	color:#FFFFD4; /* 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:#FFFFD4;
}
.arbactf {
	font-size:10px;
}
/* fin définitions des styles de la barre flags */
/*================================================*/

/*================================================*/
/* définitions des styles de la barre prod */
#posp {	/* faux cadre pour placement cadre "flags" */
	position:relative; /* mode de positionnement "flottant" relatif à l'élément parent */
	height:8px; /* hauteur cadre principal : + ou - les éventuelles valeurs de margin / padding / border top et bottom */
	width:0px;
}
#prod {
	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 */
	top:-50px; /* placement à 0 pixel depuis le haut du cadre */
	text-align:center; /* centrage du texte */
	padding:0px 0px; /* valeurs de marge intérieure : haut/bas - gauche/droite */
	color:#475967; /* 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:9px;
	line-height:12px;
}
a.pglnkf { /* style des liens de classe "pglink" : liens du menu */
	color:#FFFFD4;
	text-decoration:none;
}
a.pglnkf:hover { /* style des liens de classe "pglink" : liens du menu quand la souris survole */
	color:#40E0D0;
}
.sectactf { /* style "texte section actuelle" : concerne essentiellement les séparations */
	color:#FFFFD4; /* 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:#FFFFD4;
}
.arbactf {
	font-size:10px;
}
/* fin définitions des styles de la barre prod */
/*================================================*/

/* 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:880px;
	height:450px;
	position:absolute;
	left:60px;
	top:60px;
	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:#FFFFD4;
}
#content-no-bg { /* définitions cadres "contenu" sans fond */
	color:#FFFFD4;
}
	
/* définitions styles liens */
a { /* tous les liens ( sans nom de "classe" particulière : ex.: liens vers parties "europes med." */
	color:#FFFFD4;
	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;
}