/*-----------------------------------------------------------
	Project: Bion Jackpot
	Date : 	January 2010
	Last Update : 04/01/10
	Author:	C2iS - AFO
	Summary :		
		| Global CSS Reset
		| Typography
		| Global Classes
		| Main Layout
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, a img, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {font-size:12px; color:#fff; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#fff; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #fff; }
del { color:#fff; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:0.85em; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/*:::::::::::  Main layout :::::::::::*/

body {background:#ff8201;}
#clickZoneBion {position:absolute;top:69px;left:30px;width:134px;height:54px;z-index:7;text-indent:-999em;overflow:hidden;}
.introFB {position:absolute;left:-999em;}

/*WRAPPER HOME*/
#wrapperHome {min-height:685px;width:1010px;margin:0 auto;background:url(../images/common/fond_home.jpg) no-repeat 0 0;position:relative;}
#wrapperHome h1 {background:url(../images/common/titre_jackpot.png) no-repeat 0 0;width:387px;height:268px;position:absolute;top:71px;left:33px;overflow:hidden;text-indent:-999em;z-index:1;}

#flash_spinnerHome {position:absolute;top:206px;left:514px;z-index:1;}
#clickZoneHome {position:absolute;top:376px;left:495px;width:268px;height:133px;z-index:1;text-indent:-999em;overflow:hidden;}

#priceToWin {position:absolute;top:358px;left:36px;width:260px;}
#priceToWin h2{margin-top:5px;}
#priceToWin ul{font-size:15px;line-height:18px;}

#priceToWin.imgHidden{padding-top:29px}

/*WRAPPER HOME - POPIN*/
.modalWindow {display:none;z-index:10;position:absolute;}
.modalWindow a.closeModalWindow {position:absolute;top:0;right:2px;padding:19px 19px 0 0;margin-bottom:-11px;}
.modalWindow  h2 {clear:both;text-align:center;margin-bottom:22px;margin-top:45px}
.modalWindow  .warning {border:1px solid #fff;text-align:center;margin:0 50px;padding:4px 10px;margin-bottom:6px;line-height:15px;font-size:14px;}

/*#inscriptionForm {width:459px;height:488px;background:url(../images/common/fond_inscription.jpg) no-repeat 0 0;top:55px;left:490px;}*/
#inscriptionForm fieldset , #hasAccount fieldset , #forgottenPasswd fieldset  , #parrainForm fieldset  {padding:0 20px;}
#inscriptionForm fieldset p , #hasAccount fieldset p , #forgottenPasswd fieldset  p , #parrainForm fieldset  p {width:100%;overflow:hidden;padding:4px 0 5px;}
#inscriptionForm fieldset p.radioLine {width:200px;margin-left:145px;}
#inscriptionForm fieldset p label , #hasAccount fieldset p label , #forgottenPasswd fieldset  p label  , #parrainForm fieldset  p label {float:left;width:132px;text-align:right;padding:2px 15px 0 0;font-size:16px;}
#inscriptionForm fieldset p .labelRadio {float:none;padding:0 12px 0 0;font-size:14px;}
#inscriptionForm fieldset p .labelCheckbox {float:none;padding:0 0 0 4px;font-size:14px;}
#inscriptionForm fieldset p .labelCheckbox a , #hasAccount .forgotPass a {text-decoration:underline;font-weight:bold;}
#inscriptionForm fieldset p .labelCheckbox a:hover , #hasAccount .forgotPass a:hover {text-decoration:none;}
#inscriptionForm fieldset p .text , #inscriptionForm fieldset p .textCaptcha , #hasAccount fieldset p .text , #forgottenPasswd fieldset  p .text , #parrainForm fieldset  p .text {border:1px solid #fff;width:183px;padding:2px}
#inscriptionForm fieldset p .textCaptcha {width:98px;}
#inscriptionForm fieldset p .checkbox{vertical-align:middle;}
#inscriptionForm fieldset p .imgCaptcha {float:left;margin-right:5px;}
#inscriptionForm fieldset.cgv {padding:0 20px 0 164px;}
#inscriptionForm fieldset.cgv p {padding:0 0 1px;}
#inscriptionForm .validFormInscription , #hasAccount .validFormHasAccount , #forgottenPasswd .validFormHasAccount , #parrainForm .validFormSelection {text-align:right;padding:17px 102px 0 0;}
#inscriptionForm .mandatoryFields , #parrainForm .mandatoryFields {position:absolute;bottom:19px;left:19px;font-size:11px;}
#inscriptionForm .mandatoryFields {line-height:15px;width:420px;}

#selectionForm  {width:329px;height:419px;padding:20px 65px 0 65px;background:url(../images/common/fond_selection.jpg) no-repeat 0 0;top:95px;left:490px;font-size:16px;line-height:19px;}
#selectionForm h2  {text-align:left;font-size:18px;}
#selectionForm p  {padding:5px 0;width:100%;overflow:hidden;}
#selectionForm p input  {margin:4px 6px 10px 0;float:left;}
#selectionForm  .hint {float:left;text-decoration:underline;padding-top:6px;}
#selectionForm  .hint:hover {text-decoration:none;}
#selectionForm  .validFormSelection {padding-top:25px;}
#selectionForm  .validFormSelection img{float:right;margin-right:35px;}

#parrainForm , #inscriptionForm , #legal , #reglement   {width:459px;height:639px;padding:0 0 0;background:url(../images/common/fond_parrain.jpg) no-repeat 0 0;top:20px;left:490px;font-size:16px;line-height:19px;}
#parrainForm .introTxt {margin:0 38px;width:auto;}
#parrainForm h2 {margin-bottom:4px;}
#parrainForm h3 {margin:15px 0 0 3px;font-weight:bold;}
#parrainForm fieldset p {padding:0 0 5px}
#parrainForm fieldset p label {width:59px;font-size:14px;padding-right:10px;}
#parrainForm fieldset p .text {float:left;width:127px;}
#parrainForm .validFormSelection {padding:3px 87px 0 0;}


#warningPopin {width:459px;height:273px;padding:0 0 0;background:url(../images/common/fond_warning.jpg) no-repeat 0 0;top:143px;left:490px;font-size:16px;line-height:19px;}
#warningPopin  p{padding:0 55px;}
#warningPopin  p img{display:block;margin:33px 0 0 106px;}

#dommagePopin {width:459px;height:441px;padding:0 0 0;background:url(../images/common/fond_selection.jpg) no-repeat 0 0;top:95px;left:490px;font-size:16px;line-height:19px;}
#dommagePopin p {color:#e82b60;text-align:center;padding:5px 55px;font-size:18px;}
#dommagePopin p a {position:absolute;bottom:16px;right:23px;}
#dommagePopin p a:hover , #congratsPopin p .shareFB:hover {text-decoration:underline;}

#resultatsPopin {width:459px;height:441px;padding:0 0 0;background:url(../images/common/fond_selection.jpg) no-repeat 0 0;top:95px;left:490px;font-size:16px;line-height:19px;}
#resultatsPopin p {color:#ffffff;text-align:left;padding:5px 55px;font-size:18px;}
#resultatsPopin p a {position:absolute;bottom:16px;right:23px;}
#resultatsPopin p a:hover {text-decoration:underline;}
#resultatsPopin h2 {padding:0px 55px 4px 55px;text-align:left;color:#dc2858;font-size:20px;font-weight:bold;}
#resultatsPopin h3 {padding-top:25px}
#resultatsPopin h3.btnInscrit{padding-left:84px}
#resultatsPopin h3.btnInscription{padding-left:118px}

#congratsPopin {width:459px;height:345px;padding:0 0 0;background:url(../images/common/fond_congrats.jpg) no-repeat 0 0;top:113px;left:490px;font-size:16px;line-height:19px;}
#congratsPopin p {padding:0 45px;}
#congratsPopin p img {margin:21px auto 12px ;display:block;}
#congratsPopin p .shareFB {display:block;width:223px;line-height:15px;margin:0 auto;overflow:hidden;font-size:14px;}
#congratsPopin p .shareFB img {margin:0 10px 10px 0;float:left;}

#hasAccount {width:459px;height:287px;background:url(../images/common/fond_deja_inscrit.jpg) no-repeat 0 0;top:110px;left:490px;}
#hasAccount .forgotPass {text-align:center;position:absolute;bottom:20px;width:100%;}


#forgottenPasswd {width:459px;height:287px;background:url(../images/common/fond_mdp.jpg) no-repeat 0 0;top:100px;left:490px;}

#credit , #jeu_termine {width:459px;height:488px;background:url(../images/common/fond_inscription.jpg) no-repeat 0 0;top:55px;left:490px;}
#legal .innerEdito , #credit .innerEdito  , #reglement .innerEdito , #jeu_termine .innerEdito  {overflow:auto;height:360px;line-height:15px;padding:0 10px 0 0;margin:0 28px;font-size:13px;}
	#legal .innerEdito , #reglement .innerEdito {height:500px;}
#legal .innerEdito h3, #credit .innerEdito h3 , #reglement .innerEdito h3 , #jeu_termine .innerEdito h3{margin:15px 0 5px;font-weight:bold;font-size:17px;}
#legal .innerEdito p, #credit .innerEdito p , #reglement .innerEdito p , #jeu_termine .innerEdito p , #legal .innerEdito ul, #credit .innerEdito ul , #reglement .innerEdito ul , #jeu_termine .innerEdito ul {margin-bottom:15px;}
#legal .innerEdito a, #credit .innerEdito a , #reglement .innerEdito a , #jeu_termine .innerEdito a {text-decoration:underline;}
#legal .innerEdito a:hover, #credit .innerEdito a:hover , #reglement .innerEdito a:hover , #jeu_termine .innerEdito a:hover {text-decoration:none;}
#legal .innerEdito li, #credit .innerEdito li , #reglement .innerEdito li , #jeu_termine .innerEdito li {background:url(../images/common/bullet.gif) no-repeat 5px 5px;padding:1px 0 2px 15px;}


/*WRAPPER JEU*/
#wrapperJeu {min-height:688px;width:1010px;margin:0 auto;background:url(../images/common/fond_jeu.jpg) no-repeat 0 0;position:relative;}
#wrapperJeu  h1 {background:url(../images/common/titre_jackpot_jeu.png) no-repeat 0 0;width:387px;height:162px;position:absolute;top:66px;left:34px;overflow:hidden;text-indent:-999em;z-index:5;}

#flash_jeuJackpot {position:absolute;top:121px;left:331px;z-index:1;}

#loggedAs {position:absolute;top:246px;left:75px;width:268px;z-index:5;font-size:14px;line-height:16px;}
#loggedAs h2 {color:#dc2858;font-size:20px;font-weight:bold;padding-bottom:4px;}

#combinaison {position:absolute;top:47px;left:694px;z-index:5;width:300px;text-align:center;font-size:15px;}
#combinaison img{display:block;margin:5px auto 0;}

/*WRAPPER JEU - POPIN*/
#bravo {width:459px;height:286px;background:url(../images/common/fond_bravo_perdu.jpg) no-repeat 0 0;top:111px;left:436px;}

#perdu {width:459px;height:286px;background:url(../images/common/fond_bravo_perdu.jpg) no-repeat 0 0;top:111px;left:436px;}
#perdu h2 {margin:25px 0 6px;}

#deja_joue {width:459px;height:286px;background:url(../images/common/fond_bravo_perdu.jpg) no-repeat 0 0;top:111px;left:490px;}
#wrapperHome #deja_joue {background:url(../images/common/fond_mdp.jpg) no-repeat 0 0;top:110px;left:490px;}

#perdu  a.closeModalWindow , #bravo a.closeModalWindow , #deja_joue a.closeModalWindow {margin-bottom:-2px;}
#perdu  p , #bravo p , #deja_joue p, #jeu_termine p {color:#e82b60;font-size:18px;line-height:19px;padding:0 102px;text-align:center;}
#perdu  p a , #bravo p a , #deja_joue p a {position:absolute;width:440px;bottom:13px;text-align:right;left:0;}
#jeu_termine p a {color:#e82b60;font-size:18px;}
#perdu  p a:hover , #bravo p a:hover , #deja_joue p a:hover , #jeu_termine p a:hover {text-decoration:underline;}

#bravo p {padding:0 40px;}
#perdu  p {padding:0 70px;}
#bravo .btn_parrain , #perdu .btn_parrain  {display:block;margin:15px auto 0;}
#perdu .btn_parrain {margin-top:10px;}

/*FOOTER*/
#footer {width:800px;color:#c93e10;text-align:center;font-size:11px;line-height:16px;position:absolute;bottom:6px;left:50%;margin-left:-400px;}
#footer li {display:inline;font-size:12px;}
#footer a {color:#c93e10;margin:0;}
#footer li a {color:#c93e10;margin:0 5px;}
#footer a:hover, #footer li a:hover {text-decoration:underline;}

#footer  .shareFB {position:absolute;top:0;right:0;width:190px;text-align:left;color:#fff;font-size:14px;line-height:17px;}
#footer  .shareFB img {float:left;margin-right:5px;}