/* 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: 445px  }

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 ;*/
					height: auto; 
					 
					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 0px 0 10px;  
	padding: 0px 7px 0px 0px; /*border-bottom: 2px solid #f7dcdc; */
	font: bold 12px Verdana, sans-serif; 
	  overflow: auto; clear: both; }

ul.tabbernav li{ list-style: none; margin:0; float: left; }

/*ul.tabbernav li a {            
	padding : 2px 23px 2px ;         
	margin: 0 4px 0 0;
	text-decoration: none;
	color: white;  
	color: gray
	 }*/
	 
#content ul.tabbernav li a         { display: block; width: 132px; height: 23px; background: url(../images/fond/tab1.gif) left top no-repeat; font: bold 12px arial; color: #000; text-decoration: none; text-align: center; padding: 4px 0 0 0 ; margin: 0 2px 0 0px;   }
#content ul.tabbernav li a:hover   { display: block; width: 132px; height: 23px; background: url(../images/fond/tab2.gif) left top no-repeat;  }

#content ul.tabbernav li.tabberactive a      { display: block; width: 132px; height: 23px; background: url(../images/fond/tab2.gif) left top no-repeat  }
#content ul.tabbernav li.tabberactive a:hover{   }

p.tablep               { color: #fff  }
.tabberlive .tabbertab { clear: both; border: 2px solid #f7dcdc;  margin: 0 0 5px 0px;  }



/* 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 {}