body {
	background: url(../images/sub_pattern_bg2.gif) repeat;
}

#body {
	padding: 40px 0 0 320px;
	background: url(../images/inscription_title.jpg) no-repeat 0 70px;
}

#body p.location {
	width: 640px;
	text-align: right;
}

p.input{
display:block;
margin:0;
padding:3px 0 0 0;

width: 654px;
text-align:right;
}

#input1 {
	height: 31px;
	background: url(../images/registration_name_input.gif) no-repeat;
}

#input2 {
	height: 31px;
	background: url(../images/registration_input2.gif) no-repeat;
}

#input3 {
	height: 31px;
	background: url(../images/registration_input3.gif) no-repeat;
}
#input4 {
padding:12px 0 0 0;
	height: 40px;
	background: url(../images/registration_input4.gif) no-repeat;
}
#input5 {
	height: 31px;
	background: url(../images/registration_input5.gif) no-repeat;
}
#input6 {
	height: 47px;
	background: url(../images/registration_input6.gif) no-repeat;
}
#input7 {
	height: 29px;
	background: url(../images/registration_input7.gif) no-repeat;
}
#input8 {
	height: 29px;
	background: url(../images/registration_input8.gif) no-repeat;
}
#input9 {
padding:12px 0 0 0;
	height: 37px;
	background: url(../images/registration_input9.gif) no-repeat;
}
#input10 {
  padding:8px 0 0 0;
	height: 37px;
	background: url(../images/registration_input10.gif) no-repeat;
}
#input11 {
padding:12px 0 0 0;
	height: 37px;
	background: url(../images/registration_input11.gif) no-repeat;
}
#input12 {
	height: 47px;
	background: url(../images/registration_input12.gif) no-repeat;
}
#input13 {
padding:12px 0 0 0;
	height: 37px;
	background: url(../images/registration_input13.gif) no-repeat;
}

button.submit{
	float: left;
	margin: 10px 0 0 50px;
	width: 71px;
	height: 60px;
	background: url(../images/valider.jpg) no-repeat;
	border:0;
}

button.submit:hover
{
cursor:pointer;
	background: url(../images/valider.jpg) no-repeat 0px -59px;
}



#body div.radio-text01 p {visibility:hidden;}
#body div.radio-text01 {
	width: 672px;
	height: 170px;
	background: url(../images/inscription_title.jpg) no-repeat 0 10px;
}
#body div.radio-ucc {
	position: relative;
	padding: 70px 0 0 50px;
	width: 600px;
	height: 420px;
	background: url(../images/cinema_ucc_bg.gif) no-repeat;
}
#body div.radio-ucc p.btn span {visibility:hidden;}
#body div.radio-ucc p.btn a {
	position: absolute;
	top: 200px;
	left: 480px;
	width: 175px;
	height: 252px;
	background: url(../images/cinema_ucc_btn.gif) no-repeat;
}
#body div.activite1 h4, 
#body div.activite1 p.text01 {visibility:hidden;}
#body div.activite1 {
	margin: 20px 0 0 0;
	padding: 110px 0 0 0;
	width: 672px;
	background: url(../images/inscription_header.jpg) no-repeat;
}
#body div.activite1 ol li h5, 
#body div.activite1 ol li span {font-weight:bold;
font-family:Arial;
color:#6f5526;}



#body div.activite1 p.valider span {visibility:hidden;}
#body div.activite1 p.valider a {
	float: left;
	margin: 20px 0 0 190px;
	width: 71px;
	height: 63px;
	background: url(../images/cafe_btn_valider.gif) no-repeat;
}
#body div.activite1 p.score-text span {visibility:hidden;}
#body div.activite1 p.score-text {
	float: left;
	margin: 20px 0 0 70px;
	width: 130px;
	height: 70px;
	background: url(../images/cafe_text_score.gif) no-repeat 0 10px;;
}
#body div.activite1 p.score {
	float: left;
	margin: 40px 0 0 0;
	font-family: arial;
	font-weight: bold;
	font-size: 1.5em;
	color: #000;
}
#body div.activite2 h4, 
#body div.activite2 p.text01 {visibility:hidden;}
#body div.activite2 {
	position: relative;
	padding: 50px 0 0 0;
	width: 672px;
	height: 420px;
	background: url(../images/registration_hearder2.jpg) no-repeat;
}

#body div.activite2 ul {
	position: relative;
	margin: 0 0 0 10px;
	width: 644px;
	height: 192px;
	background: url(../images/cinema_activite2_quiz_bg.gif) no-repeat 0 50px;
}

#body div.activite2 ul.movie {
display:block;
	position: relative;
	margin: 0 0 0 10px;
	padding:0;
	width: 420px;
	height:352px;
	background:none;
	left:120px;
	top:-1px;
}

#body div.activite2 ul.movie li
{
margin:0;
padding:0;
  display:block;
  float:left;
	position: relative;
	width:100px;
	height:75px;
}

#body div.activite2 ul li.pic01 {
	position: absolute;
	top: 10px;
	left: 110px;
}
#body div.activite2 ul li.pic02 {
	position: absolute;
	top: 0;
	left: 280px;
}
#body div.activite2 ul li.pic03 {
	position: absolute;
	top: 10px;
	left: 420px;
}
#body div.activite2 ul li.pic04 {
	position: absolute;
	top: 100px;
	left: 130px;
}
#body div.activite2 ul li.pic05 {
	position: absolute;
	top: 120px;
	left: 260px;
}
#body div.activite2 ul li.pic06 {
	position: absolute;
	top: 110px;
	left: 420px;
}
#body div.activite2 ul li.pic07 {
	position: absolute;
	top: 60px;
	left: 200px;
}
#body div.activite2 ul li.pic08 {
	position: absolute;
	top: 70px;
	left: 330px;
}

#body div.activite2 p.valider span {visibility:hidden;}
#body div.activite2 p.valider a {
	float: left;
	margin: 20px 0 0 140px;
	width: 71px;
	height: 63px;
	background: url(../images/cafe_btn_valider.gif) no-repeat;
}
#body div.activite2 p.recommencer span {visibility:hidden;}
#body div.activite2 p.recommencer a {
	float: left;
	margin: 20px 0 0 20px;
	width: 71px;
	height: 63px;
	background: url(../images/cafe_btn_recommencer.gif) no-repeat;
}
#body div.activite2 p.score-text span {visibility:hidden;}
#body div.activite2 p.score-text {
	float: left;
	margin: 20px 0 0 30px;
	width: 130px;
	height: 70px;
	background: url(../images/cafe_text_score.gif) no-repeat 0 10px;;
}
#body div.activite2 p.score {
	float: left;
	margin: 40px 0 0 0;
	font-family: arial;
	font-weight: bold;
	font-size: 1.5em;
	color: #000;
}

#foot {
	height: 283px;
	background: url(../images/common_foot_sub_bg.gif) repeat-x;
}
#foot span {visibility:hidden;}

#foot p.copyright {
	margin: 0 auto;
	width: 994px;
	height: 201px;
	background: url(../images/common_foot_sub_copyright.gif) no-repeat;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,blockquote,button{margin:0;padding:0;}
hr, legend {display:none;}
img, fieldset {border:0 none;}
body, h1, h2, h3, h4, h5, dl, dt, dd, th, td, p, form, fieldset, legend, input, div 
{font-size:11px;font-weight:normal;font-family:verdana,sans-serif;color:#ac8e4e;}
ul, ol, li {list-style:none outside;}
img, input, select, textarea {vertical-align:middle;}
a:link, a:visited, a:active, a:hover {text-decoration: none;color: #686868;}
