/* Fichier temporaire pour Vincent. */
/* Essaie de structurer un peu car on devra dispatcher le code dans les fichiers less/css ensuite (header, footer, etc). */


/* Menu top */

#nav .richlayer li.no-bullet .span-data { /* Supprimer le "+" devant le bloc html */
  background: none;
  padding-left: 0;
}

#nav .richlayer li.no-bullet .span-data:hover {
  color: inherit;       /* annule le passage en blanc */
}


/* Menu gauche 3eme niveau (mod-menu1) — layout override "leftnav".
   Le layout rend desormais <ul id="mod-menu1" class="menu-sidebar"> avec la meme
   structure que le menu fait main mod-custom118 (toggle-nav + submenu), pilote par
   common.js. On reprend ici, scopees au module (#mod-menu1), les regles du menu
   lateral (a l'origine dans page.css sous #double-col #sidebar .menu-sidebar) afin
   que mod-menu1 soit visuellement identique a mod-custom118, sans toucher ce dernier. */

#double-col #sidebar #mod-menu1 { font-size: 18px; font-size: 1.8rem; }
#double-col #sidebar #mod-menu1 a { color: #000; text-decoration: none; }

#double-col #sidebar #mod-menu1 > li { position: relative; }
#double-col #sidebar #mod-menu1 > li > a { padding: 15px 35px 15px 10px; display: block; border-bottom: 1px solid #d7d7d7; }

#double-col #sidebar #mod-menu1 > li.active { background-color: #fff; }
#double-col #sidebar #mod-menu1 > li.active > a { display: block; margin-left: 10px; padding-left: 0; }
#double-col #sidebar #mod-menu1 > li.active .toggle-nav { display: none; background-position: center -46px; }

/* Bouton d'ouverture du sous-menu (icone) */
#double-col #sidebar #mod-menu1 .toggle-nav { cursor: pointer; padding: 50px 0 0 50px; width: 0; height: 0; overflow: hidden; background: url("/images_html/img/picto-toggle.png") no-repeat center 24px; position: absolute; right: 0; top: 0; display: block; }
#double-col #sidebar #mod-menu1 .toggle-nav a { display: inline-block; z-index: 555; }

/* Sous-menu (replie par defaut, ouvert via common.js) */
#double-col #sidebar #mod-menu1 > li .submenu { padding: 16px 15px; display: none; background-color: #fff; }
#double-col #sidebar #mod-menu1 > li .submenu li { margin-top: 15px; font-size: 14px; font-size: 1.4rem; }
#double-col #sidebar #mod-menu1 > li .submenu li:first-child { margin-top: 0; }
#double-col #sidebar #mod-menu1 > li .submenu li a { padding-left: 18px; background: url("/images_html/img/picto-nav-sidebar.png") no-repeat left center; }
#double-col #sidebar #mod-menu1 > li .submenu li a:first-letter { text-transform: uppercase; }
#double-col #sidebar #mod-menu1 > li .submenu li a:hover { text-decoration: underline; }


/* Sommaire d'article (plg_content_pagebreak) — layout override "toc.php".
   Reproduit a l'identique le bloc #article-index du site de reference
   (meilleurtauxpro.com) : carte bordee a droite, flottante, puces "cercle creux"
   (picto-nav-sidebar.png), liens compacts, item actif en gras. */

#article-index {
  border-left: 1px solid #ececec;
  float: right;
  margin: 0 0 20px 20px;
  padding: 25px 0 25px 9px;
  width: 270px;
}
#article-index h3 {
  border-bottom: 1px solid #ececec;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 0 !important;
  padding-bottom: 10px;
}
#article-index ul { margin: 15px 0 0 !important; }
#article-index ul li {
  background-image: none;
  margin-top: 10px;
  padding-left: 0;
}
#article-index ul li:first-child { margin-top: 0; }
#article-index ul li a {
  background: url("/images_html/img/picto-nav-sidebar.png") no-repeat scroll left 5px;
  display: block;
  color: #000;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.2;
  padding-left: 20px;
  text-decoration: none;
}
#article-index ul li a:hover { text-decoration: underline; }
#article-index ul li.active a { font-weight: 900; }
#article-index ul li.active a:hover { text-decoration: none; }