body{background:#3b1e4d url(../img/bg.png) repeat-x 0 0; font-family:Verdana, Arial, sans-serif; font-size:12px}

div, ul, li{margin:0; padding:0; list-style-type:none}
a{text-decoration:none; color:#000000}
img{border:none}
.clear{clear:both; font-size:0.1em; height:0;}

.container{position:relative; margin:0px auto; width:967px; }
.container .header{position:relative; float:left; background:url(../img/header.png) no-repeat 0 0; height:250px; width:967px}
.container .alcool{position:relative; float:left; background:url(../img/header_alcool.png) no-repeat 0 0; height:250px; width:967px}
.container .header .logo {position:relative;}
.container .header .logo a{width:260px; height:200px; display:block; position:absolute}
.container .header .mainnav{float:right; width:613px; height:44px; margin:81px 64px 0 0; display:inline}
.container .header .mainnav ul{height:29px; width:613px; background:url(../img/mainmenu.png) no-repeat; margin:7px 0px 0 0;}
.container .header .mainnav ul li{float:left}
.container .header .mainnav ul li{list-style:none; float:left;}
.container .header .mainnav ul li a{height:29px; display:block; float:left;}
.container .header .mainnav ul li a span{display:none}
.mainnav  ul li.item1 a{width:122px; background:url(../img/mainmenu.png) no-repeat left top;}
.mainnav  ul li.item2 a{width:155px; background:url(../img/mainmenu.png) no-repeat -122px top;}
.mainnav  ul li.item3 a{width:201px; background:url(../img/mainmenu.png) no-repeat -277px top;}
.mainnav  ul li.item4 a{width:64px; background:url(../img/mainmenu.png) no-repeat -478px top;}
.mainnav  ul li.item5 a{width:71px; background:url(../img/mainmenu.png) no-repeat -542px top;}
.mainnav  ul li.item1 a:hover, .mainnav ul li.item1 a.active{background-position: left bottom}
.mainnav  ul li.item2 a:hover, .mainnav ul li.item2 a.active{background-position: -122px bottom}
.mainnav  ul li.item3 a:hover, .mainnav ul li.item3 a.active{background-position: -277px bottom}
.mainnav  ul li.item4 a:hover, .mainnav ul li.item4 a.active{background-position: -478px bottom}
.mainnav  ul li.item5 a:hover, .mainnav ul li.item5 a.active{background-position: -542px bottom}

.container .header .topmenu{float:left; height:130px; margin:10px 0 0 254px; display:inline; font-size:10px}
.container .header .topmenu div.img{float:left; display:inline; padding:0 5px; height:130px}
.container .header .topmenu div.item{width:170px;height:130px; float:left; display:inline; padding:0 5px}
.container .header .topmenu div.item a{color:#6b2e80; display:block; height:30px; padding-bottom:4px;}
.container .header .topmenu div.item a:hover{color:#9cc127}
.container .header .topmenu div.item img{float:left;}
.container .header .topmenu div.item div{margin:0 10px; display:inline}
.container .header .topmenu .separator{float:left;height:65px; width:1px; border-left:1px solid #b0c900}

.container .content{float:left; background:url(../img/border.png) repeat-y 0 0; min-height:350px; width:967px; position:relative}
*html .container .content{height:350px}
*html .container .quiz_commencer{height:504px;}
*html .container .quiz_questions{height:487px;}
*html .container .quiz_perdu{height:492px;}
*html .container .quiz_form{height:492px;}
*html .container .quiz_ok{height:489px;}

.container .footer{float:left; background:url(../img/footer.png) no-repeat 0 0; height:95px; width:967px}
.container .footer .menu ul{float:left; height:20px; width:193px; background:url(../img/footermenu.png) no-repeat; margin:3px 0px 0 82px; display:inline}
.container .footer .menu ul li{float:left}
.container .footer .menu ul li{list-style:none; float:left;}
.container .footer .menu ul li a{height:20px; display:block; float:left;}
.container .footer .menu ul li a span{display:none}
.container .footer .menu ul li.item1 a{width:47px; background:url(../img/footermenu.png) no-repeat left top;}
.container .footer .menu ul li.item2 a{width:58px; background:url(../img/footermenu.png) no-repeat -47px top;}
.container .footer .menu ul li.item3 a{width:43px; background:url(../img/footermenu.png) no-repeat -108px top;}
.container .footer .menu ul li.item4 a{width:45px; background:url(../img/footermenu.png) no-repeat -151px top;}
.container .footer .menu ul li.item1 a:hover, .container .footer .menu ul li.item1 a.active{background-position: left bottom}
.container .footer .menu ul li.item2 a:hover, .container .footer .menu ul li.item2 a.active{background-position: -47px bottom}
.container .footer .menu ul li.item3 a:hover, .container .footer .menu ul li.item3 a.active{background-position: -108px bottom}
.container .footer .menu ul li.item4 a:hover, .container .footer .menu ul li.item4 a.active{background-position: -151px bottom}

.container .footer .mentions{float:right; margin:70px 44px 0 0px}
.container .footer .mentions a {color:#af82bb; font-size:16px;}
.container .footer .mentions a:hover{color:#FFFFFF;}

/******************************
		  PAGE QUIZ
******************************/
.container .header_quiz{position:relative; float:left; background:url(../img/header.png) no-repeat 0 0; height:189px; width:967px}
.container .header_quiz .logo {position:relative;}
.container .header_quiz .logo a{width:260px; height:200px; display:block; position:absolute}
.container .header_quiz .mainnav{float:right; width:613px; height:44px; margin:81px 64px 0 0; display:inline}
.container .header_quiz .mainnav ul{height:29px; width:613px; background:url(../img/mainmenu.png) no-repeat; margin:7px 0px 0 0;}
.container .header_quiz .mainnav ul li{float:left}
.container .header_quiz .mainnav ul li{list-style:none; float:left;}
.container .header_quiz .mainnav ul li a{height:29px; display:block; float:left;}
.container .header_quiz .mainnav ul li a span{display:none}
.container .header_quiz .topmenu{float:left; height:130px; margin:10px 0 0 254px; display:inline; font-size:10px}
.container .header_quiz .topmenu div.img{float:left; display:inline; padding:0 5px; height:130px}
.container .header_quiz .topmenu div.item{width:170px;height:130px; float:left; display:inline; padding:0 5px}
.container .header_quiz .topmenu div.item a{color:#6b2e80; display:block; height:30px; padding-bottom:4px;}
.container .header_quiz .topmenu div.item a:hover{color:#9cc127}
.container .header_quiz .topmenu div.item img{float:left;}
.container .header_quiz .topmenu div.item div{margin:0 10px; display:inline}
.container .header_quiz .topmenu .separator{float:left;height:65px; width:1px; border-left:1px solid #b0c900}
.container h1{color:#672183; text-align:center; display:block; width:483px; margin:0 auto; line-height:25px; position:relative;}
.container h1 span.green_title{color:#b2c801; font-size:24px; font-weight:bold;}
.container h2{width:408px; font-size:14px; font-style:italic; float:left; margin:21px 0 9px 0; line-height:20px; color:#662181; font-weight:normal;}
.container h2 img{float:left; margin:0 6px 0 0; display:inline;}
.container .reglement{position:relative;}
.container .reglement a{text-align:right; color:#662181; font-size:10px; display:block; margin:0 60px 0 0; width:100px; position:absolute; right:0;}
.container .quiz_perdu .reglement a{text-align:right; color:#662181; font-size:10px; display:block; margin:0 60px 0 0;position:absolute; top:487px;}
.container .quiz_ok .reglement a{text-align:right; color:#662181; font-size:10px; display:block; margin:0 60px 0 0;position:absolute; top:334px;}
.container .quiz_commencer{background:url(../img/quiz/bg_quiz.png) no-repeat 1px top; width:967px; height:504px;}
.container .quiz_commencer h1{color:#672183; text-align:center; display:block; width:483px; margin:0 auto; line-height:25px; position:relative; word-spacing:2px; letter-spacing:1px;}
.container .quiz_commencer h1.jeu-termine{color:#672183; text-align:center; display:block; width:483px; margin:258px 0 0 51px; line-height:25px; position:relative; word-spacing:2px; letter-spacing:1px;}
.container .quiz_commencer a{height:24px; left:455px; position:absolute; top:458px; width:81px;}
.container .quiz_questions{background:url(../img/quiz/bg_quiz_questions.png) no-repeat left top; width:967px; height:487px;}
.container .quiz_questions h1{color:#662181; text-align:center; display:block; width:483px; margin:0 auto; line-height:25px; position:relative; padding:24px 0 0 0;}
.container .quiz_questions .questions_form{width:463px; margin:0 auto; padding:18px 0 0 20px; height:380px;}
.container .quiz_questions .questions_form form div{text-align:center;}
.container .quiz_questions .questions_form form div label{color:#b1c701; font-size:12px; margin:0 25px 0 0;}
.container .quiz_questions .questions_form form div input.valider{background:url(../img/quiz/btn_valider.jpg) no-repeat left top; width:82px; height:49px; border:0 none;
margin:25px 0 0 0; cursor:pointer;}
.container .quiz_perdu{background:url(../img/quiz/bg_quiz_perdu.png) no-repeat left top; width:967px; height:492px;}
.container .quiz_perdu a.retry{height:22px; left:389px; position:absolute; top:420px; width:206px;}
.container .quiz_perdu .reglement a{color:#662181; font-size:10px; position:absolute; right:0; bottom:-12px;}
.container .quiz_form{background:url(../img/quiz/bg_quiz_form.jpg) no-repeat left top; width:967px; height:492px;}
.container .quiz_form h1{color:#662181; text-align:center; display:block; width:520px; margin:0 auto; line-height:25px; position:relative;}
.container .quiz_form h1 p.green_title{color:#b2c801; font-size:24px; font-weight:bold; margin:24px 0 10px 14px;}
.container .quiz_form form{width:346px; margin:18px 0 0 272px; height:314px; position:relative;}
.container .quiz_form form p{margin:6px 0;}
.container .quiz_form form label{color:#662181; width:130px; font-style:italic; float:left; display:block; text-align:right; margin:0 7px 0 0; line-height:24px;}
.container .quiz_form form input{width:145px; height:21px; border:1px solid #b2b2b2; color:#B2C801; font-weight:bold;}
.container .quiz_form form input.adresse{width:205px; height:37px; border:1px solid #b2b2b2; color:#B2C801; font-weight:bold;}
.container .quiz_form form input.valider{background:url(../img/quiz/btn_valider.jpg) no-repeat left top; width:82px; height:49px; border:0 none;
/*margin:26px 0 0 164px;*/ position:absolute; bottom:10px; left:165px; cursor:pointer; display:inline;}
.container .quiz_ok{background:url(../img/quiz/bg_quiz_ok.jpg) no-repeat left top; width:967px; height:489px;}
.container .quiz_ok h1{line-height:35px; padding:50px 0 0 0;}
.container .quiz_ok .reglement a{color:#662181; font-size:10px; position:absolute; right:0; bottom:-12px;}