/* Page d'accueil
----------------------------------------------- */
#campagne-jeunesse-page-accueil {
  margin: 0 0 0 0;
  padding: 10px 0;
  background-color: #99cccc;
  text-align: center;
}

#campagne-jeunesse-page-accueil h1.titre-accueil-fr, #campagne-jeunesse-page-accueil h1.titre-accueil-en {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  font-size: 1px;
  text-indent: -9999px;
  border: none; 
}

#campagne-jeunesse-page-accueil h1.titre-accueil-fr {
  width: 158px;
  height: 37px;
  background: url(http://images.desjardins.com/fr/pict/1c11_accueil_titre.jpg) top left no-repeat;
}

#campagne-jeunesse-page-accueil h1.titre-accueil-en {
  width: 159px;
  height: 36px;
  background: url(http://images.desjardins.com/en/pict/1c11_accueil_titre.jpg) top left no-repeat;
}

#campagne-jeunesse-page-accueil ul.projets-mosaique-fr, #campagne-jeunesse-page-accueil ul.projets-mosaique-en {
  margin: 10px auto;
  padding: 0;
  width: 383px;
  height: 351px;
  position: relative;
}

#campagne-jeunesse-page-accueil ul.projets-mosaique-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_accueil_mosaique.jpg) top left no-repeat;
}

#campagne-jeunesse-page-accueil ul.projets-mosaique-en {
  background: url(http://images.desjardins.com/en/pict/1c11_accueil_mosaique.jpg) top left no-repeat;
}

#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li, #campagne-jeunesse-page-accueil ul.projets-mosaique-en li {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
  position: absolute;
}

#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li a, #campagne-jeunesse-page-accueil ul.projets-mosaique-en li a {
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}

#campagne-jeunesse-page-accueil li.voiture {left: 55px; top: 25px; width: 93px; height: 108px; }
#campagne-jeunesse-page-accueil li.etudes { left: 149px; top: 15px; width: 90px; height: 110px; }
#campagne-jeunesse-page-accueil li.entreprise { left: 240px; top: 23px; width: 102px; height: 111px; }
#campagne-jeunesse-page-accueil li.reve { left: 55px; top: 134px; width: 93px; height: 90px; }
#campagne-jeunesse-page-accueil li.maison { left: 149px; top: 126px; width: 82px; height: 98px; }
#campagne-jeunesse-page-accueil li.epargne { left: 232px; top: 135px; width: 105px; height: 93px; }
#campagne-jeunesse-page-accueil li.planete { left: 96px; top: 225px; width: 100px; height: 99px; }
#campagne-jeunesse-page-accueil li.achats { left: 197px; top: 229px; width: 102px; height: 89px; }

#campagne-jeunesse-page-accueil li.voiture a { height: 108px; }
#campagne-jeunesse-page-accueil li.etudes a { height: 110px; }
#campagne-jeunesse-page-accueil li.entreprise a { height: 111px; }
#campagne-jeunesse-page-accueil li.reve a { height: 90px; }
#campagne-jeunesse-page-accueil li.maison a { height: 98px; }
#campagne-jeunesse-page-accueil li.epargne a { height: 93px; }
#campagne-jeunesse-page-accueil li.planete a { height: 99px; }
#campagne-jeunesse-page-accueil li.achats a { height: 89px; }

#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.voiture a:hover { position: absolute; left: -24px; top: -14px; width: 140px; height: 134px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_mavoiture_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.etudes a:hover { position: absolute; left: -8px; top: -12px; width: 121px; height: 127px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_mesetudes_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.entreprise a:hover { position: absolute; left: -19px; top: -12px; width: 144px; height: 143px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_monentreprise_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.reve a:hover { position: absolute; left: -24px; top: -38px; width: 153px; height: 143px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_monreve_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.maison a:hover { position: absolute; left: -20px; top: -19px; width: 134px; height: 131px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_mamaison_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.epargne a:hover { position: absolute; left: -11px; top: -21px; width: 125px; height: 127px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_monepargne_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.planete a:hover { position: absolute; left: -15px; top: -25px; width: 133px; height: 134px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_maplanete_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-fr li.achats a:hover { position: absolute; left: -13px; top: -28px; width: 123px; height: 124px; background: url(http://images.desjardins.com/fr/pict/1c11_accueil_mesachats_on.jpg) no-repeat; }

