/********** GENERAL **********/
body {
	font-family: arial,verdana,helvetica,sans-serif;
	font-size: 76%;
	background: #FFF;
}

* {margin:0;padding:0;}
a img {border:none;}
a, a:visited, a:link, a:active {color:#06C;text-decoration:none;}
a:hover {text-decoration:underline;}
h2{display:block;font-weight:bold;margin:0 0 2px 0;font-size:12px;color:#06C;}
ul li{list-style-type:none;}

/********** OVERALL (PAGE+LIENS SPONSOS) **********/
#overall{width:985px;margin:0 auto;}
#page{
	width:800px;
	float:left;
	border-bottom:1px solid #CCC; 
	background: #FFF url(images/bg-overall.gif) left top repeat-y;
}

#page-prono{
	width:685px;
	float:left;
	border-bottom:1px solid #CCC;
	border-top:1px solid #CCC;
	background: #FFF url(images/bg-popup-overall.gif) left top repeat-y;
}

#annonce {color:#F00; font-weight:bold;}

/********** HEADER **********/
#header{height:145px;}

#header .top{height:125px;background:url(images/bg_rugby_logo.jpg) no-repeat;}

#header .top span{
	float:left;
	padding:0 0 0 200px;
	margin:6px 0 0 0;
}

#header .top td{padding:2px;}
#header .visuel{
	height:64px;
	background:url(/images/visuel-header.jpg) no-repeat;
}

#info-user{width:370px;}
#info-user td, #info-user td a{font-size:0.9em;}
#info-user .pseudo{padding-right:2px}
#info-user .pseudo {color:#037; font-weight:bold; font-size:1em}
#info-user .classement {color:#037; font-weight:bold;}
#info-user .classement img{padding-left:5px}
#info-user .loglabel {color:#037}

#header input.champ{
	width:75px;
	height:12px;
	font-size : 9px;
    font-family: Verdana, Helvetica, sans-serif;
	color:#0a61cd;
	border:1px solid #a4bfd9;
	background: #FFF;
}

#header input.submit{
	font-size : 9px;
    font-family: Verdana, Helvetica, sans-serif;
}

#logo{
	display:block;
	position:relative;
	top:-8px;
	width:159px;
	height:57px;
	margin:0 0 0 32px;
	background:url(/images/fr/logo-s4f.gif) no-repeat;
}

/********** PRONO ****/
#header-prono{height:200px;}
#header-pres{
	width:675px;
	height:135px;
	margin:5px 5px 5px 5px;
	background: #4A7EB7;
}

#header-pres tr {
	width:675px;
}

#center-prono {
	margin:5px 50px 5px 50px;
}

#aide{
	padding:20px 0px 15px 0px;
	text-align:center;
}

#prono_valid{
	font-weight:bold;padding:0 0 15px 0; font-size:14px;font-family:arial;
	color:#C00;
}

#warn{
	font-weight:bold;padding:15px 0 15px 0; font-size:14px;font-family:arial;
	color:#F00;
}

#header-pres .head1{
	font-weight:bold; 
	font-size:18px;font-family:arial;
	color:#FFF;
}

#header-pres .head2{
	font-weight:bold; 
	font-size:14px;font-family:arial;
	color:#FFF;
}

#header-pres .head3{
	font-weight:bold; 
	font-size:14px;font-family:arial;
	color:#FFF;
}

