@charset "utf-8";
/* CSS Document */
body{
	margin:0;
	padding:0;
	background:url(/images/splashpage/bkg-white.jpg) #FFF repeat-x 50% top;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	}
#global{
	background:url(/images/splashpage/bkg-degrade-top.png) repeat-x left top;
	_background:none;
	margin:0;
	/*margin:188px 0 0 0;*/
	padding:0;
	height:714px;
	/*height:114px;*/
	overflow:hidden;
	}

#logoOA, #logoOACom{
	height:83px;
	}
#logoOA div, #logoOACom div{
	width:963px;
	margin:auto;
	background:url(/images/splashpage/logo-splash.png) no-repeat left 19px;
	_background:url(/images/splashpage/logo-splash.gif) no-repeat left 19px;
	text-indent:-2000px;
	height:83px;
	padding:0;
	}
#logoOACom div{
	background:url(/images/splashpage/logo-splash-com.png) no-repeat left 19px;
	_background:url(/images/splashpage/logo-splash-com.gif) no-repeat left 19px;
	}
#nav{
	margin:1px 0 0 0;
	height:30px;
	background:url(/images/splashpage/bkg-nav.gif) repeat-x left top;
	}
#contentNav{
	width:963px;
	margin:auto;
	}
#contentNav ul{
	float:right;
	margin:0;
	padding:0;
	height:30px;
	width:300px;
	}
#contentNav ul li{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	height:30px;
	}
#contentNav ul li a{
	display:block;
	margin:8px 0 0 0;
	padding:0;
	text-indent:2000px;
	height:14px;
	}
#contentNav ul li a span{
	display:none;
	}
#contentNav ul li.belgie{
	width:40px;
	}
#contentNav ul li.belgie a{
	background:url(/images/splashpage/nav_com.gif) no-repeat left -14px;
	width:40px;
	}
#contentNav ul li.belgie a:hover, #contentNav ul li.belgie a.countrySelected{
	background-position: left top;
	}
#contentNav ul li.belgique{
	width:60px;
	}
#contentNav ul li.belgique a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -40px -14px;
	width:60px;
	}
#contentNav ul li.belgique a:hover, #contentNav ul li.belgique a.countrySelected{
	background-position: -40px top;
	}
#contentNav ul li.france{
	width:50px;
	}
#contentNav ul li.france a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -100px -14px;
	width:50px;
	}
#contentNav ul li.france a:hover, #contentNav ul li.france a.countrySelected{
	background-position: -100px top;
	}
#contentNav ul li.luxembourg{
	width:78px;
	}
#contentNav ul li.luxembourg a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -150px -14px;
	width:78px;
	}
#contentNav ul li.luxembourg a:hover, #contentNav ul li.luxembourg a.countrySelected{
	background-position: -150px top;
	}
#contentNav ul li.nederland{
	width:70px;
	}
#contentNav ul li.nederland a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -228px -14px;
	width:70px;
	}
#contentNav ul li.nederland a:hover, #contentNav ul li.nederland a.countrySelected{
	background-position: -228px top;
	}
/********************* nav .com **********************/
#contentNav.pointcom ul{
	width:291px;
	}
#contentNav.pointcom ul li.belgie{
	width:40px;
	}
#contentNav.pointcom ul li.belgie a{
	background:url(/images/splashpage/nav_com.gif) no-repeat left -14px;
	width:40px;
	}
#contentNav.pointcom ul li.belgie a:hover, #contentNav.pointcom ul li.belgie a.countrySelected{
	background-position: left top;
	}

#contentNav.pointcom ul li.belgique{
	width:60px;
	}
#contentNav.pointcom ul li.belgique a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -40px -14px;
	width:60px;
	}
#contentNav.pointcom ul li.belgique a:hover, #contentNav.pointcom ul li.belgique a.countrySelected{
	background-position: -40px top;
	}


#contentNav.pointcom ul li.france{
	width:49px;
	}
#contentNav.pointcom ul li.france a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -100px -14px;
	width:49px;
	}
#contentNav.pointcom ul li.france a:hover, #contentNav.pointcom ul li.france a.countrySelected{
	background-position: -100px top;
	}

#contentNav.pointcom ul li.luxembourg{
	width:79px;
	}
#contentNav.pointcom ul li.luxembourg a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -149px -14px;
	width:79px;
	}
#contentNav.pointcom ul li.luxembourg a:hover, #contentNav.pointcom ul li.luxembourg a.countrySelected{
	background-position: -149px top;
	}
#contentNav.pointcom ul li.nederland{
	width:63px;
	}
#contentNav.pointcom ul li.nederland a{
	background:url(/images/splashpage/nav_com.gif) no-repeat -228px -14px;
	width:63px;
	}
