/* CSS Document */

body{
	background: #a9abaf url(../images/accueil/bg-body.gif) top repeat-x;
	color: #333;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	}
	
a img{
	border: none;
	}
	
a{
	text-decoration: none;
	color: #333;
	}
	
a:hover{
	text-decoration: underline;
	}
	
.block-connect{
	margin: 0 0 0 237px;
}

h1, h2{
	color: #C1001F;
	margin-top:0;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
	}
	
h1.list{
	display: list-item;
	list-style: url(../images/accueil/etoile.png);
	list-style-position: inside;
	font-size: 3em;
	}
	
.list{
	display: list-item;
	list-style: url(../images/accueil/etoile.png);
	list-style-position: inside;
	}
	
h3, h4, h5, h6{
	font-family: "Times New Roman", Times, serif;
	margin-top:0;
	margin-bottom: 0.5em;	
	}
	
h4{
	color: #000;
	}
	
p{margin-top: 2px;}
	
.little{font-size: 10px;}
.strong{font-weight: bold;}
.italic{font-style: italic;}
	
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
	
.col10{
	float: left;
	margin-right: 1%;
	width: 9%;
	}
	
.col20{
	float: left;
	margin-right: 1%;
	width: 19%;
	}
	
.col25{
	float: left;
	margin-right: 1%;
	width: 24%;
	}
	
.col30{
	float: left;
	margin-right: 1%;
	width: 29%;
	}
	
.col33{
	float: left;
	margin-right: 1%;
	width: 32%;
	}
	
.col40{
	float: left;
	margin-right: 1%;
	width: 39%;
	}
	
.col50{
	float: left;
	margin-right: 1%;
	width: 49%;
	}
	
.col60{
	float: left;
	margin-right: 1%;
	width: 59%;
	}
	
.col75{
	float: left;
	margin-right: 1%;
	width: 74%;
	}
	
.col80{
	float: left;
	margin-right: 1%;
	width: 79%;
	}
	
.col90{
	float: left;
	margin-right: 1%;
	width: 89%;
	}
	
.colbord10{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 8%;
	}
	
.colbord20{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 18%;
	}
	
.colbord25{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 23%;
	}
	
.colbord33{
	border: 1px solid; 
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 31%;
	}
	
.colbord40{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 38%;
	}
	
.colbord50{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 48%;
	}
	
.colbord60{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 58%;
	}
	
.colbord75{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 73%;
	}
	
.colbord80{
	border: 1px solid;
	float: left;
	margin-right: 1%;
	padding: 0 0.5%;
	width: 77%;
	}
	
.block{
	display: table;
	width: 100%;
	}
	
.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding15{padding: 15px;}
.padding20{padding: 20px;}
.padding50{padding: 50px;}

:focus {
  -moz-outline-style:none;
}

input{border: 1px solid #ccc;}
	
/*_____________________________________General_________________________________________________*/

.wrap{
	background: url(../images/accueil/bg-wrap.png) top center no-repeat;
	width: 100%;
	}
	
.head{
	background: url(../images/accueil/bg-head.png) top center no-repeat;
	display: table;
	margin: 0 auto;
	width: 1000px;
	}
	
.top-nav{
	background:transparent url(../images/accueil/bg-topnav.png) no-repeat scroll center top;
	height:40px;
	margin:40px auto 0;
	padding:0 40px;
	width:920px;
	}
	
	.top-nav p.little{
		margin: 15px 0 0;
		float: left;
		width: 400px;
		}
	
.connexion{
	float:right;
	left:40px;
	position:relative;
	top:9px;
	width:450px;
	}
	
	.connexion input[type="submit"]{
		background:transparent url(../images/accueil/ok.png) no-repeat scroll center top;
		border:medium none;
		height:30px;
		margin:0 0 0 5px;
		width:31px;
		}
	
.cont-connexion{
	background:#3B3B52 none repeat scroll 0 0;
	color:#FFFFFF;
	float:left;
	padding:5px 0 6px;
	}
		
	.cont-connexion input[type="text"]{width: 115px;}
	.cont-connexion input[type="password"]{width: 115px;}
	
.content{
	background: url(../images/accueil/bg-content.png) top center repeat-y;
	margin: 0 auto;
	width: 1085px;
	}
	
.red{color: #C1001F;}

.ariane{padding-left: 20px;}

.ariane a{color: #666;}
	
/*_____________________________________HOME_________________________________________________*/

	
#home .padding50{
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
/*_____________________________________philosophy_________________________________________________*/

	
#philosophy .padding50{
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
#philosophy h1{
	padding: 0;
	text-shadow: #666 0px 1px;
	letter-spacing: 0;
	}
	
#philosophy .bloc-philo{
	background:#FFFFFF url(../images/accueil/bg-philo.jpg) repeat scroll 0 0;
	float:left;
	font-family:Times New Roman;
	font-size:1.3em;
	height:326px;
	letter-spacing:2px;
	margin:0 0 0 50px;
	padding:120px 100px;
	text-align:center;
	width:271px;
	}
	
/*_____________________________________produits_________________________________________________*/

	
#produits .padding50{
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
/*_____________________________________espace-pharmacien_________________________________________________*/

	
#espace-pharmacien .padding50{
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
/*_____________________________________contact_________________________________________________*/

	
#contact .padding50{
	padding-top: 20px;
	padding-bottom: 20px;
	}

#contact input{
	border: 1px solid #ccc;
	width: 100%;
	}
	
