html , body , h1 , h2 , h3 , h4 , div , p , span , form , fieldset , hr , img , a img , ul , li { margin: 0; padding: 0; border: 0; }

html
{
	font-family: Verdana , Arial , Helvetica , sans-serif; background: url(chapobleu-courant.gif) no-repeat top left;
	font-size: 0; line-height: 0;	
}

a { outline: none; }

/* -------------------------------------------------- */
/* Couleurs */
/* -------------------------------------------------- */
.center { text-align: center; }
.rouge label { background: #cf5d5d; }
.rouge input:focus , .rouge textarea:focus { border: 1px solid #cf5d5d; }
.violet label { background: #875b91; }
.violet input:focus { border: 1px solid #875b91; }
.couleurParticulier label { background: #766a62; }
.couleurParticulier input:focus { border: 1px solid #766a62; }
.couleurProfessionnel label { background: #c09e00; }
.couleurProfessionnel input:focus { border: 1px solid #c09e00; }
.couleurFinalisation label { background: #1e881f; }

input:focus { background: #ffffff; }

.obligatoire { background: #d53e3e; }

.hidden { display: none; visibility: hidden; }

.mask { display: none; }

/* -------------------------------------------------- */
/* Alerte */
/* -------------------------------------------------- */
div#alerte { width: 475px; margin-top: 10px; margin-right: 0; margin-left: 15px; margin-bottom: 5px; font-size: 0; line-height: 0; background: url(demande_numerotation_alert_content.png) repeat-y; }
div#alerte span { display: block; width: 455px; margin-left: 10px; font-size: 11px; line-height: 17px; color: #e12626; }

/* -------------------------------------------------- */
/* Boîte de dialogue */
/* -------------------------------------------------- */
div#voile
{
	display: none; position: absolute; top: 0%; left: 0%; width: 100%;
	height: 10px; background-color: #000000; z-index: 10; opacity: 0.7; filter: alpha(opacity=70);
}

div#confirmation
{ display: none; position: absolute; margin-top: 100px; left: 50%; margin-left: -212px; width: 425px; z-index: 100; background: #e8e8e8; }

div#confirmation span
{ display: block; position: relative; width: 405px; font-size: 11px; line-height: 16px; margin: 10px; text-align: left; background: transparent; }

/* -------------------------------------------------- */
/* Bulle d'aide */
/* -------------------------------------------------- */
div#help
{
	display: none;
	position: absolute; margin-top: 500px; margin-left: 570px; width: 195px; z-index: 100;
	background: transparent url(demande_numerotation_tooltip.png) no-repeat top left !important;
	background: transparent url(demande_numerotation_tooltip.gif) no-repeat top left;
}

div#help span
{
	display: block; position: relative; width: 185px; font-size: 11px; line-height: 14px;
	padding: 5px; margin-top: 15px; text-align: left; background: #d53e3e;
}

/* -------------------------------------------------- */
/* Onglets */
/* -------------------------------------------------- */
h4 { margin-left: 38px; margin-right: 0; margin-top: 0; margin-bottom: 0; height: 30px; line-height: 0; font-size: 0; }
h4 a { display: block; height: 30px; float: left; line-height: 0; font-size: 0;}
h4 img { display: none; margin: 0; padding: 0; border: 0; }

a#particulier { width: 97px; background: url(demande_numerotation_onglet_particulier_off.png); }
a#professionnel { width: 112px; background: url(demande_numerotation_onglet_professionnel_off.png); }

/* -------------------------------------------------- */
/* Titres et séparateurs */
/* -------------------------------------------------- */
hr { width: 300px; height: 1px; margin-left: 150px; margin-top: 20px; }

h1 { position: absolute; font-size: 24px; font-weight: bolder; font-style: italic; color: #8fa6d8; margin-top: 69px; margin-left: 107px; }
h1 i { position: absolute; color: #ffffff; top: -1px; left: -1px; }

ul#menu { position: absolute; width: 551px; height: 24px; margin-left: 176px; margin-top: 15px; }
ul#menu li
{
	display: block; width: 110px; height: 24px; float: left;
	background-position: -617px -15px; background-image: url(chapobleu-courant.gif);
	text-align: center; line-height: 28px; color: #15214b; font-size: 11px; font-weight: normal; font-style: normal;
}
ul a:visited { color: #8e0c19; text-decoration: none; }
ul a:link { color: #15214b; text-decoration: none; }
ul a:hover { color: #a8a5a6; text-decoration: none; }
ul a:active { color: #3850cd; text-decoration: none; }

ul { list-style-type: none; }

li#submenu ul#submenu-display { display: none; }
li#submenu:hover ul#submenu-display { display: block; }

ul#menu li ul li
{
	background: none; background-color: #8ca9da; float: none; width: 104px; margin-left: 5px; margin-top: -4px;
	border-left: 1px solid #bbbbbb; border-right: 1px solid #bbbbbb; border-bottom: 1px solid #bbbbbb;	
	line-height: 20px; height: 20px; font-size: 10px;
}

h3 { width: 505px; height: 22px; margin-left: 22px; margin-top: 23px; margin-bottom: 20px; }
h3 img { width: 505px; position: absolute; }

/* -------------------------------------------------- */
/* Paragraphe */
/* -------------------------------------------------- */
p { width: 505px; margin-left: 23px; margin-top: -10px; margin-bottom: 55px; background: transparent; font-size: 11px; }
p.simple { line-height: 15px; }
p.double { line-height: 25px; }
p.paddingleft { margin-left: 43px; width: 485px; }
p i { color: #758dc2; font-style: italic; font-weight: normal; }
p b { color: #787878; font-style: italic; font-weight: normal; }
a:link { color: #0e043e; text-decoration: underline; }
a:hover { color: #0e043e; text-decoration: none; }
a:visited { color: #0e043e; text-decoration: underline; }
p img { float: left; margin-left: 30px; margin-right: 5px; margin-top: 1px; }

/* -------------------------------------------------- */
/* Formulaire */
/* -------------------------------------------------- */
form#contenu { position: absolute; width: 700px; background: url(demande_numerotation_deg.png) no-repeat; margin-left: 27px; margin-top: 130px; }
fieldset.etape { width: 505px; margin-top: 0; margin-right: 0; margin-left: 23px; margin-bottom: 55px; background: #e8e8e8; font-size: 0; line-height: 0; }
fieldset.etape img { display: block; margin: 0; padding: 0; border: 0; font-size: 0; line-height: 0; }
fieldset.etape span { font-size: 11px; line-height: 24px; }
a.help { display: block; float: right; width: 38px; height: 20px; }
a.help img { margin-top: 0px; }
span.center { display: block; width: 505px; text-align: center; }
label { margin-left: 15px; margin-bottom: 5px; padding: 2px; color: #ffffff; }
label.invisible { margin: 0; padding: 0; border: 0; background: transparent; }

input.text { width: 438px; margin-left: 15px; margin-bottom: 15px; height: 20px; line-height: 20px; border: 1px solid #9d9d9d; }
span.text { display: block; width: 438px; margin-top: 10px; margin-left: 15px; margin-bottom: 5px; line-height: 18px !important; color: #787878; }
table tr td input { width: 100%; height: 20px; line-height: 20px; border: 1px solid #9d9d9d; }

textarea.text { margin-left: 15px; margin-bottom: 15px; line-height: 20px; border: 1px solid #9d9d9d; }
input.radio { margin-left: 15px; margin-right: 5px; vertical-align: middle; line-height: 10px; }
select { margin-left: 15px; margin-bottom: 15px; }
textarea { width: 472px; margin-left: 15px; margin-bottom: 15px; overflow: auto; }
form table { margin-left: 15px; width: 443px; }
form table.bottom { margin-bottom: 15px; }
form td.text { width: 120px; vertical-align: middle; }
form td.square { width: 40px; }
form td.rectangle { width: 100px; }
label.table { background: transparent; padding: 0; margin: 0; }

/* -------------------------------------------------- */
/* Footer */
/* -------------------------------------------------- */
div#footer
{
	width: 700px; height: 260px; background: url(demande_numerotation_ged.png) no-repeat top right transparent;
	
}
div#footer span { display: block; float: left; width: 700px; margin-top: 120px; margin-left: 0; background: transparent; }
div#footer span table { margin: 0; width: 700px; border: 0; font-size: 11px; line-height: 15px; }
div#footer td.image { width: 160px; }
div#footer td.centre { width: 180px; text-align: center; }
div#footer td.petit { width: 70px; text-align: center; }
div#footer a img { text-decoration: none; }