* {
  padding:0;
  margin:0;
}
body {
  background-color:#fff;
  font-size:0.92em;
  color:#202020;
  font-family:Helvetica, Arial, sans-serif;
  overflow-y:scroll;
  overflow-x:auto;
}
#Global {
  margin:0 auto;
  padding:0;
  background-color:#fff;
  width:940px;
  position:relative;
}
/* Pour Internet Explorer */
img, a:link img, a:visited img, a:hover img, a:focus img {border:0;}
/* XXXXXXX ZONE MENU ENTETE - avant 2014 XXXXXXX */
#entete {
  position:relative;
  padding-top:40px;
}
#entete.Nouveautes {padding-top:0;}
.logo {
  display:none;
}
#ZoneMenuEntete { /* voir IE7 */
  padding:5px 0 4px 3px;
  font-size:.72em;
}
#ZoneMenuEntete a:link, #ZoneMenuEntete a:visited {
  color:#666;
  margin-right:8px;
}
#ZoneMenuEntete a:hover {
  color:#000;
  text-decoration:none;
}
/* XXXXXXX ZOME RECHERCHE - avant 2014 XXXXXXX */
#ZoneRecherche {
    position:absolute;
  vertical-align:middle;
  padding:0;
  width:700px;
  text-align:right;
  top: 10px;
  right:15px;
}
#ZoneRecherche form {
  padding:0;
  margin:0 0 0 15px;
  float:right;
}
#ZoneRecherche .TxtRech {
  width:110px;
  border-right:1px solid #79b1c9;
  border-bottom:1px solid #3c748c;
  border-top:1px solid #3c748c;
  border-left:1px solid #3c748c;
  margin:0 10px;
}
#ZoneRecherche .ImgSubmit {
  margin-top:0; /* Voir IE7 */
  margin-bottom:-4px;
}
/* XXXXXXX ZONE MENU - avant 2014 XXXXXXX */
#ZoneMenu {
  position:relative;
  margin-bottom:10px;
  overflow:hidden;
  width: 100% ;
}
#ZoneMenu ul {
  margin:2px 0;
}
#ZoneMenu li {
  float:left;
  list-style-type:none;
  border-left:1px solid #d9d9d9;
  font-size:.84em;
  min-height:30px;
  font-weight:bold;
  padding:0;
}
.MenuAccueil {width:39px;}
.MenuIris {width:84px;}
.MenuPistard {width:76px}
.MenuRessources {width:134px}
.MenuCollections {width:91px}
.MenuServices {width:74px;}
.MenuActivites {width:76px;}
.MenuJeune {width:118px}
.MenuSqla {width:128px}
.MenuMonDossier {width:109px}
#ZoneMenu span {
  font-size:.84em;
}
#ZoneMenu li.LiMonDossier {
  border-right:1px solid #d9d9d9;
  background-color:#f2f3f4;
}
#ZoneMenu li a:link, #ZoneMenu li a:visited {
  display:block;
  height:2em;
  padding:10px 0 2px 0;
  color:#525252;
  text-decoration:none;
  text-align:center;
}
#ZoneMenu li img {
  margin-top:-10px;
  border:none;
}
#ZoneMenu li a:hover, #ZoneMenu li a:focus { color:#000;}
a.MenuAccueil:hover, a.MenuAccueil:focus { background-color:#ecf7fc;}
a.MenuIris:hover, a.MenuIris:focus { background-color:#ddebf5;}
a.MenuPistard:hover, a.MenuPistard:focus { background-color:#f5f0dd;}
a.MenuRessources.MenuActif:link, a.MenuRessources.MenuActif:visited,
a.MenuRessources:hover, a.MenuRessources:focus { background-color:#e5f1dd;}
a.MenuCollections.MenuActif:link, a.MenuCollections.MenuActif:visited,
a.MenuCollections:hover, a.MenuCollections:focus { background-color:#f6e7d5;}
a.MenuServices:hover, a.MenuServices:focus { background-color:#f0e1e6;}
a.MenuActivites:hover, a.MenuActivites:focus { background-color:#e6e1e8;}
a.MenuJeune:hover, a.MenuJeune:focus { background-color:#f6dcce;}
a.MenuSqla:hover, a.MenuSqla:focus { background-color:#e1e1e1;}
/* A TESTER */
*, *:before, *:after { 
   -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
}
/* WWW ENTETE WWW - Nouvelle Entete SDX 2015 */
#Entete  {width:940px;margin:0 auto;}
#EnteteAccueil ul, #Entete ul {margin-top:11px;margin-bottom:5px;font-size:.79em;text-align:right;}
#EnteteAccueil li, #Entete li {list-style-type:none;display:inline}
#EnteteAccueil a:link, #EnteteAccueil a:visited,
#Entete a:link, #Entete a:visited {color:#000;text-decoration:underline;margin-left:10px}
#Entete a:hover, #Entete a:focus {color:#000;text-decoration:none;}
#EnteteAccueil a:link, #EnteteAccueil a:visited {color:#000;text-decoration:underline;margin-left:10px}
#EnteteAccueil a:hover, #EnteteAccueil a:focus {color:#000;text-decoration:none;}
#Entete_social {font-size:.84em;white-space:nowrap;text-align:right;padding:6px 0;background-color:#000;color:#fff;}
#Entete_social img {vertical-align:middle;margin-left:12px;}
#EnteteAccueil a.Deconnexion:link, #EnteteAccueil a.Deconnexion:visited,
#Entete a.Deconnexion:link, #Entete a.Deconnexion:visited {
  color:#000!important;
  margin-left: 24px;  
  text-decoration:none;
  font-weight:bold;
  background-color:#a3abb1;
  padding:6px;
  margin-top:-6px;
  display:inline-block
}
#EnteteAccueil a.Deconnexion:hover, #EnteteAccueil a.Deconnexion:focus,
#Entete a.Deconnexion:hover, #Entete a.Deconnexion:focus {
  text-decoration:underline;
  background-color:#ccc;
}
/* WWW PETITE RECHERCHE WWW - Nouvelle Entete SDX 2015 */
#PetiteRechPrincipale {
  float:right;
  margin-top:34px;
  border:2px solid #b9b9b9;
  padding:0;
  /*width:215px*/
  min-width:215px;
  background-color:#b9b9b9;
}
#PetiteRechPrincipale input[type=text]{
  background-color:#e5e5e5;
  border-top:2px solid #b9b9b9;
  border-bottom:2px solid #b9b9b9;
  border-left:2px solid #b9b9b9;
  border-right:1px solid #b9b9b9;
  width:180px;
  height:32px;
  float:left;
  padding-left:5px
}
#PetiteRechPrincipale input[type=text]:hover, 
#PetiteRechPrincipale input[type=text]:focus {background-color:#fff;}
#PetiteRechPrincipale input[type=image]{ cursor:pointer;}
/* WWW BANDE DE COULEUR TITRE WWW - Nouvelle Entete SDX 2015 */
.ContainerCouleur h1 {
  /*width:948px;*/
  max-width:948px;
  margin:0 auto;
  padding:2px;
  text-align:right;
  text-transform:uppercase;
  font-weight:normal;
  font-size:1.8em;
  color:#fff;
}
.ContainerCouleur h1 span {text-transform:none;}
.ContainerCouleur {background-color:#a3abb1;}
.Collections .ContainerCouleur {background-color:#e57d03}
.Services .ContainerCouleur {background-color:#9b0057;}
.Activites .ContainerCouleur {background-color:#6e1873;}
.Archives .ContainerCouleur {background-color:#4d616f;}
.Ressources .ContainerCouleur {background-color:#86a20c;}
.Apropos .ContainerCouleur {background-color:#a3abb1;}
.Adaptes .ContainerCouleur {background-color:#a3abb1;}
/* WWW MEGA MENU WWW - Nouvelle Entete SDX 2015 */
#MegaMenu {margin:9px auto 13px auto;min-height:46px;width:940px}
.MegaMenuNiv1>li  {
  display:block;
  border-right:1px solid #020202;
  height:44px;
  float:left;
  position:relative;
}
.MegaMenuNiv1>li.MegaDossier {float:right;border-right:1px solid #020202;}
#MegaMenu li.LiMonDossier {
   border-left:1px solid #020202;
  background-color:#f2f3f4;
  float:right;
}
.MegaMenuNiv1>li>a:link, .MegaMenuNiv1>li>a:visited {
  display:block;
  height:44px;
  padding:5px 16px 0px 7px;
  text-decoration:none;
  color:#020202;
  text-transform:uppercase;
  font-size:.96em;
  font-weight:bold;  
}
.MegaMenuNiv1>li.MegaDossier>a:link, .MegaMenuNiv1>li.MegaDossier>a:visited {background-color:#f2f3f4!important;}
.MegaMenuNiv1>li>a:hover, .MegaMenuNiv1>li>a:focus,
.MegaMenuNiv1>li.MegaDossier>a:hover, .MegaMenuNiv1>li.MegaDossier>a:focus {background-color:#000!important; color:#fff}
.MegaMenuNiv1>li>a.MenuAccueil:hover, .MegaMenuNiv1>li>a.MenuAccueil:focus {
  background-color:#fff!important;  
  opacity:0.6;
  filter:alpha(opacity=60);
}
.MegaMenuNiv1>li:first-child {border-left:0;}
.MegaMenuNiv1>li:first-child  a:link, .MegaMenuNiv1>li:first-child a:visited {padding:0;}
/* XXXXXXX CONTENU XXXXXXX */
#Contenu {
  position:relative;
  clear:both;
  padding-top:5px;
  width: 100% ;
}
#ColGauche {
  width:164px;
  float:left;
}
.Accueil #ColGauche {
  width:140px;
}
#ColCentre {
  margin:0 174px;
  font-size:.92em;
  padding-left:10px;
  padding-right:10px;
  border-left:1px solid #e7e7e7;
  border-right:1px solid #e7e7e7;
}
.LargeD #ColCentre {
  margin-right:0;
  border-right:0;
}
.LargeG #ColCentre {
  margin-left:0;
  border-left:0;
}
.floatDroite, .floatright {
  float:right;
}
.wrapper { /* La classe clearfloat doit etre supprimee et remplacee par wrapper */
  overflow:hidden;
  width: 100% ; 
}
/* XXXXXXX Col Gauche - Menu XXXXXXX */
ul#navigation, ul#navigation2 {
  font-size:.84em;
  margin-bottom:15px;
  list-style-type:none;
}
ul#navigation a:link, ul#navigation a:visited, 
ul#navigation2 a:link, ul#navigation2 a:visited {
  color:#777;
  display:block;
  padding:2px 10px;
  text-decoration:none;
}
ul#navigation li, ul#navigation2 li {
  margin-top:1px;
}
ul#navigation li.bgTitreMenu, ul#navigation2 li.bgTitreMenu {
  background-color:#dcdcdc;
  color:#3e3e3e;
  font-weight:bold;
  padding:2px 5px;
}
ul#navigation li.bgTitreMenu a:link, ul#navigation li.bgTitreMenu a:visited,
ul#navigation2 li.bgTitreMenu a:link, ul#navigation2 li.bgTitreMenu a:visited  {
  color:#3e3e3e;
  text-decoration:none;
  margin:-2px -5px;
}
ul#navigation li.LiNouveau a:link, ul#navigation li.LiNouveau a:visited,
ul#navigation2 li.LiNouveau a:link, ul#navigation2 li.LiNouveau a:visited {
  color:#045083;
}
ul#navigation li.LiNouveau a:hover, ul#navigation2 li.LiNouveau a:hover {
  color:#000;
}
/* Correction d'un Bug IE6 et 7 */
ul#navigation li.bgTitreMenuRJBD, ul#navigation2 li.bgTitreMenuRJBD {
  background-color:#dcdcdc;
  color:#3e3e3e;
  font-weight:bold;
  padding:0;
}
ul#navigation li.bgTitreMenuRJBD a:link, ul#navigation li.bgTitreMenuRJBD a:visited,
ul#navigation2 li.bgTitreMenuRJBD a:link, ul#navigation2 li.bgTitreMenuRJBD a:visited {
  color:#3e3e3e;
}
ul#navigation a:hover, ul#navigation2 a:hover {
  color:#000;
  text-decoration:none;
}
ul.MenuGRessources a:hover, .Ressources ul#navigation a:hover {
  background-color:#e5f1dd;
}
ul.MenuGCollections a:hover, .Collections ul#navigation a:hover {
  background-color:#f6e7d5;
}
ul#navigation li.DernierSousMenu {
  margin-bottom:7px;
}
/* XXXXXXX TEXTE GENERAL XXXXXXX */
#ColCentre ul, #ColCentre ol {
  margin-left:50px;
}
.Invisible  {
  margin-left:-5000px;
  margin-top:-1px;
  height:1px;
  font-size:0.1em;
  display:block;
  text-align:left;
}
sup { /* Pour eviter l'interlignage */
  position:relative;
  bottom:0.3em;
  vertical-align:baseline;
}
hr {
  color: #d6d6d6;
  border: 0; 
  border-bottom: 1px #d6d6d6 solid;
  height: 1px;
  text-align:center;
  margin: 10px auto;
}
.nowrap {
  white-space:nowrap;
}
.center {
  text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.middle {
  vertical-align:middle;
}
.FleurLys {
  margin:-3px 0 0 3px;
  vertical-align:middle;
}
/* XXXXXXX CONTENU PAGES SECONDAIRES XXXXXX */
#ColCentre {
  font-size:.92em;
}
h1 {
  padding:2px 5px;
  font-size:1.4em;
  margin:8px 0;
}
#ColCentre p {
  padding:5px;
}
#ColCentre a:link, #ColCentre a:visited {
  color:#202020;
  text-decoration:underline;
}
.Ressources #ColCentre a:link,.Ressources #ColCentre a:visited {
  color:#4b7828;
}
.Collections #ColCentre a:link,.Collections #ColCentre a:visited {
  color: #ae5200;
}
#ColCentre h2 { 
  font-size:1.2em;
  padding:1px 5px;
  background-color:#f4f4f4;
  margin:10px 0 6px 0;
}
#ColCentre h2.NoBg {
  background-color:#fff;
  color:#666;
  font-size:1.4em;
}
#ColCentre h3 {
  font-size:1.1em;
  padding:10px 0 7px 5px;
}
#ColCentre h4 {
  font-size:1em;
  padding:10px 0 5px 5px;
}
#ColCentre h5 {
  font-size:.92em;
  padding:5px;
}
.ImportantR {
  color:#c00;
}
.nobullet {
  list-style-type: none;
}
.nobullet li {
  margin:4px 0;
}
.PetitGris {
  font-size:.84em;
  color:#666;
  font-weight:normal;
}
h2 .PetitGris {
  font-size:.72em;
  color:#666;
}
.ImgDroite {
  float:right;
  text-align:center;
  padding:2px 0 2px 7px;
}
.ImgGauche {
  float:left;
  text-align:center;
  padding:2px 7px 2px 0;
}
#ColCentre div.ImgDroite p ,#ColCentre  div.ImgGauche p, p.legendephoto {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #003399;
  font-size:.8em;
  line-height:1em;
  margin: 0;
}
.noborder {
  border: none;
}
#ColCentre p.retrait, .retrait { 
  padding:5px 5px 5px 25px;
}
.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
}
.comment {
  font-style:italic;
  font-size:.8em
}
/*  Fil d'ariane */
#fildariane {
  font-size:0.8em;
  padding-bottom:7px;
  color:#666;
}
#fildariane ul {
  list-style-type:none;
  margin-left:8px;
}
#fildariane li {
  display:inline;
  padding-right:2px;
}
#fildariane a:link, #fildariane a:visited {
  text-decoration:none;
  background-image: url("http://www.banq.qc.ca/images/interface09/ariane_puce.gif");
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-right:10px;
}
.Collections #fildariane a:link,.Collections  #fildariane a:visited {
  color:#d1852e;
}
.Ressources #fildariane a:link,.Ressources  #fildariane a:visited {
  color:#7fb755;
}
#ColCentre #fildariane a:hover {
  text-decoration:underline;
}
/* HOVER GENERAL */
#ColCentre a:hover {
  text-decoration:none;
}
/* XXXXXXX PIED DE PAGE XXXXXXX N'ES PLUS UTILISE SUR SDX*/
#PdP {clear:both;background-color:#edeeef;padding:10px;margin-top:20px;}
.pdp1 {text-align:center;background-color:#72797f;color:#fff;font-weight:bold;font-size:.96em;padding:14px;margin:0;}
#PdP .pdp1 a:link, #PdP .pdp1 a:visited {color:#fff; text-decoration:underline;}
#PdP .pdp1 a:hover, #PdP .pdp1 a:focus {color:#fff; text-decoration:none;}
#PdP img, .pdp3 img  {border:none;}
.pdp2 {width:100%;overflow:hidden;}
.pdp2 li {list-style-type:none;padding-left:4px;margin-bottom:5px;}
.pdp2 h1 {font-size:1.06em;color:#394144;margin-bottom:8px;}
.pdp2 div {float:left; width:16%;font-size:.84em;margin:10px 2%;}
.pdp2 ul.ListePlus {font-weight:bold;margin-top:25px;margin-bottom:15px;}
.logoPdp {display:block;margin-top:60px;}
#PdP .pdp2 a:link, #PdP .pdp2 a:visited {color:#394144; text-decoration:underline;}
#PdP .pdp2 a:hover, #PdP .pdp2 a:focus {color:#394144; text-decoration:none;}
#iconesPdp {float:none;width:100%;}
#iconesPdp img {margin-right:3px;}
.pdp3 {text-align:center;}
.pdp3 img {margin:5px;}
.pdp3 p {color:#394144;font-weight:bold;margin:10px 0;}
/* XXXXXXX PIED DE PAGE SDX XXXXXXX */
.ContainerPDP {background-color:#333;overflow:hidden;margin:20px 0 10px 0;clear:both;}
#PDP14 {margin-top:20px;width:940px; margin:1px auto;padding: 10px}
#PDP14 h1 {font-size:1.06em;color:#fff;margin:0 0 8px 0; text-transform:uppercase;padding-left:0;}
#PDP14 img {border:0;float:right;margin-left:0;}
#PDP14 p a:link, #PDP14 p a:visited {color:#fff;margin-right:40px; text-decoration:underline;}
#PDP14 p a:hover, #PDP14 p a:focus {text-decoration:none;}
/* XXXXXXX IMPRESSION XXXXXXX */
@media print {
  #ColGauche, #ZoneMenu, #ZoneRecherche, .noprint  {display:none;}
  #Global {width:100%;}
  #ColCentre { margin:0; border:0;}
}