body{
padding:0;
margin:0;
font:76% tahoma, verdana, sans-serif;
background:#e0e0e0;
color:#303030;
}

a{
text-decoration:none;
color:#286ea0;
}

a:hover{
text-decoration:underline;
}

#toptabs{
margin:10px auto -13px auto;
font-size:0.8em;
width:760px;
}

#toptabs p{
text-align:right;
color:#808080;
}

.toptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
text-decoration:none;
background:#f0f0f0 url(images/corner2.gif) top right no-repeat;
color:#808080;
border-bottom:1px solid #e0e0e0;
}

.toptab:hover{
background:#fafafa url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #eaeaea;
color:#505050;
text-decoration:none;
}

.activetoptab{
padding:3px 5px 3px 5px;
margin:0 0 0 4px;
color:#505050;
text-decoration:none;
background:#ffffff url(images/corner2.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
}

.activetoptab:hover{
text-decoration:none;
}

#container{
margin:0 auto 0 auto;
width:730px;
padding:5px 20px 10px 20px;
background:#ffffff;
}

#logo{
margin:5px 0 20px 0;
}

#logo h1 a{
color:#303030;
}

#logo h1 a:hover{
text-decoration:none;
}

#navitabs{
clear:both;
}

.navitab{
padding:4px 8px 4px 8px;
margin:0 0 4px 0;
text-decoration:none;
letter-spacing:1px;
background:#F2F2DA url(images/corner.gif) top right no-repeat;
border-bottom:1px solid #ffffff;
border-left:1px solid #ffffff;
font-weight:bold;
}

.navitab:hover{
text-decoration:none;
background:#d0d0d0 url(images/corner.gif) top right no-repeat;
}

.activenavitab{
padding:4px 8px 5px 8px;
color:#ffffff;
margin:0 0 5px 0;
text-decoration:none;
background:#505050 url(images/corner.gif) top right no-repeat;
font-weight:bold;
}

.activenavitab:hover{
text-decoration:none;
}

#desc{
height:110px;
color: #333333;
font-weight:bold;
padding:5px;
background:#505050 url(images/front.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}

#desc p{
width:525px;
font-size:1em;
line-height:1.3em;
padding:5px 0 0 10px;
}

#desc h2{
padding:5px 15px 0 10px;
color:#333333;
display: inline;
font-size:11pt;
font-weight:bold;
}

#desc a{
color: #0066FF;
text-decoration:underline;
}
/*   */
#desc2{
height:110px;
color: #333333;
font-weight:bold;
padding:5px;
background:#505050 url(images/botola.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}

#desc2 p{
width:525px;
font-size:1em;
line-height:1.3em;
padding:5px 0 0 10px;
}

#desc2 h2{
padding:5px 15px 0 10px;
color:#333333;
display: inline;
font-size:11pt;
font-weight:bold;
}

#desc2 a{
color: #0066FF;
text-decoration:underline;
}
/*   */
#desc3{
height:110px;
color: #333333;
font-weight:bold;
padding:5px;
background:#505050 url(images/nedjma_d1.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}

#desc3 p{
width:525px;
font-size:1em;
line-height:1.3em;
padding:5px 0 0 10px;
}

#desc3 h2{
padding:5px 15px 0 10px;
color:#333333;
display: inline;
font-size:11pt;
font-weight:bold;
}

#desc3 a{
color: #0066FF;
text-decoration:underline;
}
/*   */
#desc4{
height:110px;
color: #333333;
font-weight:bold;
padding:5px;
background:#505050 url(images/ligue_1_tunisienne.jpg) top left no-repeat;
clear:both;
margin:5px 0 0 0;
}

#desc4 p{
width:525px;
font-size:1em;
line-height:1.3em;
padding:5px 0 0 10px;
}

#desc4 h2{
padding:5px 15px 0 10px;
color:#333333;
display: inline;
font-size:11pt;
font-weight:bold;
}

#desc4 a{
color: #0066FF;
text-decoration:underline;
}

#main{
width:540px;
float:left;
padding:0 15px 0 0;
border-right:1px solid #d0d0d0;
}
#main p{
text-align:justify;
}