#contentNav.pointcom ul li.nederland a:hover, #contentNav.pointcom ul li.nederland a.countrySelected{
	background-position: -228px top;
	}
/********************* loggin/inscription *******************/
#middleSplash{
	background:url(/images/splashpage/bkg-black.jpg) repeat-x 50% top;
	height:516px;
	}
#ContentFacebook{
	width:963px;
	margin:auto;
	position:relative;
	}
#contentMiddle{
	width:963px;
	}
#left{
	float:left;
	margin:17px 0 0 10px;
	_margin:17px 0 0 5px;
	width:620px;
	}
#contentLoggin{
	background:url(/images/splashpage/bkg-loggin.png) no-repeat left top;
	width:620px;
	height:78px;
	float:left;
	}
#contentLoggin .bkgInput{
	margin:19px 0 0 13px;
	background:url(/images/splashpage/champ-loggin.png) no-repeat left top;
	width:220px;
	height:24px;
	float:left;
	padding:0;
	}
#contentLoggin .bkgInput input{
	border:0 none;
	margin:2px 4px;
	position:absolute;
	width:210px;
	z-index:1000;
	background-color:transparent;
	padding:0;
	}
#contentLoggin .checker{
	background:url(/images/splashpage/radio-check-square-loggin.png) no-repeat left top;
display:inline;
float:left;
height:11px;
margin:7px 0 0;
overflow:hidden;
position:relative;
width:10px;
	}
#contentLoggin span{
	bottom:0;
	display:block;
	left:0;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	}
#contentLoggin span.checked{
	background:url(/images/splashpage/checked.gif) no-repeat left top;
	width:8px;
	height:8px;
	}
#contentLoggin .checker input{
	opacity:0;
	position:absolute;
	cursor:pointer;

	padding:0;
	margin:0;

	}
#contentLoggin .btnConnectefr, #contentLoggin .btnConnecteFR {
	cursor:pointer;
	background:url(/images/splashpage/fr/btn-connection.png) no-repeat left top;
	display:block;
	float:left;
	margin:19px 0 0 13px;
	width:118px;
	height:25px;
	text-indent:-2000px;
	border:none;
	}

#contentLoggin .btnConnectenl{
	cursor:pointer;
	background:url(/images/splashpage/nl/btn-connection.png) no-repeat left top;
	display:block;
	float:left;
	margin:19px 0 0 13px;
	width:118px;
	height:25px;
	text-indent:-2000px;
	border:none;
	}
#contentLoggin .btnConnectefr:hover, #contentLoggin .btnConnectenl:hover{
	background-position:0 -25px;
	}
*+html #contentLoggin .btnConnecte{
	font-size:0;
	color:#e30b29;
	text-indent:0;
	text-align:left;
	}
* html #contentLoggin .btnConnecte{
	font-size:0;
	color:#e30b29;
	text-indent:0;
	text-align:left;
	}
#contentLoggin .btnConnecte:hover{
	background-position:0 -25px;
	}
#contentLoggin .email{
	color:#FFFFFF;
	float:left;
	margin:6px 0 0 13px;
	width:105px;
	}
#contentLoggin .passWord{
	color:#FFFFFF;
	float:left;
	margin:6px 0 0 13px;
	width:110px;
	}
#contentLoggin .rememberTxt{
	color:#CCCCCC;
	float:left;
	font-size:10px;
	margin:6px 0 0;
	text-align:right;
	width:95px;
	}
#contentLoggin .forgot{
	color:#CCCCCC;
	float:left;
	font-size:10px;
	margin:6px 0 0;
	text-align:right;
	width:110px;
	}
#contentLoggin .forgot a{
	text-decoration:none;
	color:#FFF;
	}
#contentLoggin .forgot a:hover{
	text-decoration:underline;
	}
#wording{
	width:620px;
	float:left;
	}
#wording h2{
	color:#FFFFFF;
	/*font-size:40px;*/
	font-size:33px;
	line-height:40px;
	margin:18px 0;
	}
#wording h2 .red{
	color:#EB2C3B;
	}
#wording h3{
	color:#FFFFFF;
	font-size:15px;
	margin:0;
	}
#wording p{
	color:#FFFFFF;
	font-size:13px;
	line-height:20px;
	padding:0 6px;
	background:url(/images/splashpage/bkg-paragraph.png) repeat left top;
	_background-image:none;
	_background-color:#000;
	}
#right{
	float:left;
	margin:17px 0 0 5px;
	_margin:17px 0 0 0;
	position:relative;
	}
