/**
 * Stylesheet
 *
 * Copyright Fusionary Media
 */


/* NORMALIZING styles
-------------------------------------------*/
body, div, ul, li, dl, dt, dd, td, h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

div, span, img, form, h1, h2, h3, h4, h5, h6, fieldset {
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: 0px;
}
table{
	border: 0px;
}



/* MAIN styles
-------------------------------------------*/
body{
	margin: 0px;
	padding: 0px;
	background: #41b0dc url(images/bg_body.png) repeat-x;
	font: normal normal 12px/1.5 Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:center;
}

/* CSS FLOAT CLEAR: http://positioniseverything.net/easyclearing.html
-------------------------------------------*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
  
 .clearfix {
display: inline-block;
}  

    /* Holly Hack Targets IE Win only \*/
    * html .clearfix {height: 1%;}
	.clearfix {display: block;}
    /* End Holly Hack */



/* MALARKEY IMAGE REPLACEMENT: http://www.stuffandnonsense.co.uk/archives/mir_image_replacement.html
-------------------------------------------*/
.mir {letter-spacing : -1000em; text-indent: -1em;}
	/* Just for Opera, but hide from MacIE */
		/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
	/* End of hack */




/* CONTAINER styles
-------------------------------------------*/
#container{
	width: 943px;
	position:relative;
	margin: 0px auto 0px;
	background: url(images/bg_content.gif) 0 142px repeat-y center top;
	text-align: left;
}

/* HEADER styles
-------------------------------------------*/
#header{
	height: 142px;
	width: 943px;
	position:relative;
	margin: 12px auto 0px;
}

#header img{
	position: absolute;
	left: 31px;
	top: -12px;
}


ul#mainNav, ul#mainNav li{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
	ul#mainNav {
		display: block;
		width: 881px;
		height: 70px;
		background: transparent url(images/bg_nav2.png?v2) 0 0 no-repeat;
		position: relative;
		top: 72px;
		padding: 0 31px 0 31px;
	}
	ul#mainNav li{
		display: inline;
	}
	
		ul#mainNav li a{
			display: block;
			float: left;
			height: 70px;
			background: transparent url(images/bg_nav2.png) 0 0 no-repeat;
		}

			
			ul#mainNav li.nav_accueil a{
				background: transparent url(images/bg_nav2.png) -31px 0 no-repeat;
				width: 76px;
			}
				body.accueil ul#mainNav li.nav_accueil a{
					background: transparent url(images/bg_nav2.png) -31px -70px no-repeat !important;
				}
				ul#mainNav li.nav_accueil a:hover{
					background: transparent url(images/bg_nav2.png) -31px -140px no-repeat;
				}

			ul#mainNav li.nav_bourse a{
				background: transparent url(images/bg_nav2.png) -108px 0 no-repeat;
				width: 162px;
			}
				body.bourse ul#mainNav li.nav_bourse a{
					background: transparent url(images/bg_nav2.png) -108px -70px no-repeat !important;
				}
				ul#mainNav li.nav_bourse a:hover{
					background: transparent url(images/bg_nav2.png) -108px -140px no-repeat;
				}

			ul#mainNav li.nav_prono a{
				background: transparent url(images/bg_nav2.png) -270px 0 no-repeat;
				width: 104px;
			}
				body.prono ul#mainNav li.nav_prono a{
					background: transparent url(images/bg_nav2.png) -270px -70px no-repeat !important;
				}
				ul#mainNav li.nav_prono a:hover{
					background: transparent url(images/bg_nav2.png) -270px -140px no-repeat;
				}

			ul#mainNav li.nav_defi a{
				background: transparent url(images/bg_nav2.png) -374px 0 no-repeat;
				width: 165px;
			}
				body.defi ul#mainNav li.nav_defi a{
					background: transparent url(images/bg_nav2.png) -374px -70px no-repeat !important;
				}
				ul#mainNav li.nav_defi a:hover{
					background: transparent url(images/bg_nav2.png) -374px -140px no-repeat;
				}
				
			ul#mainNav li.nav_communaute a{
				background: transparent url(images/bg_nav2.png) -539px 0 no-repeat;
				width: 154px;
			}
				body.communaute ul#mainNav li.nav_communaute a{
					background: transparent url(images/bg_nav2.png) -539px -70px no-repeat !important;
				}
				ul#mainNav li.nav_communaute a:hover{
					background: transparent url(images/bg_nav2.png) -539px -140px no-repeat;
				}

			ul#mainNav li.nav_l1 a{
				background: transparent url(images/bg_nav2.png) -693px 0 no-repeat;
				width: 127px;
			}
				body.l1 ul#mainNav li.nav_l1 a{
					background: transparent url(images/bg_nav2.png) -693px -70px no-repeat !important;
				}
				ul#mainNav li.nav_l1 a:hover{
					background: transparent url(images/bg_nav2.png) -693px -140px no-repeat;
				}

			ul#mainNav li.nav_perso a{
				background: transparent url(images/bg_nav2.png) -820px 0 no-repeat;
				width: 88px;
			}
				body.perso ul#mainNav li.nav_perso a{
					background: transparent url(images/bg_nav2.png) -821px -70px no-repeat !important;
				}
				ul#mainNav li.nav_perso a:hover{
					background: transparent url(images/bg_nav2.png) -820px -140px no-repeat;
				}
			ul#mainNav li.nav_autres a{
				background: transparent url(images/bg_nav2.png) -840px 0 no-repeat;
				width: 75px;
			}
				body.autres ul#mainNav li.nav_autres a{
					background: transparent url(images/bg_nav2.png) -837px -70px no-repeat !important;
				}
				ul#mainNav li.nav_autres a:hover{
					background: transparent url(images/bg_nav2.png) -837px -140px no-repeat;
				}

