/* 
  *	CLASSES POUR LES TABLEAUX


th			{text-align: center;
		  	 border: medium outset;
		  	 border-color: #2D47FF}

td			{border: medium outset;
			   border-color: #2D47FF}
 */
.total		{width: 100%;
		   	border: 1px solid #FFCC99}						/* Toute la largeur */

.quart		{width: 25%;
		   	border: 1px solid #FFCC99}						/* 25% */

.trois-quart  {width: 75%;
			   border: 1px solid #FFCC99}						/* 75% */

.demi		 {width: 50%;
			   border: 1px solid #FFCC99}						/* 50% */

.tiers		{width: 33.3%;
			   border: 1px solid #FFCC99}						/* Un tiers */

.deux-tiers   {width: 66.7%;
			   border: 1px solid #FFCC99}						/* Deux tiers */

 /*
  *	TABLEAUX Fond TURQUOISE
  */

.turquoise	{width: 100%;
			   text-align: center;
			   background-color: #0DE8FF;}

 /* 
  *	CLASSES POUR LE TEXTE
  */
.titre		{text-align: center;
			   font-weight: bold;
			   color: #FF1A1A;
			   font-size: x-large;
			   font-style: italic;
			   border: 1px solid #FFCC99}

.turqtitre	{text-align: center;
			   font: bold xx-large;
			   color: #FF1A1A;
			   background-color: #0DE8FF;
			   border: 1px solid #FFCC99}

.tcentre	  {margin-left: 25% ;
		   	text-align: center ;
			   font-weight: bold ; 
			   color: #291ace ;
			   font-style: italic ;
			   background: #0de8ff ;
 			  text-decoration: none;
 			  font-size: large }							/* font-style italic; */

.tdroite	  {margin-left: 50%;
			   width: 50%;
			   text-align: center;
			   font-weight: bold;
			   color: #291ace;
			   font-style: italic;
			   background: #0de8ff}
.sstitre	  {margin-left: 10%;
			   font-weight: bold;
			   color: #211194;
			   text-decoration: underline;
			   font-size: large}

.it		   {text-align: left;
			font-weight: bold;
			   font-style: italic}

.itred		{font-weight: bold;
			   color: #FF1A1A;
			   font-style:italic;
			   text-align: right}

.itd		  {font-weight: bold;
			   text-align: right;
			   font-style: italic;
			   font-size: large}
.itg		  {font-weight: bold;
			   text-align: left;
			   font-style: italic;
			   font-size: large}

.droite	   {font-weight: bold;
			   font-size: medium;
			   font-color: #291ace;
			   text-align: right}

.dd		   {margin-left: 10%;
			   text-indent: 6%;
			   font-weight: bold;
			   font-size: medium}

.align-droite {text-align: right;
			   font-weight: bold;
			   font-size: medium}

.gauche	   {text-align: left;
			   font-weight: bold;
			   font-size: medium;
			   color: #2924aa;
			   background: #0de8ff;
			   text-decoration: none}

.fanta 			 {text-align: center;
			   font-weight: bold;
			   font-size: large;
			   color: #FF1A1A;
			   font-style: italic;
			   background: #0de8ff;
			   text-decoration: none}

.gauche-fanta {text-align: left;
			   font-weight: bold;
			   font-size: large;
			   color: #FF1A1A;
			   font-style: italic;
			   background: #0de8ff;
			   text-decoration: none}

.droite-fanta {text-align: right;
			   font-weight: bold;
			   font-size: large;
			   color: #FF1A1A;
			   font-style: italic;
			   background: #0de8ff}

 /* 
  * LIENS
  */

a:link		{text-decoration:none;
			   font-weight:bold;
			   color:#E00000;}								/* lien */

a:visited	 {text-decoration:none;
			   font-weight:bold;
			   color:#800000;}								/* lien cliqué */

a:hover	   {text-decoration:none;
			   font-weight:bold;
			   background-color:#FFFF00;}					 /* lien survolé */

a:active	  {text-decoration:none;
			   font-weight:bold;
			   background-color:#CCFFFF;}					 /* lien actif */

 /* 
  *	MARQUEURS ( Rem: Il serait utile d'aussi créer des CLASSES )
  */

strong		{color: #FF1A1A}

/*i			 {font-weight: bold}

li			{font-weight: bold;
			   font-style: italic}
*/

/*
 *	MENU PROGRAMMABLE
 */ 

#menu-prog			{width:100%;
				   	height: 20px;}							/* dimension */ 
 
#menu-prog .bouton	{background: #0de8ff ;
				   	width: 16% ;
				   	padding: 1px ;
				   	border: 1px solid #ffffff ;
				   	float: left ;
				   	text-align: center ;
				   	font-size: 12 px ;
				   	font-weight: bold ;}					/* bouton */ 
 
#menu-prog a:link	 {color:#ffffff ;
				   	text-decoration: none ;}				/* lien */

#menu-prog a:visited  {color:#ffffff ;
					   text-decoration: none ;}				/* lien cliqué */

#menu-prog a:hover	{background: #ffffff ;
					   color:#ff1a1a ;
					   text-decoration:none ;

					   border:1px solid #C377B5 ;}			/* lien survolé */
/*
 *	BARRE-SENSIBLE
 */ 

#barre-sensible	   {width:100%;
				   	height: 20px;}							/* dimension */ 
 
#barre-sensible .barreS	{background: #0de8ff ;
					   width: 80% ;
				   	padding: 1px ;
				   	border: 1px solid #ffffff ;
				   	float: left ;
				   	text-align: center ;
				   	font-size: 12px ;
				   	font-weight: bold ;}					/* bouton */ 
 
#barre-sensible a:link	 {color:#ffffff ;
				   	text-decoration: none ;}				/* lien */

#barre-sensible a:visited  {color:#ffffff ;
					   text-decoration: none ;}				/* lien cliqué */

#barre-sensible a:hover	{background: #ffffff ;
					   color:#ff1a1a ;
					   text-decoration:none ;
					   border:1px solid #C377B5 ;}			/* lien survolé */

/*
 *	DATES
 */

#date				 {color:#000099 ;
					   font-size:10px ;
					   text-align :right ;
					   font-style:italic ;}