/* --------------------------------------------------------------
   | Main modules
   -------------------------------------------------------------- */

/* Header
-------------------------------------------------------------- */
#header{
	position: relative;
	height: 223px;
	padding-top: 15px;
	background: url(/includes/nav/img/bg-header.jpg) left top no-repeat;
}
#logo{ margin: 0; }
#logo a{
	position: absolute;
	top: 122px;
	left: 3px;
	display: block;
	width: 333px;
	height: 104px;
	width: 474px;
	height: 91px;
	text-indent: -999em;
	background: url(/includes/nav/img/logo.jpg) left top no-repeat;
}
#header .section{
	margin-bottom: 10px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	line-height: 1.1;
	font-size: 3.0em;
	position: absolute;
	top: 155px;
	left: 550px;
	color: #FFF;
}

/* Main nav
-------------------------------------------------------------- */
#main-nav{
	position: absolute;
	bottom: -4px;
	left: 156px;
	margin: 0;
	list-style: none;
}
#main-nav li{
	float: left;
	position: relative;
	z-index: 900;
	margin-right: -5px;
}
#main-nav a,
#main-nav strong{
	float: left;
	display: block;
	text-decoration: none;
	font-size: 1.1em;
	color: #410;
	background: url(/includes/nav/img/bg-main-nav.png) right -36px no-repeat;
}
#main-nav span{
	float: left;
	display: block;
	height: 36px;
	line-height: 36px;
	padding-left: 12px;
	margin-right: 12px;
	text-align: center;
	font-weight: bold;
	background: url(/includes/nav/img/bg-main-nav.png) left top no-repeat;
}
#main-nav a span{ cursor: pointer; }
#main-nav a:hover{ color: #000; background-position: right -108px; }
#main-nav a:hover span{ background-position: left -72px; }

/* Drop down menu */
#main-nav ul{
	visibility: hidden;
	position: absolute;
	z-index: 99999;
	top: 33px;
	left: 10px;
	right: 10px;
	margin: 0;
	list-style: none;
	background: #FFD51D;
	border-left: 1px solid #FCB700;
	border-right: 1px solid #FCB700;
}
#main-nav ul li{
	float: none;
	margin: 0;
	background: none;
	border-bottom: 1px solid #FCB700;
}
#main-nav ul a{
	float: none;
	padding: 2px;
	background: none;
}
#main-nav ul a:hover{
	color: #FFF;
	background: #B3002A;
}

/* Event */
#main-nav .hover ul{ visibility: visible; }

/* Sidebar
-------------------------------------------------------------- */
#sidebar h2{
	margin-left: 5px;
	padding: 8px 0 5px 30px;
	font: bold 12px/1 arial, sans-serif;
	color: #FFF;
	background: url(/includes/nav/img/puce-sidebar.gif) left top no-repeat;
}
#sidebar p{
	padding-left: 5px;
	font: 11px/1 verdana, sans-serif;
}
#sidebar a{ color: #FFF; }
#sidebar .bookmakers{
	margin: 0;
	padding-left: 25px;
	list-style: none;
}

/* Sub nav
-------------------------------------------------------------- */
#sub-nav a{ text-decoration: none; }
#sub-nav dt{
	position: relative;
	height: 19px;
	padding-left: 5px;
	margin-bottom: 1px;
	line-height: 19px;
	font-family: Arial, sans-serif;
	background: #FFF url(/includes/nav/img/sprite-corners.png) right top no-repeat;
}
#sub-nav dt a{ color: #870020; }
#sub-nav dt span{
	position: absolute;
	top: 50%;
	right: 2px;
	display: block;
	width: 15px;
	height: 15px;
	margin-top: -8px;
	cursor: pointer;
	background: url(/includes/nav/img/sprite-corners.png) left -19px no-repeat;
}
#sub-nav dt span.alt{ background-position: left -34px; }
#sub-nav dd{
	/**/display: none;
	margin: 0;
}
#sub-nav ul{
	margin: 0;
	list-style: none;
}
#sub-nav ul a{
	display: block;
	padding: 5px 2px 5px 6px;
	line-height: 1.2;
	font-size: 10px;
	font-weight: bold;
}
#sub-nav ul a:hover{ background: #BA1A3F; }

/* Footer
-------------------------------------------------------------- */
#footer{
	padding-top: 20px;
	text-align: center;
	font: normal 10px verdana, sans-serif;
	color: #FFF;
	background: #870020 url(/includes/nav/img/bg-footer.png) left top no-repeat;
}
#footer p{ margin-bottom: .5em; }
#footer a{ color:#FFF;}

