/*
Theme Name: LILLE METROPOLE ROLLER
Author URI: http://www.lillemetropoleroller.net/
Version: 2.0
Author: Christophe VAUDREMER
Description: Thème développé pour le site du roller hockey club de Lille.
*/

@import url("style-lmr.css");
/* IMPORTS */
@import url("css/jquery.jcarousel.css");
@import url("css/superfish.css");
@import url("css/sliders.css");
 
body {
	font: 12px Verdana, Trebuchet, Arial, Sans-Serif;
	margin: 0px 0px 0px 0px;
	background-color:#121212;
	padding: 0px;
}
/* --- HEADER --- */
.center {margin: 0 auto;width: 990px;}
div.entete {margin-top:25px;margin-bottom: 1px;margin-left:auto;margin-right:auto;width:1000px;}
div.logo {position:absolute;z-index:50;top:0px;}
/* --- MENU --- */
#menu {
font-family: Verdana,Trebuchet,Arial;
display:block; 
background-repeat:repeat-x;
z-index:1000;
float: left;
width:1000px;
}
/* --- CONTENU --- */
div#center {
clear:both;
margin:0 auto;
width:1000px;
}
hr {
	height: 5px;
	margin: 10px 0px;
	border: none;
}
blockquote{
	margin: 0px 0px 0px 5px;
	padding: 8px 25px 5px 40px;
	font-size: 15px;
	font-style: italic;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}
blockquote p{
	margin: 0px 0px 10px 0px;
	padding: 0px;
	}
.clearboth {
	clear: both;
}
.alignleft{
	float:left}
.alignright{
	float:right}
/*************************************
	Links
**************************************/
a {
	text-decoration: none;
	outline:none;
	}
	
a:hover{
	text-decoration: underline;
	}
a img {border:none ;}
/*************************************
	Headings
**************************************/
h1  {
	font-size: 26px;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px;
	}
h3.h1 { /*make homepage h3's for the first 2 stories look like H1 */
	font-size: 22px;
 }
h1 a, h3 a, h1 a:visited, h3 a:visited  {
	text-decoration: none;
}
h1 a:hover, h3 a:hover {
	text-decoration: underline;
}
h2 {
	font-size: 24px;
	font-weight: normal;
	padding: 0px;
	margin: 0px;
}
	
h2 a, h2 a:visited  {
	color: #666;
	text-decoration: underline;
}
h2 a:hover {
	text-decoration: none;
	}
h3 {
	font-size: 22px;
	font-weight: normal;
}
#sidebar h3 {
	font-size: 22px; 
}
h3 a, h3 a:visited {
	text-decoration: none;
color:#BB2322;
}
#sidebar h2 {
	margin: 0px 0; padding: 5px 0px;
	font-size: 16px;
	font-weight: bold;
}
#sidebar #popular h2 {
}
h6 {
	font-size: 24px;
	font-weight: normal;
	padding: 0px 0 10px 0px;
	line-height: 150%;
	margin: 0px;
}
/*************************************
	RSS Feed
**************************************/
 .rss {
 	float:left;
	padding: 8px 0 0 19px; margin: 0px;
}
#  ul {
	display: block;
	width: 880px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	}
#nav li {
	float: left;
	list-style-type: none;
	margin: 28px -4px 0px 4px;
	padding: 0px;
	}
#nav ul li:hover, #nav ul li.hover, #nav ul li.current_page_item {
	}
#nav ul li:hover a, #nav ul li.hover a, #nav ul li.current_page_item a {
	text-decoration: none;
	}
#nav ul li.current_page_item a:hover {
	text-decoration: none;
	}
#nav ul li a {
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	display: block;
	padding: 6px 20px 6px 0px;
	margin: 0px 0px 0px 15px;
	text-transform:uppercase;
	}
#nav ul li a:hover {
	text-decoration: none;
	}

/*************************************
	Main Container
**************************************/
#container { 
	width:990px;
	text-align: left; 
	margin: 0 auto;
	padding:5px;
	border: 0px solid black;
	clear: both;
	overflow:hidden;
	height:100%;
	}
.container-top {
	clear: both;
	width: 960px;
	display: block;
}
.container-bottom {
border:0 solid black;
clear:both;
height:100%;
margin:0 auto;
overflow:hidden;
padding:5px;
text-align:left;
width:990px;
background:#DEDEDE;
}
/*************************************
	Content
**************************************/
#mid{padding-top:4px;}
#main{
background:#FFFFFF url(images/mainbottom.gif) bottom no-repeat;
float:left;
margin:0 10px 0 0;
width:532px;
}

