@charset "utf-8";
/*
Theme Name: Basketball Mobile
Theme URI: http://www.basketzone.com/
Description: 
Version: 1.0 / Octobre 2009
Author: Benoit Dujardin inspiré par le travail de Julien Cornic
Author URI: 
Tags: 
*/

/* --- RESET ------------------------------------------------------- */
* {padding: 0; margin: 0;}	
ul, ol, li {list-style: none; list-style-position: inside;}
ol ol, ul ul, ol ul, ul ol {margin: 0; margin: 0;}
a:focus {outline:none;}
img {border: none;}

/* ------------------------------------------------------------------ */
/* --- COMMON ------------------------------------------------------- */
body      {font: 11px Helvetica, Arial, sans-serif; font-size:11px; color:#000; height: 100%;}
a         {color: #C00; text-decoration: none;}
a:hover   {color: #2d538a ;}
a:visited {}
input, select, textarea {}
.clear    {display:block; visibility:hidden; clear:both; height:1px; width:10px;}
.clear-bottom {display:block; position:relative; visibility:hidden; clear:both; margin-bottom:0px;}
.clear-IE {display:none;}

/* --- CONTAINER --------------------------------------------------- */
#container {width:100%; position:absolute; background-color:#fff;}
#container-main {width:100%; margin: 0px auto 0px auto; overflow: hidden; }

/* --- HEADER ------------------------------------------------------ */
#header {width:100%; float: left; background-color:#CCCCCC;}
#header h1 { height:18px; background-image:url(../img/fnd_boutons.png); color:#FFFFFF; font-size:14px; padding:6px; }
	




	/* --- PLAYER ------------------------------------------------------- */
	#player {width: 900px; margin: 15px auto 0px auto; overflow: hidden;}
	#player a {color:#636262; font-size:11px; font-weight: normal; display:block;}
	#player a:hover {color:#636262; font-size:11px; font-weight: normal;}
	#player .col1 {width:640px; float:left;}
	#player .col2 {width:240px; float:left; background-color:#3964c2; height:340px; padding:10px;}

	#player h1 {font-size:16px; color:#FFFFFF; padding-top:5px; font-weight:bold;}
	#player h2 {font-size:10px; color:#FFFFFF; padding-top:5px; font-weight:bold;}
	#player p {font-size:11px; color:#FFFFFF; padding-top:5px; font-weight:normal; padding-bottom:5px;}










/* ------------------------------------------------------------------ */
/* --- FOOTER ------------------------------------------------------- */
#footer { background-color: #f3f3f3; width:100%; overflow: hidden; margin-top:20px; background-image:url(../images/fnd_footer.png);}

	/* --- FOOTER MAIN ------------------------------------------------------- */
	#footer-main {width: 900px; margin: 15px auto 0px auto; overflow: hidden;}
	#footer-main a {color:#636262; font-size:11px; font-weight: normal; display:block; height:20px}
	#footer-main a:hover {color:#b26f6f; font-size:11px; font-weight: normal;}
	#footer-main a.bleu {color:#3964c2; font-weight:normal;}
	#footer-main a.bleu:hover {color:#527cd6;}
	#footer-main .col1 {width:165px; float:left; border-right: solid 1px #dddddd;}
	#footer-main .col2 {width:230px; float:left; margin-left:15px;}
	#footer-main .col3 {width:230px; height:100%; float:left; margin-left:15px;}
	#footer-main .col4 {width:220px; float:left; margin-left:15px;}
	#footer-main h1 {font-size:16px; color:#666666; padding-top:5px; font-weight:bold; padding-bottom:10px;}
	#footer-main h2 {font-size:12px; color:#000000; padding-top:30px; font-weight:bold; padding-bottom:5px;}
	#footer-main p {font-size:11px; color:#3964c2; padding-top:0px; font-weight:normal; padding-bottom:5px;}







	/* --- FOOTER BOTTOM ------------------------------------------------------- */
	#footer-bottom {width: 900px; height:40px; margin: 10px auto 10px auto; color: #3964c2; font-size: 9px; padding-top:11px; text-align:center;}
	#footer-bottom a {color:#bdbdbd; font-weight:bold;}
	#footer-bottom a:hover {color:#67a4f3;}
	#footer-bottom p {padding-top:3px;}
	#footer-bottom .c1 {width:260px; float:left}
	#footer-bottom .c2 {width:300px; float:left}
	#footer-bottom .c3 {width:300px; float:right; text-align:right}
	#footer-bottom h1 {font-size:10px; color:#000; padding-top:5px; font-weight:bold;}
	
	
	/* --- PLAYLIST ------------------------------------------------------- */
	#playlist {width:895px; height:180px; /*margin:0 auto;*/ overflow:hidden; padding-left:20px; margin:20px;}

	#playlist a {color:#636262; font-size:11px; font-weight: normal; display:block;}
	#playlist a:hover {color:#636262; font-size:11px; font-weight: normal;}
	#playlist .col1 {width:120px; float:left;}
	#playlist .col2 {width:120px; float:left; margin-left:40px;}
	#playlist .col3 {width:120px; float:left; margin-left:40px;}
	#playlist .col4 {width:120px; float:left; margin-left:40px;}
	#playlist .col5 {width:120px; float:left; margin-left:40px;}
	#playlist .col6 {width:120px; float:left; margin-left:40px;}

	#playlist h1 {font-size:12px; color:#3964c2; padding-top:5px; font-weight:bold;}
	#playlist p {font-size:11px; color:#666666; padding-top:5px; font-weight:normal; padding-bottom:5px;}
	#playlist .image {border: solid 5px #e8e8e8}

.image {border: solid 5px #f3f3f3}

	#playlist a#previous { background:url(../images/fleche-carrousel-gauche.png) no-repeat left top; float:left; text-indent:-9999px; cursor:pointer; width:23px; height:23px; margin:24px 15px 0 5px; }
	#playlist a#next { background:url(../images/fleche-carrousel-droite.png) no-repeat left top; float:left; text-indent:-9999px; cursor:pointer; width:23px; height:23px; margin:24px 0 0 15px; }
	#playlist a#previous:hover, #playlist a#next:hover {background-position:left -23px;}	
	
	#slider {width: 810px; overflow:hidden; height: 300px; margin-left:1px; float:left; position:relative; }
	/*#slider-buttons {	width: 296px;	margin: 0 auto;	position:relative;	height:20px;}*/
	#slider-list { width: 2000px; border: 0; margin: 0; padding: 0; left: 0px; position: absolute; }
	#slider-list a.episode { list-style: none; margin: 0; padding: 0; border: 0; margin-right:40px; float: left; width: 130px; height: 180px; position:relative; cursor:pointer; text-decoration:none; overflow:hidden; }
	#slider-list a.episode:hover {}
	#slider-list a.episode span.nameVignette { position:absolute; left:4px; bottom:0px; color:#a0a09b; padding:3px; font-size:10px; }
	#slider-list a.episode:hover span.nameVignette {color:#494947;}
	#slider-list a.episode span.changeTheme {background:#363636; color:#FFD200; display:none; font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; height:16px; left:0px; padding:4px 0 0; position:absolute; text-align:center; text-transform:uppercase; top:0px; width:140px;}
	#slider-list a.episode:hover span.changeTheme {display:block}