/* styles luxiole.com
all browsers 
18/04/2008
*/

body {
	margin: 0;
	padding: 0;
}
img {
	border: 0;
}
#contener, #contener.contact {
	margin-left:auto;
	margin-right:auto;
	width: 800px;
	height: 400px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#716500;
	text-align:center;
}
#contener a, #contener a:link, #contener a:active, #contener a:hover, #contener .texte, #contener.contact .title, #contener.contact, #contener.contact .contacted span.validF, #contener.contact .contacted span.validA {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	color:#719500;
	text-align:center;
	text-decoration: underline;
	font-size: 0.8em;
}
#contener.contact .title { 
	margin-left: 30px;
	text-align:left;
	text-decoration: none;
	font-size: 1.0em;
}
#contener .texte {
	font-size: 0.8em;
	font-weight: normal;
	text-decoration:none;
}
#contener.contact, #contener.contact .contacted {
	margin-top: 20px;
	padding-top: 30px;
	background-color:#e9e9e8;
	width: 600px;
	height: 400px;
	text-decoration:none;
	text-align: left;
}

/* mise en forme du formulaire de contact */
#contener.contact form {line-height: 30px; margin-left: 10px; }
#contener.contact .colL input { margin-left: 10px; float:right; margin-top: -25px; }
#contener.contact .colL { position:absolute; width: 260px; margin-left: 0; }
#contener.contact .colL label { width: 100px; margin-left: 10px; line-height: 30px; }
#contener.contact .colR { position:absolute; margin-left: 280px; margin-top: 25px; width: 260px;}
#contener.contact .colR label { width: 100px; margin-left: 10px; margin-top: 3px; line-height: 30px;}
#contener.contact .colR input { margin-left: -10px; float:right;  margin-top: -23px;}
#contener.contact .require { color:#516b00; font-weight: bold; font-size: 10px; }
#contener.contact label.radio, #contener.contact input.radio { width: 10px; float:none;}
#contener.contact input.radio { margin-top: 5px; font-size:12px;}
#contener.contact label.bas { float:left; margin-left: 10px; margin-top: 120px;} 
#contener.contact textarea { margin-left: 26px; margin-top: 130px;}
#contener.contact input.envoi { margin-left: 230px; margin-top: 5px; background-color: #719500; font-size: 10px; color:#333333;}
#contener.contact p.alert { font-size: 9px; margin-left: 5px; margin-top: 30px; float: left; color:#999999; font-weight:normal; }
#contener.contact .error {width: 560px; color:#ff0000; text-align:center; padding-bottom: 10px; }
/* page de validation */
#contener.contact .contacted { width: 630px; height: 450px; background-color:#FFFFFF; margin:-50px auto auto -30px; padding:30px 0 0 0; text-align:center;}
#contener.contact .contacted span.validF, #contener.contact .contacted span.validA { margin-top: 25px; font-size:12px;text-decoration:none; }
#contener.contact .contacted span.validA { color:#666666; font-style:italic; font-weight:normal; }