#contact .marg{
	margin: 0 0 0 5%;	
	}
	
#contact .align{
	display: block;
	}
	
#contact .big{height: 125px;}

#contact input[type="button"]{
	color: #FF0000;
	width: 60px;
	float: right;
	}
	
#contact .col50{margin-left: 30%;margin-bottom:20px;}

#contact .col50 p, #contact .col40 p{
	margin-bottom: 0; 
	}
	
#contact h3.list{margin: 15px 0;}

#contact .marge{
	margin-top: 80px;
	}
	
#contact .marge10{
	margin: 120px -25px 0 0
	}
	
#contact img.left{
	margin-right:20px; 
	}

/*_____________________________________plan-du-site_________________________________________________*/

	
#plan-du-site .padding50{
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
/*_____________________________________mentions-legales_________________________________________________*/

	
#mentions-legales .padding50{
	padding-top: 20px;
	padding-bottom: 20px;
	}
	
/*_____________________________________navigation_________________________________________________*/

	
#menu{
	display: table;
	margin: 0 auto;
	width: 941px;
	}
	
	#menu ul{
		height: 27px;
		list-style: none;
		margin: 0;
		padding: 0;
		}
		
		#menu ul li{
			float: left;	
			}
			
		#menu ul li a img{height: 27px;}
			
			#menu ul li a{
				display: block;
				height: 27px;
				}
					
#menu ul li a.accueil{
	background: url(../images/accueil/accueil.jpg) no-repeat 0 -27px;
	width: 102px;
	}
	#menu ul li a.accueil:hover{background: url(../images/accueil/accueil.jpg) no-repeat 0 0;}

#menu ul li a.philosophie{
	background: url(../images/accueil/philosophie.jpg) no-repeat 0 -27px;
	width: 131px;
	}
	#menu ul li a.philosophie:hover{background: url(../images/accueil/philosophie.jpg) no-repeat 0 0;}
	
#menu ul li a.produits{
	background: url(../images/accueil/produits.jpg) no-repeat 0 -27px;
	width: 108px;
	}
	#menu ul li a.produits:hover{background: url(../images/accueil/produits.jpg) no-repeat 0 0;}
	
#menu ul li a.pharmacien{
	background: url(../images/accueil/pharmacien.jpg) no-repeat 0 -27px;
	width: 179px;
	}
	#menu ul li a.pharmacien:hover{background: url(../images/accueil/pharmacien.jpg) no-repeat 0 0;}
	
