﻿body {
	BACKGROUND: #FFFFFF url(http://layout.eurosport.com/i/background/none.gif) repeat-x;
	TEXT-ALIGN: center;
	MARGIN: 0 auto;
	PADDING: 0;
	FONT-FAMILY: arial,helvetica,clean,sans-serif;
	FONT-SIZE: 12px;
	FONT-SIZE-ADJUST: none;
	FONT-STRETCH: normal;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: normal;
	LINE-HEIGHT: normal;
	COLOR: #666666;
}

body * {
	LINE-HEIGHT: 1.22em;
}

div {
	DISPLAY: block;
	TEXT-ALIGN: left;
}

fieldset {
	BORDER: none;
}

ol, ul, p, form, fieldset, input {
	MARGIN: 0;
	PADDING: 0;
}

ol, ul {
	LIST-STYLE-IMAGE: none;
	LIST-STYLE-POSITION: outside;
	LIST-STYLE-TYPE: none;
}

h1, h2, h3, h4, h5 {
	COLOR: #135291;
	MARGIN: 0;
}

h1 {
	FONT-SIZE: 140%;
}

h2 {
	FONT-SIZE: 120%;
}

h3 {
	FONT-SIZE: 100%;
}

h4 {
	FONT-SIZE: 100%;
}

a {
	COLOR: #135291;
	TEXT-DECORATION: none;
}

a:hover {
	TEXT-DECORATION: underline;
}

img {
	BORDER: none 0 transparent;
}

table {
	BORDER-COLLAPSE: collapse;
	BORDER-SPACING: 0pt;
}

.left {
	FLOAT: left;
}

.right {
	FLOAT: right;
}

.textleft {
	TEXT-ALIGN: left;
}
.textcenter {
	TEXT-ALIGN: center;
}

.textright {
	TEXT-ALIGN: right;
}
.textjustify {
	TEXT-ALIGN: justify;
}
.textupper {
	TEXT-TRANSFORM: uppercase;
}
.textlowercase {
	TEXT-TRANSFORM: lowercase;
}

.highlight {
	FONT-WEIGHT: bold;
}

.pubHidden , .hidden {
	DISPLAY: none;
	VISIBILITY: hidden;
}



.over {
	TEXT-DECORATION: underline;
}
/* background */
.bg {
	BACKGROUND: #FFF url(http://layout.eurosport.com/i/background/takeover/bg_repeat_EEEEEE.gif) repeat-y;
}
.bgpopup {
}
/* Classe pour finaliser le background, par exemple la fin d'une box */
.bglast {
	BACKGROUND: #FFF url(http://layout.eurosport.com/i/background/bg.gif) repeat-y scroll bottom left;
}

/* Permet de corriger un m�canisme de Firefox */
/* Lorsqu'un div container n'a que des fils en float alors celui-ci n'a aucune hauteur */
.clearfix:after {
	CONTENT: ".";
	DISPLAY: block;
	HEIGHT: 0;
	CLEAR: both;
	VISIBILITY: hidden;
}

.clearfix {
	DISPLAY: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	HEIGHT: 1%;
}
.clearfix {
	DISPLAY: block;
}
/* End hide from IE-mac */

.clear {
	CLEAR: both;
	DISPLAY: block;
	LINE-HEIGHT: 1px;
	HEIGHT: 1px;
}

.spacer {
	CLEAR: both;
	LINE-HEIGHT: 0px;
	/*HEIGHT:0px;*/
}

/* Gestion des menus */
.tabs {
	DISPLAY: table;
	WIDTH: 100%;
	COLOR: #666666;
	POSITION: relative;
}

.tabs li {
	FLOAT: left;
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/bg_menu.gif) no-repeat scroll 0% 0%;
	BORDER-BOTTOM: none;
}

.tabs li a {
	DISPLAY: block;
}

.tabs li a, .tabs li a:hover, .tabs li a:active, .tabs li a:link, .tabs li a:visited {
	COLOR: #666666;
}

.tabs li span {
	DISPLAY: block;
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/bg_menu.gif) no-repeat scroll 100% 0%;
	PADDING: 5px 10px 4px 0;
	MARGIN-LEFT: 10px;
}

.tabs li.selected, .tabs li.selected span {
	/*	BACKGROUND-IMAGE: url(http://layout.eurosport.com/i/tabs/tab4.png); */
}

