/*********************************************************************
/*	Principaux
/*	------------------------------------------------------------------
/*********************************************************************/
body
{
	margin: 0;
	padding: 0;
	height: 100%;
	background: #000000 url(Images/bg.jpg) top center no-repeat;
    background-position: center top;
	font: normal 14px arial;
	/* font: normal 1em arial; */
	color: #FFFFFF;
	text-align:center; 
}

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

div
{
	position: relative;
}

form
{
	padding: 0px;
	margin: 0px;
}

a, input
{
	position: relative;
	z-index: 100;
}

a
{
	color: #a3c9ec;
}

img
{
	border: 0 none;
}

div#Main
{
	position:relative;
	width: 990px;
	margin: auto;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	text-align: left;
}

/*********************************************************************
/*	-- Styles du HEADER --
/*	------------------------------------------------------------------
/*********************************************************************/

#ContestFrame {
    width: 500px;
    height: 220px;
    border: none;
    margin-top: 5px;
    margin-left: -10px;
}

div#Header
{
	width: 990px;
	height: 123px;
	z-index: 100;
}

div#AtpBanner {
    z-index: 1000;
}

#SonyImg {
    
}

#LinkWta {
    position: absolute;
    width: 113px ; height: 41px ;
    top: 0; right: -5px;
    z-index: 1000;
    cursor: pointer;
}
div#HeaderContent
{
	height: 74px;
	width: 990px;
	/*margin: 24px 0 0 0;*/
	top:24px;
}

div#LogoHeader
{
	width: 220px;
	height: 74px;
	background: url(Images/logo2.png);
	float:left;
	cursor: pointer;
}

div#TitleHeader
{
	width: 575px;
	height: 28px;
	background: url(Images/header_title.png) no-repeat;
	float:left;
}

div#TitleHeaderEn
{
	width: 575px;
	height: 28px;
	background: url(Images/header_title_en.png) no-repeat;
	float:left;
}

div#SearchHeader
{
	width: 193px;
	height: 28px;
	float:left;
}

div.inputSearch
{
	width: 155px;
	height: 28px;
	background: url(Images/input_search.gif) no-repeat;
	float:left;
}


div#EnFr
{
	position : absolute;
	top : 5px;
	left: 885px;
	font: italic 11px Trebuchet MS;
	width: 100px;
	height: 20px;
	color: #b2bec9;
	z-index: 500;
}

div#EnFr a
{
	color: #b2bec9;
	text-decoration: none;
	
}

div.inputSearch input
{
	background: transparent;
	border: 0 none;
	font: normal 0.65em Arial;
	margin:7px 0 0 27px;
}

div.btnSearch
{
	width: 38px;
	height: 28px;
	background: url(Images/btn_search.gif) no-repeat;
	float:left;
	cursor: pointer;
}

div#MenuHeader
{
	width: 770px;
	height: 46px;
	float: left;
	padding: 0 0 0 0;
}
div#Content
{
	width: 990px;
}



/*********************************************************************
/*	-- Styles relatifs au contenu principal de la PAGE D'ACCUEIL --
/*	------------------------------------------------------------------
/*********************************************************************/
div#LeftSection
{
	width: 472px;
	height: 410px;
	float:left;
	/*margin: 0 6px 0 0;*/
}

		/*####################################################################
		/*	-- Styles de la partie gauche de l'accueil (diapo + lien vers billeterie) --
		/*###################################################################*/
		div#TitleImage
		{
			float:left;
			height: 27px;
		}
		
		div#PubTickets
		{
			width: 472px;
			height: 73px;
			background: url(Images/pub_tickets.png);
			float:left;
			cursor: pointer;
		}
		
		div#PubTicketsEn
		{
			width: 472px;
			height: 73px;
			background: url(Images/pub_tickets_en.png);
			float:left;
			cursor: pointer;
		}
		
		div#NavigationDiapo
		{
			position: absolute;
			top: 231px;
			right:15px;
			z-index: 3;
		}
		
		div#NavigationDiapoPlayer
		{
			position: absolute;
			top: 261px;
			right: 15px;
			z-index: 3;
		}		
		
		div.navigation
		{
			float: left;
			cursor: pointer;
		}
		
		/*###################################################################*/