#menu ul li a.contact{
	background: url(../images/accueil/contact.jpg) no-repeat 0 -27px;
	width: 87px;
	}
	#menu ul li a.contact:hover{background: url(../images/accueil/contact.jpg) no-repeat 0 0;}
	
.carousel{
	margin: 0 auto 40px;
	height: 430px;
	width: 932px;
	}
	
#flowpanes{
	height: 374px;
	overflow: hidden;
	position: relative;
	width: 754px;
	top:-374px;
	}
	#flowpanes .items{
		clear: both;
		margin: 0;
		padding: 0;
		position: absolute;
		height: 20000em;
		}	
		#flowpanes .items div.blocks{
			clear: both;
			height: 374px;
			width: 754px;
			}
	
ul#flowtabs{
	list-style: none;
	margin: 0;
	padding: 0;
	top: 5px;
	left: 750px;
	width: 178px;
	position: relative;
	}
	
	ul#flowtabs li{
		margin: 0;	
		padding: 1px 0;
		}
	
#flowtabs a img{
	height: 52px;
	width: 178px;
	}
	
#flowtabs a{
	background-image: url(../images/accueil/menu.jpg);
	background-repeat: no-repeat;
	display: block;
	}
	
#flowtabs a#t1 			{ background-position: 0 -208px; }
#flowtabs a#t2 			{ background-position: 0 0px; }
#flowtabs a#t3 			{ background-position: 0 -51px; }
#flowtabs a#t4 			{ background-position: 0 -103px; }
#flowtabs a#t5 			{ background-position: 0 -156px; }
#flowtabs a#t6 			{ background-position: 0 -259px; }
#flowtabs a#t7 			{ background-position: 0 -309px; }
 
/* mouseover state */
#flowtabs a#t1:hover	{ background-position: -178px -208px; }
#flowtabs a#t2:hover	{ background-position: -178px 0px; }
#flowtabs a#t3:hover	{ background-position: -178px -51px; }
#flowtabs a#t4:hover	{ background-position: -178px -103px; }
#flowtabs a#t5:hover	{ background-position: -178px -156px; }
#flowtabs a#t6:hover	{ background-position: -178px -259px; }
#flowtabs a#t7:hover	{ background-position: -178px -309px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default;}
#flowtabs a#t1:hover	{ background-position: -178px -208px; }
#flowtabs a#t2:hover	{ background-position: -178px 0px; }
#flowtabs a#t3:hover	{ background-position: -178px -51px; }
#flowtabs a#t4:hover	{ background-position: -178px -103px; }
#flowtabs a#t5:hover	{ background-position: -178px -156px; }
#flowtabs a#t6:hover	{ background-position: -178px -259px; }
#flowtabs a#t7:hover	{ background-position: -178px -309px; }

.carousel{
	background: url(../images/accueil/bg-carousel.jpg) no-repeat 0 37px;
	}
	
#news{
	border:1px solid #CCCCCC;
	padding:10px 0;
	width:95%;
	}
	
#philosophie{
	background: url(../images/accueil/bg-philosophie.jpg) no-repeat top center;
	border:1px solid #CCCCCC;
	height: 330px;
	padding:10px 0;
	width:100%;
	}#philosophie p{
		padding:0 135px;
		text-align:left;
		}
		#philosophie h1{
			padding: 0 0 0 135px;
			text-align: left;
			}
	
#actus{
	background:transparent url(../images/accueil/bg-actus.jpg) no-repeat scroll center 5px;
	border:1px solid #CCCCCC;
	height:150px;
	padding:100px 5%;
	text-align:left;
	width:85%;
	}
	
