

/*a:visited { color: #000066 !important; }  /*liens visité */
/*a:link    { color: #003399; }   /* liens passifs */
/*a:hover   { color: #FF9900 !important; }   /* on mouse over changement de couleur */
/*a:active  { color: #CC6600 !important; }   /* liens actifs */
/*a  { text-decoration:none;}*/


 

.italique
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style:italic;
}

.gras{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:	bolder;
	font-style:	normal;
	}
	
			
.enteteAide	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	background-color:#F7EFAD;
	color:#000894;
	}	

.enteteAide1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	small;
	font-weight: bold;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	background-color:#000894;
	color:#F7EFAD;
	}	

	
/* Page de niveau 1 (menu principal) */
/* Fond */
frame.niv1, frameset.niv1
{
	border-color:#EDEFF2;
}
body.niv1, td.niv1 
{
	background-color:#EDEFF2;
}

/* Entête de la page de niveau 1: 
   - en haut, sous le logo "UQAM":  nom du système. */
.entete1 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
	font-size:x-small;
}


/* Articles du menu */
.menu1 {
	font-weight: normal; 
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
}
/* Titre du menu (titre de l'application) */
.titreMenu1 {
	font-weight: bold;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
}
td.barreMenu1 {
width:.2em ;
background-color:#CCCCCC
}
/* Titre apparaissant dans une page de niveau 1.
   - en bas:  nom de l'organisme client.  */
.titre1 {
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
	font-size:x-small;
}

.grostitre
{
	font-style:italic;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*color: #333333;*/
	text-align: left;
	font-size:1.4em;
}

.grostitreB
{
	font-style:italic;
	font-weight:normal;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#104A7B;
	text-align: left;
	font-size:1.4em;
}


	
/* Barre séparant les sections dans une page de niveau 1 <hr class=hr1>  */
.hr1 {
}
/* Barre d'action dans une page de niveau 1 */
div.action1	
{
	/* à faire, voir div.action2 */
}

/* Page de niveau 2 */
body.niv2 {
}
.entete2 {
	font-weight:bold;
	/*font-style: italic;*/
	font-size:x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
}
.entete2B, entete2b {
	font-weight:bold;
	color:#104A7B;
	font-size:x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}
.entete3 {
	font-weight:bold;
	color:#104A7B;
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	text-align: left;
}
.chemin2	
{	
	font-weight:normal;
	font-style:normal;
	font-size:xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	/*color: #333333;*/
	color:Black;
}
.chemin3	
{	
	font-weight:normal;
	font-style:normal;
	font-size:xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
}
.chemin2b, chemin2B	
{	
	font-weight:normal;
	font-style:normal;
	font-size:xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
}
a.chemin2:visited, a.chemin2:link, a.chemin2.hover
{
	font-weight:normal;
	font-style:normal;
	font-size:xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 

	color:Black;
}
a.chemin2b:visited, a.chemin2b:link, a.chemin2b.hover,
a.chemin2B:visited, a.chemin2B:link, a.chemin2B.hover
{
	color:#104A7B;
	font-weight:bold;
	font-style:normal;
	font-size:xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}
a.chemin3:visited, a.chemin3:link, a.chemin3.hover
{
	color:#104A7B;
	font-weight:bold;
	font-style:normal;
	font-size:xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
}

a.externe:visited	
{
	text-decoration:	underline;
	color:Purple;
}
a.externe:link	
{
	color:blue;
	text-decoration:	underline;
}
a.externe:hover 
{
	color:blue;
	text-decoration: underline;
}

/*
a:visited	
{
	text-decoration:	none;
	color: #003399;
}
a:link	
{
	text-decoration:	none;
	color: #003399;
}
a:hover 
{
	text-decoration: underline;
	color: #003399;
}
*/

a.guide:visited	
{
	text-decoration:	underline;
}
a.guide:link	
{
	text-decoration:	underline;
}
a.guide:hover 
{
	text-decoration: blink;
}
a.guide:visited, a.guide:link, a.guide:hover
{
	color:Blue;
}


.menu2 {
	font-weight: normal;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
}
.titreMenu2 {
	font-weight: bold;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
}
td.barreMenu2 
{
width:.2em ;
background-color:#CCCCCC; 
	/*background-color:#104A7B; */
	/*background-color:#107B4A; */

}
td.espace
{
width:.4em ;
}

img.barremenu2
{
	width:5;
	height:15;
	border:0;
}
td.separateur2 
{
width:5 ;
}
tr.separateur2
{
	height:1;
	background-color:Blue;
}

.separateur
{
	border:0 0 0 0;
	padding:0 0 0 0;
	margin:0 0 0 0;
	/*color:green;*/
	height:0;
}

.titre2 {
	font-weight: bold;
	font-size:small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
}

