/* **************************** */
/*   fichier: styles-3col.css   */
/* **************************** */

@font-face {
	font-family: 'Heuristica';
	font-weight: bold;	
	src: url('../fonts/heuristica-bold.eot');
	src: local('../fonts/heuristica-bold.eot'), url('../fonts/heuristica-bold.svg#heuristica-bold') format('svg'), url('../fonts/heuristica-bold.woff') format('woff'),  url('../fonts/heuristica-bold.otf') format('opentype');
}

@font-face {
	font-family: 'Heuristica';
	src: url('../fonts/heuristica-regular.eot');
	src: local('../fonts/heuristica-regular.eot'), url('../fonts/heuristica-regular.svg#heuristica-regular') format('svg'), url('../fonts/heuristica-regular.woff') format('woff'),  url('../fonts/heuristica-regular.otf') format('opentype');
}

a img {
border:none;
}

#page {
 position:relative;
 overflow:auto;
 max-width:1255px;
 width: 100%; /*64em*/
 margin-left:auto;
 margin-right:auto;
}

html {
padding:0px;
margin:0px;
height:100%;
}

body {
background-color:#f5f1dc;
font:1em Helvetica,'Trebuchet MS',Tahoma,Arial,Verdana,'Franklin Gothic Medium',sans-serif;
color:#000;
}

p {
margin:0;
padding:5px 10px 5px 10px;
}

h1 { /* Sert pour les titres des articles */
font-family: 'Heuristica', Arial, sans-serif; font-weight:bold;
font-size:20px;
color:#762d2d;
padding:5px 15px;
border-bottom:solid 1px #4A4B5D;
width:95%;
letter-spacing:1px;
}

h2 { /* Sert pour les titres de sections */
font-family: 'Heuristica', Arial, sans-serif; font-weight:bold;
font-size:20px;
color:#762d2d;
letter-spacing:1px;
margin:0 0 0 10px;
padding:5px 0;
border-bottom:solid 1px #4A4B5D;
width:90%;
text-align:left;
}

h5, h5.bq {  /*Sert pour les surtitres des articles */
font-family: 'Heuristica', Arial, sans-serif; font-weight:bold;
font-size:18px;
color:#000080;
letter-spacing:1px;
position:relative; top:-10px; right:0;
text-align:right;
}

h5.bq {  /*Sert pour les surtitres des articles */
text-align:right;
margin-right:60px;
}

h6 {  /*Sert pour Autres nouvelles */
font-family: 'Heuristica', Arial, sans-serif; font-weight:bold;
padding-bottom:3px; margin:0 10px; font-size:20px; color:#762d2d;
}


/*  Les trois colonnes */
#left {
position:absolute;
left:0;
top:0;
width:150px;
margin:0;
padding:0;
background:#f5f1dc;
}

#content {
margin:0 280px 0 150px;
padding:0;
background:#f5f1dc;
}

#content ul {font-size:13px; padding:0 40px; margin:0; list-style:square;}
#content li {padding:3px 0;}
#content .date {font-size:12px; text-align:right; margin:-8px 10px 0 0; padding:0; color:#999}
#content p {font-size:13px; line-height:1.5em; margin:0; padding:5px 0;}

#right {
position:absolute;
right:0;
width:260px;
background:#f5f1dc;
border-left: 1px dashed #4A4B5D;
}

#right a:link {
color:#000;
text-decoration:none;
}

#right a:hover {
color:#000;
background:#cbcbcb;
}

#right a:active {
color:#000;
text-decoration:none;
}

#right p {
font-size:.75em;
line-height:1.5em;
padding:12px 15px 5px 15px;
}

#right .date {
font-size:1em;
line-height:1.5em;
border-bottom:1px solid #000;
}

.article {
font-size:.75em;
text-indent:5%;
line-height:1.5em;
}

.article a:link {
color:#000;
text-decoration:none;
}

.article a:visited {
color:#000;
text-decoration:none;
}

.article a:hover {
color:#000;
background:#cbcbcb;
}

.article a:active {
color:#000;
text-decoration:none;
}

.signature {
text-align:right;
}


div.articleImage, div.articlePhoto {
width:130px;
float:right;
margin:0 0 5px 10px;
display:inline;
}

div.articleImage img {
padding:1px 5px 5px 1px;
}

div.articlePhoto img {
background:url(../images/275x235_bg_fff2.gif) no-repeat;
padding:1px 5px 5px 1px;
}

div.articleImage p.caption, div.articlePhoto p.caption {
font-size:.6em;
color:#000;
margin:1px 0;
padding:0;
width:124px;
text-align:center;
}


#banner { /* l'entete: le menu */
border-bottom:2px solid #000080;
margin-bottom:-20px;
color:#000080;
}

#banner-bottom { /* Le pied de page */
border-top:2px solid #000080;
margin-bottom:30px;
margin-left:150px;
padding-top:1px;
height:30px;
font:.75em Helvetica,'Trebuchet MS',Tahoma,Arial,Verdana,'Franklin Gothic Medium',sans-serif;
letter-spacing:1.5px;
padding:5px 15px;
font-weight:bold;
color:#000080;
}

