/**
* 	Style pour Lucien Henry - Module de lettres d'info
*/


html
{
	background-color: white;
	/*background-image: url('../images/fond.gif');*/
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	margin: 0 0 2em;
	/* La marge sur html marche pas dans IE mais ici ça va. */
	background-color: black;
	color: white;
}



h1
{
	margin-left: 2.5ex;
	font-size: 1.6em;
	color: #ddd;
	font-size: 2em;
}

p, ul
{
	margin-left: 3%;
	margin-right: 3%;
}

.centre
{
	text-align: center;
}



.important
{
	color: red;
}
.valide
{
	color: green;
}

.v
{
	color: black;
	background-color: #dfd;
	border: 2px dashed #9f6;
	padding: 5px;
}
.e
{
	color: black;
	background-color: #fdd;
	border: 2px dashed #f60;
	padding: 5px;
}



a
{
	color: white;
}


/**
*	Présentation haut et bas de page.
*/


.titre-page
{
	font-size:56px;
	letter-spacing:20px;
	color: white;
}

.logo
{
	padding: 10px 0;
	width: 100%;
	background-color: white;
	/*background-image: url('../images/fond.gif');	*/
}


p.etapes
{
	text-align: center;
	color: #f60;
	font-size: 1.25em;
}

p.etapes em
{
	font-size: 50px;
	font-style: normal;
	color: white;
}

p.etapes strong
{
	font-size: 30px;
}


.fin
{
	margin-top: 4em;
	text-align: center;
	padding: 1em 0;
	background-color: #f90;
	width: 100%;
}


/**
*	Inscription lettre d'info.
*/


form.form
{
	width: 60ex;
	margin: auto;
	text-align: right;
	line-height: 2em;
}
form.form input
{
	margin: 5px auto 3px;
}
form.form button
{
	line-height: 1.3em;
}
form.form fieldset
{
	margin: 10px;
	padding: 10px;
	border: 1px dashed silver;
	font-style: normal;
	font-weight: normal;
}