.hr2 
{
	color:green;
	background-color:Green;
	
}
div.action2	 {
	/*font-size: 100%;*/
  	font-size:xx-small;
    background-color: #CCCCCC;
 	padding-top: 0.1in;
 	padding-bottom: 0.1in;
 	padding-left: 0.1in;
 	padding-right: 0.1in;
text-align:center;
}
div.action2Bref	 {
	/*font-size: 100%;*/
  	font-size:xx-small;
 	padding-left: 0.1in;
 	padding-right: 0.1in;
text-align:center;
}
.section2	 {
	/*font-size: 100%;*/
  	font-size:xx-small;
  	font-weight:bold;
    background-color: #DBEAF5;
    color:#104A7B;
 	padding-top: 0.2em;
 	padding-bottom: 0.2em;
 	padding-left: 0.1em;
 	padding-right: 0.1em;
    margin-bottom:0.1em;
    margin-top:0.1em;
}
div.instructions	
{
 	margin-top: 0.2em;
 	margin-bottom: 0.2em;
}	
div.titre2	 {
	/*font-size: 100%;*/
  	font-size:small;
  	font-weight:bold;
    background-color: #104A7B;
    color:white;
    margin-bottom:0.3em;
    margin-top:0.3em;
 	padding-top: 0.2em;
 	padding-bottom: 0.2em;
 	padding-left: 0.1em;
 	padding-right: 0.1em;
}

tr.action2	
{
     background-color: #CCCCCC;
 	padding-bottom: 1in;
 	margin-left: 1in;
 	padding-right: 0.1in;
}
div.action2Gauche	{
	/*font-size: 100%;*/
  	font-size:xx-small;
     background-color: #DCDCDC;
 	padding-top: 0.5em;
 	padding-bottom: 0.5em;
 	padding-left: 0.5em;
 	padding-right: 0.5em;
text-align:left;
}
div.supplement	
{
  	font-size:x-small;
}
td.action2Gauche	{
	/*font-size: 100%;*/
  	font-size:xx-small;
     background-color: #CCCCCC;
 	padding-top: 0.5em;
 	padding-bottom: 0.5em;
 	padding-left: 0.5em;
 	padding-right: 0.5em;
text-align:left;
}

.menu3 
{
		font-weight: normal;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
}
.titreMenu3 {
	/* margin-left: +10px; */
	font-weight: bold; 
	font-size: xx-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
td.barreMenu3 
{
/*width:.4em ;
background-color:#CCCCCC*/
width:.1em ;
background-color:#CCCCCC; 
	/*background-color:#104A7B; */
	/*background-color:#107B4A;*/
}
.titre3 {
	font-style: italic;
	font-size:75%;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color: #333333;
	text-align: left;
}
.hr3
{
	color:blue;
}

	/* Affichage d'un message à l'utilisateur */
div.message	{
	font-size: 100%;
	border-color:Navy;
	border-style:double;
	font-weight: bold;
margin-top:0.1in;
margin-bottom:0.1in;
margin-left:0.2in;
margin-right:0.2in;
 	padding-top: 0.1in;
 	padding-bottom: 0.1in;
	padding-left:0.2in;
}
div.encadre	
{
	border-width:thin;
	border-style:solid;
	padding-left:0.1in;
	padding-right:0.1in;
	    border-color: #DBEAF5;

}

.erreur 
{
	font-size: 150%;
	color:Red;
}

div.erreur
{
	color:Red;
	font-size: 100%;
	border-color:Navy;
	border-style:double;
	font-weight: bold;
margin-top:0.1in;
margin-bottom:0.1in;
margin-left:0.2in;
margin-right:0.2in;
 	padding-top: 0.1in;
 	padding-bottom: 0.1in;
	padding-left:0.2in;
}
/* Sélection */

.selection  {
	background-color : #EDEFF2;
     background : #EDEFF2;
}

/* Non sélection */
.autre 
{
}
.choix
{
	/*vertical-align:super;*/
}
font.choix
{
	font-size:x-small;
	font-weight:bold;
}
font.fleche
{
	font-size:large;
}
font.avertissement
{
	color:Red;
	font-weight:bold;
}
.action2
{
	/*font-size: 100%;*/
  	/*font-size:1em;*/
  	  	font-size:x-small;

     /*background : #CCCCCC;*/
 }

.action2Texte
{
	/*font-size: 100%;*/
  	font-size:1em;
     /*background : #CCCCCC;*/
 }

.mono
{
	font-size:1em;
	font-family:monospace;
}

.listeSelection, .texte3, .texte5, .texte10, .texte15, .texte20, .texte30, .texte40, .texte50, .texte60
{
	font-size:1em;
		/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
}
.listeSelectiongras, .texte3gras, .texte5gras, .texte10gras, .texte15gras, .texte20gras, .texte30gras, .texte40gras, .texte50gras, .texte60gras
{
	font-size:1em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
}
.texte3
{
	width:2em;
}
.texte5
{
	width:4em;
}

.texte10	
{
	width:7em;
}
.texte15	
{
	width:11em;
}
.texte20	
{
	width:14em;
}
.texte30	
{
	width:22em;
}
.texte40	
{
	width:28em;
}
.texte50	
{
	width:35em;
}
.texte60
{
	width:40em;
}

.texte60gras
{
	width:40em;
    font-weight: bold;
}

.texte100Pourcent
{
	width:100%;
}

.texteCourt	/* Environ 3 lignes de 60 car */
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;	
	width:60ex;
	height:4em;
}

