@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#333333;
	font-size:11px;
	}
#bkg{
	background:url(/images/fr/home/bkg-top.png) repeat-x left top #FFFFFF;}
#content{
	margin:auto;
	width:981px;
	}
/******************top*******************/
#top{
	margin:0;
	padding:0;
	height:83px;
	width:981px;
	}
#logo{
	width:255px;
	height:67px;
	margin:16px 0 0 20px;
	float:left;
	}
#logo img{
	}
#inscription{
	float:left;
	margin:0 0 0 418px;
	width:255px;
	height:83px;
	}
* html #inscription{
	margin:0 0 0 340px;
	}
.seconnecter{
	background: url(/images/fr/home/btn-connect.png) no-repeat left top;
	display:block;
	float:left;
	height:32px;
	width:123px;
	margin:0;
	border:none;
	cursor:pointer;
	position:relative;
	z-index:1000;
	}
.seconnecterOk{
	background:url(/images/fr/home/btn-connect-ok.gif) no-repeat left top;
	width:93px;
	height:22px;
	display:block;
	float:right;
	border:none;
	cursor:pointer;
	margin:10px 0 0 0;
	}
.seconnecterOk:hover{
	background-position:0 -22px;
}
.contacteznous{
	background: url(/images/fr/home/btn-inscription.png) no-repeat left top;
	display:block;
	float:left;
	height:32px;
	width:123px;
	margin:28px 0 0 0;
	border:none;
	cursor:pointer;
	position:relative;
	z-index:51;
	
	}
.seconnecter:hover{
	background-position: 0 -32px;
}
.contacteznous:hover{
	background-position: 0 -32px;
	}
a span{
	display:none;
	}

#inscription #formLoggin{
	float:left;
	margin:28px 0 0 8px;
	height:32px;
	width:123px;
	}
.logginError{
	color:#EF4A4A;
	position:absolute;
	margin:-8px 0 0 0;
	}
#inscription #formLoggin #formDisplay{
	color:#FFFFFF;
	display:none;
	background:url(/images/fr/home/bkg-connect.gif) no-repeat left top;
	width:244px;
	height:166px;
	position:absolute;
	margin:-4px 0 0 -130px;
	padding:73px 22px 0 22px;
	z-index:50;
	}
*+html #inscription #formLoggin #formDisplay{
	margin:-4px 0 0 -254px;
	padding:70px 22px 0 22px;
	height:136px;
	}
* html #inscription #formLoggin #formDisplay{
	margin:-4px 0 0 -254px;
	padding:70px 22px 0 22px;
	height:136px;
	}
#inscription #formLoggin:hover #formDisplay{
	/*display:block;*/
	}

#inscription #formLoggin #formDisplay h3{
	text-transform:uppercase;
	font-weight:normal;
	font-size:11px;
	margin:8px 0;
	}
#inscription #formLoggin #formDisplay a{
	color:#BEFE38;
	}
#inscription form{
	margin:0;
	padding:0;
	}
#inscription .formulaire{
	background: url(/images/fr/home/bkg-form.gif) no-repeat left top;
	height:20px;
	width:243px;
	padding:0;
	margin:2px 0;
	}
#inscription .formulaire input{
	background:none;
	border:none;
	font-size:11px;
	margin:4px 5px;
	width:230px;
	}
a{
	text-decoration:none;
	color:#ffffff;
	}
a:hover{
	text-decoration:underline;
	}
a.oublie{
	float:left;
	display:block;
	font-size:9px;
	margin:7px 0 0 4px;
	padding:8px 0 0;
	}
#langues{
	float:right;
	font-size:10px;
	height:63px;
	margin:10px 0 0;
	padding:5px 7px;
	text-align:center;
	width:13px;
	background: url(/images/fr/home/bkg-langues.png) no-repeat left top;
	overflow:hidden;
	position:relative;
	z-index:52;
	}
#langues div{
		height:63px;
		width:13px;
		}
#langues a{
	color:#999999;
	display:block;
	float:left;
	margin:0 0 5px;
	text-shadow:0 -1px 0 #000000;
	}
*+html #langues a{
	margin:0 0 10px;
	}
* html #langues a{
	margin:0 0 10px;
	}
#langues a:hover{
	color:#ffffff;
	text-decoration:none;
	}
#langues a#actif{
	color:#ffffff;
	}
/******************middle*******************/
#middle{
	padding:0;
	margin:0;
	width:981px;
	}
#middle h1{
	color:#333333;
	font-size:24px;
	font-weight:normal;
	text-align:center;
	}
#middle h1 span{
	color:#669900;}
#demo{
	float:left;
	width:699px;
	}
#preview{
	display:block;
	background:url(/images/fr/home/demo.png) no-repeat left top;
	float:left;
	width:699px;
	height:323px;
	margin:0;
	padding:0;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/fr/home/demo.png', sizingMethod='crop');
	_background-image: none;
	cursor:pointer;
	}
#preview span{
	display:none;
	}
#contentpicto{
	float:left;
	width:699px;
	margin:0;
	padding:48px 0 0 0;
	background:url(/images/fr/home/ombre.png) no-repeat center top;
	}

.description{
	float:left;
	/*padding:0 0 0 85px;
	width:249px;
	margin:0 0 48px 0;*/
	margin:0 15px 41px 0;
	padding:0 0 0 95px;
	width:230px;
		}