/* mainBody styles
-------------------------------------------*/

#mainBody{
	background: #fff url(images/bg_content_sidebar.gif) repeat-y center top;
	margin: 0px 31px 0 31px;
	padding: 40px 20px 10px 20px;
}

/* FOOTER styles
-------------------------------------------*/
#new_footer{
	clear: both;
	padding: 35px 0 0;
	background: #41b0dc url(images/bg_footer_sidebar.gif) no-repeat center top;
	position: relative;
}

/* SubMenu styles
-------------------------------------------*/
#submenu{
	clear: both;
	position: absolute;
	width: 883px;
  margin:3px 0 0 0;
}

#submenu li {
    float:left;
    list-style:none;
    position:relative;
    margin:0 0 0 20px;
		color #ffffff;
}

.puce_menu {
	background: url(http://www.boursifoot.net/images/fleche_lien.gif) no-repeat;
	margin-left: -15px ;
	padding-left: 20px ;
}

    
#submenu a:link{color: #00a3e1;text-decoration: none;font-weight: bold;}
#submenu a:visited{color: #00a3e1;text-decoration: none;font-weight: bold;}
#submenu a:hover{color: #990000;text-decoration: none;font-weight: bold;}
#submenu a:active{color: #00a3e1;text-decoration: none;font-weight: bold;}

#secondaryNav a:link{color: #666666;text-decoration: none;font-weight: bold;}
#secondaryNav a:visited{color: #666666;text-decoration: none;font-weight: bold;}
#secondaryNav a:hover{color: #990000;text-decoration: none;font-weight: bold;}
#secondaryNav a:active{color: #666666;text-decoration: none;font-weight: bold;}

#secondaryNav a {
	padding: 0 8px 0 8px;
	background: url(images/pipe.gif) no-repeat left center;
}
ul#secondaryNav, ul#secondaryNav li{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: center;
}
ul#secondaryNav{
	margin: 0 77px 0 0;
}
ul#secondaryNav li{
	display: inline;
}
	
ul#secondaryNav li.first a{
	background: none;
}

.bf-box {
	width: 270px;
	}

.colonne_gauche {
	position:relative;
	width: 600px;
	padding: 2px;
	float:left;
	}
.colonne_droite {
	width: 220px;
	position:relative;
	padding: 2px;
	float:right;
	}

.bf_full_cellule {
	float:left;
	width: 590px;
}

.bf_demi_cellule {
	float:left;
	width: 270px;
	margin-top: 3px;
	margin-left: 3px;
}

#bloc_non_id {
	position: absolute;
	float:left;
	top: 50px;
	font-size: 87%;
	padding: 2px;
}
#bloc_non_id a:link{color: #dddddd;text-decoration: none;font-weight: bold;}
#bloc_non_id a:visited{color: #dddddd;text-decoration: none;font-weight: bold;}
#bloc_non_id a:hover{color: #990000;text-decoration: none;font-weight: bold;}
#bloc_non_id a:active{color: #dddddd;text-decoration: none;font-weight: bold;}

#bloc_non_id ul li a {
	padding: 0 8px 0 8px;
	background: url(images/pipe.gif) no-repeat left center;
}
#bloc_non_id ul li{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: right;
}
#bloc_non_id ul {
	margin: 0 1px 0 0;
}
#bloc_non_id ul li{
	display: inline;
}
	
