/* CSS Document */

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg_site.jpg) center top no-repeat;
	font-family: Verdana, Helvetica, Arial, sans serif;
	font-size: 11px;
	height: 100%;
}
.logo-print {
  display: none;
}
.clear{
	clear: both;
}
a img {
	border: 0;
	border: none;
}

/*======================================================
Header
======================================================*/
#header {
	width: 850px;
	margin: 0 auto;
}
	.lk-logo {
		position: absolute;
		display: block;
		width: 222px;
		height: 218px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/default/images/logo_phylactiv.png');
		cursor: pointer;
		z-index: 10000;
	}
	html > body .lk-logo {
		background: url(../images/logo_phylactiv.png) center top no-repeat !important;
	}
	#menu-top {
		position: absolute;
		width: 643px;
		height: 47px;
		margin: 66px 0 3px 207px;
		padding: 7px 0;
		background: url(../images/bg_menutop.jpg) center top no-repeat;
		font-family: Verdana, Helvetica, Arial, sans serif;
		z-index: 1;
	}
	html > body #menu-top {
		background: url(../images/bg_menutop.png) center top no-repeat !important;
	}
	#menu-top ul {
		margin: 0;
		padding: 0;
		display: inline;
	}
		#menu-top ul li {
			list-style: none;
			margin: 0;
			padding: 0;
			background: url(../images/menutop_sep.gif) left center no-repeat;
			float: left;
		}
			#menu-top ul li a {
				display: block;
				font-size: 10px;
				text-transform: uppercase;
				font-weight: bold;
				text-decoration: none;
				color: #999;
				line-height: 44px;
				padding: 3px 10px 0 10px;
				cursor: pointer;
			}
			#menu-top ul li a:hover {
				color: #666;
			}
			#menu-top ul li #menu_group2_btn0 {
				margin-left: 18px;
			}
			#menu-top ul li a.menu_item_activ {
				color: #666;
				background-position: center 9px;
				background-repeat: no-repeat;
			}
			#menu-top ul li #menu_group2_btn0.menu_item_activ {
				background-image: url(../images/menutop_on0.gif);
			}
			#menu-top ul li #menu_group2_btn1.menu_item_activ {
				background-image: url(../images/menutop_on1.gif);
			}
			#menu-top ul li #menu_group2_btn2.menu_item_activ {
				background-image: url(../images/menutop_on2.gif);
			}
			#menu-top ul li #menu_group2_btn3.menu_item_activ {
				background-image: url(../images/menutop_on3.gif);
			}
			#menu-top ul li #menu_group2_btn4.menu_item_activ {
				background-image: url(../images/menutop_on4.gif);
			}
			#menu-top ul li #menu_group2_btn5.menu_item_activ {
				background-image: url(../images/menutop_on5.gif);
			}
			#menu-top ul li #menu_group2_btn6.menu_item_activ {
				background-image: url(../images/menutop_on6.gif);
			}
			

