/*************************************************************************
 _____   _____   _   __   _   _____        _          __  _____   _____  
|  _  \ /  _  \ | | |  \ | | |_   _|      | |        / / | ____| |  _  \ 
| |_| | | | | | | | |   \| |   | |        | |  __   / /  | |__   | |_| | 
|  ___/ | | | | | | | |\   |   | |        | | /  | / /   |  __|  |  _  { 
| |     | |_| | | | | | \  |   | |        | |/   |/ /    | |___  | |_| | 
|_|     \_____/ |_| |_|  \_|   |_|        |___/|___/     |_____| |_____/ 
**************************************************************************
Copyright 2008 POINT WEB
type : screen
categorie : structure site
Auteur : Eric Chabert
site : Tennis magazine
**************************************************************************/
/*--------------balise--------------*/
*{margin:0}
body {font-family:Arial, Helvetica, sans-serif; background:#98999a; font-size:11px}
a{outline:none; font-weight:bold}
a img {border: 0 none;}
ul li {margin:0; padding:0; color:#990000; font-size:11px; font-weight:bold;}
ul li a {margin:0; padding:0; color:#990000; font-size:11px; font-weight:bold; text-decoration:none}
ul li a:hover {margin:0; padding:0; color:#990000; font-size:11px; font-weight:bold; text-decoration:underline}
dt{color:#000; font-size:13px; font-weight:bold; margin:5px 0}
legend{font-size:13px; color:#000; font-weight:bold}

th{font-size:12px; background:#000; color:#fff}
/*--------------------------------------*/

/*------------------class-----------------*/
.left{float:left; margin:0 5px 5px 0}
.right{float:right; margin:0 0 5px 10px}
.clear{clear:both}

.btn-jouer{display:block; width:104px; height:29px; padding:10px 0 0 0; background:url(../images/btn-jouer.jpg) no-repeat; color:#fff; float:left; margin-top:10px; text-decoration:none; font-weight:bold; font-size:14px; text-align:center}

.btn-submit{border:none; width:104px; height:40px; background:url(../images/btn-jouer.jpg) no-repeat; color:#fff; text-decoration:none; font-weight:bold; font-size:14px; text-align:center; cursor:pointer; margin-top:5px}

.formPanier{font-size: 10px; color: #000000; border: 1px solid #003366; height: 16px; margin-top: 0px; margin-right: 0; margin-bottom: 0; margin-left: 0; width:150px}

.sondage{width:220px; float:left; margin-right:18px}
.blocknews{width:220px; float:left}
.download{width:220px; float:right;}

.recherche{width:450px; float:left}
.recherche fieldset{border:none}
.recherche legend{display:none}

.horsserie{width:460px; float:left; margin-right:10px}

a.liens-infosFlash:link{font-size: 10px; font-weight: normal; color:#fff; text-decoration: none;}
a.liens-infosFlash:hover{text-decoration: underline;}

.formRecherche{font-size: 10px; font-weight: normal; color: #000; text-decoration: none; border: 1px solid #003366; height: 16px; margin:8px 0 0 0;}

.form-email {font-size: 11px; color: #000; border: 1px solid #000000; height: 18px; width: 140px; text-align: center;}

.font-numero{font-size: 10px; font-weight: normal; color: #000; text-decoration: underline; margin-right:8px;}

.News-HeadTableArticle{ background:#790F1D; font-size: 14px; color: #fff; height: 15px;}
.News-TD1{ background:#DADADA; color: #000;  vertical-align: top; text-align:center;  font-size: 10px;}
.News-TD2{ background:#EDEDED; color: #000; vertical-align:top;  text-align:center;font-size: 10px;}

a.panier:link{font-size: 10px; font-weight: normal; color: #990000; text-decoration: underline;}
a.panier:hover{ font-size: 10px; font-weight: normal; color: #990000; text-decoration: underline;}

a.sommaire:link{ font-size: 12px; font-weight: bold; color: #fff; text-decoration: underline;}
a.sommaire:hover{font-size: 12px; font-weight: bold; color: #fff; text-decoration: underline;}
a.sommaire:visited {font-size: 12px; font-weight: bold; color: #fff;text-decoration: underline;}

.Tableleft {float:left; margin: 1px;}

.News-HeadTable{background:#000; font-size: 14px; color: #ffcc00; font-weight: bold; height: 15px;}

.News-ResultatTDHeader{ background:#000; font-size: 13px; font-weight: bold; color: #fff;}
.News-ArticleContenu{font-size: 11px;color: #000;text-decoration: none; text-align:justify;}
.News-ArticleContenu img{margin: 0 0 3px 10px;}

.News-ArticleListe a{font-size: 11px; font-weight:bold; color: #790F1D; text-decoration: none;}

.marginAbonnement{margin-right:3px;}
/*-------------------------------------------*/

/*-------------global-------------*/
#global{background:url(../images/fd.jpg) repeat-y; width:943px; margin:0 auto; position:relative}
	#header{width:902px; height:90px; margin-left:20px; float:left}
		#header h1 a{background:url(../images/logo-tennis.jpg) no-repeat; width:230px; height:84px; display:block; text-indent:-999px; font-size:0px; margin-left:5px; float:left}
		#BannierePub{float:right; margin-right:20px; margin-top:10px}
	#wrapper{clear:both}
		#blockLeft{float:left; width:198px; background:url(../images/fd-blockLeft.jpg) repeat-x; margin-left:20px; padding-left:5px; display:inline}
		#blockRight{float:left; width:700px; border-top:#414448 solid 3px; margin:10px 0 0 0;}
			#content{clear:both; width:695px; padding-top:5px}
			#pronostique fieldset{border:#ccc solid 1px}
			#News-InfoFlash{background:#790F1D; font-size: 12px;color: #fff;}
/*--------------------------------*/

/*------------IdentHaut------------*/
#connexion{margin-bottom:0px; float:left; width:695px}
#connexion h3 a{display:block; background:url(../images/btn-racourci.jpg) no-repeat top left; width:84px; height:27px; padding-top:4px; color:#fff; font-size:13px; text-decoration:none; text-align:center; float:left; margin-right:3px}
#connexion h3 a:hover{background:url(../images/btn-racourci.jpg) no-repeat bottom left}

#IdentHaut{float:right; background:url(../images/fd-connexion.jpg) no-repeat; width:455px; height:30px}
#IdentHaut a{color:#ffcc00; font-size:12px; text-decoration:underline; font-weight:bold; float:left; margin:3px 0 0 40px}
#IdentHaut fieldset{border:none; float:left; margin:0; padding:0 0 0 15px;}
#IdentHaut legend{display:none}
#IdentHaut label{font-size:13px; font-weight:bold; color:#fff }
.monSubmit{border:none; background:none; color:#fff; font-size:13px; font-weight:bold; cursor:pointer}
.form {font-size: 11px;	color:#000; border: 1px solid #000000; height:15px; width:80px; padding-top:3px; text-align: center;}
/*--------------------------------*/

/*--------------blockmenu-------------*/
#contentMenu{width:210px; margin:0; padding:0;display:inline}
#contentMenu h3{width:165px; height:31px; margin:0; padding:4px 0 0 28px; text-indent:0px; font-size:16px}
.btn-vert{background:url(../images/fd-btnVert.gif) no-repeat; color:#4b9048}
.btn-bleu{background:url(../images/fd-btnBleu.jpg) no-repeat; color:#446285}
.btnAbonnement{background:url(../images/fd-btnAbonnement.gif) no-repeat; color:#446285}

#blockmenu{width:193px; background:#fff; margin:0 0 6px 0;}
#blockmenu dl{padding:0; margin:0; border:#b3b2b2 solid 1px; border-top:none;}
#blockmenu dd{border-bottom:#ddd solid 1px; padding:5px 0 0 15px; width:175px; margin:0 0 0 1px; height:20px}
#blockmenu dd a{background:url(../images/puce-balle.jpg) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px;font-weight: bold; text-decoration: none; color:#000; padding-left:30px; height:25px; display:block}
#blockmenu dd a:hover{color:#339900;}
#blockmenu fieldset{border:#b3b2b2 solid 1px; border-top:solid #fff 0px; padding:3px; margin:0}
#blockmenu legend{display:none}

#blockabonnement{width:193px; background:#791400; margin:0 0 6px 0;}
#blockabonnement dl{padding:0; margin:0; border:#b3b2b2 solid 1px; border-top:none;}
#blockabonnement dd{border-bottom:#ddd solid 1px; padding:5px 0 0 15px; width:175px; margin:0 0 0 1px; height:20px}
#blockabonnement dd a{background:url(../images/puce-balle.jpg) no-repeat; font-family: Arial, Helvetica, sans-serif; font-size:11px;font-weight: bold; text-decoration: none; color:#000; padding-left:30px; height:25px; display:block}
#blockabonnement dd a:hover{color:#339900;}

.abonnement{border:#b3b2b2 solid 1px; border-top:none; padding-left:5px}
.bouton-encart-recherche-bleu{font-size:10px; width:23px; height:18px; background:url(../images/btn-recherche.jpg) no-repeat; color:#fff; border:none; cursor:pointer; text-align:center; padding:0; margin:0 0 10px 0}
.btn-newsletter{font-size:10px; width:23px; height:18px; background:url(../images/btn-newsletter.jpg) no-repeat; color:#fff; border:none; cursor:pointer; text-align:center; padding:0; margin:0}

.input-recherche{border:1px #ddd solid; height:15px; width:150px; font-size: 12px; margin:0 0 8px 0;}
/*-----------------------------------*/

/*------------blockContenu-----------*/
#blockContenu{margin-bottom:10px}
#blockContenu h3{height:20px; padding:3px 0 0 35px; font-size:14px; color:#f5c400; text-transform:uppercase}
#blockContenu h3 a{color:#fff}
#blockContenu h3 span{font-size:10px; text-transform: none}
#blockContenu h4{font-size:13px; margin-bottom:5px}
#blockContenu h4 span{font-size:10px;}
.titre-noir{background:#000 url(../images/fd-titre-noir.jpg) no-repeat; }
.titre-rouge{background:#791400 url(../images/fd-titre-rouge.jpg) no-repeat; }
.titre-ContenuItem{color:#791400; font-size:13px; margin:10px 0}
#ContenuItem{padding:0 10px 0 10px; font-size:11px; text-align:justify}
#ContenuItem hr{background:#ccc; height:1px; clear:both; margin:10px 0; border:none; border-bottom:#ccc solid 1px}
.liens a{color:#791400}
/*----------------------------------*/

/*--------------blockVideo---------------*/
#videotxt{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:11px}
#videotxt .right{float:right; margin:0 10px 0 0}
#videotxt strong{color:#990000}
#videotxt dd{text-align:center; margin:12px 0 0 0}
#videotxt hr{height:1px; background:#afbece; border:none; clear:both}

#videoGlobal{background:#000; font-family:Arial, Helvetica, sans-serif; float:left; width:100%; padding:7px 0; display:inline; margin-bottom:20px}

#blockVideo{color:#fff; font-size:12px; float:left; display:inline; margin-left:7px}
#blockVideo p{text-align:left}

#blockPlaylist{float:right; background:#fff; width:257px; height:313px; overflow:auto; border:#545454 solid 1px; margin:0px 7px 0 0; display:inline}

#player1{border:#545454 solid 1px}

#blockPlaylist a img{border:#333 solid 1px}
#blockPlaylist a:hover img{border:#ccc solid 1px}
#blockPlaylist img{margin:5px}
#blockPlaylist td {color:#000; font-size:12px}
#blockPlaylist td strong{color:#990000}

#TabVideo hr{background:#990000; height:1px; border:none}
/*--------------------------------------*/

/*-------------news--------------*/
#News-HeadTableTitre{background-color:#000; color: #ffcc00; margin-bottom:10px; height:20px; font-size:13px; padding-top:3px; padding-left:10px}
#News-HeadTableTitre span{font-size:15px; font-weight:bold}
#News-HeadTableTitre a {color:#fff; text-decoration:none; font-size:13px}
#News-HeadTableTitre a:hover{color:#990000; text-decoration:none}
.resultats{ font-size: 10px; font-weight: normal; color:#990000; text-decoration: none;}
.resultat-score{color:#790F1D}
.margeTabNews{margin-left:5px;}

#article img{float:left; margin:0 10px 0 0}
#article .monArticle{width:400px; float:left}
#article ul{color:#790F1D; width:220px; float:right}

.News-ResultatTDHeaderWTA{background:#000; font-size:13px; font-weight:bold; color:#FFF;}
.btn-top100{display:block; width:104px; height:37px; padding:3px 0 0 0; background:url(../images/btn-jouer.jpg) no-repeat; color:#fff;margin-top:10px; margin-left:250px; text-decoration:none; font-weight:bold; font-size:13px; text-align:center}

.News-Footer{background-color:#000; font-size: 10px; color: #ffcc00; height: 15px;}
.News-Footer a{ font-size: 11px; color: #ffcc00; text-decoration:none;}
.News-Footer a:hover{color: #fff;}
/*-------------------------------*/

/*----------tablePalmares-----------*/
.tablePalmares{border:#ccc solid 1px; margin-left:3px; margin-top:10px}
.tablePalmares td{border:#ccc solid 1px;}
/*---------------------------------*/

/*--------------identification---------------*/
#identification{width:285px; height:130px; float:left; margin-left:30px; display:inline}
	#identification fieldset{border:#ccc solid 1px; padding:10px; height:130px}
	#identification label{display:block; margin:3px 0}

#inscription{width:280px; float:right; margin-right:45px;border:#ccc solid 1px; height:82px; padding:40px 10px 10px 10px; margin-top:17px; display:inline}
/*---------------------------------------------*/

/*------------AjoutCourrier--------------*/
#AjoutCourrier fieldset{border:#ccc solid 1px; padding:10px; margin-top:10px}
#AjoutCourrier label{display:block; margin:3px 0 3px 150px}
#AjoutCourrier input,  #AjoutCourrier  textarea, #AjoutCourrier select{margin:3px 0 3px 150px}
.monInput{width:300px}
/*---------------------------------------*/

/*------------bloc-banniere--------------*/
#bloc-banniere1 {font-size:10px; border:0px; width:221px; height:160px; overflow:hidden; float:right}
#bloc-banniere3 {float:left; font-size: 10px; border: 0px; width: 216px; height: 194px; overflow:hidden;}
/*---------------------------------------*/

/*------------menu-news----------*/
#menu-news{float:left}
/*------------------------------*/

/*-----------------FCK----------------*/
.cadre-libre {margin:8px 0 7px 3px;}
.image{float:left; margin-right:4px; margin-bottom:10px;}
.image2{margin: 8px 0 0 0; margin: 8px 0 0 0;}
.image3{margin: 8px 0 0 0; margin: 8px 8px 0 0;}
.Mag-Mois-titre, .Mag-HS-titre {font-size: 11px; color: #790F1D; text-decoration: underline; font-weight: bold; background:url(../images/puce-titre.jpg) no-repeat; padding-left:15px}
.Magcorps1 { font-size: 10px; color: #000; text-align: justify; padding : 10px 10px 15px 15px; position:relative}
.Magcorps2 { font-size: 10px; color: #000; text-align: justify; padding : 10px 10px 0px 0px;}
.Magcorps3 { font-size: 10px; color: #000; text-align: justify;}
.MabTable1{float: left;}
.MabTable2{ float: left; margin-top:2px;}

.HSContenu{ float: left; margin: 8px 0 0 8px;}
.HSContenu-accueil{ float: left; margin: 0 0 8px 7px;}
.HSContenu2{ float: right; margin: 8px 4px 0 4px;}
.tableborder{border-bottom:#fff solid 3px}

#MagDuMois {font-size: 10px;width: 670px;margin: 5px 5px 5px 5px;overflow:inherit;}
#MagDuMois p{font-size: 10px; color: #000; text-align: justify; margin : 0 0 0 10px;}
#MagDuMoisHeader {font-size: 12px; color: #990000; font-weight: bold; background-color: #AFBECE; padding: 5px 0 5px 10px;}
#MagDuMoisContenu { padding: 5px;}

#BlocLibre2 { float:right; font-size: 10px; width: 190px; height: 150px; overflow:hidden; margin: 8px 0 4px 0px;}
#BlocLibre { float:right; font-size: 10px; width: 220px; height: 150px; overflow:hidden; margin: 8px 0 4px 0px;}
#Blocproduits { float:left; font-size: 10px; width: 217px; height: 190px; overflow:hidden; margin: 0px 8px 4px 7px;}
#BlocLibreHeader { font-size: 12px; color: #990000; font-weight: bold; background-color: #AFBECE; padding: 5px 0 5px 10px;}
#ProduitStar { float:left; font-size: 10px; width: 225px; height: 150px; margin: 5px; overflow:hidden;}
#ProduitStarHeader { font-size: 12px; color:#990000; font-weight: bold; background:#ccc; padding: 5px 0 5px 10px;}
/*--------------------------------------------------*/

/*----------------abonnement--------------*/
#abonnementForm fieldset{border:#ccc solid 1px; margin-bottom:10px}
/*---------------------------------------*/

/*------------------selectPays--------------*/
#selectPays{clear:both; height:40px; overflow:hidden}
	#facebook{float:left}
		#facebook a{color:#990000; text-decoration:none; display:block; background:url(../images/FBConnect.gif) no-repeat; margin-top:10px; margin-left:10px; width:120px;  height:28px; text-indent:-9999px; font-size:0px}
	
	#selectPays ul{float:right; margin-right:12px; height:23px}
	#selectPays li{list-style-type:none; float:left}
	#selectPays span{float:left; padding:10px 0 0 0}
		#btn-fr a{display:block; background:url(../images/drapeauFr.jpg) no-repeat; width:46px; height:37px; float:left}
		#btn-en a{display:block; background:url(../images/drapeauEn.jpg) no-repeat; width:46px; height:37px; float:left}
/*-----------------------------------------*/

/*-------------------divPub-------------*/
#DivPub{position:absolute; float:left; z-index: 100; width:697px; height:450px; background: transparent url("/images/fr/fondTR.png") repeat; border: 1px solid #fff; overflow: hidden; margin: 150px 0 0 150px; padding: 5px;}


#flashPub{position:relative; z-index:10}
#liens{ position:absolute; top:10px; right:41px; z-index:9999999;}
#liens a{display:block; width:506px; height:75px;}

#flashPub1{position:relative; z-index:10}
#liensBanPub1{ position:absolute; top:10px; right:41px; z-index:9999999; background:red}
	#liensBanPub1 a{display:block; width:221px; height:137px;}
	
#flashPub2{position:relative; z-index:10}
#liensBanPub2{ position:absolute; top:742px; right:33px; z-index:9999999;}
	#liensBanPub2 a{display:block; width:216px; height:199px;}
/*-------------------------------------------*/

/*----------footer-----------*/
#footer{background:url(../images/fd-footer.jpg) no-repeat; width:943px; height:43px;color:#383c47; font-size:11px; font-weight:bold; clear:both}
#footer p{padding:9px 0 0 35px}
#footer a{color:#4c9149; text-decoration:none; font-weight:bold}
#footer a:hover{text-decoration:underline}
/*--------------------------*/