/* CSS Général */
body{
	color:white;
	margin:0;
	padding:0;
	background:url('images/bgclub.png');
	background-color:#000000;
  background-repeat: no-repeat;
  background-position:top center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-bottom:20px;
}
a, a:visited, img{
	border: 0px;
	color:#555555;
	text-decoration:none;
	font-weight:bold;
}
a:hover{
	font-weight:bold;
	color:#FFB721;
	text-decoration:none;
}

.nofloat {
	float: none;
}

.clear {
	clear: both;
}

#right a, #right a:visited{
	color:#FFB721;
	text-decoration:none;
	font-weight:bold;
}

#right a:hover{
	font-weight:bold;
	color:#555555;
	text-decoration:none;
}

.v-menu{
	display:none;
}

.link_footer, .link_footer a, .link_footer a:hover{
	font-size:10px;
	color:white;
	text-decoration:none;
	text-align:center;
}

.error{
	font-weight:bold;
	width:80%;
	text-align:center;
	background-color: #F09E9E;
	border: #B70113 1px solid;
	color : black;
	padding:10px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.success{
	font-weight:bold;
	width:80%;
	text-align:center;
	background-color: #BCF6AB;
	border: #176400 1px solid;
	color:black;
	padding:10px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}

.block_profil{
	color:#ec8b12;
	border:1px solid black;
	-moz-border-radius:5px;
	background:url('images/back-content.jpg');
	background-repeat:repeat-y;
	padding-top:5px;
	padding-bottom:5px;
	margin-bottom:5px;
	margin-top:5px;
}

.bloc_equipe{
	padding-bottom:10px;
	background:url('images/back-content.jpg');
	background-repeat:repeat-y;
	width:574px;
	border:1px solid #404040;
	margin-bottom:5px;
	-moz-border-radius:5px;
}

.bloc_equipe b{
	color:#153971;
}

.nok{
	background:#FED1D1;
	padding:5px;
}
.ok{
	background:#C1D6FF;
	padding:5px;
}


.pagination, .pagination a:hover, .pagination a{
	color:#707171;
	margin-top:10px;
	text-align:center;
}
.pagination a:hover, .pagination a{
	font-weight:bold;
	text-decoration:none;
}

/* CSS Top 20 */
.Top20A {
	width:100%;
	background-color: #D0E3FA;
	text-align:center;
	font-weight:bold;
}
.Top20B {
	width:100%;
	text-align:center;
	font-weight:bold;
}

/* CSS Dédicaces */
div#dedi{
	color:white; 
	width:984px;
}


/* CSS Strucuture du site */
#wrapper{
	width:990px;
	margin: 0 auto;
	padding-bottom:2px;
	background:#719af6;
}

#wrapper #header{
	background:#202020 url('images/header_bg.gif') center center repeat-x;
	height:80px;
	width:990px;
}

#wrapper #logo {
	background:#202020 url('images/logo.gif') top left no-repeat;
	float:left;
	height:80px;
	width:515px;
}

#logo h1{
	text-indent:-1000em;
}

#wrapper #login{
	background:#202020 url('images/login_bg.gif') center center no-repeat;
	height:55px;
	width:230px;
	float:right;
	margin:6px 3px 0 0;
	padding:5px 7px;
}

#login .text-inp{
	background:#FB9696 url('images/text_input_bg.gif') center center no-repeat;
	height:17px;
	border:none;
	font-size:10px;
	font-family:Trebuchet MS, sans-serif;
	margin-top:2px;
	padding:4px 0 0 8px;
	float:left;
	width:140px;		
}

#login .button {
	margin: 0px 15px 0px 0px;
	float:right;
	padding:0;
	border:none;
}

.titrage{
	width:100px;
	height:70px;
	background-color:#46015f;
	-moz-border-radius:5px;
	padding-top:20px;
	padding-left:10px;
}

.vote{
	width:24px;
	height:50px;
	margin:0px;
	padding:0px;
	float:left;
}

.pochette{
	width:50px;
	height:50px;
	float:left;
}
.titre{
	padding-left:10px;
	padding-top:10px;
	float:left;
	font-weight:bold;
}

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

