@charset "utf-8";
/* CSS Document */
/* ===============================================================
Université du Québec a Trois-Rivieres / SSPT - Feuille de style version 2009 C UQTR

Palette des couleurs

#679d00 - Lien (vert moyen)
#375400 - Lien actif (vert foncé)
#92de00 - Lien survol (vert pâle)
#375400 - Lien cliqué (vert foncé)

#fbfef4 - Couleur fond de page (blanc cassé)
#ffffff - Couleur de background (blanc)

=============================================================== */


*{margin:0;padding:0;}

#enteteuqtr{width:960px; height:80px; margin:0 auto; background:url(interface/bg_entete.jpg) no-repeat;}

#retouruqtr{width:450px;height:70px;float:left;}


/* 
	-------------------- Boutons langues ------------------
	-------------------------------------------------------
*/

#langues {width:63px;float:right;margin:7px 15px 0 0;}
#langues ul{list-style:none;}

.bienvenue a{display:block;width:63px;height:21px;background:url(interface/btn_bienvenue.png) no-repeat;}
.bienvenue a:hover{ background-position:0 -21px; }
.welcome a{display:block;width:63px;height:22px;background:url(interface/btn_welcome.png) no-repeat;}
.welcome a:hover{ background-position:0 -22px; }
.bienvenido a{display:block;width:63px;height:23px;background:url(interface/btn_bienvenido.png) no-repeat;}
.bienvenido a:hover{ background-position:0 -23px; }


/* 
	-------------------- Boutons portials -----------------
	-------------------------------------------------------
*/

#portails{width:120px;float:right;margin:7px 20px 0 0;}
#portails ul{list-style:none;}

.personet a{ display:block; width:120px; height:21px; background:url(interface/btn_personet.png) 0 0 no-repeat; }
.personet a:hover{ background-position:0 -21px; }
.portailetudiant a{ display:block; width:120px; height:22px; background:url(interface/btn_portailetudiant.png) no-repeat; }
.portailetudiant a:hover{ background-position:0 -22px; }
.bottin a{ display:block; width:120px; height:23px; background:url(interface/btn_bottin.png) no-repeat; }
.bottin a:hover{ background-position:0 -23px; }


/* 
	-------------------- Rechercher -----------------------
	-------------------------------------------------------
*/

#rechercheuqtr { width:205px; float:right; margin:25px 15px 0 0; }
#rechercheuqtr input{ border:#d4d1d1 1px solid; margin:0; padding:4px 2px 5px 2px; font-size:12px; font-weight:normal; color:#a9a9a9; height:15px; }
#rechercheuqtr input:focus { background:#fff; color:#555; }
#rechercheuqtr .loupe{ width:37px; height:26px; border:none; margin:-4px 0 0 -6px; padding:0; vertical-align:middle; }




/* 
	-------------------- Menu horizontal -----------------------
	-------------------------------------------------------
*/

#menuhoriznavigation { width:960px; height:39px; margin:0 auto; z-index:99; position:relative; }

.menuhoriz {list-style:none; margin:0; padding:0;}
.menuhoriz a{display:block;height:0; padding-top:39px; overflow:hidden; background-image:url(interface/menu_horizontal_V2.png);background-repeat:no-repeat;}