/* --------------------------------------------------------------
   | Sub modules
   -------------------------------------------------------------- */

/* Ranks (barometres)
-------------------------------------------------------------- */
#ranks{ margin-bottom: 15px; }
#ranks h3{
	margin-bottom: 0;
	padding: 10px 0;
	font: bold .9em/1 Arial, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #CCC;
}
#ranks table strong{ color: #870020; }
#ranks td{ padding: 4px 2px; }

/* FAQ
-------------------------------------------------------------- */
#faq dl{
	margin-bottom: 0;
	border-bottom: 1px solid #CCC;
}
#faq dt{
	height: 73px;
	margin-top: 10px;
	border-left: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	background: url(/includes/nav/img/faq-bg-dt1.png) left top repeat-x;
	cursor: pointer;
}
#faq dt:first-child{ margin-top: 0; }
#faq dt strong{
	position: relative;
	left: -11px;
	display: block;
	height: 73px;
	padding-left: 11px;
	line-height: 73px;
	text-align: center;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #870020;
	background: url(/includes/nav/img/faq-close.png) left center no-repeat;
}
#faq dt.open strong{ background-image: url(/includes/nav/img/faq-open.png); }
#faq dl dt{
	height: auto;
	padding: 5px 0;
	margin-top: 0;
	border: 0;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	background: none;
	text-align: center;
	font-weight: normal;
	text-transform: uppercase;
	color: #870020;
}
#faq dd{
	display: none;
	margin: 0;
}
#faq dl dd{
	padding: 0 15px 15px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}
#faq dl dt.open,
#faq dl dd.open{
	border-color: #870020;
}
#faq dl dd.open{ border-bottom: 1px solid #870020; }

/* Guide (id="guide")
-------------------------------------------------------------- */
#guide{ margin-bottom: 15px; }
#guide h2{ margin-left: 0; }
#guide div{
	padding: 4px;
	border: 1px solid #CCC;
}
#guide table{
	margin: 0;
	padding-bottom: 5px;
	background: url(/includes/nav/img/grad2.png) left 102% repeat-x;
}
#guide thead th{
	padding: 7px 5px;
	font-size: 1.6em;
	text-transform: uppercase;
}
#guide tbody th{
	padding: 5px 3px;
	text-transform: uppercase;
	color: #870020;
}
#guide tbody td{ font-size: 1.1em; }

/* Bonus
-------------------------------------------------------------- */
#bonus img{
	float: left;
	padding: 15px;
}
#bonus h2{ clear: both; }
#bonus p.right{ width: 330px; }


/* Snapshot
-------------------------------------------------------------- */
#snapshot{ margin-bottom: 15px; }
#snapshot h2{
	margin-bottom: 2px;
	font-size: 1.3em;
	text-transform: uppercase;
	color: #CCC;
}
#snapshot img{
	display: block;
	width: 300px;
	height: 233px;
	padding: 4px;
	border: 1px solid #CCC;
}

/* Autres bonus
-------------------------------------------------------------- */
#autres-bonus{
	text-align: center;
	border-left:1px solid #DDD;
	background: transparent url(/includes/nav/img/faq-bg-dt1.png) repeat-x scroll left top;
}
#autres-bonus td{
	padding: 8px 0;
	border-right:1px solid #DDD;
}
#autres-bonus a,
#autres-bonus em{
	display: block;
	color: #B3002A;
}
#autres-bonus img{ width: 65px; }
#autres-bonus span{
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 auto;
	text-indent: -999em;
	background: url(/includes/nav/img/plus.png) left top no-repeat;
}
/* Fiche technique
-------------------------------------------------------------- */
#fiche-presentation,
#fiche-en-bref,
#fiche-avis{
	margin-bottom: 15px;
}

#fiche-presentation{
	padding: 15px;
	border: 1px solid #999;
}
#fiche-presentation p.tr{ margin-bottom: 0; }
#fiche-presentation p.tr a{
	text-decoration: none;
	color: #B3002A;
}
#fiche-presentation p.tr img{ vertical-align: top; }

#fiche-description h2{ margin-bottom: 10px; }
#fiche-description img.left{ margin-right: 15px; }