.block{
background:#f0f0f0;
padding:15px;
}
.stat{
padding:0px;
width:340px;
margin-left:auto;
margin-right:auto;
}
.stattr{
background:#d6bc2a;
padding-top: 5px;
text-align:center;
height:25px;
color:#FFFFFF;
font-weight:bold;
font-size:13pt;
letter-spacing: 1px;
}
.stattr2{
background:#d6bc2a;
text-align:center;
height:15px;
color:#FFFFFF;
font-weight:bold;
font-size:10pt;
letter-spacing: 1px;
}
.stat_left{
background:#F2F2DA;
padding-left: 7px;
font-weight:bold;
text-align:left;
}
.biapo {
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
border:1px solid #b0b0b0;
margin:3px 5px 0 0;
padding:3px;
float: left;
}
.paro {  
font-family: Verdana; 
font-size: 10px; 
color: #006699; 
text-decoration: none
}
.block2{
background:#FAFAF1;
padding:10px;
color:#333333;
height:130px;
}
.block2 img{
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
border:1px solid #b0b0b0;
margin:3px 5px 0 0;
padding:3px;
float: left;
width:120px; 
height:105px; 
}
.block2out{
background:#EBFCEB;
padding:10px;
color:#333333;
height:130px;
}
.block2out img{
border-top-style: none;
border-right-style: none;
border-left-style: none;
border-bottom-style: none;
border:1px solid #b0b0b0;
margin:3px 5px 0 0;
padding:3px;
float: left;
width:120px; 
height:105px; 
}
.block3{
background:#B5F2B5;
padding:15px;
}
.block4{
background:#F8DFF8;
padding:15px;
}

#sidebar{
width:160px;
float:right;
margin-top:20px;
}
#sidebar .selected{
	background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
width:160px;
}
#sidebar p{
font-size:0.9em;
line-height:1.3em;
margin:0 0 12px 0;
}

.sidelink{
text-align:left;
display:block;
width:150px;
background:#F2F2DA url(images/corner.gif) top right no-repeat;
padding:3px 4px 3px 8px;
margin:5px 10px 5px 0;
}

.sidelink:hover{
background:#e0e0e0 url(images/corner.gif) top right no-repeat;
text-decoration:none;
}

#footer{
clear:both;
background:#fafafa;
color:#808080;
font-size:0.9em;
padding:8px 0 8px 0;
border-top:1px solid #d0d0d0;
border-bottom:1px solid #d0d0d0;
text-align:center;
letter-spacing: 2px;
}

#footer a{
color:#808080;
}

h1{
margin:0 0 20px 0;
font-size:2.1em;
font-weight:normal;
}

