/* Formulaires */

form.submit_form .input_mail {
	float: left;
	margin-top: 10px;
}

form.submit_form .input_auteur {
	float: left;
}

form.submit_form .input_cat {
	float: right;
}

form.submit_form .input_sexe {
	float: right;
	margin-right:10px;
}

form.submit_form #firstname {
	display: none;
}

form.submit_form #loadingsubmit_article {
	text-align:center;
	display:none;
	margin:5px 0px 5px 0px;
	padding:0;
}

form.submit_form .result {
	width:880px;
	margin:10px 0px 0px 0px;
	text-align:center;
	display:none;
}

form.submit_form .ok #compteur{
	float:left;
	margin:4px 5px 0px 0px;
}

/* Commentaires */

form#comment {
	margin: 10px 0;
	width: 690px;
	margin-left: 10px;
}

form#comment .champ {
	text-align: right;
	margin-top: 4px;
}

form#comment .champ#pseudo {
	float: left;
}

form#comment .champ#infos {
	float: right;
}

form#comment #firstname {
	display: none;
}

form#comment .champ input {
	border: 1px solid #ADADAD;
	width: 180px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
}

form#comment textarea {
	border: 1px solid #ADADAD;
	width: 682px;
	height: 150px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin-top: 4px;
}

form#comment .ok {
	text-align: right;
	margin-top: 4px;
}

form#comment .ok input {
	padding: 4px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
}

/* Newsletter */

form#newsletter {
	margin-top: 25px;
	margin-bottom: 15px;
}

form#newsletter .champ {
	width: 662px;
	height: 28px;
}

form#newsletter .separ {
	width: 662px;
	height: 14px;
}

form#newsletter .champ label {
	float: left;
	width: 230px;
	text-align: right;
	margin: 4px;
	margin-top: 3px;
}

form#newsletter .champ input {
	border: 1px solid #ADADAD;
	width: 240px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	float: left;
}

form#newsletter .champ input.checkbox {
	width: 24px;
	float: right;
	border: 0;
}

form#newsletter .champ input.radio {
	width: 24px;
	float: none;
	border: 0;
}

form#newsletter .champ input#codepostal {
	width: 79px;
}

form#newsletter .champ input#ville {
	width: 150px;
	margin-left: 3px;
}

form#newsletter .champ input#jour {
	width: 40px;
	text-align: center;
	margin-left: 3px; 
}

form#newsletter .champ input#mois {
	width: 40px;
	text-align: center;
}

form#newsletter .champ input#annee {
	width: 86px;
	text-align: center;
	margin-left: 3px;
}

form#newsletter .champ select {
	border: 1px solid #ADADAD;
	width: 180px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	float: left;
}

form#newsletter .ok {
	text-align: left;
	margin-top: 15px;
	margin-left: 238px;
}

form#newsletter .ok input {
	padding: 4px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
}

/* Formulaires */

.form {
	margin-top: 25px;
	margin-bottom: 15px;
	text-align: left;
}

.form .champ {
	width: 712px;
	height: 28px;
}

.form .separ {
	width: 712px;
	height: 14px;
}

.form .champ label {
	float: left;
	width: 230px;
	text-align: right;
	margin: 4px;
	margin-top: 3px;
}

.form .champ label.error {
	margin-left: 5px;
	color:red;
	width:150px;
	display: none;
	text-align:left;
}

.form .champ input {
	border: 1px solid #ADADAD;
	width: 240px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	float: left;
}

.form .champ input.checkbox {
	width: 24px;
	float: right;
	border: 0;
}

.form .champ input.radio {
	width: 24px;
	float: none;
	border: 0;
}

.form .champ input#codepostal {
	width: 79px;
}

.form .champ input#ville {
	width: 150px;
	margin-left: 3px;
}

.form .champ input#jour {
	width: 40px;
	text-align: center;
	margin-left: 3px;
}

.form .champ input#mois {
	width: 40px;
	text-align: center;
}

.form .champ input#annee {
	width: 86px;
	text-align: center;
	margin-left: 3px;
}

.form .champ select {
	border: 1px solid #ADADAD;
	width: 180px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	float: left;
}

.form .champ textarea{	
	border: 1px solid #ADADAD;
	width: 400px;
	height: 150px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin-top: 4px;
}

.form .champ label.error {
	float:right;
	margin-right:7px;
}

.form .ok {
	text-align: left;
	margin-top: 15px;
	margin-left: 238px;
}

.form .ok input {
	padding: 4px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
}

.form .champ input.submit_ami {
	padding: 2px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
	float: left;
	width: 130px;
	margin-left: 4px;
}

.form .result {
	width:408px;
	margin:10px 0px 0px 238px;
	text-align:center;
	display:none;
}

.good {
	background-color:#e4ffe0;
	border-top:1px solid #5bba4c;
	border-bottom:1px solid #5bba4c;
	padding:5px;
}

.bad {
	background-color:#ffe0e0;
	border-top:1px solid #ba4c4c;
	border-bottom:1px solid #ba4c4c;
	padding:5px;
}

.content_result {
	margin-top: 25px;
	margin-bottom: 15px;
	text-align: center;
} 

/* Form login */

.loginform input {
	border: 1px solid #ADADAD;
	width: 148px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin-top: 4px;
}

.loginform input.submit {
	padding: 2px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
	width: 100px;
	margin-left: 22px;
	margin-bottom: 8px;
}

.loginform .liens {
	text-align: right;
}

/* Form edit comment */

#editcomment textarea{
	border: 1px solid #ADADAD;
	width: 680px;
	height: 100px;
	padding: 3px;
	font-family: "Lucida Grande","Lucida Sans Unicode",Verdana,Arial,sans-serif; 
	font-size: 13px;
	color: #444;
	margin: 10px;
}

#editcomment input.submit{
	float:right;
	margin-right:14px;
	padding: 4px 15px;
	font-weight: bold;
	border: 1px solid #ADADAD;
}

#editcomment .result {
	width:685px;
	margin:10px auto 10px auto;
	text-align:center;
}