/* TABBER CSS */
// Laisser
.tabber        { display: none  }

div#tabberfond {
						margin: 20px 0 0 0px; position:relative; top: 0px; left: 0px; 
					   background: url(../images/fond/tabber_fond.jpg) bottom right no-repeat; 
						width: 335px;   }

div#tabberfond h4       { margin: 8px 0 5px 0px; }

table.chiffrestabber td { padding: 2px 0;  }


/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display: none } 

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/

.tabbertab {  /*Bloc content affichage*/
					margin: 0 0px 0 0px;  
					padding: 5px;
					height: 345px ;
					 
					overflow-y: auto }

.tabbertab ul li img { margin: 3px 0 0 0px;  }

p.imgconteneur       { height: 125px; margin: 0 ; padding: 0; }

.tabberlive          { margin-top: 3px;}
	
/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav{
	margin:0 20px 0 10px;  
	padding: 0px 7px 2px 0px;
	font: bold 12px Verdana, sans-serif; 
	border-bottom: 1px solid #000;}

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

ul.tabbernav li a {             /*Les A des menus*/ 
	padding : 2px 23px 2px ;         
	margin: 0 4px 0 0;
	text-decoration: none;
	color: white;  
	color: gray
	 }

#content ul.tabbernav li a         { color: white; background-color: gray  ;  border: 1px solid gray}
#content ul.tabbernav li a:hover   { color: black; background-color: gray }

#content ul.tabbernav li.tabberactive a      { color: white; color: #fff; ; font-weight: bold; background-color: #6d6c6c  }
#content ul.tabbernav li.tabberactive a:hover{   }

p.tablep { color: #fff; }

.tabberlive .tabbertab {}

/* If desired, hide the heading since a heading is provided by the tab */
.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 {}