/*======================================================
Main
======================================================*/
#conteneur-main {
	width: 850px;
	margin: 0 auto;
	padding: 130px 0 0 0;
}

	/*======== Fil d'arianne ========*/
	#breadcrumb {
		margin: 0 0 0 234px;
		font-family: Verdana, Helvetica, Arial, sans serif;
		font-size: 9px;
		color: #666;
	}
		#breadcrumb a, #breadcrumb strong, #breadcrumb span {
			color: #929292;
			text-decoration: none;
		}
		#breadcrumb a:hover {
			color: #666;
		}
	
	
	/*======== Home ========*/
	#main-home {
	}
	#home-left {
		width: 616px;
	}
		.tab-home-left, .tab-home-left table {
			border-collapse: collapse;
			border: 0;
			width: 100%;
			padding: 0;
			margin: 0;
		}
			.tab-home-left td {
				border: 0;
				padding: 0;
				font-size: 10px;
				vertical-align: top;
			}
			.tab-home-left .home-actu {
				width: 338px;
				background: url(../images/home_actu.jpg) no-repeat;
				color: #5C015D;
				padding: 45px 5px 5px 10px;
			}			
				.tab-home-left .home-actu h2 {
					font-size: 11px;
					margin: 0;
					padding: 0;
				}
				.tab-home-left .home-actu strong {
					font-weight: normal;
				}
				.tab-home-left .home-actu .readmore {
					display: block;
					width: 66px;
				}
	
	#home-right {
		position: absolute;
		width: 850px;
		text-align: right;
	}
	#home-right.closed {
		width: 234px;
		margin-left: 616px;
	}
	#flash_home_right_mini {
		display: none;
	}
	
	
	/*======== Menu gauche ========*/
	#menu-left {
		width: 200px;
		float: left;
		margin: 33px 17px 0 6px;
	}
	html > body #menu-left {
		margin: 33px 17px 0 13px;
	}
		.menu-left-bottom {
			background: url(../images/menuleft_bottom_ie6.jpg) center bottom no-repeat;
		}
		html > body .menu-left-bottom {
			background: url(../images/menuleft_bottom.png) center bottom no-repeat !important;
		}
		.menu-left-top {
			background: url(../images/menuleft_top_ie6.jpg) center top no-repeat;
			padding: 61px 23px 55px 23px;
			height: auto !important;
			height: 60px;
			min-height: 60px;
		}
		html > body .menu-left-top {
			background: url(../images/menuleft_top.jpg) center top no-repeat !important;
		}
			#menu-left h3 {
				padding: 0;
				margin: 0 0 10px 0;
				font-family: Verdana, Helvetica, Arial, sans serif;
				font-size: 17px;
				color: #5C1764;
				font-weight: normal;
				text-transform: uppercase;
				text-align: center;
				background: url(../images/menuleft_title_border.gif) left 16px repeat-x;
			}
			#menu-left h3 span {
				padding: 0 3px;
				margin: 0;
				background: url(../images/menuleft_title_border2.gif) left 16px repeat-x;
			}
			
			#menu-left ul.menu {
				padding: 0;
				margin: 0;
				font-family: Verdana, Helvetica, Arial, sans serif;
				font-size: 10px;
			}
				#menu-left ul.menu li {
					list-style: none;
					padding: 7px 0;
					margin: 0;
					background: url(../images/menuleft_sep.gif) center bottom no-repeat;
					text-align: center;
				}
					#menu-left ul.menu li a {
						text-transform: uppercase;
						font-weight: bold;
						color: #999;
						text-decoration: none;
					}
					#menu-left ul.menu li a:hover,
					#menu-left ul.menu li .menu_item_activ
					{
						color: #666;
					}
					
					/*============ niveau 2 ==============*/
					#menu-left ul.menu ul.menu {
						padding: 4px 0 0 0;
						margin: 4px 0 0 0;
						background: url(../images/menuleft_sep.gif) center top no-repeat;
					}
					#menu-left ul.menu ul.menu li {
						background: none;
						list-style: none;
						padding: 1px 0;
						margin: 0;
						text-align: left;
					}
						#menu-left ul.menu ul.menu li a {
							display: block;
							background: url(../images/menuleft_bullet.gif) 0 5px no-repeat;
							text-transform: none !important;
							font-weight: bold;
							color: #999;
							text-decoration: none;
							padding: 0 0 0 7px;
						}
					#menu-left ul.menu ul.menu li a:hover,
					#menu-left ul.menu ul.menu li .menu_item_activ
					{
						color: #666;
						background-image: url(../images/menuleft_bullet_on.gif);
					}

	
	/*======== contenu ========*/
	#main {
		background: #D0B7D0 url(../images/main_bg.jpg) center top no-repeat;
		height: auto !important;
		height: 600px;
		min-height: 600px;
	}
	#main-bottom {
		height: 77px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/default/images/main_bottom.png');
	}
	html > body #main-bottom {
		background: url(../images/main_bottom.png) center top no-repeat !important;
	}
	#main .content {
		width: 597px;
		float: left;
		margin: 77px 0 0 0;
		color: #5C1764;
	}
	
	.top-page {
		text-align: right;
		font-size: 9px;
		line-height: 17px;
		margin: 20px 0 0 0 !important;
	}
		.top-page a {
			color: #7D7AA9 !important;
			line-height: 20px;
			padding: 2px 23px 4px 0;
			background: url(../images/puce_top.gif) right top no-repeat;
		}
		.top-page a:hover {
			
		}


	/*======== Produits (soins) ========*/
	.prod-left {
		width: 368px;
		float: left;
		margin: 0 15px 0 0;
	}
		.prod-lk {
			width: 300px;
			height: 23px;
			margin: 30px auto 0 auto;
			padding: 3px 0;
			background: url(../images/pad_pro_bg_lk.png) left top no-repeat;
			text-align: center;
		}
		.prod-lk a {
			position: relative;
			color: #999 !important;
			font-size: 9px;
			text-decoration: none;
			line-height: 14px;
			padding: 1px 10px 1px 28px;
		}
		.prod-lk a:hover {
			color: #333 !important;
		}
		.lk-share {
			background: url(../images/ico_mail.gif) 10px center no-repeat;
		}
		.lk-download {
			background: url(../images/ico_pdf.gif) 10px center no-repeat;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
		}
		.lk-print {
			background: url(../images/ico_print.gif) 10px center no-repeat;
		}
		.lk-share:hover {
			background-image: url(../images/ico_mail_on.gif);
		}
		.lk-download:hover {
			background-image: url(../images/ico_pdf_on.gif);
		}
		.lk-print:hover {
			background-image: url(../images/ico_print_on.gif);
		}
		
		.lk-download-off {
			background: url(../images/ico_pdf_off.gif) 10px center no-repeat;
			border-left: 1px solid #999;
			border-right: 1px solid #999;
			color: #ccc;
			font-size: 9px;
			text-decoration: none;
			line-height: 14px;
			padding: 1px 10px 1px 28px;
		}
		.btn-documentation {
			display: block;
			width: 115px;
			height: 45px;
			background: url(../images/pad_documentation.gif) no-repeat;
			font-size: 11px;
			color: #fff !important;
			text-decoration: none;
			font-weight: bold;
			padding: 10px 35px 5px 50px;
			margin: 25px 0 0 0;
		}
			.btn-documentation span {
				display: block;
				color: #494E8D;
				text-transform: uppercase;
			}
		
		/*
		.prod-asso {
			width: 148px;
			height: 193px;
			background: url(../images/pad_pro_asso.gif) left top no-repeat;
			text-align: center;
			font-size: 10px;
			margin: 30px 5px 5px 5px;
			padding: 10px 10px 5px 10px;
			color: #999;
			float: left;
		}
		*/
		.prod-asso {
			width: 188px;
			height: 190px;
			border-collapse: collapse;
			border: 0;
			text-align: center;
			font-size: 10px;
			margin: 5px 5px 5px 5px;
			padding: 0;
			color: #5C1764;
			float: left;
		}
			.prod-asso td {
				border: 0;
				vertical-align: bottom;
				text-align: center;
				font-size: 10px;
				padding: 0;
			}
			.prod-asso a img {
				padding-bottom: 5px;
			}
		.prod-asso span {
			font-weight: bold;
			color: #5C1764;
		}
		
	.prod-right {
		width: 207px;
		float: right;
		margin: -121px 0 0 0;
	}
	.prod-right-top {
		background: url(../images/prod_img_repeat.gif) left top repeat-y;
	}
	.prod-right-bottom {
		height: 27px;
		background: url(../images/prod_img_bottom.png) left top no-repeat;
	}
		.prod-right-inner {
			background: url(../images/prod_img_top.jpg) left top no-repeat;
			padding: 251px 0 0 0;
			height: auto !important;
			height: 150px;
			min-height: 150px;
		}
		  .prod_img_print {
        display: none;
      }
			.prod_img {
				position: absolute;
				width: 202px;
				height: 251px;
				margin: -251px 0 0 0;
			}
			.prod_img_desc {
				font-size: 10px;
				text-align: center;
				padding: 10px 25px 5px 40px;
			}
			.prod-composition {
				font-size: 11px;
				color: #999;
				padding: 0 30px 0 20px;
				margin: 40px 0 0 0;
			}
				.prod-composition .compositionTitle {
					font-size: 11px;
					font-weight: bold;
					text-transform: uppercase;
					text-align: center;
					padding: 5px 0;
					margin: 5px 0;
					color: #999;
					border-bottom: 1px solid #B6D20A;
				}
				.prod-composition p {
					padding: 0 !important;
					margin: 0 !important;
				}
				
				.btn-prod {
					display: block;
					width: 147px;
					height: 27px;
					font-size: 10px;
					text-decoration: none;
					font-weight: bold;
					color: #A2BC08 !important;
					background: url(../images/btn_prod.gif) left center no-repeat;
					margin: 20px 0 0 20px;
					padding: 3px 0 0 14px;
				}

	/*======== Témoignages (soins) ========*/
	#comments {
		width: 810px;
		position: relative;
		margin: 30px 0 0 -210px;
		background: url(../images/comments_repeat.jpg) repeat-y;
	}
		#comments-top {
			background: url(../images/comments_top.jpg) left top no-repeat;
		}
		#comments-bottom {
			height: auto !important;
			height: 300px;
			min-height: 300px;
			background: url(../images/comments_bottom.jpg) left bottom no-repeat;
			padding: 54px 17px 25px 17px;
		}
			#comments .pagination {
				height: 26px;
				margin: 0 0 23px 0;
			}
			.add-comment {
				width: 190px;
				float: left;
				padding: 120px 27px 0 0;
			}
			.add-comment h4 {
				font-size: 12px;
				margin: 10px 0;
				padding:0;
			}
			table.comments-list {
				border-collapse: collapse;
				border: 0;
				border: none;
				width: 559px;
				float: left;
				font-size: 11px;
			}
			table.comments-list td {
				border-top: 1px dotted #494E8D;
				border-bottom: 1px dotted #494E8D;
				padding: 13px 9px;
				vertical-align: top;
			}
				.comment-auteur {
					width: 100px;
				}
				.comment-color1 {
					background: #BB9ABD;
				}
				.comment-color2 {
					background: #C7AAC8;
				}


	.blog-actu {
		margin: 0 0 30px 0;
	}
		.readmore {
			background: url(../images/puce_readmore.gif) right center no-repeat;
			text-decoration: underline;
			font-weight: bold;
			color: #5C015D !important;
			line-height: 20px;
			padding: 2px 19px 2px 0;
		}
		.all-actu {
			background: url(../images/puce_back.gif) left center no-repeat;
			text-decoration: underline;
			font-weight: bold;
			color: #5C015D !important;
			line-height: 20px;
			padding: 2px 0px 2px 19px;
		}
		.all-actu:hover, .readmore:hover {
			color: #000 !important;
		}