#fiche-points{
	margin-bottom: 15px;
	background: url(/includes/nav/img/dot-ccc.png) 240px top repeat-y;
}
#fiche-points .left{ width: 239px; }
#fiche-points .right{ width: 238px; }
#fiche-points h3{
	height: 40px;
	line-height: 40px;
	margin-bottom: 0;
	font-size: 1em;
	text-transform: uppercase;
	color: #666;
}
#fiche-points .right h3{
	position: relative;
	left: -2px;
	padding-left: 10px;
	background: #FFF;
}
#fiche-points h3 img{ margin: 0 10px; }
#fiche-points ul{
	margin: 0;
	list-style: none;
}
#fiche-points li{ padding: 5px 8px; }

#fiche-en-bref ul{
	margin: 0;
	list-style: none;
}
#fiche-en-bref li{
	overflow: hidden;
	text-align: right;
	padding: 8px 8px 8px 30px;
	border-top: 1px solid #DFC745;
	background: url(/includes/nav/img/puce2.png) 5px center no-repeat;
}
#fiche-en-bref li:first-child{ border: 0; }
#fiche-en-bref li span{ float: left; }
#fiche-en-bref li em{
	font-style: normal;
	color: #B3002A;
}
#fiche-en-bref .btn-compte{ margin: 15px auto 0; }

#fiche-retenir{
	padding: 10px 10px 10px 0;
	border: 2px solid #B3002A;
}
#fiche-retenir .title{ margin-left: 0; }
#fiche-retenir ul{
	margin: 0;
	list-style: none;
	color: #B3002A;
}
#fiche-retenir li{
	padding: 10px 0 10px 40px;
	background: url(/includes/nav/img/puce3.png) 15px center no-repeat;
}

#fiche-notes{
	padding: 5px;
	margin-bottom: 15px;
	background: #F0F0F0;
}
#fiche-notes table{ margin-bottom: 0; }
#fiche-notes td{
	width: 33%;
	vertical-align: top;
}
#fiche-notes td:last-child{ vertical-align: middle; }
#fiche-notes ul{
	margin: 0;
	list-style: none;
}
#fiche-notes li{
	overflow: hidden;
	margin: 3px;
	text-align: right;
	background: url(/includes/nav/img/multi-dot-888.png) left 80% repeat-x;
}
#fiche-notes li span{
	float: left;
	padding: 2px;
	background: #F0F0F0;
}
#fiche-notes li em{
	position: relative;
	bottom: -1px;
	padding: 2px;
	color: #B3002A;
	background: #F0F0F0;
}
#fiche-notes strong{
	display: block;
	/*margin: 10px 0 15px;*/
	margin-bottom: 10px;
	padding: 10px 0;
	text-align:center;
	text-transform: uppercase;
	border: 1px solid #B3002A;
}
#fiche-notes strong span{ color: #B3002A; }
#fiche-notes .btn-compte{ margin: 0 auto; }

.fiche-technique .grad-box{
	padding: 7px 7px 15px;
	margin-bottom: 15px;
}
.fiche-technique #bonus .grad-box{ padding: 10px; }
.fiche-technique .gridA .grad-box p{ text-align: justify; }
.fiche-technique .gridA .grad-box em{
	float: right;
	line-height: 1;
	font-size: 1.5em;
	font-style: normal;
	color: #B3002A;
}

/* Classement fiches
-------------------------------------------------------------- */
#classement-complet th{ padding: 0 0 2px 0; }
#classement-complet td{
	font-size: 1.2em;
	padding: 2px 0;
}
#classement-complet .globale{
	padding-left: 18px;
	width: 160px;
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1;
	border-right: 0;
	color: #B3002A;
}
#classement-complet td.globale img{
	float:right;
	margin-left:15px;
	/*margin-top:-17px;*/
}

#classement-legende{
	margin-bottom: 15px;
	padding: 8px 8px 0;
	background: #EEE;
}
#classement-legende dl{
	overflow: hidden;
	float: left;
	width: 264px;
	margin: 10px 0;
	font-size: .9em;
	line-height: 1.2;
}
#classement-legende dt{
	/*float: left;
	margin-right: 8px;*/
	text-transform: uppercase;
	color: #000;
}
#classement-legende dd{ margin: 0 10px 10px 0; }

