body		/* * = ETOILE = TOUT EN GENERALE: A,H1aH6,P,TB,TR,TD,IMG...etc */
		{
		font-family:			Tahoma, arial, sans-serif;
		font-weight:			normal;
		font-size:				8pt;
		color:				#000;
		border:				none 0px #000;
		text-decoration:			none;
		text-transform:			none;
		}

body		{
/*		background:				url(../images/fond1.jpg) repeat top left;		*/
		background-color:			#FFF;		
		}

img.map	/* POUR LES CARTES DE DIRECTIONS A LA PAGE CONTACTER.HTM */
		{
		border:				solid 1px #000;
		margin-left:			10px;
		margin-right:			10px;
		}

/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////// a = tout ce qui est un link, tou ce qui pointe vers qqchose: HREF=xx             ////////// */
/* ////////// a.left = tout ce qui concerne le MENU de navigation a gauche (accueil, rep...etc ////////// */
/* ////////// a.repcours = tout ce qui concerne la page REPERTOIRE.HTM, LE NOM DES COURS       ////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

a		{
		font-weight: 			bold;
		text-decoration: 			underline;
		}

a:hover	{
		color: 				rgb(114,139,132);
		text-decoration: 			underline;
		}

a.left	{
		color: 				#000;
		text-decoration: 			none;
		text-transform: 			uppercase;					
		font:					bold 12px Tahoma;		
		display: 				block;
		border: 				solid 0px rgb(253,216,138);
		padding-left:			4px;
		}

a.left:hover{
		color: 				#FFF;
		border: 				solid 0px #000;
		background-color: 		#000;
		text-decoration: 			none;
		}

a.left_info	{
		font:		 			bold 11px Tahoma;
		text-decoration: 			none;
		}

a.left_info:hover{
		color: 				rgb(114,139,132);
		text-decoration: 			none;
		}

a.repcours	{
		color: 				#000;
		font-weight: 			bold;
		display: 				inline;
		border:				none 0px #000;
		cursor: 				default;
		text-decoration: 			none;
		}

a.repcours:hover	{
		color: 				#000;
		border:				none 0px #000;
		background-color: 		rgb(253,216,138);
		cursor: 				default;
		text-decoration: 			none;
		}


/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* ////////// T2 = LE TABLEAU DU SITE        TR=row             TD=colonne                     ////////// */
/* ////////////////////////////////////////////////////////////////////////////////////////////////////// */

table.t3	{
		margin:				0px;
		background-color:			rgb(254,236,199);		
		border:				solid 1px #000;
		border-collapse:			collapse;
		}  

table.t2	{
		margin-top:				10px;
/*		background-color:			rgb(254,236,199);		*/
		border:				1px solid #000;
		border-collapse:			collapse;
		background-image:			url('http://www.centremetacontact.com/images/fond1.jpg');
		}  

tr		{
		border:				solid 0px #000;
		vertical-align:			top;
		}

td		{
		border:				solid 0px #000;
		padding: 				0px;
		vertical-align: 			top;
		}

td.td1	{
		font:					small-caps bold 12px Tahoma;		
		color:				#FFF;
		background-color: 		rgb(114,139,132);
		border:				solid 1px #000;
		padding: 				0px;
		}

td.td2	{
		font:					normal 11px Tahoma;		
		color:				#000;
		background-color:			rgb(253,216,138);		
		border:				solid 0px #000;
		padding: 				4px;
		text-align:				center;
		}

ul		/* unsorted list */
		{
		margin-top:				0px;
		}

.navtext	/* POUR LE POP-UP BOX POUR LA DESCRIPTION DES COURS DANS LA PAGE REPERTOIRE.HTM */
		{
		width:				300px;
		border:				solid 1px #000;
		background-color:			rgb(253,216,138);
		position:				absolute;
		top:					0px;
		left:					0px;
		visibility:				hidden;
		}

#sujetbar	/* TITRES PRINCIPAUX PAR EXEMPLE : BIENVENUE SUR LE SITE DU CMC ou CAPSULE-INFO */
		{
		color: 				#FFF;
		font:					small-caps bold 12px Tahoma;		
		letter-spacing: 			0px;
		border:				solid 1px #000;
		background-color: 		rgb(114,139,132);
		padding: 				0px;
		}

#info	/* TEXT ENCADRÉ POUR SUJET DIVERS, COMME SPÉCIAUX, NOUVEAU ...etc */
		{
		color: 					#FFF;
		font:					small-caps bold 12px Tahoma;		
		letter-spacing: 		0px;
		border:					solid 1px #000;
/*		background-color: 		rgb(254,236,199); */
		background-color: 		rgb(114,139,132);
		padding: 				0px;
		}

#textmain	/* text dans la section dynamic du milieu */
		{
		font:					normal 11px Tahoma;		

		}

#box1		{
		border:				solid 1px #000;
		background-color: 		rgb(253,216,138);
		padding: 				0px;
		top:					0px;
		vertical-align:			top;		
		margin-top:				0px;
		}

#hh4		{
		font-weight: 			bold;
		text-transform: 			uppercase;
		}

#pics img	{
		border:				solid 1px #000;
		top:					0px;
		bottom:				0px;
		padding:				0px;		
		margin:				0px;		
		vertical-align:			bottom;
		}