/*======================================================
Forms
======================================================*/
.btn-send {
	border: 0;
	border: none;
	width: 99px;
	line-height: 18px;
	height: 18px;
	text-align: center;
	background: url(../images/btn_form_size99.gif) center top no-repeat;
	font-weight: bold;
	font-size: 11px;
	color: #454986;
	cursor: pointer;
}
#coordonnees {
	width: 200px;
	float: left;
	padding: 0 30px 0 0;
}
  #coordonnees h2, #contact h2 {
    padding: 0;
  	margin: 0;
  	font-family: verdana, helvetica, arial, sans serif;
  	font-size: 18px;
  	letter-spacing: -1px;
  	color: #5C1764;
  }
#contact {
	width: 327px;
	float: left;
	margin: 0;
	padding: 0 0 0 30px;
	border-left: 1px solid #D0B7D0;
	color: #454986;
}
#pt_vente,
#distri
{
	margin: 0;
	padding: 0;
	color: #454986;
}
	#contact p,
	#pt_vente p,
	#distri p
	{
		margin: 5px 0 !important;
		padding: 0;
	}
	#contact label,
	#pt_vente label,
	#distri label
	{
		display: block;
		width: 110px;
		float: left;
		margin: 5px 0;
		padding: 0;
	}
		#contact input,
		#contact textarea,
		#pt_vente input,
		#pt_vente textarea,
		#distri input,
		#distri textarea
		{
			float: left;
			color: #454986;
			font-family: Verdana, Helvetica, Arial, sans serif;
		}
		.inputform, .areaform {
			width: 210px;
			font-size: 11px;
			border: 1px solid #999;
			background: #E0CADF;
			margin: 0;
			padding: 2px;
		}
		.inputform:focus, .areaform:focus {
			border: 1px solid #454986;
			background: #fff;
		}
		
