/* CSS Document */
/*
	Base color
	background : #240d03
*/

body{
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
	color:#a6a6a6;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:url(/Img/Global/backgroundtest.jpg) center 0 repeat #fff;
}
	body a{
		color:#ffffff;
		text-decoration:none;
	}
	body a:hover{
		color:#000000;
		text-decoration:underline;
	}
	
#body2{
	margin-left:0px;
	margin-right:0px;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
	#body2 a{
		color:#ffffff;
		text-decoration:none;
		font-weight:bolder;
	}
	#body2 a:hover{
		color:#ffffff;
		text-decoration:underline;
		font-weight:bolder;
	}	
	
#top-header{
	width:918px;
	height:21px;
	background-image:url(/Img/Global/top-header.png);
	color:#000000;
}
	#top-header a{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:none;
	}
	#top-header a:hover{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:underline;
	}
	
#top-header2{
	width:918px;
	height:21px;
	background-image:url(/Img/Global/top-header-offline.png);
	color:#000000;
}
	#top-header2 a{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:none;
	}
	#top-header2 a:hover{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:underline;
	}	
	
#top-header3{
	width:918px;
	height:21px;
	background-image:url(/Img/Global/top-header-online.png);
	color:#000000;
}
	#top-header3 a{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:none;
	}
	#top-header3 a:hover{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:underline;
	}		

#menu{
	width:918px;
	height:40px;
	background-image:url(/Img/Global/menu.png);
	padding-top:4px;
}
	#menu a{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:none;
	}
	#menu a:hover{
		color:#ffffff;
		font-weight:bolder;
		text-decoration:underline;
	}

#contenu{
	width:903px;
	padding-left:8px;
	padding-right:7px;
	background-color:#8e8e8e;
}

#bg-footer-contenu{
	background-image:url(/Img/Global/bg-footer.png);
	width:918px;
	height:12px;
}

#footer{
	background-image:url(/Img/Global/footer.png);
	width:858px;
	height:47px;
	margin-top:10px;
	margin-bottom:20px;
	color:#ffffff;
	font-weight:bolder;
	text-align:left;
	padding-top:18px;
	padding-left:60px;
}
	#footer a{
		color:#FFFFFF;
		text-decoration:none;
	}
	#footer a:hover{
		color:#FFFFFF;
		text-decoration:underline;
	}
	
