/* Styles importés
----------------------------------------------- */

@import url(/css/commun/entete.css);
@import url(/css/commun/menus.css);
@import url(/css/commun/contenu.css);
@import url(/css/commun/hooks.css);
@import url(/css/commun/pied.css);


/* Structure générale
----------------------------------------------- */

html, body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  min-width: 984px;
  font-family: Arial, Helvetica, sans-serif;
  color: #000;
  background: #dbdbdb url(http://images.desjardins.com/protect/fond_page.gif) repeat-y top center;
}

#page {
  margin: 0 auto;
  width: 984px;    /* 175px | 634px | 175px */
  min-height: 100%;
  margin-bottom: -122px;
  background-color: #fff;
}
* html #page { height: 100%; }

#menus {
  float: left;
  width: 175px;
  font-size: 80%;
  margin-bottom: 10px;
}

#centre-wrapper {
  width: 100%;
}

#centre-wrapper:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#centre {
  float: right;
  width: 809px;
}

#contenu-wrapper {
  float: left;
  width: 632px;  /* au lieu 634px pour ajouter 2px à droite des hooks */
}

#ariane {
  min-height: 30px;
  padding: 5px 10px;
  font-size: 70%;
  line-height: 140%;
}
* html #ariane { height: 30px; }

#ariane a { color: #000; }

#contenu {
  font-size: 80%;
  padding: 0 10px 20px 10px;
}

#hooks {
  float: left;
  width: 175px;
  font-size: 80%;
  margin-bottom: 10px;
  border-left: 0px solid #cfcfcf;
}


/* Autres
----------------------------------------------- */

.texte-nowrap { white-space: nowrap; }
.bloc-gauche { float:left; }
.skip { position: absolute; left: -9999px; }


/* Pour régler le problème des <em> dans IE (http://www.positioniseverything.net/explorer/italicbug-ie.html) */
/* Attention : utiliser sur le bloc "menu" et non "menus" */
* html #menu, * html #contenu, * html #hooks { overflow: visible; height: 1%; }

/* Pour régler le problème des contenus trop larges dans les menus et les hooks */
#menus, #hooks { overflow: hidden; }

/* Pour régler le problème des contenus trop larges dans IE */
* html #menus, * html #contenu, * html #hooks { word-wrap: break-word; }

/* Exceptions d'impressions sous IE6
-------------------------------------------- */
@media print { 
  * html table.narrowPrintWidth { width: 65%; }
}