.btn-distri {
	display: block;
	position: absolute;
	width: 200px;
	margin: 0 0 0 390px;
	top: 330px;
}
.btn-phone {
	display: block;
	position: absolute;
	width: 225px;
	margin: 0 0 0 370px;
	top: 330px;
}
.btn-distri-2 {
	display: block;
	width: 200px;
	margin: 20px 0;
}

#sendcomment {
	margin: 0;
	padding: 0;
}
	#sendcomment .inputform,
	#sendcomment .areaform {
		width: 176px;
		font-family: Verdana, Helvetica, Arial, sans serif;
		color: #454986;
	}
	#sendcomment p {
		margin: 5px 0 !important;
		padding: 0;
	}


/*======================================================
Quiz
======================================================*/
#quiz {
	padding: 90px 30px 0 30px;
	color: #5C1764;
	font-size: 10px;
}
#quiz .top-page {
	padding-right: 60px;
}
	#quiz .top-page a:hover {
		text-decoration: none;
	}
	
	#quiz-left {
		width: 329px;
		float: left;
	}
	#quiz-right {
		width: 431px;
		padding: 0 0 0 21px;
		float: left;
	}
		.quiz-intro-content {
			font-size: 9px;
			font-weight: bold;
			height: 15px;
			padding-left: 15px; 
		}
		.quiz-content {
			font-size: 9px;
		}
		#quiz-left .quiz-content {
			padding: 0 0 0 25px;
		}
		#quiz-right .quiz-content {
			padding: 0 0 0 32px;
		}
		.quiz-content p {
			margin: 4px 0;
		}
	#quiz table {
		border-collapse: collapse;
		border: 0;
		padding: 0;
		margin: 0;
	}
		.lk-reglement {
			font-size: 10px;
			font-weight: bold;
			color: #474C8A;
		}
		.lk-reglement:hover {
			text-decoration: none;
		}
		.td-right-first {
			padding-left: 30px;
		}
	#quiz table .intro {
		font-size: 12px;
	}
		
	.quiz-content-bottom {
		padding: 0 30px 0 25px;
		text-align: justify;
	}
  	.quiz-content-bottom h4 {
      font-size: 13px;
      margin: 20px 0 0 0;
      padding: 0;
  	}
  	.quiz-content-bottom p {
      margin: 10px 0;
      padding: 0;
  	}
	
		#quiz h3.subTitle {
			width: 32px;
			line-height: 32px;
			height: 32px;
			text-align: center;
			font-size: 16px;
			margin: 0;
			padding: 0;
		}
	
