h2 { 
font-size:15px;
}

.tabberlive .tabbertabhide {
display:none;
}

.tabber {
 font-size:11px;
}

.tabberlive {
border-bottom:1px solid grey;
width:270px;
background:url('images/offre.jpg');
}

ul.tabbernav
{
background:url('images/onglet.jpg');
background-repeat:no-repeat;
color:#ffffff;
padding: 10px  30px 10px  0px;

}

ul.tabbernav li
{
list-style: none;
display: inline;
margin:0px 0px 0px 0px;
width:180px;
padding:0px 5px 0px 0px;

}

ul.tabbernav li a
{
padding: 10px 4px;
margin:0px 0px 0px 0px;
border-bottom: none;
text-decoration: none;
width:180px;
}

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

ul.tabbernav li a:hover
{
 color: #df1527;
text-decoration:underline;
}

ul.tabbernav li.tabberactive a
{
background-repeat:no-repeat;
color:#ee737e;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #ffffff;
 

}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 
 border-top:0;

 width:270px;


 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

height:333px; 

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
  display:none; 
}

.tabberlive .tabbertab h3 {
 display:none;
 
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}

.tabbertab p { padding:2px; line-height:140%; }
.tabbertab ul { padding:0; margin:0;}
.tabbertab ul li { background:url(images/bullet.gif) no-repeat 0 0px; }