/* 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... */
    .tabs-hide {
        display:none;
    }
}

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

/* Skin */
.widget2 .tabs-nav{
background-color:white;
border-bottom:1px solid #8C8C8C;
list-style:none;
min-height:20px;
padding:0 2%}

.widget2 .tabs-nav:after{ /* clearing without presentational markup, IE gets extra treatment */
display:block;
clear:both;
content:" "}

.widget2 .tabs-nav li{
float:left;
margin:0 0 0 3%;
min-width:28%; /* be nice to Opera */}


#more{
border-right:0;
border-left:0}

#more .tabs-nav{
margin-top:0}

#more .tabs-nav li{
min-width:21%}

#more .tabs-container{
height:auto;
padding:10px 20px;
border-left:1px solid #8C8C8C;
border-right:1px solid #8C8C8C}

.widget2 .tabs-nav a, .widget2 .tabs-nav a span{
display:block;
padding:0 8px;
font-size:11px;
background:#b20838 url(/theme/2_images/widget2_onglets_fond.gif) no-repeat right -20px}

.widget2 .tabs-nav a {
position:relative;
top:1px;
z-index:2;
padding-left:0;
color:#fff;
font-weight:bold;
line-height:0.8;
text-align:center;
font-style:italic;
font-size:13px;
text-transform:uppercase;
text-decoration:none;
white-space:nowrap/* required in IE 6 */}

.widget2 .tabs-nav .tabs-selected a{
color:#fff}

.widget2 .tabs-nav .tabs-selected a, .widget2 .tabs-nav a:hover, .widget2 .tabs-nav a:focus, .widget2 .tabs-nav a:active {
background-position:100% -60px;
background-color:#8c8c8c;
outline:0/* prevent dotted border in Firefox */}

.widget2 .tabs-nav a, .widget2 .tabs-nav .tabs-disabled a:hover, .widget2 .tabs-nav .tabs-disabled a:focus, .widget2 .tabs-nav .tabs-disabled a:active {
background-position:100% -20px}

.widget2 .tabs-nav a span {
width:64px; /* IE 6 treats width as min-width */
min-width:64px;
height:13px; /* IE 6 treats height as min-height */
min-height:13px;
padding-top:6px;
padding-right:0}

*>.widget2 .tabs-nav a span { /* hide from IE 6 */
width:auto;
height:auto}

.widget2 .tabs-nav .tabs-selected a span {
padding-top:6px;
height:14px; /* IE 6 treats height as min-height */
min-height:14px}

.widget2 .tabs-nav .tabs-selected a span, .widget2 .tabs-nav a:hover span, .widget2 .tabs-nav a:focus span, .widget2 .tabs-nav a:active span {
background-position:0 -40px;
background-color:#8c8c8c}

.widget2 .tabs-nav a span, .widget2 .tabs-nav .tabs-disabled a:hover span, .widget2 .tabs-nav .tabs-disabled a:focus span, .widget2 .tabs-nav .tabs-disabled a:active span {
background-position:0 0}

.widget2 .tabs-nav .tabs-selected a:link, .widget2 .tabs-nav .tabs-selected a:visited, .widget2 .tabs-nav .tabs-disabled a:link, .widget2 .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor:text}

.widget2 .tabs-nav a:hover, .widget2 .tabs-nav a:focus, .widget2 .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
cursor:pointer}

.widget2 .tabs-nav .tabs-disabled {
opacity:.4}

.widget2 .tabs-container {
background-color:#ECECEC;/* declare background color for container to avoid distorted fonts in IE while fading */
height:150px;
padding-left:4.4%}

.widget2 .tabs-loading em {
padding:0 0 0 20px;
background:url(loading.gif) no-repeat 0 50%}