.tabs li.selected {
	BORDER-BOTTOM-COLOR: #000;
}

.tabs li.selected a, .tabs li.selected span {
	COLOR: #e7bc21;
}

.menunav, .menunav .main, .menunav .sub {
	CLEAR: both;
}

.menunav {
	BACKGROUND: #FFF url(http://layout.eurosport.com/i/background/bg_menu.gif) bottom left no-repeat;
	PADDING-TOP: 10px;
}

.menunav .main {
	PADDING-LEFT: 10px;
}
/* Fin Gestion des menus */

/* Gestion de tag (�l�ment inline)*/
.tag {
	DISPLAY: inline;
	LINE-HEIGHT: 1.1;
}
.tag a {
	TEXT-ALIGN: left;
	ZOOM: 1;
}
/* Fin Gestion de tag (�l�ment inline)*/

/* Gestion des dates */
.date, .stat {
}

hr.lightgrey {
	HEIGHT: 1px;
	COLOR: #E8E8E8;
	BACKGROUND-COLOR: #E8E8E8;
	BORDER: 0;
}

/* debut  gestion navigation */
div.navvideoitems {
	CLEAR: both;
	TEXT-ALIGN: center;
	FONT-SIZE: 12px;
	MARGIN-BOTTOM: 10px;
}
div.navvideoitems img {
	MARGIN-RIGHT: 10px;
	CURSOR: hand;
	CURSOR: pointer;
	BORDER-BOTTOM: solid 1px #fff;
}
div.navvideoitems img.out {
	BORDER-BOTTOM: solid 1px #fff;
}
div.navvideoitems img.over {
	BORDER-BOTTOM: solid 1px #4B90DB;
}
div.navvideoitems a.normal, div.navvideoitems a.high {
	PADDING-RIGHT: 10px;
	CURSOR: hand;
	CURSOR: pointer;
}
div.navvideoitems a.normal {
	COLOR: #4B90DB;
}
div.navvideoitems a.high {
	COLOR: #014896;
	FONT-WEIGHT: bold;
}
div.navvideoitems a.labelhigh, div.navvideoitems a.labelnormal {
	COLOR: #014896;
	FONT-WEIGHT: bold;
	TEXT-TRANSFORM: uppercase;
	CURSOR: hand;
	CURSOR: pointer;
	TEXT-DECORATION: none;
}
div.navvideoitems a.labelnormal {
	COLOR: #4B90DB;
	FONT-WEIGHT: normal;
}
div.navvideoitems a:hover, div.navvideoitems a:hover.labelnormal {
	TEXT-DECORATION: underline;
}
div.navvideoitems a:hover.labelhigh {
	TEXT-DECORATION: none;
}

/* fin  gestion navigation */

/* Gestion des blocs en N colonnes */
.twocolumn {
	DISPLAY: block;
	WIDTH: 50%;
	ZOOM: 1;
}
/* Class de correction du bug li� au calcul via les pourcentages erronn� sous IE */
.twocolumnfix
{
	zoom:1;
	PADDING-LEFT:1px;
}

/* Gestion des flags*/
a.flag {
	DISPLAY: block;
}
.flag {
	WIDTH: 25px;
}
.flag img {
	BORDER: solid 1px #CCC;
	VERTICAL-ALIGN: middle;
}

/* Gestion des pictures (photos ou circuit) */
.picture {
	border:solid 1px #004898;
	PADDING: 0px;
}
.picture img {
	DISPLAY: block;
}