div#MiddleSection
{
	width: 380px;
	height: 410px;
	float:left;
	/*margin: 0 6px 0 0;*/
	left: 8px;
}
		/*####################################################################
		/*	-- Styles de la partie centre de l'accueil (GRILLE DES MATCHS) --
		/*###################################################################*/
		
		div#TitleGrid
		{
			float:left;
			height: 27px;
		}
		
		div#Grid
		{
			width: 380px;
			height: 383px;
			background: url(Images/bg_grid.png);
			float:left;
		}
		
		div#TextGrid
		{
			width: 350px;
			height: 80px;
			margin: 10px 0 0 12px;
			font: normal 11px Tahoma; 
		}
		
		div#TextGrid p
		{
			margin: 0;
			padding: 0;
			font: normal 11px Tahoma;  
		}
		
		div#TextGrid p.title
		{
			font: normal 11px Tahoma; 
		}
		
		div#Iframe
		{
			margin: -8px 0 0 8px;
		}
		
		div#Cross
		{
			position: absolute;
			background:  url(Images/cross.gif);
			width: 76px;
			height: 76px;
			top: 295px;
			left: 295px;
			z-index: 5;
		}
		
		div#CrossLg
		{
			position: absolute;
			background:  url(Images/cross.gif);
			width: 76px;
			height: 76px;
			top: 460px;
			left: 760px;
			z-index: 5;
		}
		
		div#CtrlCross
		{
			position: absolute;
			background:  url(Images/ctrl.gif);
			width: 76px;
			height: 76px;
			top: 295px;
			left: 295px;
			z-index: 6;
		}
		
		div#CtrlCrossLg
		{
			position: absolute;
			background:  url(Images/ctrl.gif);
			width: 76px;
			height: 76px;
			top: 460px;
			left: 760px;
			z-index: 6;
		}
		#MagnifyHack{
			position: absolute;
			background: url(Images/btn_agrandir.png);
			width: 117px;
			height: 27px;
			left: 15px;
			top: 320px;
			z-index: 5;
		}
		#Magnify{
			position: absolute;
			width: 117px;
			height: 27px;
			left: 15px;
			top: 320px;
			z-index: 6;
		}
		#Magnify a{
			display: block;
			width: 117px;
			height: 27px;
			line-height: 27px;
			text-align: center;
			line-height: 27px;
			font-size: 12px;
			font-weight: bold;
			text-decoration: none;
			color: #fff;
		}
		div#BgBottomGrid
		{
			position: absolute;
			width: 368px;
			height: 90px;
			top: 286px;
			left: 7px;
			background: url(Images/bg_bottom_cross.png);
			z-index: 4;
		}
		
		div#BgBottomGridLg
		{
			position: absolute;
			width: 845px;
			height: 90px;
			top: 450px;
			left: 7px;
			background: url(Images/bg_bottom_cross_lg.png);
			z-index: 4;
		}
		
		/*###################################################################*/
div#RightSection
{
	width: 123px;
	height: 410px;
	float:left;
	left: 15px;
}
		/*####################################################################
		/*	-- Styles de la partie centre de l'accueil (GRILLE DES MATCHS) --
		/*###################################################################*/
		
		div#TitlePartners
		{
			height: 27px;
			float:left;
		}
		
		/*###################################################################*/