#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.voiture a:hover { position: absolute; left: -24px; top: -14px; width: 140px; height: 134px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_mavoiture_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.etudes a:hover { position: absolute; left: -8px; top: -12px; width: 121px; height: 127px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_mesetudes_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.entreprise a:hover { position: absolute; left: -19px; top: -12px; width: 144px; height: 143px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_monentreprise_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.reve a:hover { position: absolute; left: -24px; top: -38px; width: 153px; height: 143px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_monreve_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.maison a:hover { position: absolute; left: -20px; top: -19px; width: 134px; height: 131px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_mamaison_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.epargne a:hover { position: absolute; left: -11px; top: -21px; width: 125px; height: 127px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_monepargne_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.planete a:hover { position: absolute; left: -15px; top: -25px; width: 133px; height: 134px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_maplanete_on.jpg) no-repeat; }
#campagne-jeunesse-page-accueil ul.projets-mosaique-en li.achats a:hover { position: absolute; left: -13px; top: -28px; width: 123px; height: 124px; background: url(http://images.desjardins.com/en/pict/1c11_accueil_mesachats_on.jpg) no-repeat; }


#campagne-jeunesse-page-accueil ul.projets-liste { margin: 0 auto; padding: 0; width: 380px; list-style-type: none; }
#campagne-jeunesse-page-accueil ul.projets-liste li { margin: 0; padding: 4px; display: inline; }
#campagne-jeunesse-page-accueil ul.projets-liste li a { text-decoration: underline; white-space: nowrap; }


/* Sections - Classes communes
----------------------------------------------- */

#campagne-jeunesse-section-voiture
#campagne-jeunesse-section-etudes
#campagne-jeunesse-section-entreprise
#campagne-jeunesse-section-reve
#campagne-jeunesse-section-maison
#campagne-jeunesse-section-epargne
#campagne-jeunesse-section-planete
#campagne-jeunesse-section-achats {
  margin: 0 0 0 0;
}

* html #campagne-jeunesse-section-voiture,
* html #campagne-jeunesse-section-etudes,
* html #campagne-jeunesse-section-entreprise,
* html #campagne-jeunesse-section-reve,
* html #campagne-jeunesse-section-maison,
* html #campagne-jeunesse-section-epargne,
* html #campagne-jeunesse-section-planete,
* html #campagne-jeunesse-section-achats {
  height: 1%;
}

#campagne-jeunesse-section-voiture h1,
#campagne-jeunesse-section-etudes h1,
#campagne-jeunesse-section-entreprise h1,
#campagne-jeunesse-section-reve h1,
#campagne-jeunesse-section-maison h1,
#campagne-jeunesse-section-epargne h1,
#campagne-jeunesse-section-planete h1,
#campagne-jeunesse-section-achats h1 {
  border-bottom : none;