/* Gestion box g�n�riques (titre en fond blue, corps et footer bordure grise*/
/* Style par d�faut d'une box */
.box {
	FONT-SIZE: 100%;
	MARGIN: 0pt;
	MAX-WIDTH: 1002px;
	PADDING: 0pt;
	POSITION: relative;
}
.box, .box .body, .box .footer {
	BACKGROUND: #FFFFFF none repeat scroll 0%;
	DISPLAY: block !important; /* Le inline-block pour IE6 !!! sinon bug de 2px*/
	DISPLAY: inline-block;
}
.content {
}
.box .header {
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/takeover/bg_box_grey_rounded/bg_box_grey_rounded_416477.gif) top left;
}
.box .header .wrapper {
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/takeover/bg_box_grey_rounded/bg_box_grey_rounded_416477.gif) top right;
	MARGIN: 0px 0px 0px 4px;
	POSITION: relative;
}
.box .header h2, .box .header h3, .box .header h4 {
	MARGIN: 0px;
	COLOR: #FFFFFF;
	PADDING: 4px 0px 3px 6px;
	TEXT-TRANSFORM: uppercase;
	FONT-SIZE: 12px;
	FONT-WEIGHT: bold;
	OVERFLOW: hidden;
	WHITE-SPACE: nowrap; /*zoom: 1; Afin d(afficher les background*/
}
.alt .header {
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/bg_box_red_rounded_grey.gif) top left;
	ZOOM: 1;
}
.alt .header h2 {
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/bg_box_red_rounded_grey.gif) top right;
	ZOOM: 1;
}
.box .body:after {
	CLEAR: both;
	CONTENT: ".";
	DISPLAY: block;
	HEIGHT: 0pt;
	VISIBILITY: hidden;
}
.box .body {
	BACKGROUND-IMAGE: none;
	PADDING: 0px;
	DISPLAY: block;
	BORDER-LEFT: solid 1px #B4B4B4;
	BORDER-RIGHT: solid 1px #B4B4B4;
	BORDER-TOP: solid 1px #B4B4B4;
	MARGIN: 0px;
}
/* 14px correspond � la largeur SANS la bordure de l'espace vid � l'int�rieur du bloc */
.box .content {
	PADDING: 0px;
	MARGIN: 10px 14px 0px 14px;
	COLOR: #004898;
}
.box .footer {
	MARGIN: 0px;
	CLEAR: both;
	BORDER-BOTTOM: solid 1px #B4B4B4;
	BORDER-LEFT: solid 1px #B4B4B4;
	BORDER-RIGHT: solid 1px #B4B4B4;
}
.box .footer .wrapper {
	MARGIN: 0px;
}
.box .footer p {
}

/* D�finit une box sans contenu dans le footer */
.nofooter .body {
	PADDING-BOTTOM: 5px;
}
.nofooter .body .content {
	MARGIN-BOTTOM: 0px;
}
.nofooter .footer {
}

.nofooter .footer .wrapper {
	HEIGHT: 1px;
	PADDING-BOTTOM: 4px;
}

