/*
margin and padding order
margin-top
margin-right
margin-bottom
margin-left
*/
/* TODO tester dans Contribute layout editable ou non 
#header, #subHead, #footer, #leftColumn, #smallRedSquare, .spotlight{
visibility:hidden;
}*/
#mainWrap {
	position:relative;
	margin: px 0 0 0;
	padding: 0 1em .5em 1em;
	background-color:#FFFFFF;
	min-height:400px; 
	border-top:1px solid #00768F;
	max-width:995px;
	
}
/*#mainContent {
width: 100%;

}*/
body {
/* min-maz cannot work with IE see hack below */
	min-width: 900px;
	max-width: 995px;;
	margin 	 : 0;
	padding  : 0;
	left:0;
	top:0;
	font-family:verdana,arial,sans-serif;
	font-size: 78%;
}
div {
	border: 0;
	padding: 0;
	font-size: 1.0em;
}
img {
	border:0;
}
a { color: #0A3387; 
	line-height:1.3em;
}
a:link { text-decoration: underline}
a:visited { color: #400040; text-decoration: underline}
a:hover { color: #00768F; text-decoration: underline}
a:active { color: #0A3387; text-decoration: underline}
.first {
	clear:left;
	margin-top: 0;
}
p {
	/*border: 1px solid blue;*/
	font-size: 1.0em;
	line-height: 1.3em;
	margin: 0.8em 0 ;
	}
ul,ol {
	margin: 0.8em 1.5em;
	padding-left: 1.5em; 
}

/* cas special on ne veut pas identer le UL dans les tables */
td ul {
	 margin-left: 5px
}
ul li, ol li{ 
	margin:0;
	margin-top: .4em;
	padding : 0;
	/*padding-bottom:.5em;*/
	margin-left:0;
	padding-right: 15%;
	list-style-position: outside;
}

ul li { 
	list-style-image: url(http://www.ressources.polymtl.ca/img/puce_UL_niv_1A.gif);
	list-style-type: disc; color: #000000; 
	
}
ul li li { list-style-image: url(http://www.ressources.polymtl.ca/img/puce_UL_niv_1A.gif);
	margin-top: 3px;
}

ul li li li { list-style-image: url(http://www.ressources.polymtl.ca/img/puce_UL_niv_1A.gif);
}

ul li li li li { list-style-image: url(http://www.ressources.polymtl.ca/img/puce_UL_niv_1A.gif);
}
/* css pour les ul des les tables */
ul.sanspuce, li.sanspuce {
	list-style-type: none;
	list-style-image: url(none.html);
}
p.titrePage {
	font-weight:400;
	font-size:1.45em;
	margin: 0 0 0 0;
	text-transform:uppercase;
	letter-spacing: .02em;
}
img.picOnRight {
	margin-left: 10px;
	margin-bottom: 8px;
	float:right;
}
img.picOnLeft, img.picOnLeftTop {
	margin-top: 1em;
	margin-right: 1em;
	margin-bottom: .5em;
	float:left;
}
img.picOnLeftTop {
	margin-top: 0
}
/* use this style on the first element of the main content to avoid extra top space */
.first {
	margin-top: 0;	
}
/* use this style when there is an image on the left and you want the title or text to start at the same level than the corner of the image*/
.firstWithImageAtLeft {
	margin-top: 22px;	
}
h1, .titre1 {
	font-size:1.25em;
	font-weight:300;
	/*letter-spacing: .05em;*/
	text-transform:uppercase;
	padding:0;	
	line-height: 1.4em;
}
h1 {
	clear:left;
	margin: 1.2em 0 .5em 0;
}

h2, .titre2 {
	font-weight:bold;
	font-size:1.15em;
	letter-spacing: .1em;
	padding:0;
}
h2 {
	/*border: 1px solid yellow;*/
	margin: 1.15em 0 0 0;
}

h3, .titre3 {
	font-weight:700;
	font-size:1.05em;
	padding:0;
}
h3{
	margin: 1em 0 .3em 0;
}
* html h4 {
	font-weight:700;
	font-size:1em;
	padding:0;
}
table {
	border: 1px solid  #666664;
}

table td {
	padding: 2px;
}

/* Use this div to center table: that is way for max compatibility with browsers.*/
div.centered {
	text-align: center;
	margin-top: 1em;
	margin-bottom:1.5em;
}
div.centered table {
	margin: 0 auto; 
	text-align: left;
}
/* table specific styles */
/* Use this table for layout, but think twice before using this legacy,obsolete approach !
If you do not know what are talking about go to W3C and do some reading !
*/
table.pourMiseEnPage {
	padding: 0;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	margin-top : 0;
	margin-left : 0;
	margin-right : 0;
	margin-bottom : 0;
}
table.pourMiseEnPage td 
{ 
	vertical-align: top; 
	border-style: none;
}
/* table standard pour la mise en page des données et listes */
table {
	padding: .2em;
	margin: 1.4em 0;
	text-align: left;
	border: 1px solid  #666664;
	line-height: 1em; 
}
td { 
	vertical-align: top; 
}

td div  {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
} 
th div  {
	font-family: inherit;
	font-size: inherit;
	color: inherit;
}	
caption, th, tr.tableHeading, td.tableHeading { 
  color: #FFFFFF; font-weight: bold;
  line-height: 110%;
  background-color: #75736b;
 }
tr.tableAlternateRow, td.tableAlternateRow { 
  background-color:#E5E5E5;
}
/* IE increase the font within table: we do not want that.*/
* html table {
	font-size: 1em;
/*	line-height: 1.8em;*/
}
 /* titles specific styles */