/* CSS Document */

html, body
{
	margin:0px;
	padding:0px;
	height:100%;
	font-family:Arial, Helvetica, sans-serif;
}

h2
{
	font-size:12px;
	font-weight:bold;
	clear:both;
	padding:20px 20px 0 0;
	margin:0;
	color:#000000;
}

h3
{
	font-size:12px;
	font-weight:bold;
	clear:both;
	padding:10px 0 0 0;
	margin:0;
}

hr 
{
	noshade: noshade;
	color: CDDAC2;
	size: 1;
	}
	
.cache  {
	visibility:hidden
}
	
div#level0
{
	width:764px;
	height:560px;
}

div.contenu
{
	height:445px;
	background-repeat:no-repeat;
	text-align:left;
	padding:0 20px 0 20px;
}

div#contenuDiplome,#contenuMicroprogramme,div#contenuGenerique
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #939BA1;
	border-right-color: #939BA1;
	border-left-color: #939BA1;
}

div#contenuAccueil
{
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #D0DAC1;
	border-right-color: #D0DAC1;
	border-left-color: #D0DAC1;
}


/* logo com appliquée */
div#contenuDiplome #logoComAppliquee,
div#contenuMicroprogramme #logoComAppliquee,
div#contenuGenerique #logoComAppliquee
{
	background-repeat:no-repeat;
	width:252px;
	height:85px;
	margin-top:20px;
	float:left;
}

div#contenuDiplome #logoComAppliquee { background-image:url(../../images/template/logo-com-app-diplome.jpg); }
div#contenuMicroprogramme #logoComAppliquee { background-image:url(../../images/template/logo-com-app-micro.jpg); }
div#contenuGenerique #logoComAppliquee { background-image:url(../../images/template/logo-com-app-gene.jpg); }
div#contenuAccueil #logoComAppliquee
{
	background-image:url(../../images/template/logo-com-app-accueil.gif);
	background-repeat:no-repeat;
	width:376px;
	height:128px;
	position:absolute;
	margin-top:310px;
}


/* logo universitée de Sherbrooke */
div#contenuDiplome #logoUdeS,
div#contenuMicroprogramme #logoUdeS,
div#contenuGenerique #logoUdeS
{
	float:right;
	background-image:url(../../images/template/logo-universite-de-sherb-bl.gif);
	background-repeat:no-repeat;
	width:131px;
	height:22px;
	margin:20px 0 0 0;
}

div#contenuAccueil #logoUdeS
{
	float:right;
	background-image:url(../../images/template/logo-universite-de-sherb-ve.gif);
	width:131px;
	height:22px;
	margin:20px 0 0 0;
}


div#contenuAccueil p
{
	display:block;
	overflow:auto;
	width:300px;
	height:200px;
	font-size:12px;
	color:#939BA1;
	padding:0 0 0 0;
}
div#contenuAccueil a
{
	color:#333333;
	font-weight: bold;
	text-decoration: none;
}
div#contenuAccueil a:hover
{
	text-decoration: underline;
}


/* texte intro de couleur */
div#intro
{
	display:block;
	clear:both;
	font-size:12px;
	padding:0 0 0px 0;
	width:590px;
}

div#intro a:hover
{
	text-decoration: underline;
}

div#contenuDiplome #intro { color:#333333; }
div#contenuMicroprogramme #intro { color:#333333; }
div#contenuGenerique #intro { color:#333333; }

/* texte liens */
div#contenuDiplome a
{
	font-weight: bold;
	text-decoration: none;
	color:#008A5F;
}
div#contenuDiplome a:hover
{
	text-decoration: underline;
	}
div#contenuMicroprogramme a,a:hover
{
	font-weight: bold;
	text-decoration: none;
	color:#0084A9;
}
div#contenuMicroprogramme a:hover
{
	text-decoration: underline;
	}

div#contenuGenerique a,a:hover
{
	font-weight: bold;
	text-decoration: none;
	color:#9ac13a;
}
div#contenuGenerique a:hover
{
	text-decoration: underline;
	}

div#texte
{
	display:block;
	clear:both;
	font-size:12px;
	color:#939BA1;
	padding:0 0 0 0;
	width:590px;
}





	

/* paramètre pour la zone de contenu, si le texte dépasse 285px de haut, la barre de scroling apparait */
div#contenu-texte
{
	overflow:auto;
	height:285px;
}


