/** @file 0.css
 * coding:utf-8
 *
 * Home page
 *
 * Conception & Réalisation : e-TF1
 */

/** UNE **/

#une {
	background:#47BEEE url(../image/site/fr/bloc/fond_une.gif) repeat-x scroll left top;
}

	#une .accroche {
		border-top:1px solid #FFF;
		color:#B3EAFF;
		font-weight:bold;
	}
	
		#une h2 {
			background:transparent;
			border:0;
			font-size:2em;
			height:auto;
			line-height:1em;
			margin:7px 7px 1px;
			text-indent:0;
			line-height:normal;
		}

			#une .accroche a, #une .accroche a:visited {
				color:#FFF;
			}
	
		#une div .preview {
			display:none;
		}
		
		#une .infos {
			margin:0 0 6px 7px;
		}
		
		#une p {
			color:#FFF;
			margin:0 7px 6px;
			font-weight:normal;
			font-size:1.1em;
		}
		
		#une .illus {
			margin:0 auto;
			display:block;
		}

.js #une {
	position:relative;
	height:401px;
	background: url(../image/site/fr/une/fd.jpg) no-repeat right top;
	margin-bottom:14px;
}

	.js #une .illus {
		position:absolute;
		left:0;
		top:0;
		height:401px;
		width:371px;
		background:#000;
		border-right:1px solid #A8DFF4;
	}
	
	.js #une img.first {
		z-index:30;
	}
	
	.js #une-list {
		position:absolute;
		right:0;
		top:1px;
		list-style:none;
		/*background:url(../image/site/fr/une/separateur.png) repeat-y 100% 1px;*/
		z-index:20;
	}

		.js #une-list li {
			text-align:center;
			font-weight:bold;
			width:108px;
			height:100px;
		}
		
		.js #une-list li.follow {
			background:url(../image/site/fr/une/ombre.png) no-repeat left top;
		}
		
		* html.js #une-list li.follow {
			background:none;
			filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/site/fr/une/ombre.png');
		}
		
		.js #une-list li.last { padding-bottom:2px; margin:0; }

		.js #une-list li.active {
			background:url(../image/site/fr/une/fd_actif.png) repeat-x left top;
			padding-left:0;
			height:101px;
			margin-top:-1px;
		}

			.js #une-list a {
				display:block;
				padding:10px 12px 0 13px;
				height:88px;
				overflow:hidden;
				color:#5F5F5F;
			}

			.js #une-list li.active a {
				background:url(../image/site/fr/une/fleche.gif) no-repeat 0 40px;
				color:#A8DFF4;
				padding-top:11px;
			}

				.js #une-list span {
					display:block;
					/*line-height:1em;*/
				}
				.js #une-list img {
					height:60px;
					width:81px;
					border:1px solid #5F5F5F;
					/*margin-bottom:3px;*/
				}
				.js #une-list .active img {
					border:1px solid #ABDDF6;
				}
				
	.js #une-nav {
		list-style:none;
	}


	.js #une-prev, .js #une-next {
		background:url(../image/site/fr/une/previous.gif) no-repeat left top;
		display:block;
		height:17px;
		text-indent:-1000em;
		width:9px;
		position:absolute;
		top:15px;
		left:15px;
		z-index:22;
		cursor:pointer;
	}
	
	.js #une-next {
		background-image:url(../image/site/fr/une/next.gif);
		left:32px;
	}

	.js #une .accroche {
		position:absolute;
		left:15px;
		width:327px;
		padding:0 7px 7px;
		background:url(../image/site/fr/une/fd_accroche.png) repeat;
		bottom:15px;
		z-index:1;
		border:0;
		color:#979797;
		font-weight:normal;
	}
	
	* html.js #une .accroche {
		background:url(../image/site/fr/une/fd_accroche_ie.png) repeat;
		filter:Alpha(opacity=80);
	}
	
	*:first-child+html.js #une .accroche {
		background:url(../image/site/fr/une/fd_accroche_ie.png) repeat;
		filter:Alpha(opacity=80);
	}
	
		.js #une .accroche .theme { display:none; }
	
	.js #une div.first {
		z-index:31;
	}

		.js #une h2 {
			margin:10px 0;
			line-height:1.1em;
		}

		.js #une .accroche a, .js #une .accroche a:visited {
		}

		.js #une .accroche a:hover, .js #une .accroche a:active {
			color:#AADFF4;
		}

		.js #une .infos {
			margin:0;
		}

		.js #une p {
			display:inline;
			margin:0;
		}
		
		.js #une-ctl, .js #une-ctr, .js #une-cbl, .js #une-cbr {
			position:absolute;
			height:11px;
			width:11px;
			background:no-repeat left top;
			z-index:21;
			font-size:0;
		}
		
		.js #une-ctl, .js #une-ctr { top:0; }
		.js #une-cbl, .js #une-cbr { bottom:0; }
		
		* html.js #une-cbl, * html.js #une-cbr { bottom:-1px; }
		
		.js #une-ctl, .js #une-cbl { left:0; }
		.js #une-ctr, .js #une-cbr { right:0; }
		
		.js #une-ctl { background-image:url(../image/site/fr/une/coin_hg.png); }
		.js #une-ctr { background-image:url(../image/site/fr/une/coin_hd.png); }
		.js #une-cbl { background-image:url(../image/site/fr/une/coin_bg.png); }
		.js #une-cbr { background-image:url(../image/site/fr/une/coin_bd.png); }
		
		* html.js #une-ctl, * html.js #une-ctr, * html.js #une-cbl, * html.js #une-cbr { background:none; }
		
		* html.js #une-ctl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/site/fr/une/coin_hg.png'); }
		* html.js #une-ctr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/site/fr/une/coin_hd.png'); } 
		* html.js #une-cbl { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/site/fr/une/coin_bg.png'); }
		* html.js #une-cbr { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/image/site/fr/une/coin_bd.png'); }