.menuhoriz li {display:inline;position:relative;float:left;}
.menuhoriz ul{position:absolute;top:39px;left:0;display:none;}
.menuhoriz ul li{position:relative; border:1px solid #27323C; border-top:none; width:180px}
.menuhoriz ul li a{padding:8px 10px 8px 7px; color:#F9F9F9; background:none #2c424b; text-decoration:none; display:block; height:auto}
.menuhoriz ul li a:hover{background:#0B1724; color:#fff}
.menuhoriz ul ul {left:180px; top:-1px;}
.menuhoriz .topline {border-top:1px solid #27323C;}


/* BOUTONS */
#menuactualites a{ width:81px; background-position: 0 0; }
#menuactualites a:hover { background-position: 0 -39px; }
#menuactualites .sousmenuhoriz a{width:163px;}
#menuactualites .sousmenuhoriz .sub {background:#2c424b url(interface/arrow.gif) 166px 2px no-repeat;}

#menubibliotheque a{ width:98px; background-position: -81px 0; }
#menubibliotheque a:hover { background-position: -81px -39px; }
#menubibliotheque .sousmenuhoriz a{width:163px;}

#menucampus a{ width:72px; background-position: -179px 0; }
#menucampus a:hover { background-position: -179px -39px; }
#menucampus .sousmenuhoriz a{width:163px;}
#menucampus .sousmenuhoriz .sub {background:#2c424b url(interface/arrow.gif) 166px 2px no-repeat;}

#menudepartements a{ width:108px; background-position: -251px 0; }
#menudepartements a:hover { background-position: -251px -39px; }
#menudepartements .sousmenuhoriz a{width:163px;}


#menufondation a{ width:87px; background-position: -359px 0; }
#menufondation a:hover { background-position: -359px -39px; }

#menugouvernance a{ width:103px; background-position: -446px 0; }
#menugouvernance a:hover { background-position: -446px -39px; }
#menugouvernance .sousmenuhoriz a{width:163px;}
#menugouvernance .sousmenuhoriz .sub {background:#2c424b url(interface/arrow.gif) 166px 2px no-repeat;}


#menuinformations a{ width:98px; background-position: -549px 0; }
#menuinformations a:hover { background-position: -549px -39px; }
#menuinformations .sousmenuhoriz a{width:163px;}
#menuinformations .sousmenuhoriz .sub {background:#2c424b url(interface/arrow.gif) 166px 2px no-repeat;}


#menuinternational a{ width:103px; background-position: -647px 0; }
#menuinternational a:hover { background-position: -647px -39px; }
#menuinternational .sousmenuhoriz a{width:163px;}
#menuinternational .sousmenuhoriz .sub {background:#2c424b url(interface/arrow.gif) 166px 2px no-repeat;}


#menuservices a{ width:74px; background-position: -750px 0; }
#menuservices a:hover { background-position: -750px -39px; }
#menuservices .sousmenuhoriz a{width:163px;}
#menuservices .sousmenuhoriz .sub {background:#2c424b url(interface/arrow.gif) 166px 2px no-repeat;}


#menusoutien a{ width:72px; background-position: -824px 0; }
#menusoutien a:hover { background-position: -824px -39px; }
#menusoutien .sousmenuhoriz a{width:163px;}
#menusoutien ul {left:-46px; top:39px;}

#menusports a{ width:64px; background-position: -896px 0; }
#menusports a:hover { background-position: -896px -39px; }
#menusports .sousmenuhoriz a{width:163px;}
#menusports ul {left:-118px; top:39px;}


/* ---------------- Fin menu horizontal ---------------- */





/* 
	-------------------- Menu vertical ----------------------
	-------------------------------------------------------
*/

.menuvertical {display:block; width:158px; border:1px #c6c6c6 solid; font-size:9px;}
.menuvertical li {list-style-type: none; position: relative;}
.menuvertical a {
	display:block;
	width:127px;
	height:10px; 
	padding:5px 10px 11px 21px; 
	color: #555;
	text-decoration:none;
	font-weight:bold;
	text-transform:uppercase; 
	background:url(../interface/bg_bouton_menugauche.png);
}

ul.menuvertical  a{
	color:#555;
	text-decoration:none;
}

ul.menuvertical  a:hover{
	color:#333;
	text-decoration:none;
}

.menuvertical a:hover {background:url(../interface/bg_bouton_menugauche_over.png);}

/* Sous-menu ----------------------- */
.menuvertical ul {	position: absolute;left: 158px;top: -2px;display: none;border:1px #c4c4c4 solid; z-index:2;}
.menuvertical ul a{
	width:160px;
	height:auto;
	padding:5px 10px 8px 10px; 
	background-color:#f8f8f8;
	background-image:none;
	text-transform: none;
	font-weight:normal;
	border-bottom:1px #c6c6c6 solid;
}
.menuvertical ul a:hover {background:#e9e9e9;}
.menuvertical li:hover ul {display:block;}

.finmenuvertical {display:block; width:160px; height:9px; background:url(../interface/bg_menugauche_fin.png) no-repeat;}





/* 
	-------------- Personet et portail étudiant -----------
	-------------------------------------------------------
*/

#menuportails ul{list-style:none; margin-bottom:4px;}
#menuportails a{color:#c4c4c4; letter-spacing:-1px;  font-size:10px; text-decoration:none;}
#menuportails a:hover{color:#fff; letter-spacing:-1px;  font-size:10px;}



/* -------------- Personet ------------------------------- */

#btnmenupersonet {display:block;}
#btnmenupersonet li {list-style-type: none; position: relative;}
#btnmenupersonet a {
	width:160px;
	height:35px; 
	display: block;
	background:url(interface/btn_menu_personet_02.png) 0 0 no-repeat;
}
#btnmenupersonet a:hover {background-position:0 -35px;}


/* Sous-menu personet --------- */
#btnmenupersonet ul {position:absolute; left:160px; top:0; display:none; border:1px #27323c solid; z-index:2;}
#btnmenupersonet ul a{
	width:190px;
	height:auto;
	padding:5px 10px 7px 10px; 
	background-color:#2c424b;
	color:#fff;
	background-image:none;
	text-transform: none;
	font-weight:normal;
	border-bottom:1px #27323c solid;
}
#btnmenupersonet ul a:hover {background:#0b1724;}
#btnmenupersonet li:hover ul {display:block;}


/* -------------- Portail de cours ----------------------- */

.btnmenuportail a{display:block; width:160px; height:27px; background:url(interface/btn_menu_portail.png) 0 0 no-repeat;}
.btnmenuportail a:hover{ background-position:0 -27px;}

/* -------------- Bouton oubli --------------------------- */

.btnoubli{display:block; width:120px; height:20px; padding:0 0 0 40px; margin:-4px 0 4px 0; background:url(interface/btn_menu_oubli.png) no-repeat;}






/* 
	-------------------- Acces direct ---------------------
	-------------------------------------------------------
*/

#menuacces{
	width:1000px;
	position:absolute;
	background:url(interface/bg_ombrage.png) repeat-y;
	z-index:10;
}


#menuacces a{
	color:#0295BD;
}

#conteneuraccestrace{
	width:778px;
	margin:0 0 0 180px;
}

.btnacces{
	display:block;
	width:160px;
	height:30px;
	background:url(interface/btn_accesdirect.png) no-repeat;
	float:left;
	margin:0;
	margin:0 0 0 20px;
	cursor:pointer;
}

#zonebtnacces a:link{
	background:url(interface/btn_accesdirect.png) no-repeat;
}

#zonebtnacces a:hover{
	background:url(interface/btn_accesdirect_over.png) no-repeat;
}