/* Background image & couleur */
div#contenuAccueil { background-color:#d0dac1; }
div#contenuGenerique { background-color:#ffffff; }
div#contenuDiplome { background-color:#ffffff; }
div#contenuMicroprogramme { background-color:#ffffff; }

div.dessin0 { background-image:url(../../images/template/dessin0.gif) }
div.dessin1 { background-image:url(../../images/template/dessin1.gif) }
div.dessin2 { background-image:url(../../images/template/dessin2.gif) }
div.dessin3 { background-image:url(../../images/template/dessin3.gif) }
div.dessin4 { background-image:url(../../images/template/dessin4.gif) }
div.dessin5 { background-image:url(../../images/template/dessin5.gif) }
div.dessin6 { background-image:url(../../images/template/dessin6.gif) }
div.dessin7 { background-image:url(../../images/template/dessin7.gif) }
div.dessin8 { background-image:url(../../images/template/dessin8.gif) }


/* Menu */
div.menu
{
	background-color:#e1e4e5;
	background-repeat:repeat-x;
	height:120px;
	float:left;
}

div.menu a
{
	color:#767D82;
	display:block;
	text-decoration:none;
	font-size:9px;
	text-align:left;
	padding:0 0 0 10px;
}

div.menu a:hover { color:#000000; }



/* couleurs des boutons du menu */
div#menu3 #b-info-inscription { color:#FFFFFF; }
div#menu2 #b-approches { color:#FFFFFF; }
div#menu1 #b-programmes { color:#FFFFFF; }
div#menu0 #b-accueil { color:#FFFFFF; }

/* paramètres pour les boutons de section */
a#b-accueil, a#b-info-inscription, a#b-approches, a#b-programmes
{
	display:block;
	/*width:140px;*/
	height:25px;
	line-height:25px;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none;
	padding:0 0 0 10px;
	margin:0 0 7px 0;
}

/* mouse over des boutons du menu*/
a#b-accueil:hover {
	text-decoration:underline;
	background-image: url(../../images/template/menu-vert-bg.png);
	background-repeat: repeat-x;
}
a#b-approches:hover { text-decoration:underline; 	
	background-image: url(../../images/template/menu-vert-bg.png);
	background-repeat: repeat-x;
	}
a#b-info-inscription:hover  { text-decoration:underline; 	
	background-image: url(../../images/template/menu-vert-bg.png);
	background-repeat: repeat-x;
	}
a#b-programmes:hover  { text-decoration:underline; 	
	background-image: url(../../images/template/menu-vert-bg.png);
	background-repeat: repeat-x;
	}

/* paramètre pour le menu accueil */
div#menu0
{
	width:140px;
	background-image:url(../../images/template/menu-noir-bg.png);
	border-right:#d1d2d2 1px solid;
}
div#menu0_choisi
{
	width:140px;
	background-image:url(../../images/template/menu-vert-bg.png);
	border-right:#d1d2d2 1px solid;
}

/* paramètre pour le menu programmes */

div#menu1
{
	width:327px;
	background-image:url(../../images/template/menu-noir-bg.png);
	border-right:#d1d2d2 1px solid;
}
div#menu1_choisi
{
	width:327px;
	background-image:url(../../images/template/menu-vert-bg.png);
	border-right:#d1d2d2 1px solid;
}

/* paramètre pour le menu approches */
div#menu2
{
	width:144px;
	background-image:url(../../images/template/menu-noir-bg.png);
	border-right:#d1d2d2 1px solid;
}
div#menu2_choisi
{
	width:144px;
	background-image:url(../../images/template/menu-vert-bg.png);
	border-right:#d1d2d2 1px solid;
}

/* paramètre pour le menu infos et inscriptions */
div#menu3
{
	width:150px;
	background-image:url(../../images/template/menu-noir-bg.png);
}
div#menu3_choisi
{
	width:150px;
	background-image:url(../../images/template/menu-vert-bg.png);
}

/* logo partenaire */
a#megavolt_logo {
	background-image:url(../../images/template/logo-megavolt.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	display:inline-block;
	text-indent:-9999px;
	width:64px;
	height:26px;
	text-align:left;
	margin:0 0 0 0;
}

a#identica_logo {
	background-image:url(../../images/template/logo-le-monde-de-identica.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	float:right;
	display:inline-block;
	text-indent:-9999px;
	width:64px;
	height:26px;
	text-align:left;
	margin:0 10px 0 0;
}