#content {
	width: 675px;
	float: left; 
	display: block;
	overflow:hidden;
	}
#content2 {
	width: 100%;
	float: left; 
	padding: 1px;
	margin-bottom:0px;
	display: block;
	overflow:hidden;
}

#content h1.btmspace{
	margin-bottom:15px;
	}
#content p{
	line-height:normal;
	}
#content p img{
	border: 1px solid #DEDEDE;
	padding: 5px;
    margin:0 5px 5px;
	}
#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 10px 35px;
	}
#content ul {
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	}
	
#content li {
	margin: 0px;
	padding: 0px;
	}
	
#content ul li {
	list-style: disc outside;
	margin: 0px 30px 0px 30px;
	padding: 5px 0px 0px 0;
	}
#content .post-meta-top {
	display: block;
	margin: 0px 0px 15px 0px;
	padding: 0px 5px;
	float:left;
}
#content .post-bottom {
	display: block;
	margin: 0px 0px 25px 0px;
	padding: 5px 10px;
	clear: both;
	overflow:hidden;
	height:100%;
}

#featured{
/* background:url(images/maintop.gif) top left no-repeat; */ 
}
#featured h3.mainblock {color:#E32523;}
#myGallery{
margin-bottom:4px;
font-size:18px;
width:100%;
}

#introIMG{
width:150px;
height:150px;
float:left;
margin-right:8px;
overflow:hidden;
}

#introIMG img{
border:none;
padding:4px 4px 4px 4px;
border:1px solid #BDBDBD;
}

.post-bottom a {
	color: #535353;
	text-decoration: none;
}
.post-bottom a:hover {
	text-decoration: underline;
}
.cat {
	float:  left;
	width: 75%;
	text-align: left;
}
.cat span {
	padding: 0px 0px 0px 18px;
}
div#share {
	float:right;
}


.comm {
	float: right;
	width: 38px;
	height:39px;
	font-size:22px;
	line-height:27px;
	text-align: center;
}
.comm span {	
	 text-align:center;
	 padding:5px 0 0 0;
}
.comm a {
	text-decoration: none;
}



.auth {
	float: left;
 	padding:0 0px 0 0;
	text-align: left;
}
.auth span {
	padding: 0px 0px 0px 15px;
}
.auth a {
	text-decoration: none;
}
.date {
	float: left;
	text-align: left;
	padding:0 0px 0 5px;
}
.date span {
}
/*********************************************
		Previous/Next Page Navigation
*********************************************/
.page-nav {
	clear: both; /* To clear any floats */
	margin: 15px 0px;
	padding: 2px 0px;
	height: 22px;
}
.nav-previous {
	width: 249px; 
	float: left; 
	text-align: left;
	margin: 2px 0px;
}
.nav-next {
	width: 249px; 
	float: right; 
	text-align: right;
	margin: 2px 0px;
}
.page-nav a {
	text-decoration: none;
}
.nav-previous a {
	padding-left: 10px;
}
.nav-next a {
	padding-right: 10px;
}
/*************************************
**************************************
	Comments
**************************************
**************************************/
#comments-wrap {
}

.textarea {}
.Cbutton { 
	border:none; 
	padding:4px;}

/*	Headers	*/

#comments-wrap h6 {
	font-size: 20px;
}

/*	Comments	*/

.commentlist {	
}
.thecomment {
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
.comment-body {
	margin: 0px; padding:5px 10px 20px 30px;
}
.comment-metadata {
	padding:5px 10px;
}
.comment-metadata a, .comment-metadata a:visited {
}
.comment-metadata a:hover {
}
.authorcomment {
	margin: 0px 0px 10px 0px;
	font-size:12px;
	overflow: hidden;
	height:100%;
}
.authorcomment .comment-body {
	border: none;
	
	
}
.authorcomment .comment-metadata {
	padding: 11px 10px;
}

.nav-next	  { padding-right:8px; font-weight:bold;}
.nav-previous { padding-left:8px; font-weight:bold;}

/*	Comment Form	*/

 
/*************************************
	Sidebar
**************************************/
#sidebar {
	display: block;
	float: right;
	margin:0px;
	padding:0px;
	width: 308px;
}
#sidebar .sidebar-bot {
	clear: both;
	display: block;
	height: 20px;
}
#sidebar ul {
	list-style-type: none;
}
#sidebar .advertise {
	padding:0;
	text-align: left;
}
#sidebar .advertise img {
	border:none;
}
#sidebarwrap {
 	padding: 15px 0px 0px 0px;
	margin: 0px;
	border: none;