/*  
  color: #063;
  padding-right: 236px;
  min-height: 56px; 
 */
}
/*
* html #campagne-jeunesse-section-voiture h1,
* html #campagne-jeunesse-section-etudes h1,
* html #campagne-jeunesse-section-entreprise h1,
* html #campagne-jeunesse-section-reve h1,
* html #campagne-jeunesse-section-maison h1,
* html #campagne-jeunesse-section-epargne h1,
* html #campagne-jeunesse-section-planete h1,
* html #campagne-jeunesse-section-achats h1 {
  height: 56px;
}

#campagne-jeunesse-section-voiture h2.sous-titre-fr, #campagne-jeunesse-section-voiture h2.sous-titre-en,
#campagne-jeunesse-section-etudes h2.sous-titre-fr, #campagne-jeunesse-section-etudes h2.sous-titre-en,
#campagne-jeunesse-section-entreprise h2.sous-titre-fr, #campagne-jeunesse-section-entreprise h2.sous-titre-en,
#campagne-jeunesse-section-reve h2.sous-titre-fr, #campagne-jeunesse-section-reve h2.sous-titre-en,
#campagne-jeunesse-section-maison h2.sous-titre-fr, #campagne-jeunesse-section-maison h2.sous-titre-en,
#campagne-jeunesse-section-epargne h2.sous-titre-fr, #campagne-jeunesse-section-epargne h2.sous-titre-en,
#campagne-jeunesse-section-planete h2.sous-titre-fr, #campagne-jeunesse-section-planete h2.sous-titre-en,
#campagne-jeunesse-section-achats h2.sous-titre-fr, #campagne-jeunesse-section-achats h2.sous-titre-en {
  float: left;
  margin: 0;
  padding: 0;
  width: 161px;
  height: 231px;
  overflow: hidden;
  font-size: 1px;
  text-indent: -9999px;
}
*/
#campagne-jeunesse-section-voiture h2.sous-titre-fr, #campagne-jeunesse-section-voiture h2.sous-titre-en,
#campagne-jeunesse-section-etudes h2.sous-titre-fr, #campagne-jeunesse-section-etudes h2.sous-titre-en,
#campagne-jeunesse-section-entreprise h2.sous-titre-fr, #campagne-jeunesse-section-entreprise h2.sous-titre-en,
#campagne-jeunesse-section-reve h2.sous-titre-fr, #campagne-jeunesse-section-reve h2.sous-titre-en,
#campagne-jeunesse-section-maison h2.sous-titre-fr, #campagne-jeunesse-section-maison h2.sous-titre-en,
#campagne-jeunesse-section-epargne h2.sous-titre-fr, #campagne-jeunesse-section-epargne h2.sous-titre-en,
#campagne-jeunesse-section-planete h2.sous-titre-fr, #campagne-jeunesse-section-planete h2.sous-titre-en,
#campagne-jeunesse-section-achats h2.sous-titre-fr, #campagne-jeunesse-section-achats h2.sous-titre-en {
  float: right; 
  margin: 0px; 
  padding: 0 3px 3px 8px;
  width: 170px;
  height: 160px;
  overflow: hidden;
  font-size: 1px;
  text-indent: -9999px;
}
/*
#campagne-jeunesse-section-voiture h3, #campagne-jeunesse-section-voiture p,
#campagne-jeunesse-section-etudes h3, #campagne-jeunesse-section-etudes p,
#campagne-jeunesse-section-entreprise h3, #campagne-jeunesse-section-entreprise p,
#campagne-jeunesse-section-reve h3, #campagne-jeunesse-section-reve p,
#campagne-jeunesse-section-maison h3, #campagne-jeunesse-section-maison p,
#campagne-jeunesse-section-epargne h3, #campagne-jeunesse-section-epargne p,
#campagne-jeunesse-section-planete h3, #campagne-jeunesse-section-planete p,
#campagne-jeunesse-section-achats h3, #campagne-jeunesse-section-achats p {
  margin-left: 170px;
}

#campagne-jeunesse-section-voiture li,
#campagne-jeunesse-section-etudes li,
#campagne-jeunesse-section-entreprise li,
#campagne-jeunesse-section-reve li,
#campagne-jeunesse-section-maison li,
#campagne-jeunesse-section-epargne li,
#campagne-jeunesse-section-planete li,
#campagne-jeunesse-section-achats li {
  margin-left: 170px;
}
*/