div#BottomSection
{
	width: 988px;
	height: 156px;
	float:left;
	margin-top: 8px;
	margin-bottom: 45px;
}

		/*####################################################################
		/*	-- Styles de la du bas contenant les trois encadr�s --
		/*###################################################################*/
		
		div#TitleSaviezVous
		{
			height: 27px;
			float:left;
		}
		
		div#SaviezVous
		{
			width: 389px;
			height: 156px;
			float:left;
		}
		
		div#ContentSaviezVous
		{
			width: 389px;
			height: 129px;
			background: url(Images/bg_saviez-vous.png);
			float: left;
			font: normal 11px Tahoma;
		}
		
		div#ContentSaviezVous div.dykContent
		{
			margin: 0 15px 0 15px;
		}
		
		div#ContentSaviezVous p.title
		{
			margin: 15px 0 5px 15px;
			font: bold 12px Tahoma;
		}
		
		div#TitleCapsules
		{
			height: 27px;
			float:left;
		}
		
		div#Capsules
		{
			width: 389px;
			height: 156px;
			float: left;
			margin-left: 8px;
		}
		
		div#ContentCapsulesEn
		{
			width: 389px;
			height: 129px;
			background: url(Images/bg_capsules_en.png);
			float: left;
		}
        
        div#ContentCapsulesFr
        {
            width: 389px;
            height: 129px;
            background: url(Images/bg_capsules.png);
            float: left;
        }
		
		div#TitleAdresse
		{
			height: 27px;
			float:left;
		}
		
		div#Adresse
		{
			width: 191px;
			height: 156px;
			float:left;
			margin-left: 8px;
		}
		
		div#ContentAdresse
		{
			width: 191px;
			height: 129px;
			background:url(Images/bg_adresse.png) no-repeat;
			float: left;
			padding-top: 15px
		}
		
		
	
/*********************************************************************
/*	-- Styles relatifs aux barres de titre --
/*	------------------------------------------------------------------	
/*********************************************************************/

/*arrondi gauche de toutes les barres de titre*/
div.titleLeft
{
	height: 27px;
	width: 10px;
	background: url(Images/bg_left_title.png); 
	float: left;
}

/*centre de la barre de titre au dessus du diaporama de la page d'accueil */
div#TitleBGhome01
{
	width:452px;
	font: italic 0.85em Trebuchet MS; 
	line-height: 24px;	
}

/*centre de la barre de titre au dessus de la grille des matchs page d'accueil */
div#TitleBGhome02
{
	width:360px;
	font: italic 0.85em Trebuchet MS;
	line-height: 24px;	
}

/*centre de la barre de titre au dessus de la section partenaire de la page d'accueil*/
div#TitleBGhome03
{
	width:103px;
	font: italic 0.85em Trebuchet MS;
	line-height: 24px;	
}

div#TitleBGhome04
{
	width:369px;
	font: italic 0.85em Trebuchet MS;
	line-height: 24px;	
}

div#TitleBGhome05
{
	width:369px;
	font: italic 0.85em Trebuchet MS;
	line-height: 24px;	
}

div#TitleBGhome06
{
	width:171px;
	font: italic 0.85em Trebuchet MS;
	line-height: 24px;	
}
div#TitleBGhome07
{
	width:103px;
	font: italic 0.70em Trebuchet MS;
	line-height: 24px;	
}

div.bgTitle
{
	background: url(Images/bg_title.png) repeat-x; 
	float: left;	
	height: 27px;
}

div.titleRight
{
	height: 27px;
	width: 10px; 
	background: url(Images/bg_right_title.png); 
	float: left;
}

img.imgDiapo
{
	width: 379px;
	height: 300px;
	border: 0;
}

/* Styles pour les partenaires (commanditaires) */
div#PartnersContainer
{
	width: 123px;
	height: 244px;
	float: left;
}

div#PartnersContainerPlayer
{
	width: 123px;
	height: 549px;
	float: left;
}

div#Partners
{
	width: 123px;
	height: 235px; /* 383px; */
	background: url(Images/bgPartners.png);
	padding-top: 9px;
	position: absolute;
	left: 0px;
	top: 0px;
}

div#PartnersPlayer
{
	width: 123px;
	height: 549px; /* 383px; */
	background: url(Images/bg_partners_player.png);
	position: absolute;
	left: 0px;
	top: 0px;
}

div#divImgPartnersContainer
{
	position: absolute;
	left: 0px;
	top: 9px;
}
/*
div#Forfait
{
	width: 123px;
	height: 111px;
	background: url(Images/bgConcorde.png);
	cursor: pointer;
	float:left;
}
*/

a#Forfait {
    display: block;
    width: 123px;
    height: 111px;
    background: url(Images/bgConcorde.png);
    cursor: pointer;
    float:left; 
}

img.imgListPartenaire
{
	width: 113px;
	margin-top: 5px;
	margin-bottom: 5px;
}

div.divImgListPartenaire
{
	margin-left: 5px;
	margin-bottom: 1px;
	padding: 0px;
	height: 40px;
}

/* Styles pour les diapos */

div#Diapo
{
	float:left;
	width: 389px;
	height: 310px;
}

div#SousCoucheDiapo
{
	position: absolute;
	top: 0px;
	left: 0;
	width: 389px;
	height: 310px;
	background: url(Images/bg_diapo_sous_couche.png);
	z-index: 0;
}

div#PhotoDiapo
{
	position: absolute;
	top: 5px;
	left: 5px;
	width: 379px;
	height: 300px;
	z-index: 1;
}

div#EffectDiapo
{
	position: absolute;
	top: 0px;
	left: 0;	
	width: 389px;
	height: 310px;
	background: url(Images/bg_diapo.png);
	z-index: 2;
}

div#EffectDiapoPlayer
{
	position: absolute;
	top: 0;
	left: 0;	
	width: 389px;
	height: 310px;
	background: url(Images/bg_diapop.png);
	z-index: 2;
}

/* Styles pour la liste à côté des diapos */
div#ListeDiapo
{
	position: absolute;
	top: 0px;
	left: 0px;
	width:83px;
	height:305px;
	background-image: url(Images/liste_diapo.png);
	padding-top: 5px;
}

div#SubListeDiapo
{
	position: absolute;
	top: 5px;
	left: 0px;
	z-index: 6;
}

div#ListeContainer
{
	width:83px;
	height:310px;
	float:left;
}

img.imgListDiapo
{
	width: 70px;
	height: 58px;
	border: 0px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}

div.divImgListDiapo
{
	margin-left: 6px;
	padding: 0px;
	height: 58px;
	margin-top: 0px;
	margin-bottom: 2px;
}

/* Sous-titres des widgets */
.widgetSubtitle
{
	font: bold 0.75em Arial;
}

/* Texte des widgets */
.widgetText
{
	font: normal 0.70em Arial;
}

div#divWidgetBottom
{
	position: absolute;
	margin-left: 11px;
	width: 363px;	
	top: 250px;
	float: left;
}

div#divWidgetDiapoSubtitle
{
	position: relative;
	width: 270px;
	margin-bottom: 4px;
	float: left;
}

div#divWidgetDiapoText
{
	position: absolute;
	width: 363px;
	height: 40px;
	top: 265px;
	left: 10px; 
	z-index: 100;
}

div#divWidgetDiapoText p
{
	margin: 0px;
	padding: 0px;
}

div#divWidgetDiapoSubtitlePlayer
{
	position: relative;
	width: 270px;
	margin-top: 4px;
	margin-bottom: 4px;
	float: left;
}

div#divWidgetBottomPlayer
{
	position: absolute;
	margin-left: 11px;
	width: 363px;	
	top: 280px;
	float: left;
}

/* La section du bas des joueuses */
div#PlayerDetail00
{
	width: 472px;
	height: 135px;
	background: url(Images/bg_player_detl00.png);
	position: absolute;
	left: 0px;
	top: 0px;
}

div#PlayerDetailContainer
{
	margin-top: 4px;
	width: 472px;
	height: 135px;
	position: relative;
	float: left;
}

div#PlayerDetailBack
{
	top: 7px;
	left: 11px;
	width: 450px;
	height: 128px;
	position: absolute;
}


/* La section du bas des joueuses */
div#PlayerDetail01
{
	width: 472px;
	height: 96px;
	background: url(Images/bg_player_detl01.png);
	position: absolute;
	left: 0px;
	top: 0px;	
}

div#PlayerStatsContainer
{
	margin-top: 4px;
	width: 472px;
	height: 96px;
	position: relative;
	float: left;
}

div#PlayerStatsBack
{
	top: 7px;
	left: 11px;
	width: 450px;
	height: 89px;
	position: absolute;
}

/* La liste des joueuses */
div#PlayersList
{
	width: 380px;
	height: 549px;
	background: url(Images/bg_listplayer.png);
	position: absolute;
	left: 0px;
	top: 0px;
}