float:right;
}

/*************************************
	Popular Posts Section
**************************************/
#sidebar #sidebarwrap #popular {
	margin: 0px;
	padding:0px 0px 0px 0px;
	font-size: 11px;
	
}

 /*popular box Rounded Corner start */
#pxsnazzy {margin:0 0 10px 0;}
.pxtop, .pxbottom {display:block; font-size:1px;}
.pxb1, .pxb2, .pxb3, .pxb4 {display:block; overflow:hidden;}
.pxb1, .pxb2, .pxb3 {height:1px;}
.pxb1 {margin:0 5px;}
.pxb2 {margin:0 3px; }
.pxb3 {margin:0 2px;}
.pxb4 {height:2px; margin:0 1px;}
.pxboxcontent {display:block; padding:2px;}
/*popular box Rounded Corner End */


#popular ul {
	margin: 0px; padding: 0px 10px 15px 10px;
	
}
#popular ul li {
	margin: 0px; padding: 0px;
}
#popular ul li ul {
	padding:  0px;
}
#popular ul li ul li {
	margin: 0px; padding: 5px 15px;
}
#popular ul li ul li a, #popular ul li ul li a:visited {
	padding: 0;
	margin: 0px;
	text-decoration: none;
}
#popular ul li ul li a:hover {
	text-decoration: none;
}

/*************************************
	Left Sidebar
**************************************/
#l_sidebar {
	float: left;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; padding: 0px 0px 0px 10px;
}
#l_sidebar ul, #l_sidebar ul li {
	margin: 0px 0 15px 0;  padding: 0px;
}
#l_sidebar ul li ul {
}
#l_sidebar ul li ul li {
	margin: 0px; padding: 0px 0px 0px 10px;
}
#l_sidebar ul li ul li a, #l_sidebar ul li ul li a:visited {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
        color:#ffffff;
}
#l_sidebar ul li ul li a:hover {
	text-decoration: underline;
        color:#ffffff;
}
#l_sidebar ul li ul li ul li {
	margin:  0px; padding: 0px;
}
#l_sidebar ul li ul li ul li a, #l_sidebar ul li ul li ul li a:visited {
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
}
#l_sidebar ul li ul li ul {
	border: none;
	padding: 0px; margin: 0px;
}
#l_sidebar ul li ul li ul li a:hover {
	text-decoration: underline;
}

/*************************************
	Right Sidebar
**************************************/
#r_sidebar {
	float: right;
	display: block;
	width: 160px;
	font-size: 11px;
	margin: 0px; 
	padding: 0px 10px 0px 0px;
}
#r_sidebar ul, #r_sidebar ul li {
	margin: 0px 0 15px 0; padding: 0px;
}
#r_sidebar ul li ul {
}
#r_sidebar ul li ul li {
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
#r_sidebar ul li ul li a, #r_sidebar ul li ul li a:visited {
	display: block;
	padding: 5px 3px;
	margin: 0px;
	text-decoration: none;
        color:#ffffff;
}
#r_sidebar ul li ul li a:hover {
	text-decoration: underline;
        color:#ffffff;
}
#r_sidebar ul li ul li ul li {
	margin:  0px; padding: 0px;
}
#r_sidebar ul li ul li ul li a, #r_sidebar ul li ul li ul li a:visited {
	padding: 5px 3px 5px 10px;
	margin: 0px;
	text-decoration: none;
        color:#ffffff;
}
#r_sidebar ul li ul li ul {
	padding: 0px; margin: 0px;
}
#r_sidebar ul li ul li ul li a:hover {
	text-decoration: underline;
}
/*************************************
	Footer
**************************************/
#text-link-advertise {
	clear: both;
	padding: 15px;
	text-align: left;
}
#liens_footer {
	background:#cccccc;
	float:left;
	padding:5px;
	width:980px;
}
#liens_footer .col-footer{
width:220px;
text-align:left;
float:left;
margin-left:10px;
}
#liens_footer .col-footer h4 {
text-transform:uppercase;
font-size:12px;
color:#333333;
}
#liens_footer .col-footer ul {
font-size:11px;
border-right:1px solid #999999;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#liens_footer .col-footer ul li a {
color:#333333;
}
/*************************************
	Footer
**************************************/
#footer { 
	padding:  10px 0px 20px 0px;
	text-align: center;
	min-height:25px;
	clear: both;
	font-size:11px;
color:#fff;
	}