.responsable{
	background:url(/images/fr/home/sifflet.png) no-repeat left top;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/fr/home/sifflet.png', sizingMethod='crop');
	_background-image: none;
		}
.joueur{
	background:url(/images/fr/home/chrono.png) no-repeat left top;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/fr/home/chrono.png', sizingMethod='crop');
	_background-image: none;
	}
.stat{
	background:url(/images/fr/home/stats.png)  no-repeat left top;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/fr/home/stats.png', sizingMethod='crop');
	_background-image: none;
		}
.gratuit{
	background:url(/images/fr/home/euro.png) no-repeat left top;
		_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, src='/images/fr/home/euro.png', sizingMethod='crop');
	_background-image: none;
		}
.description h3{
		font-size:12px;
		font-weight:bold;
		color:#81C101;
		margin:0 0 10px 0;
		}
.description p{
	line-height:17px;
	margin:0;
	}
#right{
	background:url(/images/fr/home/bkg-right.png) no-repeat right top;
	_background:url(/images/fr/home/bkg-right.gif) no-repeat right top;
	color:#333333;
	float:left;
	height:209px;
	padding:390px 20px 30px 20px;
	width:242px;
	text-align:center;
	}
#right .inscrivezVous{
	background:url(/images/fr/home/btn-inscrivez-vous.png) no-repeat left top;
	display:block;
	border:none;
	width:236px;
	height:37px;
	cursor:pointer;
	margin:12px 0;
	}
#right .inscrivezVous:hover{
	background-position:0 -37px;
	}
#right h2{
	float:left;
font-size:16px;
margin:15px 0;
width:236px;
	}
#right p{
	font-size:13px;
	margin:9px 0;
	float:left;
	}
/******************bottom avec spoonsor*******************/
/*#contentBottom{
	background: url(/images/fr/home/bkg-bottom.png) repeat-x left bottom;
	}
#bottom{
	width:986px;
	height:184px;
	margin:auto;
	}
#abonnement{
	width:328px;
	float:left;
	text-align:right;
	margin:12px 0 0 0;
	}
	
#abonnement p{
	color:#FFFFFF;
	font-size:11px;
	line-height:20px;
	margin:20px 0;
	}
#abonnement span{
	color:#666666;
	font-size:11px;
	}
#sponsor{
	background:url(/images/fr/home/bkg-sponsor.png) no-repeat left top;
	float:left;
	width:628px;
	height:100px;
	margin:16px 0 0 0;
	padding:12px 0 0 30px;
	}
#marques{
	width:456px;
	float:left;
	margin:10px 4px 0 0;
	}
#marques img{
	float:left;
	margin:0 7px 9px 0;
}
#bottom h4{
	color:#797979;
	font-size:15px;
	line-height:19px;
	margin:0;
	}
#bottom p{
	}
#bottom a{
	color:#7AB801;
	}
a.partenaire{
	background: url(/images/fr/home/btn-sponsor.png) no-repeat left top;
	display:block;
	width:140px;
	height:94px;
	float:right;
	margin:-22px 11px 0 0;;
	}
a.partenaire:hover{
	background-position:0 -94px;
	}
a.partenaire span{
	display:none;
	}
#footer{
		width:986px;
		height:55px;
		text-align:right;
		vertical-align:middle;
		color:#666;
		font-size:10px;
		}
.clear{
	clear:both;
	}*/
	/******************bottom avec spoonsor*******************/
#contentBottom{
	background: url(/images/fr/home/bkg-bottom.png) repeat-x left bottom;
	}
#bottom{
	width:986px;
	height:184px;
	margin:auto;
	}
#abonnement{
	width:328px;
	float:left;
	margin:12px 0 0 0;
	}
	
#abonnement p{
	color:#FFFFFF;
	font-size:11px;
	line-height:20px;
	margin:0;
	}
#abonnement span{
	color:#666666;
	font-size:11px;
	}
#sponsor{
	float:right;
	width:628px;
	height:100px;
	margin:16px 0 0 0;
	padding:0;
	}
#marques{
	display:none;
	}
#marques img{
	display:none;
}
#bottom h4{
	display:none;
	}
#bottom p{
	}
#bottom a{
	color:#7AB801;
	}
a.partenaire{
	background: url(/images/fr/home/btn-sponsor_02.png) no-repeat left top;
	display:block;
	width:289px;
	height:71px;
	float:right;
	margin:0;
	}
a.partenaire:hover{
	background-position:0 -71px;
	}
a.partenaire span{
	display:none;
	}
#footer{
		width:986px;
		height:55px;
		text-align:right;
		vertical-align:middle;
		color:#666;
		font-size:10px;
		}
.clear{
	clear:both;
	}
/******************************** modal ***************************************/
.rbkmodal-close{}
.rbkmodal-close a{
	background:url(/images/modals/close_fr.png) no-repeat left top;
	width:61px;
	height:17px;
	display:block;
	}
.rbkmodal-close a:hover{
	background-position:0 -17px;
	}
#rbkmodal_contact ul.error_list{
	margin:0;
	padding:0;
	}
#rbkmodal_contact ul.error_list li{	
	font-size:11px;
	color:#CC0000;
	background-color:transparent;
	width:254px;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}