body {
	background: #DDDDDD url(../images/main_bg.gif) fixed repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #000000;
	padding: 0px;
	margin: 10px;
}
#wrap {
	padding: 0px;
	margin: 0px auto;
	border: 2px solid #000000;
	background: #EEEEEE url(../images/wrap_bg.gif) repeat-y top left;
}
a {
	color: #156DA7;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a.ddirect {
	color: #000000;
	text-decoration: underline;
}
h2 a {
	color: #FFFFFF;
	text-decoration: none;
}


/*** Dimension ***/

#wrap, #menu, #submenu {
	width: 740px;
}


/*** Font size ***/

#bandeau, #menu a, #submenu a, #footer {
	font-size: 75%;
}
#sidebar h2, #sidebar h3, #sidebar ul, #sidebar p, #content h2, #content h3, #content p, .smaller {
	font-size: 85%;
}
input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}


/*** BANDEAU ***/

#bandeau {
	background-color: #000000;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
#bandeau p {
	margin: 0px;
	padding: 5px;
}
#header {
	background-image: url(../images/header2.gif);
	height: 90px;
	padding: 0px;
	margin: 0px;
}
#header h1 {
	display: none;
	padding: 0px;
	margin: 0px;	
}


/*** Navigation ***/

#navigation {
	padding: 0px;
	margin: 0px;
}
#navigation:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#menu {
	float: left;
	background: #999999 url(../images/menu_bg.gif) repeat-x top left;
	margin: 0px;
	padding: 0px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 2px solid #888888;
}
#menu li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background: url(../images/menu_separator.gif) repeat-y top right;
}
#menu a {
	float: left;
	text-decoration: none;
	color: #444444;
	font-weight: bold;
	margin: 0px;
	padding: 9px 17px 9px 15px;
}
#menu a:hover {
	color: #FFFFFF;
	background: #444444 url(../images/menu_bg_hover.gif) repeat-x top left;
	margin: 0px 2px 0px 0px;
	padding: 9px 15px;	
}
#menu a.active {
	color: #156DA7;
	background: #888888 url(../images/menu_bg_active.gif) repeat-x top left;
	margin: 0px 2px 0px 0px;
	padding: 9px 15px;
}
#menu a.euro2008 {
	color: #cc0000;
}
#menu a.euro2008:hover {
	color: #fff;
}
#submenu {
	float: left;
	background-color: #444444;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/submenu_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#submenu li {
	float: left;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#submenu a {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
	margin: 0px;
	padding: 3px 5px 5px 15px;
}
#submenu a:hover {
	text-decoration: underline;
}



/*** Main Stuff ***/

#sidebar {
	float: right;
	width: 250px;
	margin: 0px;
	padding: 0px 5px 0px 0px;
}
#sidebar h2 {
	margin: 5px 0px 0px 0px;
	padding: 8px;
	background: #999999 url(../images/menu_bg.gif) repeat-x top left;
	border: 1px solid #444444;
	font-weight: bold;
	color: #000000;
}
#sidebar h3 {
	margin: 0px;
	padding: 5px 5px 0px 5px;
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	color: #000000;
	background-color: #EEEEEE;
}
#sidebar ul, #sidebar p, #sidebar #article {
	margin: 0px;
	padding: 5px;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
	background-color: #EEEEEE;
}
#sidebar ul.alternate {
	background-color: #DDDDDD;
}
#sidebar li {
	list-style: none;
}
#sidebar ul.last {
	margin-bottom: 5px;;
}


#content {
	clear: left;
	margin: 0px;
	padding: 0px 5px;
	width: 470px;
	/*background-color: #00CCFF;*/
}
#content h2 {
	margin: 5px 0px 0px 0px;
	padding: 8px;
	background: #444444 url(../images/menu_bg_hover.gif) repeat-x top left;
	border: 1px solid #444444;
	font-weight: bold;
	color: #FFFFFF;
}
#content h3 {
	margin: 0px;
	padding: 5px 0px 0px 0px;
	border-right: 1px solid #444444;
	border-left: 1px solid #444444;
	background-color: #DDDDDD;
}
#content p, #content #article {
	margin: 0px;
	padding: 5px;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
	background-color: #DDDDDD;
}
#content p.alternate {
	background-color: #EEEEEE;
}


