/* position de la colonne de gauche 3 colonnes */
#colonneGauche3cols {
	clear:left;
	float:left;
	width: 148px;
	margin: 0;
	margin-top: 5px;
	border-right: 1px solid #CCCCCC; 

}

/* position de la colonne de droite 3 colonnes */
#colonneDroite3cols {
	clear:right;
	float:right;
	width: 145px;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 5px;
	margin-bottom: 2px;
	padding-left: 3px;
	border-left: 1px solid #CCCCCC;
}

* html body #colonneDroite3cols { 
	width: 148px;
}

/* position de la colonne du centre 3 colonnes */
#colonneCentre3cols {
	position: relative;
	margin: 10px 152px 3px 152px;
	padding: 0 3px;
	padding-left: 5px;
	text-align: left;
}

* html body div#colonneCentre3cols {
 	MARGIN: 10px 148px 3px 148px;
	width: 100%;
}


/* position de la colonne de gauche 2 colonnes Gauche*/
#colonneGauche2colsGauche {
	float: left;
	width: 148px;
	margin: 0;
	margin-top: 5px;
	border-right: 1px solid #CCCCCC; 
}


/* position de la colonne du centre 2 colonnes Gauche*/
#colonneCentre2colsGauche{
	margin-top: 10px;
	margin-left: 151px;
	margin-right: 0px;
	max-width: 604px;
	padding-left: 5px;
}
* html body #colonneCentre2colsGauche {  /* hack pour IE */
	margin-left: 148px;
	width: 100%;
}

/* position de la colonne de droite 2 colonnes Droite  */
#colonneDroite2colsDroite {
	float: right;
	width: 144px;
	margin: 0;
	margin-top: 5px;
	padding-top:0px;
	padding-left: 3px;
	border-left: 1px solid #CCCCCC;
	height: 100%;
	margin-bottom: 2px;
}
* html body #colonneDroite2colsDroite {  /* hack pour IE */
	width: 147px;
}
/* position de la colonne du centre 2 colonnes Droite  */
#colonneCentre2colsDroite{
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 152px;
	max-width: 604px ;
}
* html body #colonneCentre2colsDroite {  /* hack pour IE */
	margin-right: 148px;
	width: 100%;
}

/* position de la colonne du centre 1 colonne */
#colonneCentre1col{
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	max-width: 752px;
}

#colonneGauche3cols p,#colonneDroite3cols p, #colonneGauche2colsGauche p,#colonneDroite2colsDroite p { 
	font-size: inherit;
	font-size: 75%;
	padding-left: 3px;
}
#colonneGauche3cols span,#colonneDroite3cols div, #colonneGauche2colsGauche div,#colonneDroite2colsDroite div { 
	padding-left: 3px;
}
/* début code pour menu horizontal */
div#menuHori {
	margin-top: -13px;
	color:#0A55A0;
	background-color: #CDD8E2;
	margin-bottom: 0px;
}

* html body div#menuHori{ /* hack pour IE */
	margin-top: -17px;
}
*:first-child+html div#menuHori{
	margin-top: -17px;
}

div#menuHori ul {
	list-style-type: none;
	font-size:95%;
	color: #0A55A3;
	font-weight: bold;
	padding: 0px 0px 2px 0px;
	margin-bottom: 0px;
}

* html body div#menuHori ul {
	margin-left: 0px;
	padding: 2px 0px 2px 0px;
}

*:first-child+html div#menuHori ul{
	margin-left: 0px;
	padding: 2px 0px 2px 0px;
}


div#menuHori ul li {
	display: inline;
	padding: 0px 7px 0px 7px;
	margin-left:0px;
	border-right: 1px solid #FFFFFF;
}

div#menuHori ul li.dernier {
	border-right: 0px solid #FFFFFF;
}

div#menuHori ul li a {
	text-decoration: none;
	padding: 0px 0px 0px 0px;
	color:#0A55A0;
}

div#menuHori ul li a:hover {
	color:#000000;
	text-decoration: none;
}
/* fin code pour menu horizontal */


/* début Code css pour le menu de gauche dans la colonne de gauche */
#menu{
	font-family: Arial, Helvetica, sans-serif;
	list-style: none;
	margin-left:-0px;
        padding-left:1px;
	margin-top: 0px;
	margin-right:5px;
	font-size: 95%;
	font-weight: bold;
}


#menu li{
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 3px;
	list-style-image: none;
	border-bottom: 1px solid #CCCCCC;
}

#menu li.dernierNoir{
	border-bottom: 0px solid #CCCCCC;
}
#menu li.dernierBleu{
	border-bottom: 0px solid #CCCCCC;
}
#menu li a, #menu li.dernierBleu a{
	text-decoration: none;
	color: #17569F;
}

#menu li a:HOVER, #menu li.dernierBleu a:hover{
	text-decoration: none;
	color: #15385B;
}
#menu li.noir a, #menu li.dernierNoir a{
	text-decoration: none;
	color: #15385B;
}

#menu li.noir a:HOVER, #menu li.dernierNoir a:hover{
	text-decoration: none;
	color: #17569F;
}
/* fin Code css pour le menu de gauche dans la colonne de gauche */

/* début Code css pour les nouvelles dans la colonne de droite */
.nouvelle{
	font-family: Arial, Helvetica, sans-serif;
	list-style-image: none;
	margin-left:-37px;
	margin-top:0px;
	margin-right:5px;
        margin-left:0px;
        padding-left:0px;
	font-size: 100%;
	font-weight: normal;
	list-style: none;
}

* html body .nouvelle { /* hack pour IE */
	margin-left:2px;
}

.nouvelle strong{
	color: #000000;
}

.nouvelle li{
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 0px;
	list-style-image: none;
}

.nouvelle li.separateur{
	color:#CCCCCC;
}


/* fin Code css pour les nouvelles dans la colonne de droite */


/* code css général */
.flecheHaut{
 border: 0;
}
h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin-top: 5px;
	margin-bottom: 0px;
	color: #17569F;
	font-weight: bold;
}

h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #17569F;
}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 2px;
	margin-bottom: 0px;
	font-weight: bold;
	color: #000000;
}
h4{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 0px;
	margin-bottom: 2px;
	font-weight: normal;
	color: #000000;
}
h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: bold;
	color: #000000;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-top:10px;
	margin-bottom: 10px;
}
p.plusPetit{
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-top:15px;
	margin-bottom: 10px;
}

ul li{
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	list-style-image: url(http://www.unites.uqam.ca/wn/atous/ico_fleche.gif);
}

ol li {

   font-family: Arial, Helvetica, sans-serif;
   font-size:75%;

}

 ul li ul li{
font-size:100%;
}


a{
	color: #003399;
	text-decoration: underline;
}
a:HOVER {
	color: #0099CC;
	text-decoration: none;
}
a:VISITED {
	color: #000066;
	text-decoration: underline;
}


.normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin-top:10px;
	margin-bottom: 10px;
}

.plusPetit {
	font-family: Arial, Helvetica, sans-serif;
	font-size:70%;
	margin-top:15px;
	margin-bottom: 10px;
}

.centre {
       font-family: Arial, Helvetica, sans-serif;
      font-size:75%;
        text-align: center;
        margin-top:10px;
        margin-bottom: 10px;
}




table{
	font-size:100%;
}

.indent10 {
	font-size:75%;
        padding-left:10pt;
}




.border0 {
	border: 0px;
}