/* Section Ma voiture
----------------------------------------------- */
/*
#campagne-jeunesse-section-voiture {
  padding: 10px 10px 180px 10px;
  background: #cccccc url(http://images.desjardins.com/pict/1c11_mavoiture_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-voiture {
  padding: 10px 10px 10px 10px;
  background: #cccccc;
}
/*
#campagne-jeunesse-section-voiture h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_mavoiture_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-voiture h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_mavoiture2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-voiture h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_mavoiture2.jpg) top right no-repeat;
}


/* Section Mes études
----------------------------------------------- */
/*
#campagne-jeunesse-section-etudes {
  padding: 10px 10px 180px 10px;
  background: #cccccc url(http://images.desjardins.com/pict/1c11_mesetudes_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-etudes {
  padding: 10px 10px 10px 10px;
  background: #cccccc;
}
/*
#campagne-jeunesse-section-etudes h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_mesetudes_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-etudes h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_mesetudes2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-etudes h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_mesetudes2.jpg) top right no-repeat;
}


/* Section Mon entreprise
----------------------------------------------- */
/*
#campagne-jeunesse-section-entreprise {
  padding: 10px 10px 180px 10px;
  background: #cccccc url(http://images.desjardins.com/pict/1c11_monentreprise_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-entreprise {
  padding: 10px 10px 10px 10px;
  background: #cccccc;
}
/*
#campagne-jeunesse-section-entreprise h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_monentreprise_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-entreprise h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_monentreprise2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-entreprise h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_monentreprise2.jpg) top right no-repeat;
}


/* Section Mon rêve
----------------------------------------------- */
/*
#campagne-jeunesse-section-reve {
  padding: 10px 10px 180px 10px;
  background: #99ccff url(http://images.desjardins.com/pict/1c11_monreve_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-reve {
  padding: 10px 10px 10px 10px;
  background: #99ccff;
}
/*
#campagne-jeunesse-section-reve h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_monreve_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-reve h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_monreve2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-reve h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_monreve2.jpg) top right no-repeat;
}


/* Section Ma maison
----------------------------------------------- */
/*
#campagne-jeunesse-section-maison {
  padding: 10px 10px 180px 10px;
  background: #99ccff url(http://images.desjardins.com/pict/1c11_mamaison_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-maison {
  padding: 10px 10px 10px 10px;
  background: #99ccff;
}
/*
#campagne-jeunesse-section-maison h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_mamaison_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-maison h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_mamaison2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-maison h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_mamaison2.jpg) top right no-repeat;
}


/* Section Mon épargne
----------------------------------------------- */
/*
#campagne-jeunesse-section-epargne {
  padding: 10px 10px 180px 10px;
  background: #99ccff url(http://images.desjardins.com/pict/1c11_monepargne_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-epargne {
  padding: 10px 10px 10px 10px;
  background: #99ccff;
}
/*
#campagne-jeunesse-section-epargne h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_monepargne_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-epargne h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_monepargne2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-epargne h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_monepargne2.jpg) top right no-repeat;
}


/* Section Ma planète
----------------------------------------------- */
/*
#campagne-jeunesse-section-planete {
  padding: 10px 10px 160px 10px;
  background: #99ccff url(http://images.desjardins.com/pict/1c11_maplanete_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-planete {
  padding: 10px 10px 10px 10px;
  background: #99ccff;
}
/*
#campagne-jeunesse-section-planete h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_maplanete_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-planete h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_maplanete2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-planete h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_maplanete2.jpg) top right no-repeat;
}


/* Section Mes achats importants
----------------------------------------------- */
/*
#campagne-jeunesse-section-achats {
  padding: 10px 10px 180px 10px;
  background: #99ccff url(http://images.desjardins.com/pict/1c11_mesachats_bas.jpg) bottom left no-repeat;
}
*/
#campagne-jeunesse-section-achats {
  padding: 10px 10px 10px 10px;
  background: #99ccff;
}
/*
#campagne-jeunesse-section-achats h1 {
 font-size: 130%;
  background: url(http://images.desjardins.com/pict/1c11_mesachats_haut.jpg) top right no-repeat;
}
*/
#campagne-jeunesse-section-achats h2.sous-titre-fr {
  background: url(http://images.desjardins.com/fr/pict/1c11_mesachats2.jpg) top right no-repeat;
}

#campagne-jeunesse-section-achats h2.sous-titre-en {
  background: url(http://images.desjardins.com/en/pict/1c11_mesachats2.jpg) top right no-repeat;
}


/* Menus et hooks
----------------------------------------------- */

#menus h2 { margin: 0 0 0 0; padding: 83px 5px 3px 6px; font-size: 100%; font-weight: bold; color: #fff; border-bottom: 2px solid #fff; background: #069a68 url(http://images.desjardins.com/pict/1c11_menu_entete_175x80_2.jpg) top left no-repeat; }
#menus .bloc-trx h2 { border-bottom: 0px; }
#menus .menu ul { margin: 0 0 10px 0; padding: 0; list-style-type: none; background-color: #99cccc; border-bottom: 1px solid #069a68; }
#menus .menu ul li { padding: 3px 0; border-top: 1px solid #fff; }
#menus .menu ul li.premier { border: none; }
#menus .menu ul li a { display: block; color: #003366; padding: 0 5px 0 6px; background-color: #99cccc; background-image: none; }
#menus .menu ul li a.ouvert { background-color: #fff; background-image: none; }
#menus .menu ul li a.select { background-color: #99cccc; font-weight: bold; background-image: none; }
#menus .menu ul li a:link, #menus .menu ul li a:visited, #menus .menu ul li a:active { text-decoration: none; }
#menus .menu ul li a:hover { text-decoration: underline; background-color: #99cccc; }

/*
#hooks h2 { margin: 0 0 0 5px; padding: 3px 5px 3px 6px; font-size: 100%; font-weight: bold; color: #fff; background-color: #069a68; border-bottom: 2px solid #fff; }
#hooks .hook ul { margin: 0 0 10px 5px; padding: 0; list-style-type: none; background-color: #99ccff; border-bottom: 1px solid #fff; }
#hooks .hook ul li { padding: 3px 0; border-top: 1px solid #fff; }
#hooks .hook ul li.premier { border: none; }
#hooks .hook ul li a { display: block; color: #fff; padding-left: 6px; background-image: none; }
#hooks .hook ul li a:link, #hooks .hook ul li a:visited, #hooks .hook ul li a:active { text-decoration: none; }
#hooks .hook ul li a:hover { text-decoration: underline; }
*/

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

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */