/************************  INSCRIPTION  *************************/

body {
	background: #FFFFFF;
}

#Inscription {
	font-family:Arial, Helvetica, sans-serif;
	width:800px;
	padding:20px 0 0 0;
	overflow:hidden;
	position:relative;
	background:url(http://www.rossel-newsletters.be/images/optin/bg_inscription.gif) #FFFFFF no-repeat top right;
}

#Inscription div {
	width:340px;
	overflow:hidden;
	padding:0 20px 20px 20px;
	font-size:14px;
}

#Inscription h1 {
	background:url(http://www.rossel-newsletters.be/images/optin/inscription_newsletter_fr.gif) no-repeat;
	width:346px;
	height:48px;
	display:block;
	text-indent:-1000000px;
	margin:0 0 10px 0;
}

#Inscription h1.InscriptionNewsNL {
	background:url(http://www.rossel-newsletters.be/images/optin/inscription_newsletter_nl.gif) no-repeat;
	width:346px;
	height:48px;
	display:block;
	text-indent:-1000000px;
	margin:0 0 10px 0;
}

#Inscription ul {
	list-style:none;
	width:340px;
	padding:0 0 25px 0;
	margin:0 0 25px 0;
	overflow:hidden;
}

	#Inscription ul li {
		width:340px;
		overflow:hidden;
		margin:0 0 10px 0;
	}
	
	#Inscription ul li label {
		font-size:14px;
		font-weight:bold;
		color:#999999;
		padding:3px 0 0 0;
		float:left;
	}
	
		#Inscription ul li label span {
			color:#ad1616;
		}
	
	#Inscription ul li select {
		float:right;
		background:#FFFFFF;
		border:1px solid #DDDDDD;
		padding:3px;
		width:240px;
		color:#777777;
	}
	
		#Inscription ul li select:focus {
			background:#f0f0f0;
		}
	
	#Inscription ul li input {
		float:right;
		background:#FFFFFF;
		border:1px solid #DDDDDD;
		padding:3px;
		width:232px;
		color:#777777;
	}
	
		#Inscription ul li input:focus {
			background:#f0f0f0;
		}
	
/***/

#Inscription ul.InscriptionChoice {
	list-style:none;
	width:360px;
	overflow:hidden;
	padding:10px 0 0 0;
	border:none;
}

#Inscription ul.InscriptionChoice li {
	float:left;
	width:170px;
}

	#Inscription ul.InscriptionChoice li input {
		float:left;
		border:none;
		padding:0;
		width:auto;
		margin:0;
		background:none;
	}
	
	#Inscription ul.InscriptionChoice li label {
		float:left;
		padding:0 0 0 10px;
		font-weight:normal;
	}

#Inscription div h2 {
	color:#c9ce49;
	padding:0 0 10px 0;
	margin:0;
	font-size:14px;
}

#Inscription div a {
	width:92px;
	height:21px;
	display:block;
	border:1px solid #c8cf38;
	background:#c8cf38;
	float:right;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	font-size:13px;
	text-decoration:none;
	padding:5px 0 0 0;
	position:absolute;
	bottom:10px;
	right:15px;
}

	#Inscription div a:hover {
		background:#FFFFFF;
		color:#c8cf38;
	}
	
	
/****/

#Newsletter {
	width:390px;
	height:130px;
	float:left;
	overflow: hidden;
	padding:10px 15px 0 15px;
	margin:15px 0 0 0;
	background:#ecefa9;
}

#Newsletter h2 {
	font-size:18px;
	color:#5c6306;
	border-bottom:1px dotted #666666;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
}

#Newsletter p {
	margin:0 0 15px 0;
	padding:0;
	font-size:12px;
	line-height:14px;
	color:#666666;
}

#Newsletter form {
	/*display: inline;*/
	padding:0;
	margin:0;
}

#Newsletter input {
	border:1px solid #0c2731;
	padding:6px 3px 5px 3px;
	width:167px;
	color:#414244;
	float:left;
}

a.Subscribe {
	float:left;
	display:inline;
	border:1px solid #0c2731;
	height:21px;
	width:71px;
	background:#0c2731;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:11px;
	text-align:center;
	padding: 6px 0 0 0;
	margin: 0;
	text-transform:uppercase;
	 margin-right: -3px; /* To fix IE6 Duplicate Characters Bug */
} 

a.Subscribe:hover {
	color:#bac101;
	background:#FFFFFF;
	text-decoration:none;
}	
	
	
#Inscription ul.ErrorMessages {
	padding:10px;
	margin:0 0 15px 0;
	border: 1px solid #bfbfbf;
	background: #FFDDDD;
	width: auto;
}

#Inscription ul.ErrorMessages li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 14px;
	color: #CC0000;
}
	
/************************  INSCRIPTION  *************************/