#fiches-completes{ margin-bottom: 15px; }
#fiches-completes ul{
	width: 230px;
	margin: 0;
	padding: 15px 0;
	list-style: none;
	border: 1px solid #B3002A;
}
#fiches-completes li{
	overflow: hidden;
	margin: 15px 5px 0;
	background: url(/includes/nav/img/multi-dot-888.png) left 98% repeat-x;
}
#fiches-completes ul li:first-child{ margin-top: 0; }
#fiches-completes img{
	display: block;
	height: 20px;
	border-right: 2px solid #FFF;
}
#fiches-completes a{
	position: relative;
	bottom: -6px;
	display: block;
	float: right;
	padding-right: 15px;
	padding-left: 2px;
	line-height: 1.2;
	background: #FFF url(/includes/nav/img/plus.png) right center no-repeat;
	text-decoration: none;
	color: #B3002A;
}

/* Score Live
-------------------------------------------------------------- */
#score-live h2{
	float: right;
	width: 100px;
	height: 55px;
	margin: -.75em 0 .5em 0;
	padding: 0;
}
#score-live .top,
#score-live .bot{
	clear: both;
	height: 5px;
	line-height: 0;
	font-size: 1%;
	background: url(/includes/nav/img/bg-corner-score-live.png) left top no-repeat;
}
#score-live .top{ background-position: left bottom; }
#score-live .bot{ background-position: left -20px; }
#score-live table{
	margin-bottom: 0;
	border-left: 1px solid #7AC9F2;
	border-right: 1px solid #7AC9F2;
}
#score-live th{
	text-align: center;
	text-transform: uppercase;
	font-weight: normal;
	color: #870020;
	background:#BEE4FE;
}
#score-live .spacer{ padding: 0; font-size: 10px; }
#score-live td{ width: 20%; padding-top: 10px; }
#score-live strong{ display: block; color: #333; }
#score-live small,
#score-live .bet{ font-size: .8em; }
#score-live .alt td{ background: #DDD; padding-top: 3px; }
#score-live .cote{
	background:#D0F2FF;
	border:1px solid #7AC9F2;
	padding:1px;
}

/* nav */
.nav-score-live{
	overflow: hidden;
	margin: 0 0 1.5em 0;
	list-style: none;
}
.nav-score-live li{ float: left; }
.nav-score-live a{
	display: block;
	float: left;
	width: 144px;
	height: 24px;
	text-align: center;
	line-height: 24px;
	text-decoration: none;
	color: #870020;
	background: url(/includes/nav/img/bg-nav-score-live.png) left top no-repeat;
}
.nav-score-live .on a{ background-position: left bottom; }

/* daily pagine */
.pagine-daily{
	margin: .5em 0 3em;
	text-align: center;
	font-size: .9em;
}
.pagine-daily a{ text-decoration: none; }

/* home */
.home #body .more {
	margin-bottom:1em;
	float:right;
}



/* Ads
-------------------------------------------------------------- */
#ad-300x250-1{
	width: 300px;
	height: 250px;
	padding: 4px;
	margin-bottom: 15px;
	border: 1px solid #CCC;
}
#ad-728x90-1{
	width: 728px;
	height: 90px;
	margin: 0 auto;
	background: #000;
}


/* Breves
-------------------------------------------------------------- */
#breves .shadowT {
	background:url('/includes/nav/img/breves-shadowbox-t.gif') center top no-repeat;
}
#breves .title {
	margin-top:1em;
}
#breves ul {
	list-style-type: none;
	margin:0px .5em 1em .5em;
}
#breves li {
	border-bottom:1px solid #bdbdbd;
	margin-bottom:0.5em;
	padding:0 .5em .5em .5em;
}
#breves a {
	text-decoration:none;
}
#breves h3 {
	font-size:1em;
	display:inline;
}
#breves a .date {
	color:#666;
}
  
#breves a:hover, #breves a:hover .date, #breves a:hover h3 {
	color:#870020;
}

#breves a:hover .date, #breves a:hover h3 {
	font-weight:bold; 
}
#breves a:hover h3, #breves a:hover .date {
	text-decoration:underline;
}
#breves .chapo { display:block; }
.home #body #breves .more { float:none; }


/* Breves article
-------------------------------------------------------------- */
#content.breve #repnav {
	padding:0.5em ; background: url(/includes/nav/img/fond_repnav.png); 
}

#content.breve #repnav #next { 
	float:right;
}

#repnav a{
	text-decoration:none;
	font-weight:bold;  
}

#repnav a:hover{
	color:#870020;
	font-weight:bold; 
	text-decoration:underline;
}

#content .titre { }