		<!-- La rigueur n'est pas encore de mise pour l'ordre theme/chapter/subject/title -->
		
		<!-- ATTENTION -->
		<!-- [href="monstyle.css" #A9A9A9] & [href="messtyles.css" #C0C0C0] & href="mystyle.css" white] -->
		<!-- Avant de supprimer un "title" ou un "link", s'assurer qu'il n'est pas utilisé dans une autre catégorie ! -->
		
		<!-- .TITLE -->
		<!-- Déjà utilisés: title 1 à 22, title 01 à 013 -->
		<!-- .LINK -->
		<!-- Déjà utilisé: link 0 à 23, link 01 à 023 -->
		
		<!-- THEMES -->
		<!-- Gros Titre -->
  	    .title1 		{font-size:18px;font-style:normal;font-weight:normal;font-family:Verdana, Arial, Helvetica;text-align: center;letter-spacing:1;color="white";} 
  		<!-- by Auteur -->
  		.title2 		{font-size:10px;font-style:normal;font-weight:normal;font-family:Verdana, Arial, Helvetica;text-align: center;letter-spacing:1;color="#FFFF00";} 
  		<!-- Auteur du lien hyperTexte -->
		.title3 		{font-size:12px;font-style:normal;font-weight:normal;font-family:Verdana, Arial, Helvetica;text-align: justify;letter-spacing:1;color="lightblue";} 
  		<!-- Dialogues ou mots importants -->
  		.title4 		{font-size:12px;font-style:italic;font-weight:normal;font-family:Verdana, Arial, Helvetica;text-align: justify;letter-spacing:1;color="indigo";} 
  		<!-- Sous-titre fin (Dialogue, mot important, matrice) -->
  		.title5 		{font-size:12px;font-style:normal;font-weight:normal;font-family:Verdana, Arial, Helvetica;text-align: justify;letter-spacing:1;color="darkslateblue";} 
  		<!-- Sous-titre gras (Titre d'un paragraphe) -->
  		.title6 		{font-size:12px;font-style:normal;font-weight:bold;font-family:Verdana, Arial, Helvetica;text-align: justify;letter-spacing:1;color="midnightblue";} 
		
  		<!-- ENIGMES -->
  		<!-- Titre -->
  		.title7 		{font-size:20px;font-family:comic sans ms;text-align: center;letter-spacing:1;color:#330066;border:solid 1px #339999;background-Color:darkseagreen;} 
  		<!-- Sommaire -->
  		.title8 		{font-size:12px;font-weight:bold;font-family:comic sans ms;text-align:center;letter-spacing:1;color: #339999;background-Color:lightgrey} 
  		<!-- Enigmes -->
  		.title9 		{font-size:12px;font-family:arial;text-align: justify;color: #000066;background-Color:cadetblue;border-style:solid;border-width:8px; border-color:cadetblue;} 
  		<!-- Indices -->
  		.title10 		{font-size:12px;font-weight:bold;font-family:comic sans ms;text-align: left;color: midnightblue;background-Color:cadetblue;} 
  		<!-- Remerciements -->
  		.title11 		{font-size:11px;font-family:verdana;text-align: right;letter-spacing:1;color:#339999;background-Color:lightgrey} 
  		<!-- by auteur (Test de personnalité ou signature dans indexx) -->
  		.title21 		{font-size:12px;font-style:normal;font-weight:normal;font-family:comic sans ms;text-align: right;letter-spacing:1;color: yellow;} 
  		<!-- Texte Solution Enigme -->
  		.title12 		{font-family:comic sans ms;font-size:12px;font-weight:normal;color="#339999";} 
  		.link19 		{font-family:arial,geneva; font-size:12px;letter-spacing:0;color:#FFCC00;font-weight:bold;text-decoration:none} 
  		.link19:hover 	{font-family:arial,geneva; font-size:12px;letter-spacing:0;color:#FFFFFF;font-weight:bold;text-decoration:none} 
  		.link20 		{color: #339999;font-size: 12px;text-decoration: none;} 
		.link20:hover	{color: #006699;text-decoration: underline overline} 
		
  		<!-- SOLUTIONS ENIGMES -->
  		<!-- Texte Solution Enigme -->
  		.title12 		{font-family:comic sans ms;font-size:12px;font-weight:normal;color="#339999";} 
  		<!-- Dialogues (+ <i>...</i>) -->
  		.link05 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:purple} 
  		<!-- Liens hypertextes -->
  		.link06 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:indigo} 
  		.link06:hover 	{color:indigo; text-decoration:underline overline} 
		
  		<!-- LIENS HYPERTEXTES -->
  		<!-- Grands Menus Arborescence center -->
  		.title02 		{font-size:12px;font-style:normal;font-weight:bold;font-family:comic sans ms;text-align: center;letter-spacing:1;color:lightgrey;} 
  		<!-- Grands Menus Arborescence left -->
  		.title04 		{font-size:12px;font-style:normal;font-weight:bold;font-family:comic sans ms;text-align: left;letter-spacing:1;color:lightgrey;} 
		.link0 			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:lightgrey} 
  		.link0:hover 	{color:lightgrey; text-decoration:underline overline} 
		.link1 			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:midnightblue} 
  		.link1:hover 	{color:midnightblue; text-decoration:underline overline} 
		.link01			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:midnightblue} 
  		.link01:hover 	{color:midnightblue; text-decoration:underline overline} 
		.link2			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:darkslateblue} 
  		.link2:hover 	{color:darkslateblue; text-decoration:underline overline} 
		.link02			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:darkslateblue} 
  		.link02:hover 	{color:darkslateblue; text-decoration:underline overline} 
		.link3			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:mediumslateblue} 
  		.link3:hover 	{color:mediumslateblue; text-decoration:underline overline} 
		.link03			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:mediumslateblue} 
  		.link03:hover 	{color:mediumslateblue; text-decoration:underline overline} 
		.link4			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:mediumpurple} 
  		.link4:hover 	{color:mediumpurple; text-decoration:underline overline} 
		.link04			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:mediumpurple} 
  		.link04:hover 	{color:mediumpurple; text-decoration:underline overline} 
		.link5			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:purple} 
  		.link5:hover 	{color:purple; text-decoration:underline overline} 
		.link05 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:purple} 
  		.link05:hover 	{color:purple; text-decoration:underline overline} 
		.link6 			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:indigo} 
  		.link6:hover 	{color:indigo; text-decoration:underline overline} 
		.link06 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:indigo} 
  		.link06:hover 	{color:indigo; text-decoration:underline overline} 
		.link7 			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:darkred} 
  		.link7:hover 	{color:darkred; text-decoration:underline overline} 
		.link07 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:darkred} 
  		.link07:hover 	{color:darkred; text-decoration:underline overline} 
		.link8 			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:firebrick} 
  		.link8:hover 	{color:firebrick; text-decoration:underline overline} 
		.link08 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:firebrick} 
  		.link08:hover 	{color:firebrick; text-decoration:underline overline} 
		.link9 			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:crimson} 
  		.link9:hover 	{color:crimson; text-decoration:underline overline} 
		.link09 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:crimson} 
  		.link09:hover 	{color:crimson; text-decoration:underline overline} 
		.link10 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:slateblue} 
  		.link10:hover 	{color:slateblue; text-decoration:underline overline} 
		.link010		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:slateblue} 
  		.link010:hover 	{color:slateblue; text-decoration:underline overline} 
		.link11			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:royalblue} 
  		.link11:hover 	{color:royalblue; text-decoration:underline overline} 
		.link011		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:royalblue} 
  		.link011:hover 	{color:royalblue; text-decoration:underline overline} 
		.link12			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:steelblue} 
  		.link12:hover 	{color:steelblue; text-decoration:underline overline} 
		.link012		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:steelblue} 
  		.link012:hover 	{color:steelblue; text-decoration:underline overline} 
		.link13			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:lightslategray} 
  		.link13:hover 	{color:lightslategray; text-decoration:underline overline} 
		.link013		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:lightslategray} 
  		.link013:hover 	{color:lightslategray; text-decoration:underline overline} 
		.link14			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:teal} 
  		.link14:hover 	{color:teal; text-decoration:underline overline} 
		.link014 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:teal} 
  		.link014:hover 	{color:teal; text-decoration:underline overline} 
		.link15 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:seagreen} 
  		.link15:hover 	{color:seagreen; text-decoration:underline overline} 
		.link015		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:seagreen} 
  		.link015:hover 	{color:seagreen; text-decoration:underline overline} 
		.link16			{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:darkslategray} 
  		.link16:hover 	{color:darkslategray; text-decoration:underline overline} 
		.link016		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:darkslategray} 
  		.link016:hover 	{color:darkslategray; text-decoration:underline overline} 
		.link17 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:dimgray} 
  		.link17:hover	{color:dimgray; text-decoration:underline overline} .link017 {font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:dimgray} 
  		.link017:hover 	{color:dimgray; text-decoration:underline overline} .link18 {font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:bold;letter-spacing:0;color:gray} 
  		.link18:hover 	{color:gray; text-decoration:underline overline} .link018 {font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:gray} 
  		.link018:hover 	{color:gray; text-decoration:underline overline} 
		
  		<!-- INDEX 1/2/3 -->
  		<!-- Résumé 1 -->
  		.title13 		{font-family:comic sans ms,arial,geneva;font-size:12px;letter-spacing:1;text-align:center;color:mediumslateblue} 
  		<!-- Link 1 -->
  		.link21 		{font-size:12px;font-family:comic sans ms;text-align: right;letter-spacing:1;color: yellow;text-decoration: none} 
		.link21:hover {color="#339999";text-decoration:none} 
  		<!-- Résumé 2 -->
  		.title15 		{font-size:12px;font-family:comic sans ms;text-align: center;letter-spacing:1;color:lightgrey;} 
  		<!-- Link 2 -->
  		.link22 		{font-size:12px;font-family:comic sans ms;text-align: right;letter-spacing:1;color:yellow;text-decoration: none} 
		.link22:hover {color="#339999";text-decoration:none} 
  		<!-- Résumé 3 -->
  		.title15 		{font-size:12px;font-family:comic sans ms;text-align: center;letter-spacing:1;color:lightgrey;} 
  		<!-- Link 3 -->
  		.link22 		{font-size:12px;font-family:comic sans ms;text-align: right;letter-spacing:1;color:yellow;text-decoration: none} 
		.link22:hover {color="#339999";text-decoration:none} 
		
  		<!-- ELEMENT -->
 	    <!-- Theme -->
  		.title16 		{font-size:20px;font-family:comic sans ms;text-align: center;letter-spacing:1;color:#FFFF00;border:solid 1px #339999;background-Color:darkseagreen;} 
  		<!-- Chapter -->
  		.title17 		{font-size:12px;font-style:normal;font-weight:bold;font-family:arial,comic sans ms;text-align: center;letter-spacing:1;color="navy";} 
  		<!-- Subject -->
  		.title19 		{font-size:12px;font-family:comic sans ms;font-weight:bold;text-align:left;letter-spacing:1;color="#666699";} 
  		<!-- Etats des composants chimiques: g/s/l/v -->
  		.title18 		{font-size:12px;font-family:arial,comic sans ms;letter-spacing:1;color: "#666699";} 
  		<!-- Texte -->
  		.title20 		{font-size:12px;font-family:comic sans ms;text-align: justify;letter-spacing:1;color="teal";} 
  		<!-- Italique -->
  		.title22 		{font-size:12px;font-family:comic sans ms;text-align: justify;font-style:italic;letter-spacing:1;color="darkslateblue";} 
  		<!-- by Auteur -->
  		.title14 		{font-size:10px;font-style:normal;font-weight:normal;font-family:Verdana,Arial, Helvetica;text-align: center;letter-spacing:1;color="#339999";} 
  		<!-- Link accueil/arborescence -->
  		.link06 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:indigo} 
  		.link06:hover 	{color:indigo; text-decoration:underline overline} 
  		<!-- Link ancres -->
  		.link019 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:13px;font-weight:normal;letter-spacing:0;color:indigo} 
  		.link019:hover 	{color:indigo; text-decoration:underline} 
  		<!-- Link  up page -->
  		.link02 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:"#666699"} 
  		.link02:hover 	{color:darkslateblue; text-decoration:underline overline} 
  		<!-- Link hypertexte -->
  		.link020 		{font-family:arial,comic sans ms,arial,geneva;text-decoration:underline;font-size:11px;font-weight:normal;letter-spacing:0;color:blue} 
  		.link020:hover 	{color:navy; text-decoration:none} 
  
  
  
  		<!-- GATE OF LEARNING -->
  		BODY { background-color: #C0C0C0 }
		
		<!-- THEMATIQUE href="messtyles.css" -->
  		<!-- "by Auteur" -->
  		.title14 		{font-size:10px;font-style:normal;font-weight:normal;font-family:Verdana,Arial, Helvetica;text-align: center;letter-spacing:1;color="#339999";} 
  		<!-- "Encadré" -->
  		.title16 		{font-size:20px;font-family:comic sans ms;text-align: center;letter-spacing:1;color:#FFFF00;border:solid 1px #339999;background-Color:darkseagreen;} 
  		<!-- "Titre du sous-chapitre" -->
  		.title19 		{font-size:12px;font-family:comic sans ms;font-weight:bold;text-align:left;letter-spacing:1;color="#666699";} 
		<!--  "Titre du chapitre" -->
  		.title17 		{font-size:12px;font-style:normal;font-weight:bold;font-family:arial,comic sans ms;text-align: center;letter-spacing:1;color="navy";} 
  		<!-- "Texte" -->
  		.title20 		{font-size:12px;font-family:comic sans ms;text-align: justify;letter-spacing:1;color="teal";} 
  		<!-- "Italique" -->
  		.title22 		{font-size:12px;font-family:comic sans ms;text-align: justify;font-style:italic;letter-spacing:1;color="darkslateblue";} 
  		<!-- "Link  up page" -->
  		.link02 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:"#666699"} 
  		.link02:hover 	{color:darkslateblue; text-decoration:underline overline} 
  		<!-- "Link accueil/arborescence/page précédente" -->
  		.link06 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:indigo} 
  		.link06:hover 	{color:indigo; text-decoration:underline overline} 
  		<!-- "About image" -->
        .link010		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:12px;font-weight:normal;letter-spacing:0;color:slateblue} 
  		<!-- "Link ancres" -->
  		.link019 		{font-family:comic sans ms,arial,geneva;text-decoration:none;font-size:13px;font-weight:normal;letter-spacing:0;color:indigo} 
  		.link019:hover 	{color:indigo; text-decoration:underline} 
  		<!-- "Link hypertexte" -->
  		.link020 		{font-family:arial,comic sans ms,arial,geneva;text-decoration:underline;font-size:11px;font-weight:normal;letter-spacing:0;color:blue} 
  		.link020:hover 	{color:navy; text-decoration:none} 
  
			
  		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		