#footer-wrap {
	width: 950px;
	margin: 0px auto;
}

		.copyright a 	{  text-decoration:none;}
		.copyright a:hover {text-decoration:none; }
		
 	ul#nav-footer 				{ margin: 0 0 0 0; padding:0; float:right;  
								  font-size: 11px; font-weight:bold; text-align: right; text-transform:uppercase;}
	ul#nav-footer li 			{ padding: 5px 8px 5px 12px; list-style:none;  float:left; }
	ul#nav-footer li.nobg 		{ padding: 5px 8px 0px 12px;    }
	ul#nav-footer li a 			{ text-decoration:none; }
 	ul#nav-footer li a:hover 	{ }
 
 
  
/*  Tabber  Style start -------------------- */
 
.tabberlive .tabbertabhide {
 display:none;
}
.tabber {	
}
.tabberlive {
 margin:0 5px;
}
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 font: bold 12px Verdana, Arial, Helvetica, Sans-Serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}
ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 text-decoration: none;
}
/*---- tabbertab = the tab content---------------------*/
.tabberlive .tabbertab {
 padding:5px;
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/*tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}
/* TABS */
/* HOME CATEGORY TABS (also see tabs section at bottom of stylesheet) */
#onglets {
	margin:10px;
	/*float:left*/
	}	

#content2 #main-categories {
	clear: left;
	float: left;
	display: block;
	width: 516px;
	margin: 0 0 10px 0;
	}
.tabs-block {
	clear: left;
	float: left;
	width: 250px;
	padding: 0;
	margin: 0 0 10px 0;
	display: block;
	}
.tabbed {
	width: 100%;
	overflow: hidden;
	padding: 0;
	margin: 0;
	background: transparent;
	border: none;
	}
.tabbed ul.tabs {
	overflow: hidden;
	display: block;
	position: relative;
	top: 0;
	left: 0;
	z-index: 999;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	background: transparent;
	}
.tabbed ul.tabs li {
	display: inline;
	float: left;
	padding: 0;
	margin: 0 .3em 0 0;
	}
.tabbed ul.tabs li a {
	font-weight: bold;
	display: block;
	margin: 0;
	padding: 5px .8em;
	background:#eee; /* #eee;*/
	border: 1px solid #ccc;
	}

#content2 .tabbed ul  {
margin:0px;
padding:0px 0px 0px;
}

#content2 .tabbed ul.tabs li  {
margin:0px;
padding:0px 3px 0px 0px;
}

	
.tabs-block ul.tabs li a { padding: 5px .7em; }
.tabbed ul.tabs li a:hover {
	background: #BDBDBD ;
	text-decoration: none;
	}
.tabbed ul.tabs li a.tab-current {
	background: #fff;
	border-bottom: 1px solid #fff;
	}
.tabs-block .tabbed div, #content2 .tabbed .c {
	overflow: hidden;
	display: block;
	position: relative;
	left: 0;
	top: -1px;
	z-index: 0;
	clear: left;
	width: 100%;
	margin: 0 0 10px;
	padding: 5px 0;
	border: 1px solid #ccc;
	background:  #fff;
	display: none;
	}
