/* --- Onglets --- */
/* --------------- */
.onglets {
	background:url(../../img/css/bg_onglets.jpg) 50% bottom no-repeat;
	padding:0 0 8px 0px;
}

.onglets ul {
	margin:0;
}

.onglets li {
	float:left;
	list-style-type:none;
}

.onglets li a {
	height:37px;
	display:block;
}

.red_tab, .onglets ul li a{
	display:block;
	background:url(../../img/tabs/bg_red_left.png);
	height:39px;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	text-indent:0px;
}
.red_tab .right_corner, .onglets ul li a .right_corner {
	position:absolute;
	top:0px;
	right:0px;
	width:38px;
	height:39px;
	overflow:hidden;
	background:url(../../img/tabs/bg_red_right_alpha2.png);
}

.red_tab .tab_content,.onglets ul li a .tab_content{
	padding-top:17px;
	width:100%;
	position:absolute;
	top:-1px;
	left:-1px;
	text-align:center;
	color:#FFFFFF;
	font-size:9pt;
	text-transform:uppercase;
	text-indent:0px;
	font-weight:bold;
}

.red_tab .tab_content_shadow,.onglets ul li a .tab_content_shadow{
	padding-top:17px;
	width:100%;
	text-align:center;
	color:#000000;
	font-size:9pt;
	position:absolute;
	text-transform:uppercase;
	text-indent:0px;
	font-weight:bold;
}

.red_tab_deux_lignes .tab_content, .red_tab_deux_lignes .tab_content_shadow {
	padding-top:13px;
	font-size:9pt;
	line-height:12px;
}

.red_tab_small .tab_content, .red_tab_small .tab_content_shadow {
	font-size:8pt;
}


.red_link_tab {
	padding:0px;
	margin:0px;
	list-style-type:none;
}

.red_link_tab a:hover,
.onglets ul li a.actif,
.onglets ul li a.inactif:hover {
	background:url(../../img/tabs/bg_white_left.png);	
}

.red_link_tab a:hover .right_corner,
.onglets ul li a.actif .right_corner,
.onglets ul li a.inactif:hover .right_corner {
	background:none;
	background:url(../../img/tabs/bg_white_right.png);
	width:15px;
}

.red_link_tab a:hover .tab_content,
.onglets ul li a.actif .tab_content, 
.onglets ul li a.inactif:hover .tab_content {
	color:#e2001a;
	font-weight:bold;
}

.red_link_tab  a:hover .tab_content_shadow,
.onglets ul li a.actif .tab_content_shadow,
.onglets ul li a.inactif:hover .tab_content_shadow {
	display:none;
}

/* Largeurs des differents onglets du site
   N�cessaire pour FF (pour IE, renseigner la largeur directement dans le JSP - balise html:onglet) */
.onglets .panier_1 a { width:110px; }
.onglets .panier_2 a { width:110px; }
.onglets .panier_3 a { width:110px; }
.onglets .preparation_visite a { width:180px; }
.onglets .operations_speciales a { width:160px; }
.onglets .detail a { width:110px; }
.onglets .bnf a { width:110px; }
.onglets .historique a { width:110px; }