@media all
	{
  
HTML
	{
    	FONT-SIZE: 12px;
	}

body
	{
	margin:					0;
	padding:				0;
  	FONT: "Verdana, Arial, Helvetica, sans-serif"
	background-color:			#FFFFFF;
	}

*	/* pour IE 5.x dont la propriete 'font-size' n'est pas heritee de BODY */
	{
    	FONT-SIZE: 12px;
	}

H1 {	FONT-SIZE: 26px;
	COLOR: #993300;
	FONT-FAMILY: Georgia, "Times New Roman", Times, serif}

P {	FONT-SIZE: 12px;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif}

A:hover {COLOR: #cc9900;
  TEXT-DECORATION: underline}

A {COLOR: #333366;
  TEXT-DECORATION: none}

a:link{
			color: #0a1185;
			text-decoration: none;
			}
			a:active{
			color: #990033; 
			text-decoration: underline;
			}
			a:visited{
			color: #0a1185;
			text-decoration: none;
			}



.bordureGrise
	{
	border:					1px solid #EFEFEF;
	}

.fondGrisPale
	{
	background-color:			#EFEFEF;
	}

/*	IMAGES SERVANT D'HYPERLIENS
*/

.lienImage:link,
.lienImage:active,
.lienImage:hover,
.lienImage:visited,
	{
	background-color:			transparent;
	}

fieldset
	{
	margin:					1px;
	padding:				1px;
	}

form
	{
	margin:					0;
	}

thead,
th
	{
	text-align:				center;
	background-color:			#DFDFDF;
	font-weight:				bold;
	text-transform:				uppercase;
	font-size:				0.9em;
	}

	/*			===================			*/
	/*			A I D E / G U I D E			*/
	/*			===================			*/
/*
A:active.aide,
A:link.aide,
A:hover.aide,
A:visited.aide
	{
	color:					blue;
	}
*/
	/*			=====================			*/
	/*			B A R R E - T I T R E			*/
	/*			=====================			*/

.titreSection
	{
	text-align:				left;
	display:				block;
	color:					black;
	background-color:			threedface; /* #EFEFEF; */
	font-weight:				bold;
	padding:				3px;
	border:					outset 1px;
	}

.titreSection *
	{
	color:					black;
	background-color:			threedface; /* #EFEFEF; */
	font-weight:				bold;
	padding:				0;
	}

.titreSectionNo
	{
	font-size:				0.85em;
	border-style:				solid;
	border-width:				2px;
	}

.titreSectionNoBleue
	{
	font-size:				0.85em;
  BACKGROUND-COLOR: #CCCCFF;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"
	}
	/*			=============				*/
	/*			B O R D U R E				*/
	/*			=============				*/

.bordure
	{
	border:					1px solid black;
	}

	/*			=============				*/
	/*			B O U T O N				*/
	/*			=============				*/

.bouton
	{
	cursor:					hand;
        width:                                  100%;
	}

.petitBouton
	{
	padding-left:				2px;
	padding-right:				2px;
	margin:					1px;
	border-color:				#EFEFEF;
	border-style:				solid;
	border-width:				1px;
	background-color:			white;
	text-decoration:			none;
	}

.petitBouton:hover
	{
	border-style:				outset;
	background-color:			white;
	}

.petitBouton:link
	{
	border-style:				solid;
	background-color:			white;
	}

.petitBouton:active
	{
	border:					1px inset;
	background-color:			white;
	}

	/*			=================			*/
	/*			C O N T R O L E S			*/
	/*			=================			*/

/*	Les classes suivantes sont utilisées pour le stylage des contrôles
	de formulaires HTML. Ils seront ultérieurement remplacés par les 
	sélecteurs de la forme 'input[type="leType"]' lorsque celle-ci 
	sera supportée par les navigateurs.
*/

	/*			CHECKBOX				*/

.ctrlCheckbox
	{
	
	}

	/*			FILE					*/

.ctrlFile
	{
	
	}

	/*			RADIO					*/

.ctrlRadio
	{
	
	}

	/*			SELECT					*/

.ctrlSelect
	{
	
	}

	/*			TEXT					*/

.ctrlText
	{
	
	}

	/*			TEXTAREA				*/

.ctrlTextarea
	{
	
	}

/*	Les contrôles de formulaires suivant n'ont pas de classe associée:

		input type="button"
		input type="hidden"
		input type="image"
		input type="password"
		input type="reset"
		input type="submit"

*/


	/*			==========================		*/
	/*			E N T E T E  I N V E R S E		*/
	/*			==========================		*/

.enteteInverse
	{
	text-align:				center;
	color:					white;
	background-color:			black;
	font-weight:				bold;
	padding:				3px;
	}


	/*			=====================			*/
	/*			N O - Q U E S T I O N			*/
	/*			=====================			*/

.noQuestion
	{
	padding:					5px;
	}

	/*			===================			*/
	/*			N O - S E C T I O N			*/
	/*			===================			*/

.titreSection .noSection
	{
	text-transform:				uppercase;
	padding-left:				10px;
	padding-right:				10px;
	}

.titreNoDem
	{
	text-transform:				uppercase;
	}

	/*			=========				*/
	/*			P E T I T				*/
	/*			=========				*/

.petit
	{
	font-size:				0.85em;
	}

	/*			=============				*/
	/*			S E C T I O N				*/
	/*			=============				*/

.navBP
	{
	margin-top:				10pt;
	}

	/*			===================================	*/
	/*			T A B L E   D E S   M A T I E R E S	*/
	/*			===================================	*/


.tdmSection
	{
	margin-top:15px;
	font-size:0.80em;
	padding:0px;
	border: 0px outset;
	background-color: White;
}

.tdmA
	{
	border-width:1px;
	border-style: outset;
	border-color: Blue;
	padding-left:3px;
	padding-right:3px;
	padding-top:3px;
	padding-bottom:3px;
	display:block;
	text-align:center;
	background : White;
}

.tdmA:active,
.tdmA:link,
.tdmA:hover,
.tdmA:visited,
	{
	background-color: transparent;
	color: Black;
	text-decoration:none;
}


	/*		=====================================		*/
	/*		Z O N E   C O N D I T I O N N E L L E		*/
	/*		=====================================		*/

.zoneConditionnelle
	{
	/*	Classe réservée pour des fins d'interactions avec 
		l'usager. Voir le fichier gestionZoneConditionnelle.1.js
	*/
	}

.sectionConditionnelle
	{
	/*	Classe réservée pour des fins d'interactions avec 
		l'usager. Voir le fichier gestionZoneConditionnelle.1.js
	*/
	}

.celluleVerte {BACKGROUND-COLOR: #336600}

.celluleOrange {BACKGROUND-COLOR: #cc9900}

.celluleRouge {BACKGROUND-COLOR: #993300}

.typeVertBold12pts {FONT-SIZE: 12px;
   COLOR: #336600;
   FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.champPlain {BORDER-RIGHT: #336600 1px solid;
   BORDER-TOP: #336600 1px solid;
   FONT-SIZE: 10px;
   BORDER-LEFT: #336600 1px solid;
   BORDER-BOTTOM: #336600 1px solid;
   FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.champLeft {
  FONT-SIZE: 12px;
  BORDER-LEFT: #336600 1px solid;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.champLeftImpr {
  FONT-SIZE: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}
  
.ligneLeft {
  FONT-SIZE: 12px;
  BORDER-LEFT: #336600 1px solid;
  FONT: "Verdana, Arial, Helvetica, sans-serif"}
  
.typeBleuBold10pix {FONT-SIZE: 9px;
  COLOR: #333366;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.typeRougeBold12pix {FONT-WEIGHT: bold;
  FONT-SIZE: 9px;
  COLOR: #993300;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.resultat { 
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif" }

.texteOrange { 
  COLOR: #cc9900 }
  
.texteOrangeJo { 
  COLOR: #cc9900 }
  FONT-SIZE: 10px;

.texteVert { COLOR: #336600 }

.texteBleuFonce { COLOR: #000066 }

.texteBleu { COLOR: #CCCCFF }

  
.enteteBleue { BACKGROUND-COLOR: #CCCCFF;
               FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif" }

.enteteBleueFoncee { 
  COLOR="#FFFFFF";
  BACKGROUND-COLOR: #000066;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif" }

.menuOrange {FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: #cc9900;
  LINE-HEIGHT: 13px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  margin-top: 3px;
  margin-bottom: 1px;}

.menuRouge {FONT-SIZE: 10px;
  COLOR: #993300; 
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none}

.menuBleu {FONT-SIZE: 11px;
  PADDING-BOTTOM: 5px;
  COLOR: #333366;
  LINE-HEIGHT: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  font-weight: bold;}

.texteAide
{FONT-SIZE: 11px;
  PADDING-BOTTOM: 5px;
  COLOR: black;
  LINE-HEIGHT: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  font-weight: bold;
  }

.enteteAide
{FONT-SIZE: 18px;
  PADDING-BOTTOM: 5px;
  COLOR: #333366;
  LINE-HEIGHT: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  font-weight: bold;
  }


.sectionAide
{FONT-SIZE: 14px;
  COLOR: #FFFFFF;
  BACKGROUND-COLOR: #000066;
  LINE-HEIGHT: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  font-weight: bold;
  }
.Aide
{FONT-SIZE: 40px;
  PADDING-BOTTOM: 5px;
  COLOR: "#cc9900";
  LINE-HEIGHT: 30px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  font-weight: bold;
  }
.Cadas
{FONT-SIZE: 20px;
  PADDING-BOTTOM: 5px;
  COLOR: #333366;
  LINE-HEIGHT: 30px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  font-weight: bold;
  BORDER-BOTTOM: #cccccc 3px solid
  }  
.sousTexte
{FONT-SIZE: 12px;
  COLOR: "black";
  LINE-HEIGHT: 14px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  }  

.Cadas
{FONT-SIZE: 20px;
  COLOR: #333366;
  LINE-HEIGHT: 20px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  font-weight: bold;
  BORDER-BOTTOM: #cccccc 3px solid
  }  
A:hover {COLOR: #cc9900;
  TEXT-DECORATION: underline}

.menuAccueilOrange {FONT-SIZE: 12px;
  COLOR: #cc9900;
  LINE-HEIGHT: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none}

.menuAccueilBleu {
  FONT-SIZE: 11px;
  PADDING-BOTTOM: 3px;
  COLOR: #333366;
  LINE-HEIGHT: 12px;
  PADDING-TOP: 3px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none}

.menuVert {FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: #336600;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none}

.menuNoir {FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: black;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none}

.piedPage {FONT-SIZE: 10px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}


.menuTopOff {FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: #336600;
  LINE-HEIGHT: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.menuTopOn {FONT-WEIGHT: bold;
  FONT-SIZE: 12px;
  COLOR: #ffffff;
  LINE-HEIGHT: 12px;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  BACKGROUND-COLOR: #333366}

.titrePage {FONT-SIZE: 20px;
  COLOR: #336600;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.menuBleuNiveau2_off {
  FONT-SIZE: 10px;
  COLOR: #333366;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  margin-left: 10px;
  padding-bottom: 5px;
  font-weight: normal;}

.menuBleuNiveau3_off {
  FONT-SIZE: 10px;
  COLOR: #333366;
  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif";
  TEXT-DECORATION: none;
  margin-left: 20px;
  padding-bottom: 5px;
  font-weight: normal;}
  
.menuTitre {
  FONT-SIZE: 4px;
  COLOR: #993300;
  FONT-FAMILY: " Arial";
  TEXT-DECORATION: none;
  margin-left: 20px;
  padding-bottom: 5px;
  font-weight: bold;}
  
li {  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"; font-size: 12px}

H3 {  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"; font-size: 14px; color: #993300}

.surTitreH1 {  font-size: 12px; color: #333366; text-decoration: underline overline; FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"}

.commandes {  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"; font-size: 9px; line-height: 9px}

H4 {  FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif"; font-style: italic; font-weight: bold; color: #000066}

.main {  cursor: hand}

.champPlainFondCouleur { BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; FONT-SIZE: 10px; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; FONT-FAMILY: "Verdana, Arial, Helvetica, sans-serif" ; background-color: #FFFFCC}

.menuButton {
    width: 100%;
    margin-top: 1px;
    margin-bottom: 1px;
}
}