/********** NAV **********/
#menu{
	width:800px;
	height:21px;
	padding:6px 0 0 20px;
}
#menu li {
	list-style-type:none;
	width:92px;
	float:left;
	font-size:11px;
	padding:1px 0 0 0;
	text-align:center;
}
#menu li a{
	/*display:block;*/
	width:92px;
	height:20px;
	color:#037;
}
#menu li a:hover{
	text-decoration:none;
	color:#06C;
}
#menu a.active{
	color:#000;
}
.m-accueil  {background:transparent url(images/bg-nav.jpg) left 0 no-repeat; color:#000; }
.m-pronos { background:transparent url(images/bg-nav.jpg) 0 -27px no-repeat; } 
.m-resultats { background:transparent url(images/bg-nav.jpg) 0 -54px no-repeat; }
.m-classement { background:transparent url(images/bg-nav.jpg) 0 -81px no-repeat; }


/********** CONTENT **********/
#content{padding:15px 15px 15px 21px;}
#pronos{padding:15px 15px 15px 21px;}

/********** Separateur ********/
#separateur{clear:both;margin:0px 15px;border-top:1px solid #CCC; padding:11px 21px ;font-size:0.9em;}

/********** FOOTER **********/
#footer{clear:both;margin:0px 10px;border-top:1px solid #CCC; padding:11px 15px ;font-size:0.9em;}
#footer .credit, #footer .credit a{color:#333; text-align:right;}


/********** FIFTH **********/
#fifth{
	float:right;
	width:190px;
	height:1400px;
	margin:18px 0 0 10px;
	border:1px solid #CCC;
	background:#fff;
	text-align:center;
}
/********** COLONNES **********/
#left{float:left;width:420px;}
#right{float:right;width:300px;}
#leftprono{float:left;width:380px;}
#rightprono{float:right;width:380px;}
#accueil-left{float:left;width:200px;padding:0 0 10px 0}
#accueil-right{float:right;width:475px;border-bottom:5px}


/********** NODE **********/

.node .start{
	width:8px;
	height:25px;
	float:left;
	background : url(images/bg-title-left.gif) left top no-repeat;
}

.node h1{
	text-align:left;
	float:right;
	height:25px;
	background : url(images/bg-title-right.gif) right top no-repeat;
}

#content .node h1{width:742px}
/*#content .node h1 object{position:relative;left:-592px}*/
#left .node h1{width:412px}
#right .node h1{width:292px}
.left .node h1{width:412px}
.right .node h1{width:292px}

#leftprono .node h1{width:372px}
#rightprono .node h1{width:372px}

#nextpronos2 {float:left;padding:0px 190px;width:450px;}
#nextpronos2 .node h1{width:432px;font-size:1.5em;}
#nextpronos2 .node{margin:5px;}



/*#left .node h1 object{position:relative;left:-272px}
#right .node h1 object{position:relative;left:-150px}*/

/*#club .node h1 ul li object{position:relative;left:0}*/
.node ul{
	height:22px;
	padding:7px 0 0 0;
	border-top:1px solid #FFF;
	background:#bcddff;
}
.node li{
	float:left;
	padding: 0 0 0 8px;
	margin: 0 0 0 11px;
	list-style-type:none;
	background:url(/images/fleche-bleue.gif) left center no-repeat;
}
.node li a{text-decoration:underline;}
.node table{clear:both;}

/********** tableaux **********/
.tableau1, .tableau2{
	width:100%;
	border:0;
	background:#CCC;
	font-size:10px;
	font-weight:bold;
	font-family:verdana;
	color:#06C;
}