/* D�finit une box sans contenu dans le header */
.noheader .body {
	BORDER-TOP: none;
	PADDING-TOP: 7px;
}
.noheader .body .content {
	MARGIN-TOP: 0px;
}
.noheader .header {
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/bg_box_white_rounded_grey.gif) top left;
	ZOOM: 1;
}
.noheader .header .wrapper {
	BACKGROUND: url(http://layout.eurosport.com/i/tabs/bg_box_white_rounded_grey.gif) top right;
	HEIGHT: 6px;
	LINE-HEIGHT: 6px;
	MARGIN-LEFT: 5px;
}
/* Force les divs � se comporter comme des blocks */
.box, .box .header, .box .header .wrapper, .box .body, .box .footer, .box .footer .wrapper {
	DISPLAY: block;
}

/* Gestion par d�faut des inclusion de box */
.box .content .header, .box .content .header .wrapper {
	BACKGROUND: none;
}
.box .content .header .wrapper {
	MARGIN: 0px;
}
.box .content .header h2, .box .content .header h3, .box .content .header h4 {
	MARGIN: 0px;
	COLOR: #135291;
	PADDING: 0px;
	LINE-HEIGHT: 1.22;
	TEXT-TRANSFORM: none;
	FONT-SIZE: 100%;
	OVERFLOW: visible;
	WHITE-SPACE: normal;
}
.box .content .box .body {
	BORDER: none;
}
.box .content .content {
	BORDER: none;
	MARGIN: 0px;
}
.box .content .footer {
	BORDER: none;
}
.box .content .footer .wrapper {
	HEIGHT: auto;
}

/* gestion g�n�rique des tableaux */
.datatable table {
	MARGIN-BOTTOM: 0px;
	WIDTH: 100%;
}
.datatable table th, .datatable table td {
	COLOR: #414141;
	
	PADDING: 3px 5px;
	VERTICAL-ALIGN: top;
}
.datatable table td {FONT-SIZE: 12px;}
.datatable table th 
{
	BACKGROUND : #FFF;
	BORDER-BOTTOM: 1px solid #CCCCCC;
}

.datatable table tbody tr.first-child th, .datatable table tbody tr.first-child td {
	PADDING-TOP: 8px;
}

.statstab td {
	LINE-HEIGHT: 1.5em;
	PADDING-LEFT: 4px;
	VOICE-FAMILY: inherit;
}
.statstab {
	BACKGROUND-COLOR: #FFFFFF;
	COLOR: #000000;
}
.statstab td, th {
	PADDING: 2px;
}
.statstab {
	BACKGROUND-COLOR: #FFFFFF;
	BORDER: 1px solid #DFE0DD;
}
.statstab td, th {
	COLOR: #666666;
}
.statstab th {
	FONT-WEIGHT: bold;
}

.statstab th.smallcol {
	WIDTH: 20%;
}

.statstab td {
	FONT-SIZE: 12px;
}

.statstab td.leftcolumn, .statstab th.leftcolumn {
	BORDER-LEFT: 1px solid #CCCCCC;
}
.statstab td.rightcolumn, .statstab th.rightcolumn {
	BORDER-RIGHT: 1px solid #CCCCCC;
}

.statstab td.flag {
	PADDING-RIGHT: 0px;
	VERTICAL-ALIGN: baseline;
}
.statstab td.flag img {
	VERTICAL-ALIGN: text-bottom;
}
.statstab td a {
	LINE-HEIGHT: 1.5em;
}
.infoboxheadlite, .subinfoboxheadlite {
	BACKGROUND: #E9EAEA none repeat scroll 0%;
	COLOR: #414141;
	FONT-SIZE-ADJUST: none;
	FONT-STRETCH: normal;
	FONT-STYLE: normal;
	FONT-VARIANT: normal;
	FONT-WEIGHT: bold;
	LINE-HEIGHT: normal;
	MARGIN-TOP: 0pt;
	PADDING: 0.2em 0em;
	PADDING-RIGHT: 1em;
	PADDING-TOP: 0.5em;
	TEXT-DECORATION: none;
	FONT-SIZE : 12px;
}
.subinfoboxheadlite {
	FONT-SIZE : 16px;
}
	
.altrow {
}

.separator {
	HEIGHT: 10px;
	LINE-HEIGHT: 10px;
}

/*  Styles pour un container d'item compos� d'une image ou d'un texte */
.itemcontainer {
	POSITION: relative;
	CLEAR: both;
	PADDING: 0px;
	MARGIN: 0px;
	MARGIN-BOTTOM: 10px;
}
.itemcontainer .wrapper {
	MARGIN: 0px;
	PADDING: 0px;
	POSITION: relative;
	zoom: 1;
}
.itemcontainer .wrapper .picture {
	FLOAT: left;
	MARGIN-RIGHT: 5px !important;
	MARGIN-RIGHT: 2px;
}
.itemcontainer .wrapper .picture p {
	WIDTH: 81px;
	HEIGHT: 61px;
}
.itemcontainer .wrapper .picture img {
	zoom: 1;
}

.itemcontainer .wrapper .information {
	/* � supprimer si on veut un comportement type float */
	POSITION: relative;
	HEIGHT: 63px;
	OVERFLOW: hidden;
}

/* Combo */
.combo {
	CLEAR: both;
	zoom: 1;
	POSITION: relative;
	VISIBILITY:hidden;
}
.combo div {
	MARGIN: 0 auto;
	HEIGHT: 22px;
	POSITION: relative;
}
.combo div p {
	BORDER: solid 1px #4c90db;
	HEIGHT: 18px;
	LINE-HEIGHT: 18px;
	BACKGROUND: #FFF url(http://layout.eurosport.com/i/button/combo.gif) no-repeat right top;
	CURSOR: pointer;
}
.combo div p span {
	PADDING: 0 4px;
	LINE-HEIGHT: 18px;
}

.combo ul {
	BORDER: solid 1px #4c90db;
	BORDER-TOP: none;
	POSITION: absolute;
	BACKGROUND: #FFF;
	TOP: 20px;
	DISPLAY: none;
}
.combo ul li {
	HEIGHT: 20px;
	CURSOR: pointer;
}
.combo ul li a
{
	display: block;
	WIDTH:100%;
}
.combo ul li span {
	MARGIN: 0 4px;
	LINE-HEIGHT: 20px;
}
.combo ul li a:hover {
	TEXT-DECORATION: none;
}

/* Navigation pour une Box par menu horizontal */
.navitems {
	BACKGROUND: none;
	COLOR: #4B90DB;
}
.navitems a {
	PADDING: 0px 5px;
	COLOR: #4B90DB;
}
.navitems a.highlight {
	COLOR: #135291;
}
/* ZoneContextType */
.community .header {background:transparent url(http://layout.eurosport.com/i/tabs/bg_box_orange_rounded_grey.gif) left top;}
.community .header .wrapper{background: transparent url(http://layout.eurosport.com/i/tabs/bg_box_orange_rounded_grey.gif) top right;}
.commercial .header {background:transparent url(http://layout.eurosport.com/i/tabs/bg_box_grey_rounded_blue.gif) left top;}
.commercial .header .wrapper{background: transparent url(http://layout.eurosport.com/i/tabs/bg_box_grey_rounded_blue.gif) top right;}
.live .header {background:transparent url(http://layout.eurosport.com/i/tabs/bg_box_red_rounded_grey.gif) left top;}
.live .header .wrapper{background: transparent url(http://layout.eurosport.com/i/tabs/bg_box_red_rounded_grey.gif) top right;}

.user_login_box { background-color:#EEEEEE; border:1px solid #b2b2b2; padding:10px;}
.user_login_head{}
.user_login_body{ background-color:White; padding:10px;}


/* ************* */
/* <MODAL POPUP> */
/* ************* */
.modalBackground
{
    overflow : hidden;
	width : 100%;
	height : 100%;
	min-height : 100%;
	position:fixed;
	top : 0px;
	left : 0px;
	_position:absolute;
}
.modalContainer
{
    z-index : 20000;
	left : 50%;
	top : 50%;
	display : none;
	visibility : hidden;
	border : 1px solid #B4B4B4;
	height : 308px;
	width : 640px;
	margin-left: -320px;
	margin-top: -154px;
	background : #FFFFFF;
	position : fixed;
	_position : absolute;
	opacity : 1; /*firefox*/
	filter : alpha(opacity=100);/*ie*/
}
.modalTop
{
    width: 632px;
    background-color: #000099;
    padding: 4px;
    color: #ffffff;
    text-align: center;
    font-size:12px;
}
.modalBody
{
    padding: 10px;
    color:black;
    font-size:12px;
}

.modalBody a, .modalBody a:visited
{
    color: #4275A7;
}

.modalBody #cL
{
	margin-left: 70px;
}

.modalBody #cR
{
}

/* Hack IE 6 only */
/*\*/ * html .modalBackground { position: absolute; left: expression(ignoreMe = document.documentElement.scrollLeft + "px"); top: expression(ignoreMe = document.documentElement.scrollTop + "px"); width: expression(document.documentElement.clientWidth + "px"); height: expression(document.documentElement.clientHeight + "px"); } /**/
/*\*/ * html .modalBody #cL { margin-left: 20px;width:30%; } /**/
/*\*/ * html .modalBody #cR { width:60%; } /**/
/*\*/ * html li.formNote select { position:relative; z-index:1; border:solid 2px red; } /**/

.modalBody form input
{
	padding: 0;
}

.modalTopTitle
{
	display:inline;
}

.modalButtonCloseMe
{
	display:inline;
	float:right;
}

.modalButtonCloseMe span
{
	padding-right:5px;
	font-weight:bold;
}

.modalTop span, .modalBody span
{
	font-size:12px;
}

.modalTop span
{
	color: white;
}

.modalBody span
{
	color: black;
}

.modalBody form span.required
{
	font-weight: bold;
	color: red;
}

.modalBody div.label
{
	padding: 3px;
	height:20px;
	line-height: 20px;
}

.modalBody div.field
{
	padding: 3px;
	height:20px;
	line-height: 20px;
}

.modalBody .form_link
{
	TEXT-DECORATION: underline;
	color: #4275A7;
}
/* ************** */
/* </MODAL POPUP> */
/* ************** */

/* *********** */
/* <COMMUNITY> */
/* *********** */
.community_login_button_cont
{
	text-align:center;
  /*  background: #FFF url(http://layout.eurosport.com/i/background/bg_shadow_dddddd.gif) repeat-x;*/
    clear:both;
}
.community_login_button
{
	background: #FFF url(http://layout.eurosport.com/i/background/bg_button_blue_shadow.gif);
	border:none;
	text-transform:uppercase;
	color:White;
	font-size:12px;
	padding-bottom:5px;
	width:100px;
	height:25px;
	cursor:pointer;
}
/* ************ */
/* </COMMUNITY> */
/* ************ */