.texteMoyen		/* Environ 3 lignes de 60 car */
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;	
	width:80ex;
	height:4em;
}
.texteLong		/* Environ 5 lignes de 60 car */
{
		font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:1em;	
	width:80ex;
	height:7em;
}
.texteLong10		/* Environ 10 lignes de 60 car */
{
		font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size:1em;	
	width:80ex;
	height:17em;
}
/*.petitTexte	
{
	font-size:xx-small;	
	width:10em;
}
.longTexte	
{
	font-size:xx-small;
	width:25em;
}*/
	

.obligatoire
{
	color: #FF0000;
	font-weight:bold;
}
/* Texte ordinaire */


body, td, div, th, p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:x-small;
	/*font-size:12;  variable dans netscape mais pas explorer. */
}
th	
{
	font-weight:bold;
	text-align:left;
}
.th	
{
	font-weight:bold;
}

.attention
{
	font-weight:bold;
	color:Red;
}

.dejaFait
{
	font-weight:bold;
	color:Green;
}
/*70%*/
/* Différents type d'écart */
.ecart1 {margin-left: +0.1in;
}
.ecart2 {margin-left: +0.25in;
}

/* Feuille de style CSS par défaut pour un nouveau projet d'application Web 

BODY
{
    BACKGROUND-COLOR: white;
    FONT-FAMILY: Verdana, Helvetica, sans-serif;
    FONT-SIZE: .8em;
    FONT-WEIGHT: normal;
    LETTER-SPACING: normal;
    TEXT-TRANSFORM: none;
    WORD-SPACING: normal
}

H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    COLOR: #003366;
}
H1	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	2em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H2	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.75em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H3	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.58em;
	font-weight:	500;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1.33em;
	font-weight:	500;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H5, DT	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	1em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
H6	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	.8em;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}	
		
TFOOT, THEAD	{	
	font-size:	1em;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	
		
TH	{	
	vertical-align:	baseline;
	font-size:	1em;
	font-weight:	bold;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	font-family: Arial, Helvetica, sans-serif;
	}	


A:link	{	
	text-decoration:	none;
	color:	#3333cc;
	}	
		
A:visited	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:active	{	
	text-decoration:	none;
	color:	#333399;
	}	
		
A:hover	{	
	text-decoration:	underline;
	color:	#3333cc;
	}
	
SMALL	{	
	font-size:	.7em;
	}	

BIG	{	
	font-size:	1.17em;
	}	

BLOCKQUOTE, PRE	{	
	font-family:	Courier New, monospace;
	}	
	

UL LI	{	
	list-style-type:	square ;
	}	

UL LI LI	{	
	list-style-type:	disc;
	}	

UL LI LI LI	{	
	list-style-type:	circle;
	}	
	
OL LI	{	
	list-style-type:	decimal;
	}	

OL OL LI	{	
	list-style-type:	lower-alpha;
	}	

OL OL OL LI	{	
	list-style-type:	lower-roman;
	}	

IMG 	{
	margin-top: 5px;
	margin-left: 10px;
	margin-right: 10px;
	}
*/

	
a:visited	
{
	color:purple;
	text-decoration:	underline;
}
a:link	
{
	color:#003399;
	text-decoration:	underline;
}

a:hover 
{
	color:#FF9900;
	text-decoration: underline;
}

a:active
{
	color:#CC6600;
	text-decoration: underline;
}

a.repertoire:visited	
{
	color:purple;
	text-decoration:	underline;
}
a.repertoire:link	
{
	color:#003399;
	text-decoration:	underline;
}

a.repertoire:hover 
{
	color:#FF9900;
	text-decoration: underline;
}

a.repertoire:active
{
	color:#CC6600;
	text-decoration: underline;
}


.vide {text-decoration:none;}
body.vide, table.vide, td.vide, div.vide, th.vide, p.vide, a.vide
{
	text-decoration:none;
}
td.vide a { text-decoration:none;}
/*p a { text-decoration:none;}*/


img.espace	
{
	height:1;
}
img.ligneEntete
{
	width:100%;
	height:2;
	border:0;
	margin-top: 2px;
	margin-bottom: 6px;
}