/*_____________________________________footer_________________________________________________*/

	
.footer{
	margin: 0 auto;
	width: 1085px;
	}
	
	.top-footer{
		background: #1F1D21;
		color: #fff;
		display: table;
		margin: 0 auto;
		text-align: center;
		width: 1000px;
		}
		
		.top-footer a {color: #fff;}
		
.nav-footer{
	color: #000;
	background: #C1001F;
	height: 20px;
	margin: 0 auto;
	position: relative;
	top: -2px;
	width: 1000px;
	}
	.nav-footer a{color: #fff;}
	
.bottom-footer{
	background: #dad9de url(../images/accueil/bg-footer.jpg) no-repeat scroll left bottom;
	margin: 0 auto;
	width: 1000px;
	}
	
.cont-list{
	margin: 0 auto;
	width: 800px;
	}
	
	.cont-list ul{
		background:transparent url(../images/accueil/separ.jpg) no-repeat scroll right top;
		font-size:9px;
		float: left;
		list-style: none;
		min-height: 200px;
		width: 20%;
		}

/*_____________________________________ss-menu produits_________________________________________________*/

	
	ul#ss-menu{
		background:#C12129 none repeat scroll 0 0;
		display: none;
		margin:0 0 0 -390px;
		padding:0;
		position:absolute;
		width:941px;
		}
		ul#ss-menu li a{
			color:#FFFFFF;
			display:list-item;
			height: 24px;
			list-style-image:none;
			list-style-position:outside;
			list-style-type:disc;
			margin:0 27px 0 0;
			padding:3px 0 0 7px;
			font-size:12px;
			}
			ul#ss-menu li a.no-style{
				list-style: none;
				}
			ul#ss-menu li a:hover{
				color: #F9E734;	
				text-decoration: none;
				}
				
li#ext:hover ul#ss-menu{display:block;}

/*_____________________________________produits_________________________________________________*/

#infusion-composees #sidebar {background:transparent url(../images/produits/bio-infuses-composes.jpg) no-repeat scroll right top;}
#thes #sidebar{background:transparent url(../images/produits/the.jpg) no-repeat scroll right top;}
#infusion-classiques #sidebar {background:transparent url(../images/produits/bio-infusion-classique.jpg) no-repeat scroll right top;}
#ampoules #sidebar {background:transparent url(../images/produits/ampoules.jpg) no-repeat scroll 10px top;}
#comprimes #sidebar {background:transparent url(../images/produits/comprimes.jpg) no-repeat scroll right top;}
#capsules #sidebar {background:transparent url(../images/produits/capsules.jpg) no-repeat scroll right top;}

	#sidebar h1{
		margin: 100px 0;
		color: #000;
		font-weight: normal;
		text-align: center;
		}
	#sidebar h3{
		color: #C12129;
		font-family: "Times New Roman", Times, serif;
		font-weight: normal;
		}
		
#sidebar .presentoir{
	background:transparent url(../images/produits/bg-presentoir.jpg) no-repeat scroll center top;
	padding: 20px 0 0;
	}
	
#main h3{
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	margin:5px 0 10px;
	}
	
#main .col50{
	background:transparent url(../images/produits/bg-produits.jpg) no-repeat scroll center top;
	}
	
	#main .col50 p{
		text-align: center;
		}
		
#main hr{
	border: 1px solid #ccc;
	margin-bottom: 30px;
	}
	
#main span.black{
	color: black;
	text-transform: uppercase;
	}
	
#image{
	position: relative;
	top: 0px;
	opacity: 0;
	}
	
.imprimer{
	border: 1px solid #900;
	background: #C12129;
	color: #fff;
	margin: 20px 0 0 0;
	padding: 2px 10px;
	}

ul#list_prod{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	ul#list_prod li{
		float: left;
		margin: 5px;
		max-height:100px;
		}
	ul#list_prod li.active{
		border: 2px solid #900;
		margin: 3px;
		}
		ul#list_prod li a{
			display: block;
			}
			ul#list_prod li a img{
				max-height:115px;
				max-width:100px;
				}
h2.black{
	color: #000;
	}
		
/* Scroller Box */
#scroller_container {
 position: relative;
 width: 200px;
 height: 240px;
 overflow: hidden;
}

#scroller p {
 padding: 0;
}