#bloc_non_id ul li.first a{
	background: none;
}
#bloc_non_id ul li.rss a{
	background: url(images/mini_rss_menu.gif) no-repeat;
	padding: 3px 18px;
}

#main-box a:link{color: #222222;text-decoration: none;font-weight: bold;}
#main-box a:visited{color: #222222;text-decoration: none;font-weight: bold;}
#main-box a:hover{color: #990000;text-decoration: none;font-weight: bold;}
#main-box a:active{color: #222222;text-decoration: none;font-weight: bold;}

#main-box ul li a {
	padding: 0 8px 0 8px;
	background: url(images/pipe.gif) no-repeat left center;
}
#main-box ul li{
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
	text-align: right;
}
#main-box  ul {
	margin: 0 1px 0 0;
}
#main-box  ul li{
	display: inline;
}
	
#main-box  ul li.first a{
	background: none;
}
#main-box  ul li.rss a{
	background: url(images/mini_rss_menu.gif) no-repeat;
	padding: 3px 18px;
}
#main-box  ul li.mail_on a{
	background: url(images/icone_mail_on.gif) no-repeat;
	padding: 3px 18px;
}
#main-box  ul li.mail_off a{
	background: url(images/icone_mail_off.gif) no-repeat;
	padding: 3px 18px;
}

#main-box  ul li.logout a{
	background: url(images/mini-user.gif) no-repeat;
	padding: 3px 18px;
}

h2 {
	color: #666666;
	margin: 3px 0 2px;
	padding-bottom: 4px;
	font: normal 30px/100% "Lucida Grande", Arial, sans-serif;
	border-bottom: dotted 1px #CCCCCC;
}
h2 a, h2 a:visited {
	color: #333333;
	text-decoration: none;
}
h2 a:hover {
	color: #44a1d0;
	text-decoration: none;
}
h3 {
	color: #666666;
	margin: 5px 0px 5px;
	font: bold 110%/110% "Lucida Grande", Arial, sans-serif;
}

.bf_full_cellule {
	float:left;
	width: 100%;
	padding: 5px 10px 9px 10px;
}

.bf_demi_cellule {
	float:left;
	width: 45%;
	margin-top: 3px;
	padding: 5px 10px 9px 10px;
}

.bf-box {
	margin: 10px 0px 3px 3px;
	padding:0;
	border:none;
	clear: both;
	}

.bf-box-calf {
	margin: 10px 0px 3px 3px;
	padding:0;
	border:none;
	clear: both;
	width: 100%;
	position: relative;
	}

.bf-handle {
	position:relative;
	margin:0;
	padding: 4px 24px 7px 10px;
	background: url(images/bf_handle.gif);
}

.bf-content {
	margin: 0;
	padding: 5px;
	background-color: #ececec;
}

.bf-content ul li {
	list-style: none;
	margin: 0 ;
	padding: 0 ;
}
.bf-content .links {
	background: url(images/fleche_lien.gif) no-repeat;
	margin-left: -25px ;
	padding-left: 25px ;
}

.forum-handle {
	position:relative;
	margin:0;
	padding: 4px 24px 7px 10px;
	background: url(images/forum_handle.gif);
	color: #FFFFFF;
}


.cote-handle {
	position:relative;
	margin:0;
	padding: 4px 24px 7px 10px;
	background: url(images/cote_handle.gif);
	color: #FFFFFF;
}
.prono-handle {
	position:relative;
	margin:0;
	padding: 4px 24px 7px 10px;
	background: url(images/prono_handle.gif);
	color: #FFFFFF;
}
.res-handle {
	position:relative;
	margin:0;
	padding: 4px 24px 7px 10px;
	background: url(images/res_handle.gif);
	color: #FFFFFF;
}

tr.fond_fonce, td.fond_fonce {
	background-color: #dddddd;
	border-bottom: solid 1px #aaaaaa;
}
tr.fond_clair, td.fond_clair {
	background-color: #eeeeee;
	border-bottom: solid 1px #aaaaaa;
}

#main-box {
	padding:0;
	border:none;
	clear: both;
	float: right;
	position:absolute;
	top: 19px;
	right: 31px;
	}
#main-id-box {
	padding:0;
	border:none;
	clear: both;
	float: right;
	position:absolute;
	top: -3px;
	width: 230px;
	right: 31px;
	}
#main-ins-box {
	padding:0;
	border:none;
	clear: both;
	float: right;
	position:absolute;
	top: 19px;
	width: 120px;
	right: 263px;
	}
.teasing						{ font-weight: bold; font-size: 16px; color: #00a3e1; }