#inscrip_quiz {
	margin: 0;
	padding: 0;
}
	#inscrip_quiz .inputform, #inscrip_quiz .areaform {
		color: #454986;
		font-family: Verdana, Helvetica, Arial, sans serif;
		border: 1px solid #999;
		background: #E0CADF;
		margin: 2px 10px 2px 0;
		padding: 2px;
	}
	#inscrip_quiz .areaform {
		width: 381px;
	}

.field150 {
	width: 150px;
}
.field100 {
	width: 100px;
}
.field200 {
	width: 200px;
}
.field320 {
	width: 320px;
}
.field250 {
	width: 215px;
}


/*======================================================
Footer
======================================================*/
#footer {
	width: 318px;
	height: 15px;
	margin: 8px auto;
	padding: 5px 0 0 7px;
	font-family: Verdana, Helvetica, Arial, sans serif;
	font-size: 9px;
	color: #999;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='templates/default/images/bg_footer.png');
}
html > body #footer {
	background: url(../images/bg_footer.png) center top no-repeat !important;
}
	#footer a {
		position: relative;
		display: block;
		float: left;
		color: #999;
		line-height: 11px;
		font-size: 9px;
		border-left: 1px solid #999;
		text-decoration: none;
		padding: 0 5px;
	}
	#footer a:hover, #footer .menu_item_activ {
		color: #666;
	}
	#footer a.advisa {
		border-left: 0 !important;
		padding-right: 8px;
	}