h2{
margin:0 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h3{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
display: inline;
}
.h3{
font-weight:bold;
font-size:15pt;
color:#5a9902;
text-transform:uppercase;
}
.newsh3{
font-weight:bold;
font-size:10pt;
color:#5a9902;
text-transform:uppercase;
}
h4{
margin:20px 0 10px 0;
font-size:1.4em;
font-weight:normal;
display: inline;
}
.h4{
font-weight:bold;
font-size:13pt;
color: #999999;
}
p{
margin:0 0 15px 0;
line-height:1.5em;
text-align:left;
}

.right{
text-align:right;
}
.justify{
text-align: justify;
}

a img{
border:0;
}

.photo{
padding:5px;
display:block;
margin:0 auto 15px auto;
background-color:#f0f0f0;
}

.hide{
display:none;
}
.baner{
text-align:center;
margin:10px;
}
.baner160{
text-align:center;
}








.mytabsdefault-menu ul{
    margin:0 !important;
    padding: 0 !important;
    list-style: none;
}
.mytabsdefault-menu li{
    display: inline;
    padding: 0 !important;
}
.mytabsdefault-menu a{
    float: left;
    display: block;
    text-decoration: none;
    margin: 0 2px 0 0 !important; /*Margin between each menu item*/
    padding: 5px 5px 5px 5px !important;
    background:#F2F2DA url(images/corner.gif) top right no-repeat;
    font-weight: bold;
    
}
.mytabsdefault-menu a:hover{
    background:#505050 url(images/corner.gif) top right no-repeat;
	color:#FFFFFF;
}
.mytabsdefault-menu a.tabs-selected{
	/*currently selected tab*/
	background:#505050 url(images/corner.gif) top right no-repeat;
	padding: 5px 5px 5px 5px !important;
	color:#FFFFFF;	
}
.picr{
margin:5px;
float: right;
}
.picl{
margin:5px;
float: left;
}
#sous_nave {
	BACKGROUND-IMAGE: url(images/sousnave.gif); BACKGROUND-REPEAT: repeat-x; MARGIN-BOTTOM: 16px; COLOR: #d6bc2a; OVERFLOW: hidden; height: 20px;
}
#sous_nave H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT-SIZE: 13px; PADDING-TOP: 0px; _margin-top: 2px; letter-spacing: 1px;
}
#sous_nave H2 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT-SIZE: 13px; PADDING-TOP: 0px; _margin-top: 2px; letter-spacing: 1px;
}
.niveau-1 {
	BACKGROUND-IMAGE: url(images/sousnave.gif); PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; TEXT-TRANSFORM: uppercase; BACKGROUND-COLOR: #d6bc2a; PADDING-LEFT: 18px; PADDING-RIGHT: 26px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right -21px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.niveau-index {
	BACKGROUND-IMAGE: url(images/corner_index.gif); PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; TEXT-TRANSFORM: uppercase; BACKGROUND-COLOR: #d6bc2a; PADDING-LEFT: 18px; PADDING-RIGHT: 26px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right -21px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.niveau-2 {
	BACKGROUND-IMAGE: url(images/sousnave.gif); PADDING-BOTTOM: 2px; LINE-HEIGHT: 20px; TEXT-TRANSFORM: uppercase; BACKGROUND-COLOR: #eed040; PADDING-LEFT: 18px; PADDING-RIGHT: 26px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: right -21px; COLOR: #fff; FONT-WEIGHT: bold; PADDING-TOP: 4px
}
.niveau-1 {
	
}
.niveau-2 {
	BACKGROUND-COLOR: #eed040; PADDING-LEFT: 8px; BACKGROUND-POSITION: right -43px; MARGIN-LEFT: -4px
}
A.niveau-3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; DISPLAY: inline; FONT-SIZE: 13px; PADDING-TOP: 0px; _margin-top: 2px; letter-spacing: 1px; font-weight:bold; text-decoration:none;
}
A.niveau-3:hover {
	COLOR: #505050;
}
#sous_nave .active {
	COLOR: #505050
}
.selected{
font-weight:bold;
color:#0000FF;
margin-right:5px;
}
.td {
	font-size: 11pt;
	background: #F2F2DA;
	color: #333333;
	border: #d6bc2a 1px solid;
	padding:3px;
}
.td a:link {
	font-size: 13px;
	color: #0000FF;
	float:left;
}
.td2 {
	FONT-SIZE: 11px;
	FONT-FAMILY: verdana,arial;
	color: #0000FF;
	padding:5px;
	font-weight: bold;
}
.td3 {
	FONT-SIZE: 11px;
	BACKGROUND: #d6bc2a;
	FONT-FAMILY: verdana,arial;
	color: #FFFFFF;
	padding:5px;
	font-weight: bold;
}
#colone {
	float: left;
	width: 540px;
	margin-right: 0px;
	margin-left: 1px;
	overflow:hidden;
	margin-bottom: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #000000; 
	text-decoration: none
}
#front {
	display:block;
	/*border:1px dotted red;*/
}
#articles {
	display:block;
	/*border:1px dashed green;*/
}
#colone #front {
	margin: 0px;
}
#colone #front #articles .article-extract-half {
	width:345px;
	display:block;
	margin:0px 4px 0px 0px;
	padding:0px 0px 0px 0px;
}
#colone #front #articles .left {
	float:left;
}
.newsbas  {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: #999999;
	text-align:right;
}
.textfield {
    background-color: #f2f2da;
    color: #000000;
    border: solid 1px #d6bc2a;
    font-size :8pt;
    font-weight: bold;
}
.li {
    padding-left: 0px; list-style-image: url(http://www.planete-foot.net/images/ballon-foot.gif); margin-left: 0px; height:20px;
}
.li a:link {
	font-size: 13px;
	color: #3b72a8;
	margin-left:5px;
	font-weight:bold;
}