#basDePage{
	width:752px;
}

/* position de la colonne de gauche 2 colonnes Gauche*/
#colonneGauche2colsGauche {
	float: left;
	width: 148px;
	margin: 2px 0px 0px 0px;
}


/* position de la colonne du centre 2 colonnes Gauche*/
#colonneCentre2colsGauche{
	margin: 2px 0px 0px 149px;
	padding: 0px 0px 0px 0px;
}
* html body #colonneCentre2colsGauche {  /* hack pour IE */
	margin: 2px 0px 0px 0px;
	float:right;
}

/* 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: 2px 0px 0px 0px;
	max-width: 752px;
}

* html body #colonneCentre1col{
	margin-bottom: -3px;
}

#contenuTexte{
	padding: 25px 20px 0px 20px;
}
/* début Code css pour le menu de gauche dans la colonne de gauche */
/* 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:0px;
	padding:0px 0px 1px 0px;
	font-size: 95%;
	width:148px;	
	font-weight:bold;
	border-bottom : 3px solid #4d0f08;
}


#menu li{
	margin:0px;
	padding:0px;
	list-style-image: none;
	border-bottom: 1px solid #872f26;
}

#menu li a{
	background-color:#77170d;
	margin:0px;
	padding:3px 0px 2px 10px;
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../images/fondMenu.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
}

#menu li a:HOVER{
	background-color:#e18d02;
	background-image:url(../images/fondMenuHover.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#menu li a.actif{
	background-color:#e18d02;
	text-decoration: none;
	color: #FFFFFF;
	background-image:url(../images/fondMenuHover.jpg);
	background-repeat:no-repeat;
	background-position:left bottom;
}

#menu li ul{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
#menu li ul li {
	list-style:none;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border-bottom: 1px solid #c6c6c6;
}
#menu li ul li a{
	color :#FFFFFF;
	padding:2px 0px 2px 20px;
	background-image:url(../images/fondSousMenu.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
}
* html body #menu li ul li a{
	width:148px;
}
#menu li ul li a:HOVER{
	color :#FFFFFF;
	background-image:url(../images/fondSousMenu.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
	text-decoration:underline;
}

#menu li ul li a.actif{
	background-image:url(../images/fondSousMenu.jpg);
	background-repeat: no-repeat;
	background-position:left bottom;
	color :#FFFFFF;
	text-decoration:underline;
}
/* fin Code css pour le menu de gauche dans la colonne de gauche */


/* code css général */
.flecheHaut{
 border: 0;
}
h1{
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 140%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
	color: #6f150c;
	font-weight: bold;
	border-bottom:1px solid #dbc4c2;
}

h2{
 	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	margin-top: 25px;
	margin-bottom:-5px;
	font-weight: bold;
	color: #6f150c;
}
h3{
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 85%;
	margin-top: 15px;
	margin-bottom: -5px;
	font-weight: bold;
	color: #6f150c;
}
h4{
 	font-family:Arial, Helvetica, sans-serif;
	font-size: 80%;
	margin-top: 10px;
	margin-bottom:-8px;
	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;
}

#menuHoriBanniere ul{
 	margin: 0px;
 	padding: 0px;

}
ul {
 	margin: 15px 0px 5px 35px;
 	padding: 0px 0px 5px 0px;
}
ul li{
	margin: 5px 0px 10px 0px;	
	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%;
	margin: 5px 0px 10px 0px;	
}

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

ol li ul {
	margin: 5px 0px 5px 40px; 
	padding: 0px 0px 0px 0px;
}

ol li ul li{
	font-size:100%;
	margin: 0px 0px 0px 0px;
}


a, a:VISITED{
	color: #ad2113;
	text-decoration: none;
}
a:HOVER {
	color: #ad2113;
	text-decoration: underline;
}
.lienSuite{
	background-image:url(../images/flecheSuite.jpg);
	background-repeat:no-repeat;
	background-position:left 5px;
	padding-left: 15px;
}
p.citation{
}
.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.cheminement{
	font-size: 75%;
	border-collapse:collapse;
	margin-bottom:8px;
}

table.cheminement th{
	text-align:left;
	padding: 0px 8px 0px 8px;
}
table.cheminement td {
	vertical-align:top;
	padding: 0px 8px 0px 8px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
table.cheminement td p {
	font-size: 100%;
}

table.couts{
	font-size: 75%;
	border-collapse:collapse;
}

table.couts td {
	vertical-align:top;
	padding: 5px;
	border: 1px solid #CCCCCC;
}
table.couts td p {
	font-size: 100%;
}

.fleche{
	border : 0px;
	margin: 0px 0px 1px 4px;
}

.photoProf{
	float:right;
	margin: 0px 0px 10px 10px;
	border: 1px solid #CCC;
}

#note{
	background-image:url(../images/noteHaut.jpg);
	background-repeat:no-repeat;
	background-color:#3d807f;
	width:370px;
	color:	#FFFFFF;
	padding: 0px 15px 10px 15px;
}
* html body #note{
	width:400px;
}
#noteBas{
	background-image:url(../images/noteBas.jpg);
	background-repeat:no-repeat;
	height:11px;
	margin-top: -10px;
	margin-bottom:20px;
}
* html body #noteBas{
	width:400px;
}
#note h3{
	color:	#FFFFFF;
	font-size: 90%;
	margin: -10px 0px 0px 0px;
	font-weight:normal;
}
* html body #note h3{
	margin-top: -20px;
}

div.divEns{
	margin:0px 20px 20px 10px;
}

#admission{
	background-image: url(../images/fondAdmission.jpg);
	background-repeat:no-repeat;
	color:#ad2113;
	margin: 20px 0px 30px 0px;
	padding: 10px 0px 5px 8px;
}

#admission p {
	font-weight:bold;
	font-size:11px;
	margin:0px;
	padding:0px;
}

div.citation{
	background-image:url(../images/citationGauche.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	width: 500px;
	margin: 20px 0px 20px 0px;
}


div.citation p{
	padding:0px 40px 0px 40px;
	font-size:12px;
	background-image:url(../images/citationDroite.jpg);
	background-repeat:no-repeat;
	background-position:right bottom;
}