/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none!important;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none!important;
    }
}

/* Skin */
#container-4 { /* the whole container with all elements of the tabbed section */
	margin: 20px 0 0px 0px!important;
	height:300px!important; /* defines a static height to the tabed section and avoids "jumping" - part 1 of 2 */
}
.ui-tabs-disabled {
    opacity: .4!important;
    filter: alpha(opacity=40)!important;
}


.ui-tabs-nav{
width:657px;
height:31px;
padding-left:15px;
position:relative;
z-index:10;
}

.ui-tabs-nav li{
	display:block;
	width:129px;
	height:23px;
	background-image:url(../images/backgrounds/bg_onglet.png);
	text-align:center;
	padding-top:8px;
	float:left;
	
}
.ui-tabs-nav li a, .ui-tabs-nav li a:hover,.ui-tabs-nav li a:link, .ui-tabs-nav li a:active, .ui-tabs-nav li a:visited {
font-weight:bold;
text-decoration:none;
color:#FFFFFF;
}

.ui-tabs-nav .ui-tabs-selected{
	background-image:url(../images/backgrounds/bg_onglet_active.png);

}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav .ui-tabs-selected a:hover,.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:active, .ui-tabs-nav .ui-tabs-selected a:visited {
color:#d96d00;
}


.ui-tabs-panel{
width:652px;
height:248px;
position:relative;
padding:10px;
background-image:url(../images/backgrounds/bg_fragment.png);
background-repeat:no-repeat;
margin-top:-5px;
z-index:3;


}
/*
.ui-tabs-panel { /* the main content-section of the tabbed area NOT the tabs themselfes 
	width:672px!important;
    padding: 15px!important;
	height:268px!important; /* defines a static height to the tabed section and avoids "jumping" - part 2 of 2 
	background-image:url(../images/backgrounds/bg_fragment.png);
	background-repeat:no-repeat;
	background-position:left 0px;
	z-index:1;
}



.ui-tabs-panel .title { /* for the headlines in the tabbed section 
	font-size:24px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:100%!important;
	display:block!important;
	padding-bottom:5px!important;
	color: #767676!important;
	text-transform:none!important;
	letter-spacing:normal!important;
	padding-left:0!important;
	background-image:none!important;

}
.ui-tabs-panel .title:hover { /* for the headlines in the tabbed section 
text-decoration:none;

}

.ui-tabs-nav { /* the whole area of the tabs navigation above the tabbed-content 
    list-style:none!important;
	height:26.3px;
    margin:0px!important;
    padding:0px!important;
	padding-left:15px!important;

}

.ui-tabs-nav:after {  clearing without presentational markup, IE gets extra treatment
    display: block!important;
    clear: both!important;
    content: " "!important;
} *//*
.ui-tabs-nav li {
    float: left!important;
    margin:0!important;
	padding-left:5px;
    min-width: 85px!important; 
}





.ui-tabs-nav .ui-tabs {
    display:block!important;
	position: relative!important;   
    z-index:2!important;
    color: #d96d00!important;
    font-weight:bold!important;
	height:31px;
	width:129px;
    text-align:center!important;
    text-decoration:none!important;
}

.ui-tabs-selected {
background-image:url(../images/backgrounds/bg_onglet_active.png);
background-repeat:no-repeat;
background-position:left top;
z-index:5;
height:31px;
width:129px;
}
*/