div#PlayersListContainer
{
	width: 380px;
	height: 549px;
	position: relative;
	float: left;
}

div#PlayersListHeader
{
	width: 369px; /* 380px */
	height: 85px;
	position: absolute;
	top: 11px;
	left: 11px;
}

/* Colonne de gauche dans la page des joueuses */
div#LeftColumnPlayer
{
	width: 380px;
	height: 549px;	
	position: relative;
	float: left;
	margin-right:6px;
}

/* Colonne de gauche dans la page des joueuses */
div#CenterColumnPlayer
{
	width: 472px;
	height: 549px;	
	position: relative;
	float: left;
}


/* Titres de la page des joueuses */
/*centre de la barre de titre au dessus du diaporama de la page d'accueil */
div#TitleBGPlayer01
{
	width:840px;
	font: italic 0.85em Trebuchet MS; 
	line-height: 24px;	
}

div#WideLeftSection
{
	width: 860px;
	height: 410px;
	float:left;
	/*margin: 0 6px 0 0;*/
}


div#NarrowRightSection
{
	width: 123px;
	height: 410px;
	float:left;
	left: 5px;
	float: left;
}

ul.ulSquare
{
	margin: 0px;
	padding: 0px;
}

li.liSquare
{
	list-style-type: image;
	list-style: outside url(Images/carre.gif);
	/* background: url(Images/carre.gif); */
	display: inline;
	width: 179px;
}

li.liSquare a
{
	font: normal 0.7em Arial;
}

div#PlayersListHeader
{
	font: normal 0.85em Arial;
}

div#PlayersListDetail
{
	width: 358px;
	height: 442px;
	position: absolute;
	left: 11px;
	top: 86px;
	overflow: scroll;
	font: normal 0.7em Arial;
}

.tblPlayerTop
{
	width: 343px;
	font: bold 1em Arial;
	margin-top: 6px;
}

.tblPlayer
{
	width: 343px;
	font: normal 12px Arial;
}

.trlit
{
	background-color: #a3c9ec;
	color: #000000;
	height: 15px;
	font: normal 12px Arial;
}

.trnolit
{
	cursor: pointer;
	font: normal 12px Arial;
}

.tdName
{
	width: 178px;
	font: normal 12px Arial;
}

.tdName a
{
	font: normal 12px Arial;
}

.tdRank
{
	width: 112px;
	text-align: center;
}

.tdCountry
{
	width: 43px;
	text-align: center;
}

.tdSpacer
{
	width: 5px;
}

.tdSpacerLarge
{
	width: 10px;
}

img.arrow
{
	border: 0px;
	align: absmiddle;
}

.tblPlayerDetail
{
	width: 450px;
	font: normal 0.9em Arial; 
	padding: 0px;
	margin: 0px;
}

.tdDetailLabel
{
	width: 150px;
	font-weight: bold;
}

.tdDetailDesc
{
	width: 295px;
}

.tdStatsHeader
{
	width: 240px;
	padding-bottom: 4px;
	font-weight: bold;
}

.tdStatsLabel
{
	width: 145px;
	font-weight: bold;
}

.tdStatsDesc
{
	width: 95px;
}

div#TopError
{
	position: relative;
	float: left;
	background: url(Images/top_error.png);
	width: 760px;
	height: 25px;
}

div#TopConfirmation
{
	position: relative;
	float: left;
	background: url(Images/top_confirmatioon.png);
	width: 760px;
	height: 25px;
}

div#X_Error
{
	position: relative;
	float: left;
	background: url(Images/x_error.png);
	width: 27px;
	height: 25px;
	cursor: pointer;
}

div#MessageBox
{
	width: 787px;	
	font: normal 11px Tahoma;
	z-index: 100;
	margin: 5px 0 15px 15px;
	
}

div#MessageContent
{
	position: relative;
	width: 787px;
	padding: 10px;
	background: url(Images/bg_error.png) repeat-y;
}

div#BottomError
{
	position: relative;
	float: left;
	background: url(Images/bottom_error.png);
	width: 787px;
	height: 15px;
}