@charset "utf-8";
/* CSS Document */

body {
	font-family: Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#004b88;
	padding:0;
	margin:0;
	background:url(../img/bg_body.jpg) top left repeat-x #fff;
}

.left {float:left;}
.right {float:right;}
.block {display:block;}
.clear {clear:both;}
.hide {display:none;}
.align-right {text-align:right;}
.noborder {border:0!important;}

select {font-size:10px;font-family: Verdana, Helvetica, sans-serif;}
option {color:#000;font-size:10px;}

#global {background:url(../img/bg_canvas.jpg) top center no-repeat;}


.main {width:800px;padding:0 22px;margin:0 auto;}


/****           HEADER			   ***/
	#header {position:relative;text-align:right;height:109px;padding-top:20px;background:url(../img/bg_header.jpg) bottom center no-repeat;z-index:2;}
	#header h1 {background:url(../img/logo_eucerin.jpg) no-repeat; margin:0;}
	#header h1 a {display:block;width:142px;height:72px;}
	#header h2 {background-repeat:no-repeat;background-position:top left;height:24px;width:400px;margin:23px 0 0;}
	#header h2.french {background-repeat:no-repeat;background-position:top left;height:42px;width:400px;margin:12px 0 0;}
	#header p {margin:0;position:absolute;right:19px;top:39px;}


/****           FOOTER			   ***/
#footer {text-align:right;padding:12px 20px 20px;background:url(../img/bg_footer.jpg) no-repeat;}

	#footer ul {margin:0;padding:0;}
	#footer li {display:inline;}
	#footer li a {padding:0 7px;border-left:1px solid #b2b2b2;color:#999999;font-size:9px;text-decoration:none;}
	#footer li a:hover {text-decoration:underline;}

	

	
	
#content {background:url(../img/bg_content.jpg) repeat-y;padding:0 22px 120px;margin:0 auto;width:800px;}
	#bottom_content {
		background:url(../img/bg_bottom_content.jpg) no-repeat bottom center;
		height:94px;
		width:844px;
		display:block;

	}
	
	#bottom_home {
		background:url(../img/bg_bottom_content.jpg) no-repeat bottom center;
		height:94px;
		width:844px;
		left:0px;
		position:absolute;
		bottom:0px;
		display:block;
	}
	
.col_left {width:388px; background-repeat:no-repeat;height:640px;}
.col_right {width:388px;overflow:hidden;}


/****           PRODUCTS CONTAINER			   ***/

#products_container {height:590px;background-repeat:no-repeat;}	
	#products_container .col_left {padding-top:118px;width:401px;}
	#products_container .col_right {padding-top:185px;width:365px;margin-left:33px;}
	#products_container .col_right h2 {height:41px;width:273px;background-repeat:no-repeat;margin:0;background-position:top left;}
	#products_container .col_right h3 {height:182px;width:365px;background-repeat:no-repeat;margin:0;}
	#products_container .col_right p {padding:0 35px;color:#666666!important;}

.range {height:150px;padding:0 5px 0 0;margin-left:23px;position:relative;}

	#urea,
	#calming,
	#original {height:153px;}
	#aquaphor {height:135px;}
	
	.range p {color:#666;font-size:11px;text-align:right;position:absolute;right:7px;margin:0;}
	
	#urea p {top:78px;}
	#calming p {top:78px;}
	#original p {top:74px;}
	#aquaphor p {top:60px;}
	
	.range form {position:absolute;right:3px;bottom:10px;}
	.range option {width:185px;}

/****           PRODUCTS DETAILS			   ***/
	
#product_details {padding:0 23px 0 0;height:590px;background-repeat:no-repeat;}
	#product_details form {margin:0 0 18px;font-size:11px;}
	#product_details option {width:290px;}
	
	#product_details .col_right {padding-top:140px;height:auto;}
	
	#product_details .menu {margin:0;padding:0;border-bottom:1px solid #0e71b0;height:19px;}
	#product_details .menu li {float:left;display:block;margin-right:2px;}
	#product_details .menu li a {float:left;display:block; width:126px;height:19px;}
	#product_details .menu li a.current,
	#product_details .menu li a:hover {background-position:bottom left;}
	#product_details .produit {margin:134px 10px 0 0;float:right;}

#headline {height:60px;width:399px;background-repeat:no-repeat;}

#product_details .k3txt a {color:#004b88;}


	
.k3txt ul{padding-left:20px;}


/*****          FORMULAIRE               ****/

#form_news {padding:0 23px 0 0;height:590px;background-repeat:no-repeat;height:auto;}

	#form_news .col_left {width:315px;}
	#form_news .col_right {padding-top:129px; width:460px;}
		#form_news table {margin:25px 0px;}
		#form_news table tr td {padding-right:10px;}
	.inputWidth {width:100px;}
	
	ul#questionList {list-style:none; margin:0px; padding:0px;}
		#questionList li {margin:0 0 20px -20px;}
		#questionList li.question {padding:0 0 0 20px; text-align:left;}
		
		
/*****        HOME      ******/
#contentHome {background:url(../img/bg_content.jpg) repeat-y;padding-bottom:0px;position:relative;z-index:1;}
.img_home {padding:0 23px 0 0;height:590px;background-repeat:no-repeat; position:relative;z-index:1;}

.content_home {width:782px; position:absolute; top:382px; left:8px; padding-top:10px; background:#fff url(../img/bg_bottom_product.gif) repeat-x; z-index:1; height:auto;}
	.bloc {width:227px; height:160px; background-repeat:no-repeat; margin:10px 7px 0 23px; _margin:10px 7px 0 14px;}
	
	

#faq {background-repeat:no-repeat;background-position:top right;min-height:600px;}
#faq a {color:#003876;}

	#faq .col_left {width:300px;}
	#faq .col_right {width:480px;margin-top:150px;}
	
.chlng
{
	text-decoration:none;
	float:right;
}

.chlng a {text-decoration:none;color:#004b88;}


.vedette {
	font-size:11px;
	margin-left:33px;
	margin-right:20px;
}

.vedette a {
	color:#003876;
}

#frm1 select , #frm2 select ,#frm3 select, #frm4 select{
	width:225px;
	overflow:hidden;
}
table,
#questionList
#questionList li{background:transparent;}

#form_news {_height:1%;}