#banner-bottom a:link {
color:#000080;
text-decoration:none;
}

#banner-bottom a:visited {
color:#000080;
text-decoration:none;
}

#banner-bottom a:hover {
color:#000080;
background:#cbcbcb;
}

#banner-bottom a:active {
color:#000080;
text-decoration:none;
}

/* NEWSTICKER */

#domticker2{
width: 100%;
height: 1.2em;
padding: 3px;
font:normal .8em Helvetica, Arial, sans-serif;
}

#domticker2 a:link, #domticker2 a:visited{
text-decoration: none;
color:#000;
}
#domticker2 a:hover {
color:#000;
background:#cbcbcb;
}

#domticker2 a:active {
color:#000;
text-decoration:none;
}

.series {
font-size:12px;
}

/* le cadre qui contient les titres des autres articles */
/* ---------------------------------------------------- */

.b1_gris, .b2_gris, .b3_gris, .b4_gris, .b2b_gris, .b3b_gris, .b4b_gris {font-size:1px; overflow:hidden; display:block}
.b1_gris {height:1px; background:#B2B2B2; margin:0 5px}
.b2_gris, .b2b_gris {height:1px; background:#B2B2B2; border-right:2px solid #B2B2B2; border-left:2px solid #B2B2B2; margin:0 3px}
.b3_gris, .b3b_gris {height:1px; background:#B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #B2B2B2; margin:0 2px}
.b4_gris, .b4b_gris {height:2px; background:#B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #B2B2B2; margin:0 1px}
.b2b_gris, .b3b_gris, .b4b_gris {background:transparent}
.bhead_gris {background:#B2B2B2; border-right:1px solid #B2B2B2; border-left:1px solid #B2B2B2}
.bcontent_gris {background:transparent; border-right:1px solid #B2B2B2; border-left:1px solid #B2B2B2; font-size:.9em;padding:5px 0 10px 10px}
.bcontent_gris div {font-size:12px}
.bcontent_gris p {padding:5px 10px;}
.bcontent_gris a:link {font-size:1em; color:#000; text-decoration: none;}
.bcontent_gris a:visited {font-size:1em; color:#000; text-decoration: none;}
.bcontent_gris a:hover {color:#000; background:#cbcbcb; text-decoration: none;}
.bcontent_gris a:active {color:#000;}

/* CalendrierIndex */
/* ---------------------------------------------------- */
/* Table */
table.calendrierIndex
{
	width:230px;
	border:0;
	cellpadding:0;
	cellspacing:1;
	margin-left:12px;
}


/* Today date cell */
.Today
{
	font-size:.75em;
	font-weight:bold;
	margin: 0;
	color: #762d2d;
	padding: 4px 6px 4px 3px;
	border-bottom:solid 1px #B2B2B2;
}

/* Team name cell */
.TeamCell
{
	padding: 2px 3px 2px 3px;
	font-size:.75em;
	width:170px;
}

/* Score cell & Inning cell & Status cell*/
.ScoreCell, .InningCell {width:30px;}

.ScoreCell, .InningCell, .StatusCell
{
	padding: 2px 3px 2px 3px;
	font-size:.75em;
	text-align: center;
	vertical-align: middle;
}

/* Row spacer */
.Spacer
{
	font-size: 0;
	margin: 0;
	padding: 0;
	height: 1px;
	background-color: #B2B2B2;
}


/* Meneurs */
.leaders {width:230px; font-size:11px; margin-left:12px}
.leaders-ordre {width:17px; text-align:center}
.leaders-noms {width:173px; text-align:left; padding-left:4px}
.leaders-teams {width:30px; text-align:left}
.leaders-stats {width:50px; text-align:right}
tr.premier td {font-weight:bold}


/* mini-classement */

table.minic	{ width:230px;font:12px Arial, Helvetica,'Trebuchet MS',Tahoma,Verdana,'Franklin Gothic Medium',sans-serif;}

th { font-weight:bold;text-align:center; border-bottom:solid 1px #B2B2B2}
table.minic	td { border-bottom:solid 1px #B2B2B2}

.minic-team {width:49%; text-align:left}
.minic-v, .minic-d, .minic-moy { width:11%;text-align:center;}
.minic-diff { width:17%;text-align:center;}

/* SimpleTabs: default style */

div.simpleTabs {}
ul.simpleTabsNavigation {margin:0; padding:0; text-align:left}
ul.simpleTabsNavigation li {list-style:none; display:inline}
ul.simpleTabsNavigation li a {color:#878787; font-size:12px; text-decoration:none}
ul.simpleTabsNavigation li a:hover {text-decoration:none; color:#000}
ul.simpleTabsNavigation li a.current {background:#fff; color:#000}
div.simpleTabsContent {padding:5px; margin-right:10px}
div.simpleTabsContent p.titre {padding:10px 0; margin:0; font-size:12px; color:#762d2d; font-weight:bold; text-align:center; text-transform:uppercase}
div.simpleTabsContent.currentTab {display:block}