/* ---------------------------------- */
/* ACCUEIL */
/* ---------------------------------- */

#fil_infos{ float:left; margin-left:8px; position:relative; width: 650px; height:20px; font-size:10px; overflow:hidden; }
	#fil_infos #filDefil{ position:absolute; height:20px; left:0; top:0; white-space:nowrap; }
	#fil_infos #filDefil ul{ width:5300px; }
	#fil_infos #filDefil li{ display:inline; float:left; width:650px; white-space:nowrap; color:black; overflow:hidden; }
	#fil_infos #filDefil li .titreFil{ font-weight:bold; }

#principal #grosTitre{margin-top:10px;}
	#principal #grosTitre img { margin-left:10px; }
	#principal #grosTitre h3{ margin-left:10px;	display:inline;	color:white; font-size:30px; text-transform:uppercase; vertical-align:top; }

#principal #articles{ margin-bottom:10px; margin-left:8px; }
	#principal #articles .details_caches{ display:none; }
	#principal #articles #article_details{ width:370px; }
	#principal #articles #article_details img{ float:left; width:367px;; padding-bottom:5px; }
	#principal #articles #article_details .enTeteArticle{ font-weight:bold; font-size:12px; }
	#principal #articles #article_details p{ float:left; width:100%; text-align:justify; padding-top:6px; }
	#principal #articles #article_details .lienArticle{ float:left; padding-top:5px; font-weight:bold; }
	#principal #articles #liste_articles{ width:277px!important; width:263px; padding-left:3px; }
	#principal #articles #liste_articles h3{ width:100%; color:#0C8A99; text-transform:uppercase; padding-bottom:3px; border-bottom:solid #CCCCCC 1px; }
	#principal #articles #liste_articles ul{ width:100%; padding-left:3px; }
	#principal #articles #liste_articles ul .article{ float:left; width:100%; padding-top:3px; padding-bottom:4px; cursor:pointer; }
	#principal #articles #liste_articles ul .article .important{ color:red; }
	#principal #articles #liste_articles ul .article span{ width:48px; float:left; }
	#principal #articles #liste_articles ul .article h4{ display:inline; width:215px; float:left; }
	#principal #articles #liste_articles .tousLesArticles{ float:right; width:100%; padding-top:10px; text-align:right; }
	#principal #articles #liste_articles .tousLesArticles a{ font-weight:bold; text-decoration:underline; }

#principal #colonne_gauche{ width:355px; overflow:hidden; }
	#principal #colonne_gauche h3{ width:343px; text-transform:uppercase; padding-bottom:3px; border-bottom:solid #CCCCCC 1px; }
	#principal #colonne_gauche #resultats{/*background-image:url(../img/derniers_resultats.jpg);background-repeat:no-repeat;margin-top:5px;padding-left:5px; */}
	#principal #colonne_gauche #resultats table{width:100%;}
	#principal #colonne_gauche #resultats table td.sport{font-weight:bold;}
	#principal #colonne_gauche #resultats table a{font-weight:bold;}
	#principal #colonne_gauche #autres_articles{ margin-top:5px;margin-left:8px; }
	#principal #colonne_gauche #autres_articles div{ height:120px; }
	#principal #colonne_gauche #autres_articles div div{ padding-top:8px; height:75px; } 
	#principal #colonne_gauche #autres_articles div div img{ float:left; width:100px; border:solid #CCCCCC 1px; padding:1px; margin-top:8px; }
	#principal #colonne_gauche #autres_articles div div div{ float:left; width:230px; margin-left:5px; background-color:#007E95; color:white; padding: 2px; border-top: solid #999999 1px; border-bottom:solid #999999 1px; cursor:pointer; }
	#principal #colonne_gauche #autres_articles div div div h4{ display:inline; }
	#principal #colonne_gauche #autres_articles div div div .chapo{ padding-top:5px; }
	#principal #colonne_gauche #autres_articles #experts div div{ background-color:#8DCA7A; }	
	#principal #colonne_gauche #vu_de_pekin .pekin{ height:80px; margin-top:8px; margin-bottom:15px; }
	#principal #colonne_gauche #vu_de_pekin .pekin img{ float:left; width:100px; margin-top:8px; border:solid #CCCCCC 1px; padding:1px; }
	#principal #colonne_gauche #vu_de_pekin .pekin div{ float:left; width:230px; margin-left:5px; background-color:#007E95; color:white; padding:2px; border-top: solid #999999 1px; border-bottom:solid #999999 1px; height:100%; cursor:pointer; }
	#principal #colonne_gauche #vu_de_pekin .pekin div h5{ display:inline; }
	#principal #colonne_gauche #vu_de_pekin .pekin div .chapo{ padding-top:5px; }


#principal #colonne_centre{ width:310px; margin-left:5px; overflow:hidden; }
	#principal #colonne_centre h3{ text-transform:uppercase; padding-bottom:3px; border-bottom:solid #CCCCCC 1px; }
	#principal #colonne_centre #medailles{ padding:8px; width:300px; height:170px; background:url(../img/fond-medailles.png) repeat-y; }
		#principal #colonne_centre #medailles h4{ width:98%; text-transform:uppercase; padding-bottom:3px; border-bottom:solid #A5CC61 1px; }
		#principal #colonne_centre #medailles table{ table-layout:fixed; width:100%; text-align:center; }
			#principal #colonne_centre #medailles table .gras{ font-weight:bold; }
			#principal #colonne_centre #medailles table .pays{ text-align:left; text-transform:uppercase; }
	#principal #colonne_centre #videos{ margin-top:5px; margin-bottom:10px; }
	#principal #colonne_centre #videos .video{ height:40px; margin-top:10px; background-color:#E5E5E5; border-top: solid #CCCCCC 1px; border-bottom:solid #CCCCCC 1px; cursor:pointer; padding:2px; }
	#principal #colonne_centre #videos .video .apercuVideo{ float:left; width:54px; height:40px; }
	#principal #colonne_centre #videos .video .apercuVideo img{ width:52px; margin-top:4px; }
	#principal #colonne_centre #videos .video .playit{ float:left; width:20px; padding:10px 5px 8px 2px; }
	#principal #colonne_centre #videos .video .infosVideo{ float:left; width:225px; height:100%; overflow:hidden; }	
	#principal #colonne_centre #photos{ margin-top:10px; }
	#principal #colonne_centre #photos ul{ padding-top:8px; }
	#principal #colonne_centre #photos ul li{ float:left; width:97px;	margin-right:6px; margin-top:2px; }
	#principal #colonne_centre #photos ul li img{ width:90px; height:54px; border:solid #CCCCCC 1px; padding:1px; }