/** Onglet matches **/
table.matches {
	width:100%;
}
table.matches th, table.matches td { padding-top:.5em; }
table.matches th { width:64px; vertical-align:top; }

a.matches img { float: none; margin:0 .5em; }

table.matches a.matches, table.matches a.betclick {
	font-weight: bold;
	color: #009AE7;
	text-decoration: none;
	margin:.3em .3em 0 0;
	float:right;
	background: url("../image/site/fr/picto/b_flechebleu.gif") no-repeat left center;
	padding-left:1em;
}

table.matches a.betclick {
	float:left;
	font-size:11px;
	margin-left:-55px;
}

table.matches .dernier th, table.matches .dernier td {
	border-top:1px dashed #7DC4E2;
}

table.matches .prochain td { background:#E5F5FB url("../image/site/fr/bloc/f_prochain.gif") no-repeat right top; }
table.matches .noprochain td { background:#E5F5FB url("../image/site/fr/bloc/i_pasprochainmatch.gif") no-repeat center center; height:70px; text-indent:-1000em; }
table.matches .dernier td { background:#E5F5FB url("../image/site/fr/bloc/f_dernier.gif") no-repeat right top; }

/** Onglet classement **/
table.classement {
	width:100%;
	margin-bottom:.5em;
}

	table.classement col { width:15%; }
	table.classement .club { width:70%; }
	table.classement .points { width:15%; background:#D8EFF7; }
	
	table.classement tr.current { font-weight: bold; }

	table.classement th {
		color:#50C0E8;
		border-bottom:1px dashed #50C0E8;
		padding:1em 0 .2em;
		background: #E5F5FB;
	}
	table.classement th.club, table.classement td.club { text-align:left; padding-left:1.5em; }
	
	table.classement td {
		border-bottom:1px dashed #50C0E8;
		text-align: center;
		padding:2px;
	}
	
	table.classement td.up, table.classement td.down, table.classement td.stay {
		text-align:left;
		padding-left:1.5em;
		background-repeat: no-repeat;
		background-position: left center;
	}
	
	table.classement td.up { background-image: url("../image/site/fr/picto/fl_verte.gif"); }
	table.classement td.down { background-image: url("../image/site/fr/picto/fl_rouge.gif"); }
	table.classement td.stay { background-image: url("../image/site/fr/picto/fl_bleu.gif");	}

/** Onglet équipe **/
div.equipe {
	height:144px;
	overflow:auto;
	padding-bottom:.5em;
}

p.tabbas {
	margin : 0;
	text-align: right;
}
	a.alljoueurs, a.alljoueurs:visited, a.alljoueurs:hover, a.alljoueurs:active {
		color:#50C0E8;
		text-decoration: underline;
		margin-right:1em;
	}

	div.equipe table {
		width:281px;
		margin-bottom:.5em;
	}
	
		div.equipe table .num { width:12%; }
		div.equipe table .nom { width:53%; }
		div.equipe table .tps { width:20%; }
		div.equipe table .but { width:15%; }
	
		div.equipe table th.nom, div.equipe table td.nom { text-align:left; }
	
		div.equipe table th {
			color:#50C0E8;
			border-bottom:1px dashed #50C0E8;
			padding:1em 0 .2em;
			background: #E5F5FB;
			text-align: center;
		}

		div.equipe table tbody th { padding-left :1em; text-align:left; }
	
		div.equipe table td {
			border-bottom:1px dashed #50C0E8;
			text-align: center;
			padding:2px 0;
		}
		
		div.equipe table tr.tr1 { background: #D6EDF5; }
		
/* Bloc photo */
