/********** 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:#ff9600; height: 100%; overflow: auto; }
body{ height: 100%; }
/* Links */
a:link, a:visited {
  color: #59B224;
  text-decoration: none;
}
a:hover, a:active {
  color: #59B224;
  text-decoration: underline;
}
/* Headings */
/* Misc. */
em { font-style: italic; }

/********** EOF General **********/

/********** Helpers **********/
.clear { clear: both; }
/* Forms */
form {
  font-size: 1.1em;
  width: 700px;
  padding-top: 410px;
  padding-left: 70px;
  height: 633px;
}
fieldset {
  clear: both;
  width: 500px;
  padding: 0;
  padding-bottom: 5px;
  margin-bottom: 8px;
  border-bottom: 1px solid #e5ecab;
}
fieldset.last {
  border: 0;
}
fieldset legend {
  font-family: arial;
  font-weight: bold;
  color: #00a5e8;
  margin-bottom: 5px;
}
form ol,
form ul {
  position: relative;
  overflow: hidden;
  padding: 0;
  margin-bottom: 5px;
}
form ol li {
  padding: 4px 0;
}
form ol li label {
  float: left;
  width: 10em;
  padding-top: 3px;
}
form ol li ul {
  overflow: hidden;
  padding: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
form ol li ul li,
form ul li {
  float: left;
  padding-right: 1.5em;
}
form ol li ul li label,
form ul li label {
  float: left;
  width: auto;
  padding: 0;
}
form input {
  padding: 0;
  margin: 0;
}
form .input {
  width: 200px;
  border: 1px solid #000;
}

form .mini {
  width: 50px;
}
form .short {
  width: 100px;
}

form select.default {
  width: 152px;
}
form .long {
  width: 380px;
}
form .required {
  width: 500px;
  padding-top: 10px;
  font-style: italic;
  text-align: right;
}
form #submit {
  display: block;
  float: right;
  cursor: pointer;
  width: 192px;
  height: 60px;
  border: 0;
  margin-top: 70px;
  background: url(../images/submit.png) no-repeat 0 0 !important;
  background: url(../images/submit.gif) no-repeat 0 0;
}

form input.error,
form select.error {
  border: 1px solid #db1d1d;
  background: #efb6b6;
}
form p.error {
  padding: 2px 0 0 10em;
  color: #db1d1d;
}

form li.optin input {
  float: left;
  margin: 0 1em 0.5em 0;
}

#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;
}

/* Notifications & errors */
/* Overlay */
#modalOverlay {background-color:#000;}
#modalContainer {width:500px; left:50%; top:15%; margin-left:-300px; background-color:#fff; border:3px solid #FF9600;}
#modalContainer a.modalCloseImg {background:url(../images/close.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:5px; right:-5px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}

#errors {
  padding: 20px;
  color: #000;
}
#errors h3 {
  font-size: 1.6em;
  margin-bottom: 5px;
}
#errors ul {
  margin-left: 2em;
}
#errors li {
  list-style: outside decimal;
}

/********** EOF Helpers **********/


/********** Structure **********/
/* Global */
#global {
  margin:auto;text-align:left; /* leave unchanged */ 
  width:61.53em;/* non-IE */ 
  *width:60.00em;/* IE */ 
  min-width:800px;/* optional but recommended */
}
#inscription #global {
  background: url(../images/inscription.jpg) no-repeat 0 0;
}
#success #global {
  background: url(../images/success.jpg) no-repeat 0 0;
}

/* landing */

#landing #global {
  height: 1067px;
  background: url(../images/landing.jpg) no-repeat 100% 0;
}
#landing #header {
  height: 261px;
}
#landing #guidetxt {
  height: 216px;
}
#landing #guide {
  height: 241px;
}
#landing #guidetxt2 {
  height: 184px;
}

/* success */

#success h1 {
  font: normal 6em "Arial Black";
  color: #FFF;
  padding: 455px 80px 0 0;
  text-align: right;
}
#success .message {
  height: 175px;
  text-align: center;
  padding: 30px 0 0 270px;
}
#success span.black {
  line-height: 1em;
  font-size: 2em;
  color: #000;
}
#success span.green {
  line-height: 1em;
  font-size: 3.3em;
  color: #bdd40d;
}
#success span.blue {
  font: bold 6em "Arial";
  color: #6ec6f1;
  text-transform: uppercase;
  line-height: 1em;
}
#success span.orange {
  line-height: 1em;
  font-size: 3em;
  font-weight: bold;
  color: #ff9600;
}

/* legal */
#legal {
  width: 580px;
  margin-top: 5px;
  padding-bottom: 20px;
  font-size: 1em;
  color: #FFF;
  margin-bottom: 5px;
  background: #ff9600;
}
#legal p, #legal address {
  width: 580px;
  font-size: 0.9em;
  color: #FFF;
  margin-bottom: 5px;
}
#legal a {
  color: #FFF;
  text-decoration: none;
}
#legal a:hover {
  color: #FFF;
  text-decoration: underline;
}