/* --- SECTION --- */
div.middle-section {
	background:#FFFFFF;
	float:left;
	margin: 0 0 10px;
	padding:14px;
	width:645px;
}
div.middle-section h3 {font-size:12px;font-weight:bold;}
div.middle-section p {font-size:12px;text-align:left;}
div.middle-section p.descriptif {height:95px;}
div.middle-section a {font-size:12px;color:#333333;font-weight:bold;}
div.middle-section a:hover {font-size:12px;color:#6D9DAB;text-decoration:none;font-weight:bold;}
div.middle-section .equipe {
	float:left;
	margin-right:10px;
	+*margin-right:5px;
	width:205px;
}
#content div.middle-section  p  img {
	border:none;
	margin:0px;
	margin-bottom:5px;
	padding:0px;
}
div.middle-section h2 {
	margin-bottom:6px;
}
div.middle-section h2 a {
	color:#333333;
	font-size:9px;
	text-decoration:none;
}
div.middle-section h2 a:hover {
	color:#E32523;
	font-size:9px;
}
/*************************************
	TABS ACTU
**************************************/
.tabbed_box {  
margin: 0;  
width:320px;  
}  
.tabbed_box h4 {  
font-size:23px;  
color:#ffffff;  
letter-spacing:-1px;  
margin-bottom:10px;  
}  
.tabbed_box h4 small {  
color:#e3e9ec;  
font-weight:normal;  
font-size:9px;  
text-transform:uppercase;  
position:relative;  
top:-4px;  
left:6px;  
letter-spacing:0px;  
} 
.tabbed_area {  
	background-color:#DEDEDE; 
	float:left;
	padding:4px; 
	width:300px;
}  
ul.tabs {  
margin:0px; padding:0px;  
}  
ul.tabs li {  
list-style:none;  
display:inline;  
}
ul.tabs li a {  
background-color:#DEDEDE;  
color:#333333;  
padding:6px 14px 6px 14px;  
text-decoration:none;  
font-size:12px;  
font-weight:bold;  
text-transform:uppercase;    
}  
ul.tabs li a:hover {  
color:#6D9DAB;  
}  
ul.tabs li a.active {  
background-color:#ffffff;  
color:#282e32;  
border:1px solid #9F9F9F;   
border-bottom: 1px solid #ffffff;  
}
.content {  
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-webkit-border-bottom-left-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	background-color:#ffffff;  
	border:1px solid #9F9F9F;     
	padding:10px;  
	width:280px;
}  
#content_2, #content_3 { display:none; } 
ul.tabs {  
margin:0px; padding:0px;  
margin-top:5px;  
margin-bottom:6px;  
}  
#content_2 ul.lesArticles , #content_1 ul.lesArticles li{
text-align:left; 
}
#content_2 ul.lesArticles li , #content_1 ul.lesArticles li {
display:inline;
padding:0 5px;
text-transform:uppercase;
font-weight:bold;
font-size:11px;
color:#3e4346;
line-height:14px;
}
#content_2 ul.lesArticles li:first-child ,#content_1 ul.lesArticles li:first-child {
border-right:1px solid;
padding-left:0px;
}
.content ul {  
margin:0px;  
padding:2px;  
}  
.content ul li {  
list-style:none;  
padding:3px; 
font-size:13px;  
} 
.content ul li.fonce {
background-color:#E4E4E4;
} 
.content ul li a {  
text-decoration:none;  
color:#3e4346;  
}  
.content ul li a:hover {
color:#6D9DAB;
}
.content ul li a small {  
color:#8b959c;  
font-size:9px;  
text-transform:uppercase;   
position:relative;  
left:4px;  
top:0px;  
} 
/**************************************/
/* classement                         */
/**************************************/
div#classement tr.lille{font-weight:bold;}
div#classement table{
width:100%;
border-collapse:collapse;
margin:10px 0;
color:#333333;
}
div#classement table tr td{
border: none;
border-bottom: 1px solid #d2d2d2;
border-style:none none solid;
border-width:medium medium 1px;
line-height:18px;
padding:2px;
text-align:center;}
div#classement table th.team {text-align:left;}
div#classement table th{text-align:center;}
div#classement table tr th {border: none;border-bottom: 1px solid #d2d2d2;}
div#classement table tr td.team {color: #333333;text-align: left; }
/* --- CALENDRIER --- */
div#calendrier {
padding:5px;
border:1px solid #121212;
}
div#calendrier table {
width:100%;
border-collapse:collapse;
}
div#calendrier table tr {
vertical-align: middle;
}
div#calendrier table tr td{
border: none;
border-bottom: 1px solid #d2d2d2;
border-style:none none solid;
border-width:medium medium 1px;
vertical-align:middle;
text-align:left;}
div#calendrier table tr td span {
font-weight:bold;
padding-top:2px;
text-transform:uppercase;
}
div#calendrier table tr td.name {text-align:center;}
div#calendrier table tr.mois {background-color:#DEDEDE;border-top:2px solid #000;text-transform:uppercase;}
div#calendrier table th{text-align:left;}
div#calendrier table tr th {border: none;border-bottom: 1px solid #d2d2d2;}
/* --- JOUEUR --- */
div.joueurs{float:left;width:100%}
div.joueurs h3{
color:#FFF;
text-indent:2px;
font-size:13px;
font-family: Arial;
font-weight:bold;
line-height:21px;
height:21px;
background:#BB2322 url(images/entete/bg_menu_lmr.gif) repeat-x scroll 0 0;
}
div.joueurs table{
border-collapse:collapse;
margin:10px 0;
width:100%;
float:left;
color:#333333,
}
div.joueurs table tr td{
border: none;
border-bottom: 1px solid #d2d2d2;
border-style:none none solid;
border-width:medium medium 1px;
line-height:18px;
padding:2px;
text-align:center;}
div.joueurs table th.joueur {text-align:left;}
div.joueurs table th{text-align:center;}
div.joueurs table tr th {border: none;border-bottom: 1px solid #d2d2d2;}
div.joueurs table tr td.joueur{text-align: left; }