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, 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;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {	content: "";}
blockquote, q {	quotes: "" "";}
html {color: #000;}
body {font: normal 12px Arial;background: #6ec6f1;}
/* --[ links ]--------------------- */
a {color: #000;text-decoration: none;}
a:hover {color: #000;text-decoration: underline;}
/* --[ common elements ]--------------------- */
p {text-align: justify;}
strong {font-weight: bold;}
em { font-style: italic; }
.clear {display: none;clear: both;height: 1px;line-height: 1px;}
/* --[ doc ]--------------------- */
#doc {width: 760px;margin: 0 auto;background: #FFF;}
#legal {font: normal 10px Arial;color: #FFF;background: #6ec6f1; padding: 15px 0 20px 10px;}
#legal p {padding-bottom: 8px;}
#legal a {color: #FFF;}
address {font: normal 10px Arial;color:#FFF;display: block;float: left;width: 520px;background: transparent;}
/* --[ landing ]--------------------- */
#landing h1 {height: 129px;}
#landing h2 {height: 127px;}
#landing h3 {height: 220px;}
#landing h4 {text-align: center;}
#landing h4.purple {font: normal 23px Arial;color: #00b5ef;}
#landing h4.green {font: normal 24px "Arial Black";color: #ff7d00;margin-top: 10px;}
#landing #content {height: 206px;padding-left: 340px;background: url(../images/landing/bottom.jpg) no-repeat 0 0;}
#landing #content p {font: normal 14px Arial;width: 320px;margin: 10px auto 0 auto;}
#landing #footer {height: 78px;background: url(../images/landing/footer.jpg) no-repeat 0 0;}
#landing #footer #start, #landing #footer #start:hover {display: block;float: right;width: 220px;height: 75px;text-decoration: none;background: url(../images/landing/button.png) no-repeat 0 0 !important;background: url(../images/landing/button_ie.png) no-repeat 0 0;}
#landing address {padding: 50px 0 0 10px;}
/* --[ inscription ]--------------------- */
#inscription h1 {height: 267px;}
#inscription h2 {height: 49px;margin: 20px 0;padding: 8px 0 0 320px;	text-align: center;background: url(../images/inscription/logo.jpg) no-repeat 50px 0;}
#inscription h2 .purple {font: bold 14px Arial;color: #00b5ef;}
#inscription h2 .black {font: bold 28px Arial;color: #000;}
#inscription .gratuit {font-family: "Arial Black";color: #000;}
#inscription address {padding: 33px 0 0 20px;}
/* --[ form ]--------------------- */
form {clear: both;font: normal 11px Arial;height: 407px;background: #FFF url(../images/inscription/form.jpg) no-repeat 0 0;}
fieldset {margin: 0;padding: 0;border: 0;}
fieldset#butterfly {height: 333px;padding: 60px 0 0 110px;}
fieldset#actions {height: 69px;margin-top:-55px;background: transparent url(../images/inscription/footer.gif) repeat-x 0 0;}
fieldset#actions .legal {font: normal 9px Arial;color: #FFF;padding: 32px 280px 0 100px;}
fieldset#actions .legal a {color: #FFF;text-decoration: none;}
fieldset#actions .legal a:hover {color: #FFF;text-decoration: underline;}
fieldset ol {padding: 0;margin: 0;}
fieldset li {clear: both;width: 46%;height: 20px;list-style: none;text-align: right;}
fieldset li.required {font: normal 9px Arial; padding: 15px 0 10px 0; width: 400px; height: 50px;text-align: left;}
fieldset label {float: left;color: #000;text-align: left;}
fieldset input, fieldset select {font: normal 11px Arial;color: #000;border: 0;}
fieldset select {width: 200px;}
fieldset ol.confirm {padding-bottom: 15px;}
fieldset ol.confirm li {text-align: left;height: auto;}
fieldset ol.confirm label {float: none;}
#submit {display: block;float: right;cursor: pointer;width: 220px;height: 58px;border: 0;background: url(../images/inscription/button.png) no-repeat 0 0 !important;background: url(../images/inscription/button_ie.png) no-repeat 0 0;}
/* --[ tooltip ]--------------------- */
a.tips,a.tips:hover {cursor: help;color: #FF0000;text-decoration: none;}
.tool-tip {color: #fff;width: 139px;text-align: left;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #FF0000;padding: 8px 0 0 8px;background: url(../images/tooltip.png) top left;}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../images/tooltip.png) bottom right;}
/* --[ confirmation ]--------------------- */
#confirmation h1 {height: 232px;}
#confirmation h2 {height: 267px;padding: 30px 20px 0 440px;font: normal 18px Arial;text-align: center;background: url(../images/confirmation/character.jpg) no-repeat 0 0;}
#confirmation h2 .purple {color: #00b5ef;}
#confirmation h2 .black {font: bold 24px Arial;color: #000;}
#confirmation h3 {height: 135px;padding: 50px 20px 0 360px;text-align: center;font: bold 18px Arial;background: url(../images/confirmation/footer.jpg) no-repeat 0 0;}
#confirmation h3 .purple {font: bold 28px Arial;color: #FFF;}
#confirmation h3 .purple small {font: bold 22px Arial;color: #FFF;}
#confirmation h3 .black {font: bold 18px Arial;color: #000;}
#confirmation #footer {height: 46px;font: normal 9px Arial;color: #FFF;background: #ff7d00;}
#confirmation #footer a {color: #FFF;text-decoration: none;}
#confirmation #footer a:hover {color: #FFF;text-decoration: underline;}
#confirmation address {padding: 20px 0 0 10px;}