* { padding: 0px; margin: 0px; }

body, html { font-family: "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 12px; color: #666666; background-color: #fff; background-image: url(/images/fond.jpg); background-repeat: no-repeat; background-position: top center; }

img { border: none; vertical-align: middle; }
a { text-decoration: none; color: #666666; font-weight: bold; }
a:hover { text-decoration: underline; }
a.clair, a.clair:hover, .clair { color: #a9a9a9; }
.gris { color: #666666; }
a.u { text-decoration: underline; }

div.pad { padding: 10px; }

div#header { text-align: center; padding-top: 60px; padding-bottom: 10px; }
div#header h2 { font-size: 0.9em; }
div#content { position: relative; width: 778px; margin: 0px auto; }
div#content div#barre { font-family: 'Coustard', "Trebuchet MS", Verdana, Arial, sans-serif; height: 50px; }
div#content div#barre table { margin: 0px auto; width: 70%; text-align: center; }
div#content div#barre table td.img  { width: 50px; }
div#content div#barre table td.desc { text-align: left; font-size: 1.2em; line-height: 1em; }
div#content div#bloc  { height: 303px; background-image: url(/images/bloc.png); background-repeat: no-repeat; }
div#content div#bloc div#left  { position: relative; height: 303px; width: 350px; float: left; }
div#content div#bloc div#right { position: relative; height: 303px; width: 428px; float: right; }
div#content div#bloc div.step { font-family: 'Coustard', "Trebuchet MS", Verdana, Arial, sans-serif; font-size: 1.5em; padding-left: 40px; padding-top: 20px; }
div#content div#bloc div.final { padding-top: 0px; }
div#content div#bloc div.final input { vertical-align: middle; border: none; margin-left: 170px; }
div#content div#bloc div.stepdesc { text-align: center; font-size: 0.9em; margin-top: 5px; padding-right: 50px; }
div#content div#bloc ul.flags { list-style-type: none; text-align: center; padding-right: 50px; }
div#content div#bloc ul.flags li { display: inline; padding: 0px 10px; }
div#content div#bloc div#country { text-align: center; font-size: 1.1em; height: 18px; line-height: 18px; font-weight: bold; padding-right: 50px; }
div#content div#bloc div.yourcode { text-align: center; padding-right: 50px; }
div#content div#bloc div.yourcode div.desc   { font-size: 0.9em; }
div#content div#bloc div.yourcode input.code { text-transform: uppercase; font-weight: bold; border: none; width: 118px; font-size: 1.6em; margin-right: 10px; margin-top: 7px; background-color: #fff; color: #000; }
div#content div#bloc div.text { margin-top: 15px; padding-left: 30px; padding-right: 50px; font-size: 0.9em; }
div#content div#bloc div.contact { padding-left: 30px; margin-top: 15px; font-size: 0.9em; }
div#content div#bloc div.contact div.l { float: left; height: 24px; width: 11px; background-image: url(/images/barre_coin_gauche.png); background-repeat: no-repeat; }
div#content div#bloc div.contact div.c { float: left; height: 24px; line-height: 24px; background-color: #fff; }
div#content div#bloc div.contact div.r { float: left; height: 24px; width: 11px; background-image: url(/images/barre_coin_droit.png); background-repeat: no-repeat; }
div#content div#bloc div.contact div.clear { clear: both; }
div#content div#bloc table.form { margin-top: 10px; font-size: 0.9em; }
div#content div#bloc table.form td { padding: 2px 4px; }
div#content div#bloc table.form td.desc { text-align: right; }
div#content div#bloc table.form td.chars { padding-left: 14px; }
div#content div#bloc table.form td.input {  }
div#content div#bloc table.form td.input input { width: 180px; padding: 1px 2px; font-size: 1.1em; }
div#content div#bloc table.form td.input textarea { width: 310px; height: 70px; padding: 1px 2px; font-size: 1.1em; }
div#content div#bloc div.disclaimer { text-align: center; font-size: 0.9em; margin-top: 20px; }
div#content div#bulle { font-family: 'Coustard', "Trebuchet MS", Verdana, Arial, sans-serif; position: absolute; top: 0px; left: 0px; margin-left: -62px; margin-top: -20px; height: 102px; width: 100px; background-image: url(/images/bulle.png); background-repeat: no-repeat; }
div#content div#bulle div { font-size: 1.6em; color: #fff; text-transform: uppercase; text-align: center; }
div#content div#bulle div.dv1 { margin-top: 24px; }
div#content div#bulle div.dv2 { line-height: 0.2em; }
div#content div#bulle div.dv3 { font-weight: bold; }
div#content div#status { position: absolute; z-index: 99; top: 40px; left: 50%; margin-left: -250px; width: 500px; }
div#footer { clear: both; margin-top: 15px; padding-bottom: 40px; text-align: center; font-size: 0.8em; }