#contenuacces{
	width:798px;
	height:290px;
	background:url(interface/bg_accesdirect.png) repeat-y center top #e9eae9;
	border:solid 1px #CCCCCC;
	border-top:none;
	position:absolute;
	margin:30px 0 0 0;
}

#contenuacces1{padding:10px}
#contenuacces ul{list-style:url(interface/puce_accesdirect.png); line-height:20px; margin:0 0 0 20px}
#contenuacces li a{color:#555; text-decoration:none}
#contenuacces li a:hover{color:#000; text-decoration:underline}

#contenuacces ul .titreaccessousmenu{list-style:none; list-style-image:none; line-height:12x; font-size:12px; font-weight:bold; color:#555}
#contenuacces ul .accessousmenu{list-style:url(interface/puce_accesdirect_sousmenu.png); line-height:7px; margin:5px 0 9px 20px; padding:0}

#accesgauche{float:left;display:block;width:250px;margin:0;}
#accescentre{float:left;display:block;width:250px;margin:0 0 0 15px;}
#accesdroit{float:left;display:block;width:246px;margin:0 0 0 17px;}


/* 
	-------------------- Trace ----------------------------
	-------------------------------------------------------
*/

#zonetrace{
  width:780px;
  height:22px;
  background:url(interface/bg_trace.png) no-repeat;
  color:#555;
  font-size:11px;
  margin:0 20px 0 0;
  padding:8px 0 0 20px;
  float:right;
  position:relative;
  z-index:20;
  overflow:hidden;
}

#zonetrace a{color:#687176;}
#zonetrace a:link, a:active, a:visited{color:#687176;text-decoration:underline;}
#zonetrace a:hover{color:#000;text-decoration:none;}


/* 
	-------------------- Pied de page ---------------------
	-------------------------------------------------------
*/


#piedpageuqtr{
	width:980px;
	height:73px;
	margin:0 auto;
	margin-bottom:30px;
	color:#6d6d6d;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	line-height:18px;
	background:url(interface/bg_piedpage.png) no-repeat;
	clear:both;
}

#piedpageuqtr img{vertical-align: text-bottom;border:none;}
#piedpageuqtr a{color:#6d6d6d;}
#piedpageuqtr a:hover{color:#333333;text-decoration:none;}

#piedpageuqtrgauche{width:720px;float:left;margin:7px 0 0 25px;padding:0;}
#piedpageuqtrdroit{width:150px;float:right;margin:23px 29px 0 0;padding:0;}

.texte12px{font-size:12px;font-weight:bold;}