#inscription{
	float:left;
	background:url(/images/splashpage/bkg-inscription.png) no-repeat left top;
	width:287px;
	height:463px;
	padding:15px 0 0 17px;
	margin:0 0 0 13px;
	}
#inscription h2{
	display:block;
	width:262px;
	font-size:13px;
	margin:0;
	}
#inscription p{
	font-size:13px;
	margin:8px 0;
	}
#inscription a{
	color:#DF132C;
	text-decoration:none;
	}
#inscription a:hover{
	text-decoration:underline;
	}
#inscription table{
	width:269px;
	}
#inscription table.facultatif{
	margin:0 0 0 3px;
	width:266px;
	}
#inscription table tr{}
#inscription table tr th{
	width:105px;
	text-align:left;
	font-weight:normal;
	}
#inscription table tr td{
	padding:4px 0;
	}
#inscription table tr td .radio{
	background:url(/images/splashpage/radio-check.png) no-repeat scroll left top transparent;
	display:inline;
	float:left;
	height:18px;
	margin:1px 5px 1px 1px;
	overflow:hidden;
	position:relative;
	width:18px;
}
#inscription table tr td input.formInscription{
	display:inline;
	float:left;
	}
#inscription table tr td input#inscription_parrain{
	width:254px;

	}
#inscription table tr td .radio span{
	bottom:0;
	display:block;
	left:0;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
}
#inscription table tr td .radio span.checked{
	background:url(/images/splashpage/radio-checked.png) no-repeat scroll center center transparent;
	}
#inscription table tr td .radio input{
	opacity:0;
	position:absolute;
	outline:medium none;
	cursor:pointer;
	}
#inscription table tr td label{
	display:inline;
	float:left;
	margin:3px 6px 0 5px;
	}
#inscription table tr td .bkgInput{
	background: url(/images/splashpage/champ-inscription.png) no-repeat left top;
	width:164px;
	height:26px;
	}
#inscription table tr td.bkgInput input{
	/*opacity:0;
	border:0 none;
	margin:4px;
	position:relative;*/
	width:158px;
	z-index:1000;
	height:16px;
}
.gray{
	font-size:10px;
	color:#666;
	}
#inscription table tr td.gray{
	padding:6px 0 0 2px;
	}
#inscription table tr td.birthday{
	text-indent:-2000px;
	width:164px;

	}
#inscription table tr td .selector{
	text-indent:1px;
	background: url(/images/splashpage/select-box.png) no-repeat scroll left top transparent;
	color:#000000;
	display:block;
	float:left;
	font-size:11px;
	height:22px;
	margin:0 5px 0 0;
	width:49px;
}
#inscription table tr td .selector span{
	position:absolute;
	}
#inscription table tr td .selector select{
	opacity:0;
	position:absolute;
	}
#inscription table tr td .selector option{
	border:0 none;
	margin:0;
	padding:0;
	}
#inscription table tr td.dateNaissance{
	color:#DFDFDF;
	}
#inscription table tr td.dateNaissance select{
	width:52px;
	}
#inscription #invitAmi{
	float:left;
	_width:190px;
	}
#inscription .moreInfo{
	float:right;
	margin: 0 7px 0 0;
	color:#DF132C;
	cursor:pointer;
	_display:none;
	}
#inscription .moreInfo .bulle{
	display:none;
	background:url(/images/splashpage/bulle.png) no-repeat left top;
	color:#FFFFFF;
	height:92px;
	margin:-100px 0 0 -203px;
	padding:5px 10px;
	position:absolute;
	width:268px;
	}
#inscription .moreInfo:hover .bulle{
	display:block;
	}
#inscription .moreInfo .bulle p{
	font-size:11px;
	line-height:16px;
	margin:0 0 12px;
	}
#inscription table tr td .sponsorship{
	background:url(/images/splashpage/champ-parain.png) no-repeat left top;
	width:260px;
	height:22px;
	}
#inscription table tr td .sponsorship input{
	opacity:0;
	border:0 none;
	margin:4px;
	position:relative;
	width:134px;
	z-index:1000;
	background-color:transparent;
}
#inscription_cgu{
	float:left;
	margin: 0 10px 0 0;
	}
#inscription table.facultatif tr td, #inscription table.facultatif tr th{
	padding:5px 0;
	width:266px;
	}
#inscription .checker {
		background: url(/images/splashpage/radio-check-square.png) no-repeat scroll left top transparent;
	display:inline;
	float:left;
	height:12px;
	margin:1px 5px 1px 1px;
	overflow:hidden;
	position:relative;
	width:12px;
	}
#inscription .checker span{
		bottom:0;
	display:block;
	left:0;
	overflow:hidden;
	position:absolute;
	right:0;
	top:0;
	}
