/* CSS Document */

/* Add whatever you need to your CSS reset */
form#Form{
	float:left;
	width:610px;
}

input {
	border:solid 1px #d4d1cf;
	font-size: 14px;
	width:570px;
	padding:8px 8px 8px 10px;
	margin:0 10px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	/*ARRONDIS :
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
	/*-moz-box-shadow: 0px 1px 0px #777;
	-webkit-box-shadow: 0px 1px 0px #777;*/
	/*FONDS*/
	/*background: url('/vues/desktop/charte/form/inputSprite.png') no-repeat 4px 5px;	
	background: url('/vues/desktop/charte/form/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(
	center bottom,
	rgb(235,233,232) 0%,
	rgb(235,233,232) 20%,
	rgb(212,209,207) 100%
	);
	background:  url('/vues/desktop/charte/form/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(235,233,232)),
	color-stop(0.2, rgb(235,233,232)),
	color-stop(1, rgb(212,209,207))
	);*/
	/*OMBRE TXT*/
	/*text-shadow:0px 1px 0px #FFF;*/
	color:#404040;
} 	

input.chk{
	width:20px;
	font-size:12px;
	margin:5px 5px 20px 0;
}

form#Form div, form#Form div.pt{
	float:left;
	position:relative;
}

div.pt input, div.pt textarea{
	float:left;
	width:270px;
	margin:0 10px 10px 0;
}		

div.pt select{	
	width:290px;
	height:34px;
	/*ARRONDIS :
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
}

textarea {
	border:solid 1px #d4d1cf;
	font-size: 14px;
	width:570px;
	height:120px;
	padding:6px 8px 4px 10px;
	margin:0 10px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	/*ARRONDIS :
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
	/*-moz-box-shadow: 0px 1px 0px #777;
	-webkit-box-shadow: 0px 1px 0px #777;*/
	/*FONDS*/
	/*background: url('/vues/desktop/charte/form/textarea.png') no-repeat 4px 5px;	
	background: url('/vues/desktop/charte/form/textarea.png') no-repeat 4px 5px, -moz-linear-gradient(
	center bottom,
	rgb(235,233,232) 0%,
	rgb(235,233,232) 20%,
	rgb(212,209,207) 100%
	);
	background:  url('/vues/desktop/charte/form/textarea.png') no-repeat 4px 5px, -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(235,233,232)),
	color-stop(0.2, rgb(235,233,232)),
	color-stop(1, rgb(212,209,207))
	);*/
	/*OMBRE TXT*/
	/*text-shadow:0px 1px 0px #FFF;	*/
	color:#404040;
}		 	

select {
	border:solid 1px #d4d1cf;
	font-size: 13px;
	width:340px;
	height:28px;
	padding:4px 8px 4px 6px;
	margin:0 10px 10px 0;
	color:#404040;
	text-shadow:0px 1px 0px #FFF;
	font-family:Arial, Helvetica, sans-serif;
	background:none #ffffff;	
	/*ARRONDIS :
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
	/*-moz-box-shadow: 0px 1px 0px #777;
	-webkit-box-shadow: 0px 1px 0px #777;*/
	/*FONDS
	background: url('/vues/desktop/charte/form/inputSprite.png') no-repeat 4px 5px;	
	background: url('/vues/desktop/charte/form/inputSprite.png') no-repeat 4px 5px, -moz-linear-gradient(
	center bottom,
	rgb(235,233,232) 0%,
	rgb(235,233,232) 20%,
	rgb(212,209,207) 100%
	);
	background:  url('/vues/desktop/charte/form/inputSprite.png') no-repeat 4px 5px, -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(235,233,232)),
	color-stop(0.2, rgb(235,233,232)),
	color-stop(1, rgb(212,209,207))
	);*/
	/*OMBRE TXT*/
	/*text-shadow:0px 1px 0px #FFF;
	*/
	overflow:auto;
}

select option{	
	padding:2px 0 2px 10px;
}

select option:hover{
	background:red;
}

/*PICTOS CHAMPS	*/
/*input#password { 
	background-position: 4px -20px; 
	background-position: 4px -20px, 0px 0px;
}

input#nom, input#prenom{ 
	background-position: 4px -46px; 
	background-position: 4px -46px, 0px 0px; 
}

input#tel { 
	background-position: 4px -76px; 
	background-position: 4px -76px, 0px 0px; 
}   

input#email { 
	background-position: 4px -102px; 
	background-position: 4px -102px, 0px 0px;
}
*/

.button {
	float:right;
	width:290px;
	height:38px;
	padding:8px 8px 8px 10px;
	color:#ffffff;
	background:#73A21F;
	border:1px solid #73A21F;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	cursor:pointer;
	/*ARRONDIS :
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;*/
}

.button:hover, .button:active {
	color:#73A21F;
	background:#ffffff;
}

label.infield /* .infield label added by JS */ {
	color:#333;
	text-shadow:0px 1px 0px #fff;
	position:absolute;
	text-align:left;
	top:7px !important;
	left:12px !important;
	font-size:13px;
}

small{
	float:left;
	width:340px;
	font-size:11px;
	line-height:12px;
}