/********** Reset **********/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}del,ins{text-decoration:none;}/* Body */
/********** General **********/
html{ font-size: 62.5%; font-family: arial,verdana,sans-serif; color:#000; background:#ff8f00; height: 100%; overflow: auto; }
body{ font-size: 1.2em; height: 100%; }

a:link, a:visited {
  color: #59B224;
  text-decoration: none;
}
a:hover, a:active {
  color: #59B224;
  text-decoration: underline;
}

#global {
  width: 800px;
  margin: 0 auto;
	background: #FFF;
}
#landing #global #content {
  height: 800px;
  background: url(images/landing.jpg) no-repeat 0 0;
}
#inscription #global #content {
  height: 1048px;
  background: url(images/inscription.jpg) no-repeat 0 0;
}
#confirmation #global #content {
  height: 370px;
  padding: 380px 50px 0 410px;
  background: url(images/confirmation.jpg) no-repeat 0 0;
}

#start {
  float: left;
  width: 180px;
  height: 40px;
  margin: 720px 0 0 507px;
}

#legal {clear:both; float: none; position: relative; font: normal 10px Arial;color: #FFF;background: #ff8f00; padding: 15px 0 20px 10px;text-align: left;}
#legal p {padding-bottom: 8px; text-align: center;}
#legal a {color: #FFF;}

form {
  padding-top: 400px;
}
form ol li {
  position: relative;
  clear: both;
  overflow: hidden;
  padding: 0.15em 0;
  color: #FFF;
}
form ol li.required {
  color: #000;
  padding-top: 1em;
}

form label {
  float: left;
  width: 10em;
}
form label.inline {
  display: inline;
  float: none;
  width: auto;
  color: #000;
}

form input.input,
form select.input {
  width: 200px;
  font-size: 1em;
  color: #000;
  border: 1px solid #FFF;
}
form input.short,
form select.short {
  width: 50px;
}
form input.error,
form select.error {
  border: 1px solid #db1d1d;
  background: #efb6b6;
}
form p.error {
  color: #db1d1d;
}

fieldset {
  clear: both;
  overflow: hidden;
}
fieldset#f1 {
  width: 350px;
  margin: 0 auto;
}
fieldset#f2 {
  width: 100%;
  margin: 0 auto;
  padding-top: 170px;
}
fieldset#f2 ul li {
  float: left;
  text-align: justify;
}
fieldset#f2 ul li.left {
  width: 250px;
  padding: 10px 30px 0 110px;
}
fieldset#f2 ul li.right {
  width: 240px;
  padding: 10px 80px 0 80px;
}
fieldset#f3 {
  padding: 2em 0;
  text-align: center;
}

#tooltip {
	position: absolute;
	color: #FFF;
	background-color: #000;
	padding: 5px;
	opacity: 0.85;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
#tooltip h3 {
	font-size: 12px;
	font-family: Arial;
	color: #FFF;
}

#submit {
	display: block;
	cursor: pointer;
	width: 187px;
	height: 58px;
	margin: 0 auto;
	border: 0;
	background: url(images/submit.jpg) no-repeat 0 0;
}

#confirmation #content p {
  font-size: 1.4em;
  padding-bottom: 2em;
  text-align: justify;
}
#confirmation #content p strong {
  font-weight: bold;
  color: #ff8300;
}