body {
	background-color: #FFFFFF;
	margin:0px; 
	padding:0px;
}

table{ 
	border:0px;
	margin:0px;
	padding:0px;
}

tr{
	margin:0px;
	padding:0px;
}

td{
	margin:0px;
	padding:0px;
	vertical-align: top;
}

div{
	vertical-align:top;
	margin:0px;
	padding:0px;
}

img{ 
	margin: 0px;
	padding: 0px;
	border:0px;
	text-decoration: none;
	display: inline;
	vertical-align: top;
}


/* images des titres */						
.imgTitre{
	margin-left:-6px;
	padding-bottom:10px;
}	

ul {
	margin-top:-10px;
}

ul li{
	list-style:  disc;
}

ol {
	margin-top:-10px;
}

li { 
	text-align: justify;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #373632;
	line-height: 18px;
	padding-top: 15px;
}

p { 
	text-align: justify;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	color: #373632;
	margin: 0px;
	padding: 0px;
}

.center{
	text-align: center;
}

/* texte invisible des titres */
h1,h3 {
	display: none;
}

.alerte{ 
 	color: red;
 	text-align: center;
 	font-size:11pt;
 	font-weight: bold;;
}

.legende{ 
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
}

.titre{
	font-size: 10pt;
	font-weight: bold;
	color: #0080b2;
	padding: 0px;
	margin-bottom: 5px;
}

a:link {
	color: #5aa405;
	font-weight: bold;
	text-decoration: none;
	padding: 0px;
}

a:visited { 
	color: #5aa405;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
}

a:hover { 
	color: #1885a4;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
}

a:active { 
	color: #1885a4;
	text-decoration: none;
	font-weight: bold;
	padding: 0px;
}

/* tableau qui contient tout le contenu */
.grandTableau{
	width:1280px;
	position:absolute;
	left:50%;
	margin-left : -640px;
	padding: 0px;
}

/* div qui contient l'image sur toute la largeur de la premiere rangee */
.top{ 
	width: 1280px;
	height:	111px;
	background-image: url(../images/top.gif);
	background-repeat: no-repeat;
}

/* div qui contient la premiere image de la seconde rangee (la barre grise) */
.t1{ 
	width: 270px;
	height:	182px;
	background-image: url(../images/t1.gif);
	background-repeat: no-repeat;
}

/* div qui contient la seconde image de la seconde rangee (l'image) */
.t2{ 
	width: 250px;
	height:	182px;
	background-image: url(../images/t2.gif);
	background-repeat: no-repeat;
}

/* div qui contient la troisieme image de la seconde rangee (le menu) */
.t3{ 
	width: 160px;
	height:	182px;
	background-color:#ffffff;
}

/* div qui contient la quatrieme image de la seconde rangee (le sous menu 1) */
.t4{ 
	width: 165px;
	height:	182px;
}
									
/* div qui contient la cinquieme image de la seconde rangee (le sous-menu 2) */
.t5{ 
	width: 165px;
	height:	182px;
}

/* div qui contient la sixieme image de la seconde rangee (la barre grise) */
.t6{ 
	width: 270px;
	height:	182px;
	background-image: url(../images/t6.gif);
	background-repeat: no-repeat;
}

/* div qui contient la premiere image de la troisieme rangee (la barre grise) */
.c1{ 
	width:270px;
	height:	400px;
	background-image: url(../images/c1.gif);
}

/* div qui contient la seconde image de la troisieme rangee (le texte)*/
.c2{ 
	width: 575px;
	height:400px;
	padding-top:10px;
	padding-left:8px;
	padding-bottom:10px;
	padding-right:5px;
}

/* div qui contient la troisieme image de la troisieme rangee (le menu de droite)*/
.c3{ 
	width: 165px;
	height:	400px;
	background-color:#ffffff;
}

/* div qui contient la quatrieme image de la troisieme rangee (la barre grise) */
.c4{ 
	width: 270px;
	height:	400px;
	background-image: url(../images/c4.gif);
}

/* div qui contient l'image sur toute la largeur de la quatrieme rangee (le bas) */
.bottom{ 
	width: 1280px;
	height:	331px;
	background-image: url(../images/bottom.gif);
	background-repeat: no-repeat;
}
							
/* tableau dans la section  Équipe, Assemblée, Exécutif, Direction, CRQ, Carte campus, Ordinateurs, Impression, Sportives, Plaintes, Stands, Initiatives, Collation, Café, Agenda, Cité, Joindre, Personnelle, ASEQ*/
.tabCentre{
	width:560px;
}

/* Premiere colonne du tableau */
.colonne{
	width:280px;
	text-align: left;
}

.colonne p{	
	text-align: left;
}
							
/* ------------------------ COLLATON DES GRADES, ASSEMBLEE GENERALE ET STANDS D'ACCUEIL ------------------------ */
/* Div contenant la photo dans la section photo */
.contenuPhoto {
	text-align: center;
} 

/* Div contenant le bouton précédent dans la section photos */
.contenuPrec {
	width:80px;
} 

/* Div contenant la vignette dans la section photos */
.contenuLegende {
	width:400px;
	vertical-align: top;
}

.contenuLegende p{
	text-align: center;
}

/* Div contenant le bouton suivant dans la section Photos */
.contenuSuiv {
	width: 80px;
}

.contenuSuiv p{
text-align: right;	
}
									
/* ------------------------ REPRÉSENTATIVITÉ À L'INTERNE  ------------------------ */
/* Div contenant le bouton précédent dans la section photos */
.tabConsProg {
	border: 1px;
	border-style: solid;
	border-color: #000000;
	border-collapse: collapse;
	vertical-align: top;
	width:560px;
} 
	
.tabConsProg td{
	border: 1px;
	border-style: solid;
	border-color: #000000;
	padding: 2px;
	vertical-align: top;
}