/* Page de bienvenue
----------------------------------------------- */

html, body {
  margin: 0;
  padding: 0;
}

body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 80%;
  color: #000;
  background: #fff url(https://images.desjardins.com/pict/0a00_fond_bienvenue.gif) repeat-x top left;
}

#page {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 999px;
  min-height: 578px;
  background: #fff url(https://images.desjardins.com/pict/0a00_photo_bienvenue2.jpg) no-repeat top left;
}
* html #page { height: 578px; }

#page h1 {
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;
  overflow: hidden;
}

#page ul.langue {
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
  text-indent: -9999px;
}

#page form {
  position: relative;
  margin: 170px auto 10px auto;
  padding: 0;
  width: 835px;
  background-color: #fff;
}

#page a.carriere-fr { 
  position: absolute;
  top: -70px;
  left: 0;
  display:inline;
}

#page a.carriere-en {
  position: absolute;
  top: -70px;
  right: 5px;
  display:inline;
}


#page a.btn-a-propos-fr { position: absolute; top: -40px; left: 0; display: block; width: 199px; height: 23px; overflow: hidden;  }
#page a.btn-a-propos-fr span { position: relative; display: block; margin-bottom: -23px; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(https://images.desjardins.com/fr/pict/0a00_bouton_apropos_desjardins2.gif); }
#page a.btn-a-propos-en { position: absolute; top: -40px; right: 0; display: block;  padding-right: 0; width: 199px; height: 23px; overflow: hidden;  }
#page a.btn-a-propos-en span { position: relative; display: block; margin-bottom: -23px; width: 100%; height: 100%; background-repeat: no-repeat; background-image: url(https://images.desjardins.com/en/pict/0a00_bouton_apropos_desjardins2.gif); }
*html #page a span { cursor: pointer; }



#page .haut {
  position: relative;
  margin: 0;
  padding: 6px 0 0 0;
  height: 1%;
  border: 1px solid #b5b5b0;
}
* html #page .haut { margin-bottom: -7px; }

#page .fr {
  float: left;
  margin: 0;
  width: 410px;
  background-color: #008c53;
}

#page .en {
  float: right;
  margin: 0;
  width: 421px;
  background-color: #008c53;
}

#page fieldset {
  margin: 0;
  padding: 0;
  border: none;
}

#page legend {
  margin: 0;
  padding: 0;
}
* html #page legend { margin-left: -7px; height: 28px; }
*:first-child+html #page legend { margin-left: -7px; }

#page legend span {
  display: block;
  margin: 0;
  padding: 4px 0 0 27px;
  min-height: 24px;
  color: #fff;
  font-size: 110%;
  line-height: 150%;
  font-weight: bold;
  background: #008c53 url(https://images.desjardins.com/pict/0a00_fleche_choix_site.gif) no-repeat top left;
}

#page .main {
  margin: 0;
  padding: 6px 5px;
  min-height: 3em;
  background-color: #cdcdcd;
  border-top: 8px solid #fff;
}

#page .autres {
  margin: 0;
  padding: 6px 5px;
  background-color: #efefef;
}

#page p {
  margin: 0;
}

#page p.description {
  font-size: 1px;
  height: 1px;
  overflow: hidden;
  text-indent: -9999px;
}

#page label.radio { display: block; margin: 2px 0 0 20px; padding: 0; min-height: 14px; }
* html #page label.radio { margin: 0 0 0 18px; }

#page label.radio input { position: relative; margin-left: -18px; }
* html #page label.radio input { margin-left: -20px; }

#page input { vertical-align: -2px; }
* html #page input { vertical-align: middle; }

#page div.description {
  clear: both;
  position: relative;
  margin: 0;
  padding: 0;
  min-height: 4.75em;
  background-color: #dbdfe8;
  border-top: 2px solid #fff;
}
* html #page div.description { height: 4.75em; border-bottom: 1px solid #b5b5b0; display:inline-block;}
*:first-child+html #page div.description { margin-top: -6px; }

#page .fr div.description {
  margin-right: -420px;
  background: #dbdfe8 url(https://images.desjardins.com/pict/0a00_fleche_desc_site.gif) no-repeat top left;
}

#page .en div.description {
  margin-left: 418px;
}

#page #description-fr { position: absolute; top: 0; left: 0; padding: 5px 0 0 50px; height: 50px; width: 780px; }
#page #description-en { display: none; position: absolute; top: 0; left: -830px; padding: 5px 0 0 50px; height: 50px; width: 780px; }

#page .espace {
  clear: both;
  position: relative;
  margin: 0;
  padding: 0;
  height: 5px;
  font-size: 0;
  background-color: #fff;
}

#page .bas {
  position: relative;
  margin: 0;
  min-height: 64px;
  background-color: #fff;
  text-align: center;
  border: 1px solid #b5b5b0;
}
* html #page .bas { height: 64px; }

#page .bas p {
  padding: 7px 0 7px 5px;
}

#page .bas input.soumettre {
  margin: 5px 0 0 3px;
}

#page .petit {
  font-size: 85%;
}

#page .clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/* Affichage alternatif
----------------------------------------------- */

#page .javascript-off { background-color: #efefef; }
#page .javascript-off .fr { border-right: 1px solid #fff; }
#page .javascript-off p.description { margin-left: 20px; height: auto; font-size: 85%; text-indent: 0; }
* html #page .javascript-off p.description { margin-left: 22px; }
*:first-child+html #page .javascript-off p.description { margin-left: 24px; }
#page .javascript-off .main { background-color: #efefef; }
#page .javascript-off div.description { display: none; }
#page .javascript-off .espace { display: none; }
#page .javascript-off .bas { border: none; background-color: #efefef; }
#page .javascript-off .fr .bas { margin-right: 0; border-right: none; }