#wrapper #nav {
	background: #1B2C35 url('images/nav_bg.gif') center center no-repeat;
	height:34px;
	width:990px;
}

#wrapper #nav ul {
	width:909px;
	list-style:none;
	margin:0 auto;
	padding:0;
}

#wrapper #nav li{
	text-align:center;
	float:left;
}

#wrapper #nav li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	height:34px;
	width:101px;
	padding-top:20px;
}

#wrapper #nav li a:hover{
	background:#1B2C35 url('images/nav_over.gif') top center no-repeat;
	text-decoration:underline;
}

#wrapper #banner {
	margin: 0 auto;
	width: 984px;
	height: 192px;
	background: url('images/banner.gif');
	clear: both;
	overflow: hidden;
}

/* =================================== */
/*         Main Content Area           */
/* =================================== */
#wrapper #content{
	margin:0 3px;
}

#wrapper #content #left{
	float:left;
	margin:0 auto;
	width:200px;
}
#wrapper #content #contentRight{
	float:left;
	margin:0 auto;
	width:784px;
}

#wrapper #content #right{
	float:left;
	margin:0 auto;
	width:200px;
}
#wrapper #content #middle {
	float:left;
	width:575;
	margin:0 auto;
}

				#content #left h2, #content #right h2 
				{	
					width:200px;
					height:27px;
					background:#78252C url('images/side_h2_bg.gif') center center no-repeat;
					color:#FFFFFF;
					font-size:12px;
					margin:3px 0 0 0;
					padding:18px 0 0 0;
					text-indent:15px;
				}
				#content #left h2 a , #content #right h2 a, #content #left h2 a:hover , #content #right h2 a:hover{
					color:#FFFFFF;
					font-size:12px;
					text-decoration:none;
				}
				
					/*===================================*\
					 * Side content boxes 
					\*===================================*/
					.cont 
					{	
            color:#FFFFFF;
						width:186px;
						background:url('images/back.gif') #183d82;
						background-repeat:repeat-x;
						margin:0 auto;
						padding:0 7px 5px 7px;
						
					}

					.menu a{
            color:#FFFFFF;
            text-decoration: none;
					}
					.menu a:hover{
					text-decoration: underline;
					}
					.menu 
					{	
            color:#FFFFFF;
						width:200px;
						background:url('images/back.gif') #183d82;
						background-repeat:repeat-x;
						margin:0 auto;
						padding:0 0px 5px 0px;
						
					}
					.contDroit
					{	
            color:#FFFFFF;
						width:200px;
						background:url('images/back.gif') #183d82;
						background-repeat:repeat-x;
						margin:0 auto;
						padding:0 0 5px 0;
						
					}
					* html .inner {
						clear:both;
						margin: 0px;
						padding: 0px;
					}
						.inner 
						{
							width:220px;
							margin: 0px auto;
							background:#719af6 url('images/side_cont_bg.gif') repeat-y left center;
							padding: 0px;
							overflow: hidden;
							clear: both;
						}
					
						.inner h3 a, .inner h3 a:hover
						{
							color:white;
							text-decoration:none;
							font-weight:bold;
						}
						
					.inner p {
						margin: 4px;
						padding: 0px 5px;
					}
					.inner img
					{
						clear:	both;
					}
					* html #left .inner p, * html #right .inner p {width:200px;}
					.cont a 
					{
						color:#FFCC33;
					}
					.cont a:hover 
					{
						text-decoration:none;
					}
					.cont ul 
					{
						clear: left;
						margin-top:0; 
						margin-bottom:0;
					}
					.cont .match 
					{
						margin: 0 0 0 2px;
						list-style:none;
						padding:0;
					}
						.match li 
						{
							background-color:#FFFFFF;
							margin:4px auto 0 auto;
							padding:2px 0;
							width:218px;
							display: block;
							font-size:11px;
							text-indent:10px;
							overflow: hidden;
						}
						/******************
						 * CUSTOM MATCH LIST STYLES 
						 ******************/
						.match *
						{
							display:block;
							clear: none;
							float: left;
						}
						.match * a, .match * a:visited
						{
							border: 0px;
							width: 100%;
							text-align: center;
						}
						.match .team 
						{
							width:75px;
							overflow:hidden;
							display:table-cell;
						}
						.match .score 
						{
							width:50px;
							text-align:center;
						}
						.match .won, .match .lost, .match .result
						{
							width:70px;
							text-align:right;
							display:table-cell;
							font-weight:bold;
						}
						.match .won 
						{
							color:#326d18;
						}
						.match .lost 
						{
							color:#850009;
						}
						.match .result 
						{
							font-weight:normal
						}
			/*===================================*\
			* Middle Content Column
			\*===================================*/
			#wrapper #content #middle 
			{
				width:575px;
				margin: 0 4px 5px 4px;
			}
			
			.h1_accueil
				{
					width:575px;
					height:27px;
					background:url('images/header-accueil.gif') center center no-repeat;
					color:#FFFFFF;
					font-size:18px;
					font-weight:bold;
					margin:4px 0 0 0;
					padding:10px 0 0 0;
					text-align:center;
				}
				
			.h1_accueil a, .h1_accueil a:hover{
				color:white;
				text-decoration:none;
			}
				
				#content #middle h2, #content #middle h1
				{
					width:575px;
					height:27px;
					background:#404040 url('images/middle_h2_bg.gif') center center no-repeat;
					color:#FFFFFF;
					font-size:12px;
					margin:5px 0 0 0;
					padding:18px 0 0 0;
					text-indent:15px;
				}
				
				#content #middle h2 a, #content #middle h2 a:hover, #content #middle h1 a, #content #middle h1 a:hover
				{
					color:#FFFFFF;
					font-size:12px;
					text-indent:15px;
					text-decoration:none;
				}
				
				
				
				
					#middle .main 
					{
						width:575px;
						background-color:#719af6;
						color:#000000;
						padding-top:2px;
						padding-bottom:3px;
					}
						#middle .inner 
						{
							width:575px;
							background:#FFFFFD url('images/main_cont_bg.gif') repeat-y center center;
						}
						.main h3 {
	width:572px;
	background-color:#383838;
	margin:3px auto;
	color:#FFFFFF;
	font-size:12px;
	padding:3px 0;
	text-indent:10px;
						}
						.main p 
						{
							margin-left:10px;
							margin-right:10px;
							line-height:125%;
						}
		#wrapper #footer
		{
			margin-right:3px;
			margin-top:5px;
			background: #214595 url('images/footer_bg.gif') center center no-repeat;
			width:984px;
			height:57px;
		}
		#copyright a, #copyright a:link,  #copyright a:visited {color:#FFFFFF;}
		#copyright a:hover { text-decoration:underline;}
		
		#footer a, #footer a:link,  #footer a:visited {color:#FFFFFF; font-weight:normal;}
		#footer a:hover { text-decoration:none;}
		
		#wrapper #footer #copyright{
				width:80%;
				float:left;
				margin-left:20px;
				margin-top:10px;
		}



