/*	FICHIER :		Stylesheet.css
	DESCRIPTION : 	Fichier CSS par défaut
	AUTEUR : 		Vortex Solution
	TABLE DES MATIÈRES:
		- Éléments HTML (body, html, a, h1, h2, élements de formulaire, etc.)
		- Classes générales (tableau, icones, etc.)
		- Conteneurs, menus, etc.
		- Classes spécifiques à chaque pages (classé par no. de page)
		- Pieds de page
------------------------------------------------------------------------------------ */

/* ÉLÉMENTS HTML
------------------------------------------------------------------------------------ */
body#main{
	background: #e9eef0 url(gx/m/bg.gif) repeat-x scroll center top;
	margin: 0;
	padding: 6px 0 0 0;
	text-align:center;
}

html{
	color: #2f414d;
	font-size: 11px;
	font-family: "Arial", "Verdana", "Helvetica";
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img{border:0; margin:0; padding:0;}

/* Textes et hyperliens globaux
------------------------------------------------------------------------------------ */
a, a:link, a:visited, a:hover{outline:none;}

h1{color: #2f414d; font-family:"Trebuchet MS"; font-size:18px; margin: 12px 0 5px 0;}
h1 a, h1 a:link, h1 a:visited{color:#2f414d;text-decoration:none;}
h1 a:hover, h1 a:visited:hover{color:#0076be;}

h2{color: #2f414d; font-family:"Trebuchet MS"; font-size:15px; margin:0 0 3px 0;}
h2 a, h2 a:link, h2 a:visited{color:#2f414d;text-decoration:none;}
h2 a:hover, h2 a:visited:hover{text-decoration:underline;color:#0076be;}
h2.souligne{border-bottom:1px dotted #b8c1c4;}

h3{color: #2f414d; font-family:"Trebuchet MS"; font-size:13px; margin:0 0 2px 0;}
h3 a, h3 a:link, h3 a:visited{color:#2f414d;text-decoration:none;}
h3 a:hover, h3 a:visited:hover{text-decoration:underline;color:#0076be;}

h4{color: #0076be; font-family:Arial; font-size:12px; margin:0;}
h4 a, h4 a:link, h4 a:visited{color:#0076be; text-decoration:none;}
h4 a:hover, h4 a:visited:hover{text-decoration:underline;color:#0076be;}

p{font-size: 11px; line-height: 150%; color: #2f414d;}
.textePetit{font-size:10px; color:#2f414d;}


p a, p a:link, p a:visited, ul li a, ul li a:visited, ol li a, ol li a:visited{color:#0A254E; text-decoration:underline;}
p a:hover, p a:visited:hover, ul li a:hover, ul li a:visited:hover, ol li a:hover, ol li a:visited:hover{color:#0076be; text-decoration:underline;}

ul li{color:#2f414d; font-size:11px; line-height:150%; list-style:square; margin-left:16px;}
ol li{color:#2f414d; font-size:11px; line-height:150%; margin-left:24px;}

/* Éléments de formulaires
------------------------------------------------------------------------------------ */
fieldset{ background-color:#f0f4f5;margin: 0px 0px 6px 0px;position:relative;display:block;padding: 0px 14px 14px 10px;}
fieldset fieldset{border:1px solid #d9e2e5;margin: 12px 0px 6px 0px;padding: 0px 14px 14px 10px;}

fieldset legend{background-color:transparent;font-weight:bold;font-size:14px;padding:2px;margin:0px 0px 0px 0px; position:relative;top: -10px;left:-10px;}
fieldset fieldset legend{font-size:12px;}

fieldset label{font-size:12px; color:#010101; margin:2px 0 2px 0; float:left; display:block;}
fieldset label a, fieldset label a:link{font-size:10px; color:#2f414d;} 

fieldset .boiteMoitie{width:352px;}

.champTexte{background:#FFF;border:1px solid #747f85;font-size:11px;margin:2px 0 2px 0;}
.listeDeroulante{background:#FFF;border:1px solid #747f85;font-size:11px;margin:2px 0 2px 0;}
.boiteTexte{background:#FFF;border:1px solid #747f85;font-family:"Arial";font-size:11px;margin:2px 0 2px 0;}
.bouton{background-color:#0076BE;border:0;color:#FFF;font-family:"Arial";font-size:11px;margin-top:3px;}
.bouton:hover{background-color:#43a2dd;}
.boiteCaseACocher{float:left;}
.champCache{display:none; visibility:hidden;} /* Utilisé pour l'anti-spam */
.erreur{color:#FF0000;}

/* Classes générales
------------------------------------------------------------------------------------*/
.clearBoth{clear:both;}
.clearLeft{clear:left;}
.clearRight{clear:right;}

.alignLeft{text-align:left;}
.alignRight{text-align:right;}
.alignCenter{text-align:center;}

.floatLeft{float:left;}
.floatRight{float:right;}
.colorGreen{color:green;}

.maj{text-transform:uppercase;}

.boiteMoitie{width:50%;}
.boiteTiers{width:33%;}
.boiteQuart{width:25%;}
.boiteDeuxTiers{width:66%;}
.padding10{padding:10px;}
.margin10{margin:10px;}
.marginLeft10{margin-left:10px;}
.marginRight10{margin-right:10px;}
.noWrap{white-space: nowrap;}

.cadrePhoto{background-color:#f0f4f5; border:1px solid #2f414d; /*border:1px solid #d5d9da;*/display:block; padding:5px; float:left;}
.cadrePhoto img{display:block;}

.bordurePhoto{border:1px solid #d5d9da;}
.separateur{height:1px; /* border-top:1px dotted #b8c1c4;*/  border-top:1px dotted #000; margin:5px 0 5px 0;}

.boiteInfo{border:1px solid #e1e4e6;padding:10px;margin-bottom:10px;}

.boiteInfo.bgCompte{background:#FFF url(gx/06/boiteCompte_bg.jpg) no-repeat top right;}
.boiteInfo.bgCommande{background:#FFF url(gx/06/boiteCommande_bg.jpg) no-repeat top right;}
.boiteInfo.bgPrescription{background:#FFF url(gx/06/boitePrescription_bg.jpg) no-repeat top right;}
.boiteInfo.bgBabillard{background:#FFF url(gx/06/boiteBabillard_bg.jpg) no-repeat top right;}
.boiteInfo.bgRecherche{background:url(gx/08/boiteRecherche_bg.png) no-repeat top right;}


.prixMembre{color:#0076be; font-weight:bold; /*font-size:12px;*/}
.prixBarre{text-decoration: line-through;}
.bordure{border:1px solid #2f414d;}      /*border:1px solid #d5d9da;*/
.sansBordure{border:none;}
.photoMini{float:left; margin:0 10px 5px 0;}

.menuPage{float:right;width:740px;color:#000;font-size:12px;margin-bottom: 5px;}
.menuPage a, .menuPage a:link{color:#000;}
.menuPage a:hover, .menuPage a:visited:hover{color:#0076be;}
.menuPage a.actif, .menuPage a.actif:visited{text-decoration:none; color:#0076be;}

.BtnRetour{margin-top:12px;float:right;}
.displayN{display:none;}

/* Tableaux <table>
------------------------------------------------------------------------------------*/
.tableau{border-collapse:collapse;margin-bottom:4px;}
.tableau.pleineLargeur{width:100%;}
.tableau.tableauListe{width:380px;	}
.tableau.bordure, .tableau.bordure tr{border:1px solid #d8dcdf;}
.tableau th{background-color:#f1f4f5; border:1px solid #d8dcdf;	padding:2px 4px 2px 4px;}
.tableau td{border:1px solid #d8dcdf;padding:2px 4px 2px 4px;vertical-align:top;} 
.tableau td.sansBordure{border:none;}
.tableau td.total{border-top:2px solid #999;}
.tableau a, .tableau a:link{color:#2f414d;}
.tableau a:hover, .tableau a:visited:hover{color:#0076be;}
.tableau td.prixActif{font-weight:bold;	color:#34699C;}
.tableauSansBordure td{border:none; padding:0 5px 0 0;}



/* Icônes d'extensions de fichiers et icônes générales
------------------------------------------------------------------------------------ */
.iconeRSS{background: url(Gx/icone_RSS.gif) no-repeat left;padding:5px 0 5px 20px;}
.iconePDF{background: url(Gx/icone_PDF.gif) no-repeat left;padding:5px 0 5px 20px;}
.iconePlus{background: url(Gx/icone_plus.gif) no-repeat left;padding:3px 0 2px 12px;}
.iconeMoins{background: url(Gx/icone_moins.gif) no-repeat left;padding:3px 0 2px 12px;}
.iconeX{background: url(Gx/icone_x.gif) no-repeat left;padding:3px 0 2px 12px;}
.iconeDroite{background: url(Gx/icone_droite.gif) no-repeat left;padding:3px 0 2px 12px;}
.iconeGauche{background: url(Gx/icone_gauche.gif) no-repeat left;padding:3px 0 2px 12px;}
.iconeHaut{background: url(Gx/icone_haut.gif) no-repeat left;padding:3px 0 2px 12px;}
.iconeAgrandir{background: url(Gx/icone_agrandir.gif) no-repeat left;padding:3px 0 2px 20px;}
.iconeFeuilletage{background: url(Gx/icone_feuilletage.gif) no-repeat left;padding:3px 0 2px 22px;}
.iconeImprimer{background: url(Gx/icone_Imprimer.gif) no-repeat left;padding:5px 0 5px 20px;}

/* MAIN.CFM
------------------------------------------------------------------------------------ */
#conteneur{
	background-color:#FFF;
	margin: 0 auto 0 auto;
	text-align:left;
	width:980px;
	padding:0 10px 0 10px;
	clear:both;
}

/* Haut de page*/
#conteneurHaut{width:980px;clear:both;}
#logoCoopUqam{float:left;margin:27px 0 0 0;}

/* Navigation secondaire*/
#navSec{margin:20px 0 12px 0; color:#000; float:right; width:760px; text-align:right;z-index:100;position:relative;}
#menuNavSec a, #menuNavSec a:link, #menuNavSec a:visited{border-right:1px dotted #000; font-size:11px; color:#2f414d; padding:0 10px 0 10px; text-decoration:none;}
#menuNavSec a.dernier{border:0; padding:0 0 0 10px;}
#menuNavSec a:hover, #menuNavSec a:visited:hover{color:#000; text-decoration:underline;}
#menuNavSec a.actif, #menuNavSec a.actif:visited{color:#0078c1; text-decoration:underline;}

#conteneurNavSec{}
#sousMenu_Cooperative{top:16px; left:498px; position:absolute; width:160px;}
#sousMenu_DevenirMembre{top:16px; left:594px; position:absolute; width:160px;}
#sousMenu_NousJoindre{top:16px; left:584px; position:absolute; width:160px;}

a#menuMagasiner{background:url(gx/m/boiteBoutonConteneur_bg.gif) no-repeat 190px 0px;display:block; }

/* Boite de gestion du profil : login, bienvenue, liens, etc. */
#boiteProfil{background:#f0f4f5 url(gx/m/boiteProfil_bg.gif) no-repeat top left; display:block; float:right; height:50px; padding:0 10px 0 30px; text-align:right;}
#boiteProfil div.bienvenue{margin-top:10px;float:left; display:block;	font-size: 12px; border-right: 1px solid #ccc; height: 28px; line-height: 28px; padding-right:15px;}
#boiteProfil div.bienvenue strong{font-size: 12px; color:#0077c0;}
.menuPanier{clear:right;display:block;padding-right:5px; text-align:right;padding-top:5px;}
.menuPanier p{
	line-height: 22px;
	font-size:11px;
	color:#000;
}
#formLogin{padding:4px 0 0 0;}
#formLogin #boiteCourriel{float:left; width:130px;text-align:left;}
#formLogin #boiteMotDePasse{float:left; width:130px;text-align:left;}
#formLogin label{font-size:10px;color:#2F414D;display:block;}
#formLogin #loginCourriel{width:120px;height:12px;}
#formLogin #loginMotDePasse{width:120px;height:12px;}
#formLogin #bouton{margin-top:16px;}



#conteneurHaut p.textePetit{clear:right;display:block;font-size:10px; padding-right:5px; text-align:right;}

#conteneurBas{background:#F0F4F5; clear:both; margin:0; padding:0; text-align:center;}

/* Conteneur du milieu avec les 2 colonnes */
#conteneurMilieu{width:980px;clear:both;margin-top:10px;}
#colGauche{width:220px; float:left; clear:left;}
#colDroite{width:740px; float:right; clear:right;}
#colDroite #contenu{width:740px; float:right; clear:right;}

/* Outils d'info-bulles en javascript onMouseover="ddrivetip('')"
------------------------------------------------------------------------------------*/
#dhtmltooltip{position:absolute; left:-300px; width:150px; padding:10px; visibility:hidden; z-index:100; text-align:left;}
#dhtmlpointer {position:absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip {border: 1px solid #a1a9ae; background: #FFF; color:#000; }

/* Menu des secteurs
------------------------------------------------------------------------------------*/
.menuSecteur ul.menuSecteur{display:none;}
#boiteSecteur{margin-bottom:12px; padding:0; clear:both; display:block; width:220px;}
#boiteSecteur h2{text-transform:uppercase;}
#boiteSecteur ul li{padding:0; margin:0; display:block; list-style-type:none; border-top:1px dotted #303030;}
#boiteSecteur ul li a, #boiteSecteur ul li a:link, #boiteSecteur ul li a:visited{
	display:block;
	font-size: 14px;
	font-weight:bold;
	padding: 5px 0 5px 20px;
	text-decoration: none;
	width:200px;
}

/* Sous-menu */
#boiteSecteur ul ul{margin:0 0 6px 0;}
#boiteSecteur li li{border:none;}
#boiteSecteur li li a, #boiteSecteur li li a:link, #boiteSecteur li li a:visited{
	background:none;
	color: #2f414c;
	display:block;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 0 0 20px;
	text-decoration: none;
}
#boiteSecteur li li a:hover, #boiteSecteur li li a:visited:hover{
	background:none; text-decoration:underline;
}
/* Sous-sous-menu*/
#boiteSecteur ul ul ul{margin-bottom:6px;}
#boiteSecteur li li ul{border:none;}
#boiteSecteur li li li a, #boiteSecteur li li li a:link, #boiteSecteur li li li a:visited{
	background:none;
	color: #2f414c;
	display:block;
	font-size: 11px;
	font-weight: normal;
	margin: 0 0 0 10px;
	text-decoration: none;
}
#boiteSecteur li li li a:hover, #boiteSecteur li li li a:visited:hover{text-decoration:underline;}

/* Boîte de matériel obligatoire
------------------------------------------------------------------------------------*/
#boiteMatOblig{background:#0077c0 url(gx/m/boiteMatObligHaut_bg.gif) no-repeat top left; clear:both; display:block;margin-bottom:12px; width:220px;}
#boiteMatObligBas{background:#0077c0 url(Gx/M/boiteMatObligBas_bg.gif) no-repeat bottom left; clear:both; display:block; height:3px; width:220px;}
#boiteMatOblig #contenu{padding:5px 10px 10px 10px;clear:both; display:block;}
#boiteMatOblig h2{color:#FFF; border-bottom:1px solid #59a6d6; padding-bottom:6px; text-transform:uppercase;}

#formMatOblig{}
#formMatOblig label{color:#FFF;display:block;font-size:12px; margin-top:5px;}
#formMatOblig label.petit{font-size:10px;display:inline; margin-right:14px;}
#formMatOblig .listeDeroulante, #formMatOblig .champTexte{font-size:12px;margin: 3px 0 0 0;}
#formMatOblig .bouton{}
#formMatOblig #trimestreID{width:200px;}
#formMatOblig #sigleCoursComplet{width:68px; margin-right:10px;}
#formMatOblig #sigleCours{width:40px; margin-right:10px;}
#formMatOblig #noCours{width:40px; margin-right:5px;}
#formMatOblig #exemple{display:block;}
#formMatOblig #LienAffGroupes{text-decoration:none;background:#228ad4 url(Gx/M/btnGroupFormMatOblig.gif) no-repeat center right;color:#fff;font-size:11px;padding:1px 20px 1px 2px;}
#formMatOblig #imgEnvoiForm{float:right;}

/* Boîte bouton (tout genre)
------------------------------------------------------------------------------------*/
.boiteBouton{background:url(gx/m/boiteBouton_bg.gif) no-repeat top left; display:block; margin-bottom:10px; width:220px; font-family:"Trebuchet MS"}
.boiteBouton .conteneurFleche{background:url(gx/m/boiteBoutonConteneur_bg.gif) no-repeat 190px 10px; padding:10px; _padding:0 10px;}
.boiteBouton .conteneur{padding:10px; _padding:0 10px;}
.boiteBouton .conteneurCollectivite{background:url(gx/m/iconeCollectivite_bg.gif) no-repeat 190px 10px; padding:10px; _padding:0 10px;}
.boiteBouton a{color:#7f909a;text-decoration:none;display:block;}
.boiteBouton a b{color:#12848f;font-size:14px;}

.boiteBouton ul li a:hover{color:#000;}

.boiteBouton .boiteBoutonHaut{background:url(gx/m/boiteBoutonHaut_bg.gif) no-repeat top left;height:3px;width:220px;}
.boiteBouton .boiteBoutonBas{background:url(gx/m/boiteBoutonBas_bg.gif) no-repeat bottom left;height:3px;width:220px;}
#boutonPrescription a b{color:#0076be;font-size:14px;}
#boutonBabillard a b{color:#2e414f;font-size:14px;}
#boutonCirculaire a b{color:#e4ac55;font-size:14px;}
#boutonInfolettre a b{color:#007c84;font-size:14px;}
#boutonSiegeSocial a b{color:#007c84;font-size:14px;}
#boutonHeureSpeciale a b{color:#2e414f;font-size:14px;}
#boutonCollectivite a b{color:#000000;font-size:14px;}

div#boutonCreerProfil.boiteBouton{background-image:url(gx/m/boiteBoutonBleu_bg.gif);}
div#boutonCreerProfil.boiteBouton .conteneurFleche{background-image:url(gx/m/boiteBoutonBleuConteneur_bg.gif);}
div#boutonConnectezVous.boiteBouton{background-image:url(gx/m/boiteBoutonVert_bg.gif);}
div#boutonConnectezVous.boiteBouton .conteneurFleche{background-image:url(gx/m/boiteBoutonVertConteneur_bg.gif);}
div#flecheConnexion{float:right;width:135px;height:29px;background:url(gx/m/flecheConnexion.gif) no-repeat;margin-top:10px;display:none;}

/* Liste des nouvelles */
#boiteListeNouvelle{margin-bottom:12px; padding:0; clear:both; display:block; width:220px;}
#boiteListeNouvelle h2{text-transform:uppercase;}

#boiteListeNouvelle .uneNouvelle{border-top:1px dotted #303030; padding:10px 0 10px 0;}
#boiteListeNouvelle .uneNouvelle .boutonDate{
	color:#FFF;
	background:#2e414c url(gx/m/boutonDate_bg.gif) no-repeat top right;
	padding: 1px 20px 1px 2px;
}

.uneNouvelle a{text-decoration:none;}
.uneNouvelle h3{font-size:11px; margin:3px 0 0 0;}
.uneNouvelle h3 a, .uneNouvelle h3 a:link{color:#2f414d; text-decoration:none;}
.uneNouvelle h3 a:hover, .uneNouvelle h3 a:visited:hover{color:#0076be; text-decoration:underline;}
.uneNouvelle p{font-size:11px;line-height:130%;}

/* Boite des actualités fil RSS par catégorie */
#boiteActualiteRSS h2{text-transform: uppercase;}
#boiteActualiteRSS h3{font-size:11px; margin:3px 0 0 0;}
#boiteActualiteRSS h3 a, #boiteActualiteRSS h3 a:link{color:#2f414d; text-decoration:none;}
#boiteActualiteRSS h3 a:hover, #boiteActualiteRSS h3 a:visited:hover{color:#0076be; text-decoration:underline;}


/* Boite des partenaires à gauche */
#boitePartenaire .conteneur{background:none;}
#boitePartenaire h2{text-transform: uppercase;}
#listeLogoPartenaire{
  position:relative;
  width:200px;
  height:70px;
}
#listeLogoPartenaire div{
  display:none;
  position:absolute;
  top:0;
  left:0;
}
#listeLogoPartenaire div.logoPartenaireActif{
  display:block;
}

#boiteEnTete{
	background:#e3eaec;
	height:38px;
	width:724px;
	display:block;
	padding:8px;
}
#boiteEnTete #moteurRecherche{
	float:left;
	display:inline;
	width:329px;
}
#formRechercheMotCle{position:relative;}
#formRechercheMotCle .champTexte{width:130px;}
#formRechercheMotCle .listeDeroulante{width:90px;padding:0;}
#formRechercheMotCle .bouton{position:absolute; top:0px; left:230px;}


#boiteEnTete #menuTypeProfil{
	float:right;
	display:inline;
	width:360px;
	/*position:relative;*/
}

/* 3 boutons de profils et sous-menus dans le haut de page*/
.boutonProfil{
	background:url(gx/m/boutonProfil_bg.gif) no-repeat;
	float:left;
	width:117px;
	height:32px;
	margin-left:2px;
}
.boutonProfil a, .boutonProfil a:link, .boutonProfil a:visited{font-size:11px; font-family:"Trebuchet MS"; font-weight:bold; letter-spacing:0px; color:#2e414c; text-decoration:none; text-align:left; width:79px; display:block; padding:8px 0 8px 30px;}
.boutonProfil a:hover, .boutonProfil a:visited:hover{color:#000; text-decoration:underline;}
a#bouton_Professeur{background:url(gx/m/iconeProfesseur_bg.gif) no-repeat 5px 5px;}
a#bouton_Collectivite{background:url(gx/m/iconeCollectivite_bg.gif) no-repeat 5px 5px;}
a#bouton_Entreprise{background:url(gx/m/iconeEntreprise_bg.gif) no-repeat 5px 5px;}

/* Sous-menus déroulants des 3 boutons de profils */
#sousMenuProfil{position:relative; z-index:100;}
#sousMenu_Professeur{top:32px;_top:8px; left:3px; position:absolute; width:160px;}
/*#sousMenu_Collectivite{top:32px; left:56px; position:absolute; width:160px;}
#sousMenu_Entreprise{top:32px; left:176px; position:absolute; width:160px;}*/

.sousMenuDeroulant{background:#0077c0; padding:8px; display:none; z-index:100; text-align:left;}
.sousMenuDeroulant ul{margin:0px;padding:0px;}
.sousMenuDeroulant ul li{color:#f2ffe2;list-style-type:none;position:relative; font-size:11px;margin:0px;}
.sousMenuDeroulant ul li a, .sousMenuDeroulant ul li a:link, .sousMenuDeroulant ul li a:visited{border-bottom: 1px dotted #fff; color:#f2ffe2; display:block; padding-left:2px; text-decoration:none; line-height:14px; position:relative; width:156px;}
.sousMenuDeroulant ul li a:hover, .sousMenuDeroulant ul li a:visited:hover{color:#FFF;text-decoration:none; background:#1081c7;}
.sousMenuDeroulant ul li a.dernier{border:none;}

/* Sous-menu dans les pages */
.conteneurSousMenu{float:right;margin:20px 0 10px 10px;}
.sousMenu{margin:0; width:200px;}
.sousMenu h2{font-size:13px;letter-spacing:0; text-transform:uppercase;}
.sousMenu ul{margin:0px;padding:0px;}
.sousMenu ul li{color:#2f414c;list-style-type:none;position:relative; font-size:11px;margin:0px;}
.sousMenu ul li a, .sousMenu ul li a:link, .sousMenu ul li a:visited{border-bottom: 1px dotted #d5d9da; color:#2f414c; display:block; padding:2px 0 2px 2px; text-decoration:none; position:relative; width:196px;}
.sousMenu ul li a:hover, .sousMenu ul li a:visited:hover{color:#0076BE;text-decoration:none; background:#e3eaec;}
.sousMenu ul li a.actif, .sousMenu ul li a.actif:visited{background-color:#0076BE;color:#FFF;font-weight:bold;}
.sousMenu ul li a.dernier{border:none;}

/* HEURES D'OUVERTURE */

div#heures{ color: #3b3b3b; font-size: 11px; width: 205px; margin: 25px 0 25px 0; } div#heures h1{ color: #3b3b3b; font-size: 12px; text-transform: uppercase; margin: 0 0 10px 0; }
div#heures div.jour{ color: #ff6f4e;  font-weight: bold; width: 60px; margin: 0 0 5px 0; float: left; display: block; } div#heures div.date{ color: #666666; width: 77px; margin: 0 0 5px 0; float: left; display: block; }
div#heures div.ouverture{ text-align: right; width: 25px; margin: 0 6px 5px 0; float: left; display: block; } div#heures div.a{ margin: 0 4px 5px 0; float: left; display: block; } 
div#heures div.fermeture{ width: 25px; margin: 0 0 5px 0; float: left; display: block; }
div#heures div.ferme{ color: #999999; font-style: italic; text-align: center; width: 65px; margin: 0 0 5px 0; float: left; display: block; }

div#horaire{ width: 476px; }
div#horaire div.entete{ width: 471px; padding: 0 0 5px 0; } 
div#horaire div.entete div.titre{ font-weight:bold; color: #2f414d; font-size: 12px; float: left; display: block; }
div#horaire div.entete a, div#horaire div.entete a:link, div#horaire div.entete a:visited, div#horaire div.entete a:hover{ width: 6px; height: 7px; padding: 2px; margin: 0 0 0 0; float: right; display: block; }
div#horaire div.jour{ width: 476px; height: 31px; } 
div#horaire div.jour div{ color: #fff; font-size: 11px; font-weight: bold; text-align: center; width: 63px; padding: 6px 0 0 0; margin: 0 5px 0 0; float: left; display: block; }
div#horaire div.grille{ width: 476px; height: 366px; } 
div#horaire div.grille div{ background: url(Gx/M/horaire_date_bg.gif) no-repeat top left; color: #7f909a; font-size: 11px; text-align: center; width: 63px; height: 46px; padding: 5px 0 5px 0; margin: 0 5px 5px 0; float: left; display: block; /*background: url(Gx/M/horaire_date_bg_off.gif) no-repeat top left;*/ }
div#horaire div.grille div strong{ color: #2f414d; font-size: 12px; margin: 0 0 3px 0; display: block; }
div#horaire div.grille div.actif{ color: #7f909a; } 
/*div#horaire div.grille div.actif strong{ color: #2f414d; font-size: 12px; margin: 0 0 3px 0; display: block; }*/

div.horaire{ background: url(Gx/m/calendrier_jour_bg.gif) no-repeat top left; } 





/* 00_100 : ACCUEIL SITE
------------------------------------------------------------------------------------ */
.boitePleineLargeur{border:1px solid #d5d9da; width:738px;  margin-bottom:10px;}
.boitePleineLargeur .contenu{padding:10px;}
.boitePleineLargeur h2.titreSecteurCoin{
	display:inline;
	font-size:12px;
	padding:5px 44px 5px 13px;
	line-height:28px;
	height:28px;
	letter-spacing:0;
	margin:0;
	text-transform:uppercase;
}

.separateurCirculaire{background:url(gx/01/separateurCirculaire_bg.gif) repeat-y top center;}
img.coinPlus{display:block; width:52px; height:51px; position:absolute; bottom:-1px; right:-1px;}


.boiteUnItem p{line-height:14px;}
.boiteUnItem a, .boiteUnItem a:link, .boiteUnItem a:visited{text-decoration:none;font-weight:normal;}

.boiteQuatreItem{float:left;width:538px;display:block; }
.boiteQuatreItem .boiteUnItem{float:left;margin:10px 10px 0 10px; width:110px;}

.boiteCinqItem{float:left;width:750px;display:block;}
.boiteCinqItem .boiteUnItem{float:left;margin:10px 10px 10px 10px; width:128px;}

.boiteVignette{height:150px;padding-top:4px;margin-bottom:3px;border:1px solid #dedede;text-align:center;vertical-align:middle;}

.lienCat{float:right; display:block; text-align:right;margin:0 16px 2px 0;}
/* n'est plus utilisée...
.boutonPanier{border:1px dotted #dadee0; margin-bottom:8px;width:90px;}
.boutonPanier a, .boutonPanier a:link, .boutonPanier a:visited{background:url(Gx/icone_panier.png) no-repeat center left; color:#2f414d; text-decoration:none; display:block; padding:5px 10px 5px 0; text-align:right;}
.boutonPanier a:hover, .boutonPanier a:visited:hover{background-color:#e3eaec;}
*/

/* Partie "circulaire" à droite*/
.boiteCirculaire{border-left:10px solid #f1f4f5;display:block;  float:right; width:189px; _width:188px; height:270px; position:relative;}

.Banniere{

	padding: 0 auto 0 auto; 
	margin:25px 0 0 25px; 
	/*width:188px;*/
}


/* 00_777 : RÉFÉRER CE SITE
------------------------------------------------------------------------------------ */
#formRefererSite fieldset label{float:left;width:150px;}
#formRefererSite .champTexte{float:left;width:200px;}
#formRefererSite .boiteTexte{float:left;width:380px;height:70px;}
#formRefererSite label#labelMessage{width:380px;}

/* 01_500 : OFFRE EMPLOI
------------------------------------------------------------------------------------ */
#formOffreEmploi fieldset label{float:left;width:150px;}
#formOffreEmploi #labelTexte{width:500px;}
#formOffreEmploi .boiteCaseACocher label{width:auto;}
#formOffreEmploi .champTexte{float:left;width:200px;}
#formOffreEmploi .listeDeroulante{float:left;width:200px;}
#formOffreEmploi .boiteTexte{float:left;width:330px;height:70px;}
#formOffreEmploi .caseACocher{float:left;}

/* 02_200 : DEMANDE DE DUPLICATA
------------------------------------------------------------------------------------ */
#formDuplicata fieldset label{float:left;width:120px;}
#formDuplicata .boiteCaseACocher label{width:auto;}
#formDuplicata .champTexte{float:left;width:200px;}
#formDuplicata .CP{width:70px;}
#formDuplicata .caseACocher{float:left;}

/* 05_100 : Inscription à l'infolettre
------------------------------------------------------------------------------------ */
#formulaireInfolettre fieldset label{width:70px;}
#formulaireInfolettre .champTexte{width:200px;}


/* 06_000 : Erreur connexion
------------------------------------------------------------------------------------ */
#formErreurConnexion fieldset label{float:left;display:block;width:110px;}
#formErreurConnexion fieldset .champTexte{display:block;float:left;width:200px;}

/* 06_200 : OUVERTURE DE COMPTE
------------------------------------------------------------------------------------ */
#formOuvertureCompte label{float:left;}
#formOuvertureCompte .champTexte{float:left;width:200px;}
#formOuvertureCompte .listeDeroulante{float:left;width:200px;}
#formOuvertureCompte .boiteTexte{float:left;width:330px;height:70px;}
#formOuvertureCompte .caseACocher, #formOuvertureCompte .boutonRadio{float:left;}
#fieldsetInfoCompte #fieldsetInformation label{width:135px;}
#fieldsetInfoCompte #fieldsetInformation label.Genre{width:60px;}
#fieldsetInfoCompte #fieldsetInformation .telephone{width:100px;}
#fieldsetInfoCompte #TelTravailPoste{width:45px;}
#fieldsetInfoCompte label#titreTelTravailPoste{width:40px;padding-left:10px;}

#fieldsetMembre #NoMembre{width:50px;}
#fieldsetInfoCompte label{width:150px;}
#fieldsetInfoCompte #fieldsetInfoEtude label{width:235px;}

#fieldsetInfoCompte #fieldsetInfoEtude label.TypeProfesseurUQAM,
#fieldsetInfoCompte #fieldsetInfoEtude label.EstEtudiantUQAM,
#fieldsetInfoCompte #fieldsetInfoEtude label.MembreTeluq,
#fieldsetInfoCompte #fieldsetInfoEtude label.EstDiplomeUqam,
#fieldsetInfoCompte #fieldsetInfoEtude label.EstEmployeUqam,
#fieldsetInfoCompte #fieldsetOption label.Infolettre{width:auto;}

#fieldsetInfoCompte #fieldsetAdresse #CP{width:60px;}
#fieldsetInfoCompte #fieldsetAdresse label{width:90px;}

#fieldsetInfoCompte #fieldsetCreationMotDePasse label{width:220px;}

/* 06_221 : MODIFICATION ADRESSE
------------------------------------------------------------------------------------ */
#formModificationAdresse fieldset label{float:left;display:Block;width:90px;}
#formModificationAdresse label.genre{width:60px;}
#formModificationAdresse fieldset .boutonRadio {float:left;}
#formModificationAdresse fieldset .champTexte {	width:200px;}

/* 06_400 : PERDU MOT DE PASSE
------------------------------------------------------------------------------------ */
#formMotDePasse fieldset #Courriel{width:200px;}
#formMotDePasse fieldset #NoMembre{width:50px;}


/* 06_500 : MODIFICATION COMPTE
------------------------------------------------------------------------------------ */
#fieldsetLivre .boiteTexte{color:#000;}

/* 06_510 : MODIFICATION LIVRE USAGE
------------------------------------------------------------------------------------ */
#formModifLivreUsage fieldset label{float:left;width:110px;}
#formModifLivreUsage fieldset .champTexte{float:left;width:200px;}
#formModifLivreUsage fieldset .boiteTexte{float:left;width:300px;height:60px;}

/* 07_100 : FANCY BOX : SUPPRIMER-PRESCRIPTION
------------------------------------------------------------------------------------ */
#formSuppPrescription .boiteTexte{float:left;width:350px;height:60px;}

/* 07_200 : FANCY BOX : ENVOYER-PRESCRIPTION
------------------------------------------------------------------------------------ */
#formEnvoyerPrescripValid .boiteTexte{float:left;width:350px;height:70px;}
#formEnvoyerPrescripValid .caseACocher, #formEnvoyerPrescripValid .boutonRadio{float:left;}

/* 07_300 : AJOUT PRESCRIPTION
------------------------------------------------------------------------------------ */
#formAjoutPrescription label{float:left;}
#formAjoutPrescription label.petit{font-size:10px;}
#formAjoutPrescription .champTexte{float:left;width:90px;}
#formAjoutPrescription .groupeIn{width:25px; margin-right:10px;}

#formAjoutPrescription #fieldsetIdentifierCours label{width:120px;}
#formAjoutPrescription #fieldsetSession label{width:150px;}

#formAjoutPrescription #fieldsetSession label.CoursIntensif{width:30px;}
#formAjoutPrescription #prescriptionSigleCours{width:60px; margin-right:10px;}

#formAjoutPrescription #exemple{clear:both;position:relative;left:120px;}
#formAjoutPrescription #groupe{margin-left:150px;}
#formAjoutPrescription #legendeGroupe{position:absolute;left:270px;width:400px;text-align:right;}
#formAjoutPrescription .ListeGroupes{width:80px;text-align:right;border-right:1px solid #D9E2E5;float:left;}
#formAjoutPrescription .GroupeNonDispo{color:#999;}
#formAjoutPrescription #CoursIntensifDate a {text-decoration:none;}

/* 07_400 : AJOUT ITEM PRESCRIPTION VIA RECHERCHE
------------------------------------------------------------------------------------ */
#formAjoutItemPrescription #fieldsetInfoManuels #Select1{width:690px;height:150px;font-size:11px;}
#formAjoutItemPrescription #fieldsetInfoManuels #Select2{width:690px;height:100px;font-size:11px;}
#formAjoutItemPrescription #fieldsetInfoManuels #Select1 option:hover{background-color:#F0F4F5;}
#formAjoutItemPrescription #fieldsetInfoManuels #Select2 option:hover{background-color:#F0F4F5;}

#formAjoutItemPrescription #fieldsetInfoManuels label{width:100px;}
#formAjoutItemPrescription #fieldsetInfoManuels .champTexte{width:200px;}

#formAjoutItemPrescription .lienForm{border:none; font-size:10px; }
#formAjoutItemPrescription .lienForm:hover{cursor:pointer;background-color:#DBEDEE;}

/* 07_410 : AJOUT ITEM PRESCRIPTION VIA FORMULAIRE (MANUELLEMENT)
------------------------------------------------------------------------------------ */
#formAjoutItemPrescription #fieldsetAjouterManuel label{width:150px;}
#formAjoutItemPrescription #fieldsetInfoPedagogique .champTexte{float:left;width:30px;}

/* 07_420 : MODIFIER INFORMATIONS MANUEL
------------------------------------------------------------------------------------ */
#formModifItemPrescription #fieldsetModifierInfoManuel label{width:150px;}
#formModifItemPrescription #fieldsetInfoPedagogique .champTexte{float:left;width:30px;}

/* 08_100 : LISTE DES PRODUITS
------------------------------------------------------------------------------------ */
#formFiltre fieldset{padding:10px;}
#formFiltre .listeDeroulante{width:170px;}
#formFiltre .col1{width:270px}
#formFiltre .col1 label{width:80px;}
#formFiltre .col2{width:280px}
#formFiltre .col2 label{width:95px;}
#formFiltre .col3{width:165px}
#formFiltre .col3 .listeDeroulante{width:45px;}
#formFiltre label{float:left;display:block;}
#formFiltre label.textePetit{font-size:11px;}
/*.AuteurUQAM{background:url(Gx/icone_auteurUQAM_petit.gif) no-repeat right; padding:5px 25px 5px 0;line-height:200%;}*/

/* 08_200 : MOTEUR RECHERCHE AVANCÉE
------------------------------------------------------------------------------------ */
#OngletSecteur{display:block;}
#OngletSecteur a{font-size:13px; color:#2f414c; text-decoration:underline; display:inline; font-weight:bold; padding: 10px 0 10px 0; width:135px; float:left; text-align:center; margin-top:4px;}
#OngletSecteur a:hover, #OngletSecteur a:visited:hover{ text-decoration:underline;}

#moteurRechercheAvancee fieldset label{float:left;display:block;width:120px;}
#moteurRechercheAvancee fieldset .champTexte, 
#moteurRechercheAvancee fieldset .listeDeroulante{float:left;width:150px;display:inline;}
#moteurRechercheAvancee fieldset .annee{width:50px;}
#moteurRechercheAvancee fieldset .prix{width:50px;margin-right:3px;}
#moteurRechercheAvancee fieldset fieldset .boiteMoitie{width:300px;}



/* 08_300 : MATERIEL OBLIGATOIRE
------------------------------------------------------------------------------------ */
.prescripSelec{color:#0076BE;}
.prescripSelec a, .prescripSelec a:link {color:#0076BE;}

/* 08_400 : FICHE ITEM
------------------------------------------------------------------------------------ */
.formUnItem .champTexte{width:40px;}

/* 08_500 : PANIER
------------------------------------------------------------------------------------ */
#infoMesAdresses div{
	margin:0 5px;
}
#infoMesAdresses div p{
	color:#000;
	font-size:12px;
}

/* 09_100 : DETAIL LIVRE USAGÉ
------------------------------------------------------------------------------------ */
#formInfoLivreUsage fieldset label{width:95px;float:left;}
#formInfoLivreUsage fieldset label.auteur{width:50px;float:left;}
#formInfoLivreUsage fieldset .champTexte{width:250px; margin-right:10px;}
#formInfoLivreUsage fieldset .boiteTexte{width:350px;height:150px;}

/* 09_400 : COMMANDE SPÉCIALE
------------------------------------------------------------------------------------ */
#formCommandeSpeciale label{width:120px;float:left;}
#formCommandeSpeciale .champTexte{width:250px;}
#formCommandeSpeciale .boiteTexte{width:350px;height:50px;}
#formCommandeSpeciale #CP{width:60px;}

/* 14_100 : PALMARES
------------------------------------------------------------------------------------ */
.NumPalmares{border-bottom:1px solid #017C84;color:#017C84;font-size:14px;padding:2px 0 2px 2px;font-weight:bold;margin-bottom:5px;}

/* PIED DE PAGE
------------------------------------------------------------------------------------ */
#copyrights{clear:both; display:block; padding:20px 0 20px 0; text-align:right;font-size:10px; color:#919da4;}
#copyrights a, #copyrights a:link, #copyrights a:visited{font-size:10px; color:#919da4; text-decoration:none;}
#copyrights a:hover, #copyrights a:visited:hover{color:#0076be; text-decoration:underline;}

#piedPage{margin: 0 auto 0 auto; text-align:left; width:980px; padding:10px 0 10px;}

#menuBas{float:right;}
#menuBas .menuSecteurBas{float:left; display:block; width:110px; margin-left:10px;}
#menuBas ul{display:block; width:110px;}
#menuBas ul li{padding:0; margin:0 0 2px 0; display:block; list-style-type:none;}
#menuBas ul li a, #menuBas ul li a:link, #menuBas ul li a:visited{
	background-color:#d5d9da;
	font-size:11px;
	color:#2f414c;
	padding:1px 2px 1px 2px;
	display:block;
	text-decoration:none;
	width:106px;
}
/* Secteur 0 (faux) : Coop Uqam*/
#menuBas h2{
	color:#007b83;
	font-family:Arial;
	font-size:11px;
	border-bottom:1px dotted #303030;
	letter-spacing:0px;
	padding-bottom:6px;
	margin-bottom:6px;
	text-transform:uppercase;
}
#menuBas #secteur_0 h2 a, #menuBas #secteur_0 h2 a:link, #menuBas #secteur_0 h2 a:visited{
	color:#007b83;
	font-family:Arial;
	font-size:11px;
	text-decoration:none;
}
#menuBas #secteur_0 ul li a:hover, #menuBas #secteur_0 ul li a:visited:hover{background-color:#e2e6e7; color:#242e34;}


/* Partager cette page (bookmarker) */
#socialBookmarker{color:#575b5d; float:left; margin-top:5px; padding:2px 2px 0 2px; border:1px solid #cdd0d0;}
#socialBookmarkerPrefix{float:left;cursor:default;}
.bookmarkIconesVisibles{float:left;margin-left:2px;}
#bookmarkHoverPopup{
	position:absolute;
	border:solid 1px;
	background-color:white;
	text-align:left;
	padding:4px;
	width:315px;
	display:none;
}
#bookmarkHoverPopup .bookmarkHoverPopupItems{
	float:left;
	width:150px;
	height:25px;
	margin-right:4px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a{
	line-height:25px;
	height:25px;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:link, #bookmarkHoverPopup .bookmarkHoverPopupItems a:visited{
	border:none;
	color:black;
	display:block;
	text-decoration: none;
	width:150px;
	padding-left:2px;
	border: 1px solid #fff;
}

#bookmarkHoverPopup .bookmarkHoverPopupItems a:active, #bookmarkHoverPopup .bookmarkHoverPopupItems a:hover{
	text-decoration: none;
	color:#333333;
	border: 1px solid #666;
	width:150px;
	height:25px;
	display:block;
	background-color:#eee;
	padding-left:2px;
}

/* CALENDRIER (Utilisé pour popup de calendar.js) */
div#Calendar{ background:#FFFFFF; border:#2266B3 1px solid; font-size:11px; }
div#Calendar div.weekdays div{ border:#FFFFFF 1px solid; color:#2266B3; font-weight:bold; margin:-1px 0 0 -1px; }
div#Calendar div.days a, div#Calendar div.days a:visited{ border:#2266B3 1px solid; color:#3e3328; margin:-1px 0 0 -1px; text-decoration:none; }
div#Calendar div.days a:hover{ color:#999999; }
div#Calendar div.days div{ background:#CFCFCF; border:#2266B3 1px solid; margin:-1px 0 0 -1px; }