#inscription .checker span.checked{
	background:url(/images/splashpage/checked.gif) no-repeat left top;
	width:8px;
	height:8px;
	}
/*#inscription .checker input{
	opacity:0;
	position:absolute;
	cursor:pointer;
	}*/
input#remember{
	display:inline;
	float:left;
	margin:5px 2px 1px 0;
	position:relative;
	}
#inscription .terms{
	float:left;
	font-size:10px;
	margin:0;
	width:248px;
	}
#inscription .btnInscription{
	background:url(/images/splashpage/fr/btn-inscription.png) no-repeat left top;
	display:block;
	float:left;
	height:25px;
	margin:18px 0 0 150px;
	text-indent:-2000px;
	width:118px;
	border:none;
	cursor:pointer;
	}
#inscription .btnInscriptionfr, #inscription .btnInscriptionFR {
	background:url(/images/splashpage/fr/btn-inscription.png) no-repeat left top;
	display:block;
	float:left;
	height:25px;
	margin:5px 0 0 150px;
	_margin:13px 0 0 75px;
	text-indent:-2000px;
	width:118px;
	border:none;
	cursor:pointer;
	}

#inscription .btnInscriptionnl{
	background:url(/images/splashpage/nl/btn-inscription.png) no-repeat left top;
	display:block;
	float:left;
	height:25px;
	margin:10px 0 0 150px;
	_margin:18px 0 0 75px;
	text-indent:-2000px;
	width:118px;
	border:none;
	cursor:pointer;
	}
#inscription .btnInscriptionfr:hover, #inscription .btnInscriptionnl:hover{
	background-position:0 -25px;
	}
#inscription .btnInscription:hover{
	background-position:0 -24px;
	}
*+html #inscription .btnInscription{
	font-size:0;
	color:#e30b29;
	text-indent:0;
	text-align:left;
	}
* html #inscription .btnInscription{
	font-size:0;
	color:#e30b29;
	text-indent:0;
	text-align:left;

	margin:18px 0 0 75px;
	}
#inscription .btnInscription:hover{
	background-position:0 -25px;
	}
#nonRequis{
	background:url(/images/splashpage/bkg-non-indispensable.png) no-repeat scroll left top transparent;
	margin:10px 0 10px -4px;
	padding:4px;
	width:268px;
	}
#footer{
	text-align:center;
	background: url(/images/splashpage/bkg-degrade-footer.png) repeat-x left top;
	height:73px;
	border-bottom:1px solid #CCCCCC;
	padding:10px 0 0 0;
	}
#footer p{
	margin:0;
	line-height:25px;
}
#footer a{
	color:#000;
	text-decoration:none;
}
#footer a:hover{
	color:#DF132C;
	text-decoration:underline;
}
.clear{
	clear:both;
	}
/********************* bottom **********************/
#bottom{
	position:relative;
	margin:20px 0 0 0;
	bottom:0;
	height:36px;
	}
#contentBottom{
	width:963px;
	margin:auto;
	color:#666;
	}
#copy{
	float:left;
	}
#Ogone{
	float:right;
	}
/********************** erreur *************************/
ul.error_list{
	margin:0;
	padding:0;
	}
ul.error_list li{
	background-color:#E61222;
	color:#FFFFFF;
	display:block;
	font-size:10px;
	line-height:11px;
	list-style:none outside none;
	padding:4px;
	position:absolute;
	width:90px;
	z-index:1000;
	margin: -4px 0 0 0;
	}
#cgu ul.error_list li{
	margin:45px 0 0 25px;
	width:100px;
}
#contentLoggin div.bkgInput ul.error_list li {
	width:212px;
	margin: 24px 0 0 0;
	line-height:20px;
}

/* Facebook Connect */
a.facebook-connect{
	background:url(../images/splashpage/fr/btn_facebook-connect.png);
	display:block;
	height:27px;
	margin:10px 0;
	text-indent:-9999px;
	width:205px;
	}
	a.facebook-connect:hover{background-position:0 -27px;cursor:pointer;}
	a.facebook-connect:focus,a.facebook-connect:active{background-position:0 -54px;}
	
/************************ facebook *************************/
#logBox{
	position: absolute;
    right: 19px;
    top: 68px;
	}
#logBox #logout{
	-moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("http://static.ak.fbcdn.net/rsrc.php/v1/zL/r/FGFbc80dUKj.png") no-repeat scroll 0 -190px #5F78AB;
    border-color: #879AC0 navy #1A356E;
    border-left: medium none navy;
    border-right: medium none navy;
    border-style: solid none;
    border-width: 1px medium;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    line-height: 14px;
    outline: medium none;
    padding: 1px 4px 1px 23px;
	margin:1px 9px 0 0;
	}