/* Menu Gauche */
dl, dt, dd, ul, li {
margin : 0;
padding : 0;
list-style-type : none;
}
#menu dt {
cursor : pointer;
margin-left:10px;
margin-bottom:4px;
height : 24px;
line-height : 32px;
font-weight : bold;
}
#menu dt span {
display : block;
color: white;
}
#menu dd {
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
}
#menu li {
margin-left:25px;
font-weight : bold;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
}
#menu li a, #menu dt a {
color: white;
text-decoration : none;
display : block;
border : 0 none;
}
#menu dt a:hover, #menu dt:hover {
}
#menu li a:hover {
}
#menu li{
height:18px;
margin-bottom:0px;
margin-top:0px;
padding-bottom:0px;
padding-top:0px;
}


#pseudo {
background:url("images/pseudo.png") no-repeat scroll 1px 0 #FFFFFF;
font-size:12px;
border:1px solid #E5E5E5;
height:18px;
color:#3C3C3C;
padding:0px 0px 0px 20px;
width:120px;
}

#password {
background:url("images/password.png") no-repeat scroll 1px 0 #FFFFFF;
font-size:12px;
border:1px solid #E5E5E5;
height:18px;
color:#3C3C3C;
padding:0px 0px 0px 20px;
width:120px;
}

#connexion {
background:url("images/login.png") no-repeat scroll 1px 0 #FFFFFF;
background-position:7% 50%;
background-color:#EDEDED;
font-size:12px;
border:1px solid #E5E5E5;
height:23px;
color:black;
width:150px;
font-weight:bold;
margin-top:5px;
padding:0px 0px 0px 0px;
}