.tableau1 .odd, .tableau2 .odd{background:#eaf4fe}
.tableau1 .even, .tableau2 .even{background:#d9ebff}
.tableau1 td{padding:4px 9px;}
.tableau2 td{padding:4px 6px;}
.tableau1 td, .tableau2 td{border-bottom:1px solid #FFF;}

/********** BLOC SPORT **********/
.sport{
	height:90px;
	clear:both;
	font-size:10px;
	font-family:verdana;
	text-decoration:none;
	border-top:1px solid #FFF;
	background:#bcddff;
}
.sport:hover{background:#d9ebfe}
.sport a:hover{text-decoration:underline;}
.sport img{margin:0 4px 0 0;}
.sport .description{ padding-top:10px; }
.sport a{/*display:block;*/ text-decoration:none;}
.sport a img{float:left;margin:6px 14px 0 8px;}
.sport a.categorie{font-weight:bold;padding:11px 0 0 0; font-size:11px;font-family:arial;color:#000;}
.sport a.prono_link{font-weight:bold;padding:11px 0 0 0; font-size:11px;font-family:arial;color:#C00;}

.regle{
	clear:both;
	font-size:12px;
	font-family:verdana;
	text-decoration:none;
	border-top:1px solid #FFF;
	background:#bcddff;
	margin:10px 0px 10px 5px;
}

.prono_tab {
	width:100%;
}

.sport .pays-d{float:left;margin:6px 14px 0 8px;}
.sport .pays-v{float:right;margin:6px 14px 0 8px;}

.tip{
	height:39px;
	clear:both;
	padding:8px 0 0 15px;
	font-size:10px;
	border-top:1px solid #FFF;
	background:#bcddff;
}
/********** COVER **********/
.cover{
	margin:0;
	font-size:1em;
	margin:0 0 21px 0 ;
	line-height:1.3em;
}
.cover h2{padding:25px 0 0 0;}
.cover img{float:left;margin: 0 7px 0 0;}

.coverIE{
	margin:0;
	font-size:1em;
	margin:0 0 21px 0 ;
	line-height:1.3em;
}
.coverIE h2{padding:0px 0 0 0;}
.coverIE img{float:left;margin: 0 7px 0 0;}

/**********************/
#nextpronos, #nextpronos2, #manches, .manches, #defis, #lastresults, #monclassement, #booster, #gagnants, #classements{
	margin:0 0 14px 0;
}
#searchlot,#otherclassements{margin:0 0 9px 0;}

/********** DERNIERS RESULTATS **********/
/*#lastresults .sport, #lastresults .node ul{background:#EAF4FF;}
#lastresults .sport a{color:#000}
#lastresults .sport a span{color:#C00; font-weight:bold}
#lastresults .sport .categorie{color:#7c8085;}*/
/********** REMPLACER PAR ***************/
.encours, #pronos .node ul{background:#fdf585;}

.bientot, #pronos .node ul{background:#bcddff;}

.attente, #pronos .node ul{background:#d1ddea;}
.attente a{color:#000}
.attente a span{color:#C00; font-weight:bold}
.attente .categorie{color:#7c8085;}

.fini, #pronos .node ul{background:#EEEEEE;}
.fini a{color:#000}
.fini a span{color:#C00; font-weight:bold}
.fini .categorie{color:#7c8085;}
.fini .points{font-weight:bold}
.fini .funnies{font-weight:bold; color:red}

.prono_point{font-weight:bold}



/********** TYPE INFOS **********/
#infos .odd, #infos .even{padding:16px 6px;clear:both;}
#infos .odd{background:#FFF; border-bottom:1px solid #DDD}
#infos .even{background:#F9F9F9; border-bottom:1px solid #DDD}
#infos .odd a,#infos .even a{display:block;font-weight:bold;margin:0 0 2px 0;font-size:12px;color:#06C;}
#infos p{margin:15px 0 0 0}
#infos .author{float:right;margin:0; font-size:11px}
#infos .author span{font-weight:bold;color:#06C}
#infos ul{background:none;}


/********** CLASSEMENTS **********/
.tableau1 th{
	padding:4px 9px;
	text-align:left;
	color:#000;
	background:#FFF url(images/bg-th.gif) left bottom repeat-x;
	border-bottom:1px solid #FFF;
	height:15px;
}
.tableau2 th{
	padding:4px 3px;
	text-align:left;
	color:#000;
	background:#FFF url(images/bg-th.gif) left bottom repeat-x;
	border-bottom:1px solid #FFF;
	height:18px;
}
.tableau1 tr.fluo, .tableau2 tr.fluo{
	background:#FFF36F;
}
.tableau2 tr.separation{
	background:#fff;
}
#classements .sub td{font-weight:normal; border:none;}
.pts{text-align:right;}
.pts img{margin-left:5px}

#classement {width:750px}

#points-nuls {color:#F00;}
#points-bon {color:#000;}
#points-parfaits {color:#0F0;}



/********** FORMULAIRES **********/
input[type="text"],select, textarea{border:1px solid #999}
#content .left{width:355px; float:left;}
#content .right{width:355px; float:right;}
#content .left .node h1{width:347px;}
#content .right .node h1{width:347px;}


/* Commentaires */
.commentaires{font-family:Verdana;font-size:10px;color:#888;}