.carreblanc{
	background-color:#464646;
	position:relative;
}
	.carreblanc .c-b-g-bl{
		background-image:url(/Img/Global/c-b-g-bl.png);
		width:9px;
		height:9px;
		left:0px;
		bottom:0px;
		position:absolute;
	}
	.carreblanc .c-b-d-bl{
		background-image:url(/Img/Global/c-b-d-bl.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		bottom:0px;
		position:absolute;
	}
	.carreblanc .c-h-g-bl{
		background-image:url(/Img/Global/c-h-g-bl.png);
		width:9px;
		height:9px;
		left:0px;
		top:0px;
		position:absolute;
	}
	.carreblanc .c-h-d-bl{
		background-image:url(/Img/Global/c-h-d-bl.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		top:0px;
		position:absolute;
	}

.carremarron2{
	background-image:url(/Img/Global/bg-marron-index.png);
	width:205px;
	height:32px;
}

.carremarron3{
	background-image:url(/Img/Global/bg-gray-lg-index.png);
	width:204px;
	height:49px;
}

.carremarron4{
	background-image:url(/Img/Global/bg-top/banner-redes-sociales.png);
	width:424px;
	height:53px;
}

.carremarron5{
	background-image:url(/Img/Global/bg-top/banner-redes-sociales.png);
	width:410px;
	height:53px;
}

.carremarron{
	background-color:#87888a;
	position:relative;
}
	.carremarron .c-b-g-ma{
		background-image:url(/Img/Global/c-b-g-ma.png);
		width:9px;
		height:9px;
		left:0px;
		bottom:0px;
		position:absolute;
	}
	.carremarron .c-b-d-ma{
		background-image:url(/Img/Global/c-b-d-ma.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		bottom:0px;
		position:absolute;
	}
	.carremarron .c-h-g-ma{
		background-image:url(/Img/Global/c-h-g-ma.png);
		width:9px;
		height:9px;
		left:0px;
		top:0px;
		position:absolute;
	}
	.carremarron .c-h-d-ma{
		background-image:url(/Img/Global/c-h-d-ma.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		top:0px;
		position:absolute;
	}
	
.carremarron_2{
	background-color:#464646;
	position:relative;
}
	.carremarron_2 .c-b-g-ma_2{
		background-image:url(/Img/Global/c-b-g-ma_2.png);
		width:9px;
		height:9px;
		left:0px;
		bottom:0px;
		position:absolute;
	}
	.carremarron_2 .c-b-d-ma_2{
		background-image:url(/Img/Global/c-b-d-ma_2.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		bottom:0px;
		position:absolute;
	}
	.carremarron_2 .c-h-g-ma_2{
		background-image:url(/Img/Global/c-h-g-ma_2.png);
		width:9px;
		height:9px;
		left:0px;
		top:0px;
		position:absolute;
	}
	.carremarron_2 .c-h-d-ma_2{
		background-image:url(/Img/Global/c-h-d-ma_2.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		top:0px;
		position:absolute;
	}

	
.padding_9{
	padding:9px;
}

.padding_5{
	padding:5px;
}

.number_bleu{
	
	width:23px;
	height:17px;
	color:#FFFFFF;
	margin-right:5px;
	float:left;
	text-align:center;
}
	.number_bleu a{
		color:#FFFFFF;
	}
	.number_bleu a:hover{
		color:#ef4811;
	}
	
.latest-events{
	border:1px solid #665948;
	padding:0px;
	margin-left:0px;
	margin-top:10px;
	margin-right:0px;
	margin-bottom:0px;
}
	.latest-events li{
		background-image:url(/Img/Global/bg-li-latestevents2.png);
		background-repeat:repeat-x;
		list-style:none;
		height:92px;
		padding:5px;
		text-align:left;
	}
	
.top-ranking{
	padding:0px;
	margin:0px;
	background-image:url(/Img/Global/onglets-ranking/freestyle-on.png);
	width:186px;
	height:24px;
}
	.top-ranking li{
		list-style:none;
		color:#FFFFFF;
		font-size:8px;
		float:left;
	}
		.top-ranking li a{
			color:#FFFFFF;
			text-decoration:none;
		}
		.top-ranking li a:hover{
			color:#FFFFFF;
			text-decoration:none;
		}

.top-ranking-2{
	padding:0px;
	margin:0px;
	background-image:url(/Img/Global/onglets-ranking/freestyle-on2.png);
	width:186px;
	height:24px;
}
	.top-ranking-2 li{
		list-style:none;
		color:#FFFFFF;
		font-size:8px;
		float:left;
	}
		.top-ranking-2 li a{
			color:#FFFFFF;
			text-decoration:none;
		}
		.top-ranking-2 li a:hover{
			color:#FFFFFF;
			text-decoration:none;
		}	
		
.bg-partners{
	background-image:url(/Img/Global/bg-partners.png);
	width:219px;
	height:90px;
}

.li-rank{
	list-style:none;
	color:#FFFFFF;
	font-weight:bold;
	height:20px;
	padding-top:5px;
	border-bottom:1px solid #87888a;
	border-top:1px solid #36291a;
	}
	.li-rank a{
		color:#000000;
		text-decoration:none;
		}
	.li-rank a:hover{
		color:#FFFFFF;
		text-decoration:none;
		}
	

.listepage{
	font-size:11px;
	font-weight:bold;
	color:#8e8e8e;
	padding-top:4px;
	padding-bottom:3px;
	margin-top:5px;
	}
	.listepage a{
		border:1px #8e8e8e solid;
		padding:2px 3px 2px 3px;

		font-weight:normal;
		color:#8e8e8e;
		text-decoration:none;
		text-align:center;
		}
	.listepage a:hover{
		border:1px #8e8e8e solid;
		background-color:#8e8e8e;
		padding:2px 3px 2px 3px;

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}
	.listepage b{
		border:1px #8e8e8e solid;
		background-color:#8e8e8e;
		padding:2px 3px 2px 3px;

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}
		
		
.listepage2{
	font-size:12px;
	font-weight:normal;
	color:#ffffff;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	line-height: 9px
	}
	.listepage2 a{
		
		padding:2px 3px 2px 3px;

		font-weight:bold;
		color:#8e8e8e;
		text-decoration:underline;
		text-align:center;
		}
	.listepage2 a:hover{
		
		padding:2px 3px 2px 3px;

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}
	.listepage2 b{
		
		
		

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}		
		
.listepage3{
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
	padding-top:4px;
	padding-bottom:3px;
	margin-top:5px;
	line-height: 14px
	}
	.listepage3 a{
		
		padding:2px 3px 2px 3px;

		font-weight:bold;
		color:#ffffff;
		text-decoration:underline;
		text-align:center;
		}
	.listepage3 a:hover{
		
		padding:2px 3px 2px 3px;

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}
	.listepage3 b{
		
		
		

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}				
		
		.listepage4{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	line-height: 9px
	}
	.listepage4 a{
		
		padding:2px 3px 2px 3px;

		font-weight:bold;
		color:#8e8e8e;
		text-decoration:underline;
		text-align:center;
		}
	.listepage4 a:hover{
		
		padding:2px 3px 2px 3px;

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}
	.listepage4 b{
		
		
		

		font-weight:normal;
		color:#FFFFFF;
		text-decoration:none;
		text-align:center;
		}		
		
			bc_date{
	font-size:12px;
	font-weight:bold;
	color:#f60d28;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	line-height: 9px
	}
	
	.feed_item_title{
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	padding-top:1px;
	padding-bottom:1px;
	margin-top:1px;
	line-height: 9px
	}
	
	.feed_item_description{
	font-size:13px;
	font-weight:normal;
	color:#ffffff;
	padding-top:4px;
	padding-bottom:3px;
	margin-top:5px;
	line-height: 14px
	}
		
/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


			/* The box container div with id 268678 */
			div#rssincl-box-268678 {
				width: 219px; /* sets the width of your RSSbox */
				overflow-x: auto; /* sets a scrollbar if the content is larger than 350px */
				height: 350px; /* sets the width of your RSSbox */
				overflow-y: auto; /* sets a scrollbar if the content is larger than 350px */
			}

			/* All elements inside the box container */
			div#rssincl-box-268678 *{
				font-family: Arial, Helvetica, sans-serif; /* sets the font family for all elements within the RSSbox */
				text-align:left; /* sets text-align to left for all elements*/
				margin:0; /* sets margin to zero for all elements*/
				padding:0; /* sets padding to zero for all elements*/
				line-height:110%; /* sets the line-height a bit greater than normal*/
				clear:both; /* no floating in general */
			}

			/* The div around the title */
			div#rssincl-box-268678 div.rssincl-head {
				padding:10px; /* sets the padding to 10px*/
				background-image:url('../../rssinclude_head_bg.gif'); /* set a gradient background image in the same directory */
				background-repeat:repeat-x; /* repeats the background image along the x-axis only*/
				background-color: #D93D3D; /* general background color when background image not shown*/
			}

			/* The <p> which contains the title of the box, and the <a> tag wrapped around the title (if used) */
			div#rssincl-box-268678 div.rssincl-head p.rssincl-title,
			div#rssincl-box-268678 div.rssincl-head p.rssincl-title a {
				font-size: 18px; /* sets the font size of the title to 18px*/
				font-weight:bold; /* and bold of course */
				color: #FFF; /* colors the title white */
				text-decoration:none; /* no underline */
			}

			/* The div around the content elements / news items */
			div#rssincl-box-268678 div.rssincl-content {}

			/* The div around each news item */
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry {
				padding:10px; /* padding to 10px again */
				background-image:url('../../rssinclude_arrow-black.gif'); /* gradient background-image in the same directory */
				background-repeat:repeat-x; /* image repeats along x-axis only */
				background-color: #898e8f; /* background-color when image is not shown */
				border-bottom:2px solid #ffffff; /* set white border bottom */
				border-left:1px solid #65594b; /* set grey border left */
				border-right:1px solid #65594b; /* set grey border right */
			}

			/* The <p> tag containing the news item title */
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle {
				padding:1px; /* padding of title to 5px*/
				padding-left:20px; /* left padding to 20px because of background image (arrow) */
				background-image:url('../../Img/Global/rssinclude_arrow-black.gif'); /* background image in the same directory */
				background-repeat:no-repeat; /* don't repeat it */
				background-position:0px 1px; /* positioning of background image*/
				margin-bottom:6px; /* margin below the item title*/
			}

			/* The <a> tag wrapped around the news item title */
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a {
				font-size: 14px; /* font size to 14px */
				font-weight:bold; /* bold */
				text-decoration:underline; /* lets it look like a link */
				color: #ffffff;	 /* white */
			}
			
			/* Set a color for rolling over the item title*/
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemtitle a:hover{
				color:#65594b; /* change font color to browns on rollover */
			}

			/* The <p> tag containing the item description, and all elements inside this tag */
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc,
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemdesc *{
				font-size: 12px; /* general font size 12px */
				color: #ffffff; /* dark grey */
			}

			/* The <p> tag containing the item date, and all elements inside this tag */
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemdate,
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemdate *{
				font-size: 10px; /* set date smaller than normal text */
				color: #000000; /* Black */
			}

			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry p.rssincl-itemdate {
				margin-top:6px; /* a bit of space above the date*/
			}

			/* If there are images inside the description, you can style them as well */
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry div.rssincl-itemdesc img {
				border:0px solid #FFF; /* no border for images inside description tag */
			}

			/* There is a clearer div which you can set to "clear:both"... */
			div#rssincl-box-268678 div.rssincl-content div.rssincl-entry div.rssincl-clear {
				clear:both; /* important when using "float" for item elements */
			}
		
		/*  Flash animation conversion css below */
		
div.wlby_movie
{
	overflow: hidden;
	position: static;
	left: 0px;
	top: 0px;
	width: 922px;
	height: 206px;
}
.wlby_text p { padding: 0; margin: 0; }

a.wlby_classic-link { color: inherit; text-decoration: none; }
a.wlby_classic-link:link { color: inherit; text-decoration: none; }
a.wlby_classic-link:hover { color: inherit; text-decoration: none; }
a.wlby_classic-link:active { color: inherit; text-decoration: none; }
a.wlby_classic-link:visited { color: inherit; text-decoration: none; }

a.wlby_tlf-link { color: inherit; text-decoration: none; }
a.wlby_tlf-link:link { color: inherit; text-decoration: none; }
a.wlby_tlf-link:hover { color: inherit; text-decoration: none; }
a.wlby_tlf-link:active { color: inherit; text-decoration: none; }
a.wlby_tlf-link:visited { color: inherit; text-decoration: none; }

.wlby_button > * { visibility: hidden; }
.wlby_button > .wlby_button_normal { visibility: visible; }
.wlby_button:hover > .wlby_button_normal { visibility: hidden; }
.wlby_button:hover > .wlby_button_hover { visibility: visible; }
.wlby_button:active > .wlby_button_normal { visibility: hidden; }
.wlby_button:active > .wlby_button_hover { visibility: hidden; }
.wlby_button:active > .wlby_button_active { visibility: visible; }

@-webkit-keyframes wlby_frameset-animation {
	from { }
	to { }
}

.wlby_fs, .wlby_graphic 
{
	-webkit-animation-name: wlby_frameset-animation;
}

.wlby_graphic 
{
	-webkit-animation-duration: 1s;
}

.wlby_masked 
{
	height: inherit;
	position: inherit;
	width: inherit;
}

.wlby_sprite 
{
	-webkit-animation-name: wlby_frameset-animation;
	-webkit-animation-iteration-count: infinite;
}

.wlby_1
{
	-webkit-animation-duration: 7.58333s;
}

.wlby_6
{
	-webkit-animation-duration: 2.5s;
	position: static;
	-webkit-transform:matrix(1,0,0,1,0,-0.05);
}

.wlby_7
{
	-webkit-animation-duration: 2.5s;
	display: none;
	position: static;
	-webkit-transform:matrix(1,0,0,1,0,-0.05);
}

.wlby_8
{
	-webkit-animation-duration: 2.58333s;
	display: none;
	position: static;
	-webkit-transform:matrix(1,0,0,1,0,-0.05);
}


.carreblanc2{
	background-color:#ffffff;
	position:relative;
}
	.carreblanc2 .c-b-g-bl_2{
		background-image:url(/Img/Global/c-b-g-bl_2.png);
		width:9px;
		height:9px;
		left:0px;
		bottom:0px;
		position:absolute;
	}
	.carreblanc2 .c-b-d-bl_2{
		background-image:url(/Img/Global/c-b-d-bl_2.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		bottom:0px;
		position:absolute;
	}
	.carreblanc2 .c-h-g-bl_2{
		background-image:url(/Img/Global/c-h-g-bl_2.png);
		width:9px;
		height:9px;
		left:0px;
		top:0px;
		position:absolute;
	}
	.carreblanc2 .c-h-d-bl_2{
		background-image:url(/Img/Global/c-h-d-bl_2.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		top:0px;
		position:absolute;
	}
.carreblanc3{
	background-color:#464646;
	position:relative;
}
.carreblanc3 a{
		color:#000000;
		text-decoration:none;
		font-weight:bolder;
	}
	carreblanc3 a:hover{
		color:#ffffff;
		text-decoration:underline;
	}
	.carreblanc3 .c-b-g-bl{
		background-image:url(/Img/Global/c-b-g-bl.png);
		width:9px;
		height:9px;
		left:0px;
		bottom:0px;
		position:absolute;
	}
	.carreblanc3 .c-b-d-bl{
		background-image:url(/Img/Global/c-b-d-bl.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		bottom:0px;
		position:absolute;
	}
	.carreblanc3 .c-h-g-bl{
		background-image:url(/Img/Global/c-h-g-bl.png);
		width:9px;
		height:9px;
		left:0px;
		top:0px;
		position:absolute;
	}
	.carreblanc3 .c-h-d-bl{
		background-image:url(/Img/Global/c-h-d-bl.png);
		float:right;
		width:9px;
		height:9px;
		right:0px;
		top:0px;
		position:absolute;
	}	
	.results{
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0px;
	color:#fefefe;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}