.contConnexion{	
	color:#FFFFFF;
	width:186px;
	background:url('images/back.gif') #183d82;
	background-repeat:repeat-x;
	margin:0 auto;
	padding:0 7px 5px 7px;
}
						
.item_membre, .item_membre a, .item_membre a:hover{
	color:#EAE9E9;
	margin-left:20px;
	font-size:18px;
	padding-top:10px;
	text-decoration:none;
}

.emission{
text-align:center;
}

.emission a, .emission a:hover{
color:white;
font-weight:bold;
text-decoration:none;
}

.heure{
height:30px;
vertical-align:center;
background:#9aa4b1;
}

.jour{
background:#9aa4b1;
}


/* MODULE ACCUEIL */
.module_accueil{
	width:188px;
	height:298px;
	background:url('images/back-accueil.gif');
	background-repeat:no-repeat;
	float:left;
	padding:1px;
	margin-bottom:2px;
}

.titre_accueil{
	width:190px;
	text-align:center;
	margin-top:25px;
	color:white;
	font-weight:bold;
}
.contenu_accueil{
	width:184px;
	margin-top:15px;
	padding-left:3px;
	padding-right:3px;
	font-size:12px;
}

.module_accueil a, .module_accueil a:hover{
	color: #b7291b;
	text-decoration:none;
	font-weight:bold;
}


/* PROGRAMMATION */
.emission_encours{
margin-bottom:8px;
}

.emission_jour{
margin-bottom:8px;
}

.lienVideo, .lienVideo:hover{
font-size:15px;
color:#E55A0F;
text-align:center;
text-decoration:none;
}

.mycontent{
	width:575px;
	background:#e8f5fc;
	background:url('images/back-content.jpg');
	background-repeat: repeat-y;
	-moz-border-radius:10px;
	border:1px solid black;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
}

.mycontent_description{
	color:black;
	font-weight:normal;
	text-decoration:none;
	width:575px;
	background:#e8f5fc;
	background:url('images/back-content.jpg');
	background-repeat: repeat-y;
	-moz-border-radius:10px;
	border:1px solid black;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:5px;
	text-align:justify;
}

.mycontent_description h3 a, .mycontent_description h3 a:hover{
	color:white;
	font-weight:bold;
}

.mycontent_description a, .mycontent_description a:hover{
	color:black;
	font-weight:normal;
	text-decoration:none;
}


.pika-wrap {width:512px; height:258px; margin: 0 auto; float:left;}

.pika-image {position: relative; height: 258px; width: 512px; float:left;}
	/*position image holders */
	.pika-image .animation, .pika-image .main-image {position: absolute; top: 0px; left: 0px; float:left;}
	.pika-image .animation {display: none;z-index:2; float:left;}
	.pika-image img {border:0; float:left;}

.pika-image .caption {position: absolute; font-size: 11px; color: #fafafa; padding: 10px; text-align: right; bottom: 50px; right: 10px;}
	.pika-image .caption p {padding: 0; margin: 0; line-height: 14px;}
	
.pika-thumbs {margin: 6px 0 0 -1px; padding: 0; overflow: hidden; }
	.pika-thumbs li {float:left; width:55px; margin: 0 2px; cursor: pointer;}
		.pika-thumbs li:last {margin: 0;}
		.pika-thumbs li .clip {width:55px; height:55px; text-align: center; vertical-align: center; overflow: hidden; margin-bottom:5px;}