/*
   Ludo - f5swn.2.free.fr - juillet 2007
   Pour tabberguppy, découpe des articles en pages avec onglets.
   voir mode d'emploi et fichier CSS commenté pour l'explication et l'utilisation.
   
*/



/* Onglets en haut */

.tabberlive .tabbertabhide {
 display:none;
}

.tabber {
}

.tabberlive {
 margin-top:1em;
 padding-top: 3px;
 width:70%;
 margin-left: auto;
 margin-right: auto;
}

ul.tabbernav {
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li {
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a {
 position: static;
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background-color: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }

ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover {
 color: #000;
 background-color: #88ABD9;
 border-color: #227;
}

ul.tabbernav li.tabberactive a {
 background-color: #fff;
 border-bottom: 1px solid #fff;
 font-weight: bold;
}

ul.tabbernav li.tabberactive a:hover {
 color: #000;
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

.tabberlive .tabbertablive {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;
 background-color: #fff;
}

.tabberlive#tab1 {
}

.tabberlive#tab2 {
}

.tabberlive#tab2 .tabbertablive {
 height:200px;
 overflow:auto;
}


/* -------------------------------- Onglets en bas ---------------------------- */


.tabberliveb .tabbertabhide {
 display:none;
}

.tabberliveb {
 margin-top:1em;
}

ul.tabbernavb {
 text-align:center;
 margin:auto;
 padding: 3px 0;
 border-top: 1px solid #83A8D8;
 }

ul.tabbernavb li {
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernavb li a {
 position: static;
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-top: none;
 background-color: #83A8D8;
 text-decoration: none;
}

ul.tabbernavb li a:link { color: #448; }

ul.tabbernavb li a:visited { color: #667; }

ul.tabbernavb li a:hover {
 color: #000;
 background-color: #88ABD9;
 border-color: #227;
}

ul.tabbernavb li.tabberactiveb a {
 background-color: #fff;
 border-top: 1px solid #fff;
 font-weight: bold;
}

ul.tabbernavb li.tabberactiveb a:hover {
 color: #000;
 background-color: #fff;
 border-top: 1px solid #fff;
}

.tabberliveb .tabbertabliveb {
 padding:5px;
 border:1px solid #FCFCFC;
 border-bottom:0;
 }