/*#content h2#scoreboard {
	padding: 58px 8px 8px 13px;
	background: #444444 url(../images/box_head.gif) no-repeat top left;
}*/


#sidebar #article {
	padding: 0 5px 5px 5px;
}
#content #article {
	padding: 0px 5px 15px 5px;
	
}
#article p {
	padding: 5px 0px 0px 0px;
	margin: 0px;
	border: 0px solid #444444;
}

#article ol {
	padding-top: 5px;
	padding-bottom: 0;
	margin-top: 0;
	margin-bottom: 0;
}

#article li {
	font-size: 11px;
}

#article h3 {
	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: 0px solid #444444;
}
#article h3.first {
	padding-top: 5px;
}
#article img {
	margin: 5px 0px 0px 0px;
}
#article textarea {
	margin: 5px 0px 0px 0px;
	width: 468px;
	height: 60px;
}

#content #annonce {
	margin-top: 5px;
	border: 1px solid #000;
	text-align: center;
	}
#annonce h3 {
	border: none;
	padding: 5px 5px 0 5px;
}	
#annonce p {
	border: none;
	}	



/*** Alternate layout ***/

body#alter #wrap {
	background: #EEEEEE url(../images/wrap_alt_bg.gif) repeat-y top left;
}
body#alter #sidebar {
	width: 120px;
}
body#alter #content {
	/*clear: left;
	margin: 0px;
	padding: 0px;*/
	width: 600px;
}


/*** Footer ***/

#footer {
	clear: both;
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	text-align: center;
}
#footer p {
	background-color: #000000;
	margin: 0px;
	padding: 5px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
}
#footer a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
#footer a:hover {
	text-decoration: underline;
}
#leaderboard {
	background-color: #444444;
	margin: 0px;
	padding: 6px;
}
#audience {
	background-color: #444444;
}
#audience img, script {
	vertical-align: middle;
	margin: 0px 2px;
	padding: 0px;
}



/*** Form ***/

#form {
	padding: 5px;
	margin: 0px;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
	background-color: #DDDDDD;
}
#sidebar #form {
	margin: 0px 5px 0px 0px;
	background-color: #EEEEEE;
}
#form p {
	margin: 0px;
	padding: 0px;
	/*background-color: #DDDDDD;*/
	border: 0px none #444444;
}
label {
	padding: 0px;
	margin: 0px;
	font-weight: bold;
}
input, select, textarea {
	padding: 1px;
	margin: 5px 0px;
	border: 1px solid #444444;
	background-color: #FFFFFF;
	vertical-align: middle;
}
#sidebar input.normal {
	border: 0px solid #444444;
	background-color: #EEEEEE;
}
#sidebar input {
	margin: 0px 0px 5px 0px;
}
#sidebar label {
	font-weight: normal;
}


/* Misc style */

.pub {
	margin: 5px 0px 0px 0px;
	padding: 0px;
	/*border: 1px solid #000000;*/
}
.google {
	margin: 0px;
	padding: 0px;
	border-right: 1px solid #444444;
	border-bottom: 1px solid #444444;
	border-left: 1px solid #444444;
}
.emission, .log, .site, .chaine {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}
.description {
	margin: 0px 0px 0px 5px;
	padding: 0px;
}
.live {
	color: #F7A644;
	font-weight: bold;
	background-color: #146FAB;
}
.goright {
	float: right;
	margin: 0px 0px 0px 5px;
}
.flag {
	border: 1px solid #444444;
}
.tps {
	background-color: #FF0000;
	margin: 0px 0px 0px 1px;
}
.csat {
	background-color: #00FF00;
	margin: 0px 0px 0px 1px;
}

img.treve {
	margin: 5px 0 0 0;
	border: 1px solid #444444;
}

table.standings {
	font-size: 11px;
	width: 100%;
	padding-top: 5px;
}
table.standings td, table.standings td {
	padding: 2px;
}
table.standings th {
	background-color: #ccc;
}
table.standings td {
	text-align: center;
	border-bottom: 1px solid #ccc;
}