/* Positionne les onglets au dessus du texte avec le bon espacement */
#onglet .content 
{
	padding-top: 27px; padding-bottom: 27px;
	margin: -2px 0px 0px 0px;	
}  
#ongletbis .content 
{
	background-color: transparent;
	height: 30px; margin: 0px;  padding: 0px;
}  

#onglet, #ongletbis
{
	float:left;
	font-size:93%;
	line-height:normal;
}
#onglet, #ongletbis { width:100%; }

#onglet ul, #ongletbis ul 
{
	margin: 0px;
	padding: 10px 10px 0px 2px;
	list-style: none;
}

#onglet li.ghost, #ongletbis li.ghost, 
#onglet li.ghost_gris_bleu, #ongletbis li.ghost_gris_bleu, 
#onglet li.ghost_gris, #ongletbis li.ghost_gris, 
#onglet li.ghost_bleu, #ongletbis li.ghost_bleu, 
#onglet li.ghost_vert, #ongletbis li.ghost_vert
{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px 2px 0px 9px;
}
#onglet li.ghost, #ongletbis li.ghost { background-image: url(../Images/Onglet/coin_inactif_left.gif); }
#onglet li.ghost_gris_bleu, #ongletbis li.ghost_gris_bleu { background-image: url(../Images/Onglet/coin_inactif_left.gif); }
#onglet li.ghost_gris, #ongletbis li.ghost_gris { background-image: url(../Images/Onglet/coin_gris_actif_left.png); }
#onglet li.ghost_bleu, #ongletbis li.ghost_bleu { background-image: url(../Images/Onglet/coin_bleu_actif_left.png); }
#onglet li.ghost_vert, #ongletbis li.ghost_vert { background-image: url(../Images/Onglet/coin_vert_actif_left.png); }

#onglet a.ghost, #ongletbis a.ghost, 
#onglet a.ghost_gris_bleu, #ongletbis a.ghost_gris_bleu, 
#onglet a.ghost_gris, #ongletbis a.ghost_gris, 
#onglet a.ghost_bleu, #ongletbis a.ghost_bleu, 
#onglet a.ghost_vert, #ongletbis a.ghost_vert  
{
	display: block;
	padding: 5px 15px 5px 6px;
	margin-right: -2px;

	font-weight: normal; font-style: normal; 
	font-family: arial, tahoma, verdana; 
	font-size: 12px;  color: #F1F1F1;  /* Couleur blanc legerement gris */ 
	text-decoration: none;
	
	background-repeat: no-repeat;
	background-position: right top;
}
#onglet a.ghost { background-image: url(../Images/Onglet/coin_inactif_right.jpg); }
#ongletbis a.ghost { background-image: url(../Images/Onglet/coin_inactif_right_top.png); }
#onglet a.ghost_gris_bleu, #ongletbis a.ghost_gris_bleu { background-image: url(../Images/Onglet/coin_inactif_right_top.png); }
#onglet a.ghost_gris, #ongletbis a.ghost_gris { background-image: url(../Images/Onglet/coin_gris_actif_right.png); }
#onglet a.ghost_bleu, #ongletbis a.ghost_bleu { background-image: url(../Images/Onglet/coin_bleu_actif_right.png); }
#onglet a.ghost_vert, #ongletbis a.ghost_vert { background-image: url(../Images/Onglet/coin_vert_actif_right.png); }

#onglet a:hover, #ongletbis a:hover { color: #FFFFFF;  /* Couleur blanc */  }
	  
#onglet li.current, #ongletbis li.current, 
#onglet li.current_gris_bleu, #ongletbis li.current_gris_bleu, 
#onglet li.current_gris, #ongletbis li.current_gris, 
#onglet li.current_bleu, #ongletbis li.current_bleu, 
#onglet li.current_vert, #ongletbis li.current_vert
{
	float: left;
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px 2px 0px 9px;
} 	  
#onglet li.current, #ongletbis li.current { background-image: url(../Images/Onglet/coin_actif_left.gif); }
#onglet li.current_gris_bleu, #ongletbis li.current_gris_bleu { background-image: url(../Images/Onglet/coin_inactif_left.gif); }
#onglet li.current_gris, #ongletbis li.current_gris { background-image: url(../Images/Onglet/coin_gris_actif_left.png); }
#onglet li.current_bleu, #ongletbis li.current_bleu { background-image: url(../Images/Onglet/coin_bleu_actif_left.png); }
#onglet li.current_vert, #ongletbis li.current_vert { background-image: url(../Images/Onglet/coin_vert_actif_left.png); }

#onglet a.current, #ongletbis a.current, 
#onglet a.current_gris_bleu, #ongletbis a.current_gris_bleu, 
#onglet a.current_gris, #ongletbis a.current_gris, 
#onglet a.current_bleu, #ongletbis a.current_bleu, 
#onglet a.current_vert, #ongletbis a.current_vert
{	
	display: block;
	padding: 5px 15px 5px 6px;
	margin-right: -2px;

	font-weight: normal; font-style: normal; 
	font-family: arial, tahoma, verdana; 
	font-size: 12px; color: #FFFFFF;  /* Couleur blanc */ 
	text-decoration:none;
	
	background-repeat: no-repeat;
	background-position: right top;
}

#onglet a.current { background-image: url(../Images/Onglet/coin_actif_right.jpg); }
#ongletbis a.current { background-image: url(../Images/Onglet/coin_actif_right_top.png); }
#onglet a.current_gris_bleu, #ongletbis a.current_gris_bleu {	background-image: url(../Images/Onglet/coin_inactif_right_top.png); }
#onglet a.current_gris, #ongletbis a.current_gris {	background-image: url(../Images/Onglet/coin_gris_actif_right.png); }
#onglet a.current_bleu, #ongletbis a.current_bleu {	background-image: url(../Images/Onglet/coin_bleu_actif_right.png); }
#onglet a.current_vert, #ongletbis a.current_vert {	background-image: url(../Images/Onglet/coin_vert_actif_right.png); }

/* Affichage du texte (du container) */
#onglet .on 
{
	display: block; 
	padding-left: 20px; padding-right: 20px;
	padding-top: 10px; padding-bottom: 10px;
	margin-left: 2px;
}
#onglet .on
{
	background-color: #0A284A;  /* Couleur bleu margin */
}
#onglet .off 
{
	display: none;
	padding-left: 20px; padding-right: 20px;
	padding-top: 10px; padding-bottom: 10px;
}

/* Pour les image du container */
#onglet a.image
{
	border: 0;
	background-color: transparent;
	background-image: none;
	text-decoration:none;
}

.gris_bleu
{
	background-color: #E5E5E5;  /* Couleur gris bleu */
}



td.bouton
{
	float: left;
	background: url(../Images/Boutons/bouton_vierge_left.jpg) no-repeat left top;
	margin: 0px;
	padding: 0px 2px 0px 9px;
}
a.bouton
{
	display: block;
	padding: 5px 15px 5px 6px;
	margin-right: -2px;

	font-weight: normal; font-style: normal; 
	font-family: arial, tahoma, verdana; 
	font-size: 12px;  color: #F1F1F1;  /* Couleur blanc legerement gris */ 
	text-decoration: none;
}
a.bouton
{	
	background: url(../Images/Boutons/bouton_vierge_right.jpg) no-repeat right top;
}
a.bouton:hover { color: #FFFFFF;  /* Couleur blanc */  }
	
