html { height:100%; }

body{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
}

form {
	margin: 0;
	padding: 0;
}

.clear{clear:both;}
.right{float:right;}

#pageindex {
	width: 680px;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	height: 501px;
	overflow: visible;
	background: url(images/fond_index.jpg) no-repeat center top;		
}
.trois_col H1 {
	margin:0;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF9900 url(images/bg_titre.jpg) no-repeat left center;
	text-align: left;
	padding: 2px 4px;
	border:1px solid #FFFFFF;
}

.trois_col td {
border-left: 1px solid #CCCCCC;
	
}



#pageinter {
	width: 680px;
	margin-left:auto;
	margin-right:auto;
	background: url(images/fond_pages.jpg) no-repeat center top;
	position: relative;
	height: 501px;
	overflow: visible;
		
}
#header{
	height:105px;
}
#content{
	display:block;
}
a.logo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999999;
	letter-spacing: 1px;
	text-align: left;
	background-image: url(images/logo_honeyvie.gif);
	background-position: top left;
	display: block;
	width: 200px;
	background-repeat: no-repeat;
	padding-top:36px;
	position: relative;
	top: 15px;	
	left: 10px;
	text-decoration: none;
}

a.logo:hover {
	text-decoration: none;
	color: #FF9900;
}

#blocknavigation {
	position: absolute;
	top: 73px;
	left: 10px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin : 0;
	padding : 0px;
	list-style-type : none;
	visibility: visible;
	/* border:1px solid green; */
}

#blocknavigation a {
	float:left;
	display:block;
	width:70px;	
	color: #666;
	text-decoration:none;
	margin-right:2px;
	padding : 0px 5px 2px 0px;
	}

	
#blocknavigation a:hover {
	color: #000000;
	text-decoration:none;	
	}
#blocknavigation span {	
		display:block;
	}

#blocknavigation li {
	display: inline;
	
	}
	

a.honeyvie 		{ border-bottom:#FCB71C solid 2px; }
a.boutique 		{ border-bottom:#83C849 solid 2px; }
a.contact 		{ border-bottom:#329ACF solid 2px; }
a.liens 		{ border-bottom:#A20009 solid 2px; }
a.actualites 	{ border-bottom:#FF9900 solid 2px; }
	
	
#blockmenu {
	float:left;
	width:160px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin : 0;
	padding : 0px;
	list-style-type : none;
	visibility: visible;
	}

#blockmenu a {
	display:block;
	color: #666;
	text-decoration:none;
	padding : 4px 10px 2px 0;
	border-bottom:dashed 1px #CCC;
	}
	
#blockmenu a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
#blockmenu li {
	position:relative;
	margin:0;
	width:150px;
	}	

ul.submenu {
	list-style:none;
	display:none;
	position:absolute;
	background-color:#FFF8E0;
	left:140px;
	text-align:left;
	margin:0;
}

#blockmenu ul.submenu li {
margin:0;
padding:0;}

#blockmenu ul.submenu a {
	display:block;
	text-decoration:none;
	padding : 2px;
	border-bottom:dashed 1px #CCC;
	text-align:left;
	
	}	

#blockvitrine {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	top: 110px;
	left: 170px;	
	
	}
#blockvitrine a {
	color: #666;
	text-decoration:none;
	}
	
#blockvitrine a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
.marge10pix {
	padding:10px;
}
#sepacaddie {
	display:block;
	padding: 10px 0 0 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height:35px;
	clear:both;
	/* border:1px solid green; */
	background: url(images/ombreseparation.jpg) no-repeat top center;
	visibility: visible;
	
}
#sepacaddie a {
	color: #666;
	text-decoration:none;
	}
	
#sepacaddie a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
	
#recherche_une {
	font-size: 13px;
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: 1px;
	/* border:1px solid green; */
	}
	
.champtext{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-top: 1px solid #666666;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #666666;
}	
	


a.troisliens  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-align:left;
	text-decoration:none;
	color:#999;
	letter-spacing: 0px;	
	display:block;
}

a.troisliens:hover  {
	text-decoration:none;
	color:#FF6600;}
a#link_paiement{
	display:block;
	background: url(images/mini_paiement.gif) no-repeat left;
	padding:4px 2px 4px 25px;
}

a#link_cgv{
	display:block;
	background: url(images/mini_aide.gif) no-repeat left;
	padding:5px 2px 5px 25px;
}

.bordscotes {
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}

.enbas {
	position: absolute;
	bottom:0px;
	left:auto;
	right:auto;
	padding-bottom:10px;
	background: url(images/ombre310.gif) no-repeat bottom center;
}

#actus_une {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align:left;
	}
		


	
#actus_une a {
	color: #666666;
	text-decoration:none;
	display:block;
	margin-left:10px;
	}
	
#actus_une a .titreactu  {
	display:block;
	margin-top:10px;
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration:none;
}
#actus_une a:hover .titreactu  {
	text-decoration:none;
	color:#FF6600;
}

#listeprod {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	height:1%;
	min-height:380px;
	overflow:visible;
	
	 /*border:1px solid green; */
	
	}
#listeprod td{ text-align: justify; }

#liencaddie {
	margin-top:10px;
	margin-right:5px;
	padding-top:10px;
	padding-bottom:10px;
	font-size: 11px;
	padding-left:35px;
	background: url(images/mini_caddie.gif) no-repeat 8px 16px;
	text-align:left;
	background-color: #FFF8D8;
	/*border:1px solid green; */
	
}
#liencaddie a{
	display:block;
	color:#666666;
	text-decoration:none;
	letter-spacing:normal;
}
#liencaddie a:hover{
	color:#FF6600;
	text-decoration:none;
}
#listeprod a {
	color: #666;
	text-decoration:none;
	}
	
#listeprod a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
/*#listeprod table{
	width:490px;*/


#ficheprod {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;

	width:498px;
	visibility: visible;
	/* border:1px solid green; */
	
	}
#ficheprod a {
	/*color: #666;*/
	color: #FF6600;
	text-decoration:none;
	}
	
#ficheprod a:hover {
	/*color: #FF6600;*/
	color: #666;
	text-decoration:none;	
	}
#ficheprod td { 
	font-family:Arial, Helvetica, sans-serif;
	
	padding:6px 0 2px 7px;
	}

#ficheprod th {
	background: #F4F4F4;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding:2px;

	
}





#chemin {
	text-align: left;
	font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 25px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: bold;
	background: url(/images/fond_chemin.gif) left no-repeat  ;
	padding-top:6px;

}
#chemin a { 
	color: #FFFFFF; 
	text-decoration:none; 
}
#chemin a:hover { 
	color: #FFFFFF; 
	text-decoration:none; 
}

#listeprod td { 
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #CCCCCC;
	padding:6px 0 2px 7px;
	}

#listeprod th {
	background: #F4F4F4;
	font-size: 12px;
	font-weight: normal;
	color: #333333;
	padding:2px;
	border:solid 1px #FFF;
	border-bottom:solid 1px #999;
	border-right:solid 1px #999;
	
}

td.prix { 
	color:#000000; 
	text-align:right;
	font-size: 11px;
	white-space:nowrap;
	}
#recherche_page {
	float:left;
	width:160px;
	height:155px;
	font-size: 13px;
	color: #FF9900;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1px;
	padding-top: 20px;
	/* border:1px solid blue; */
	}
	
#voiraussi {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	width:490x;
	min-height:200px;
	/* height:200px; */
	visibility: visible;
	background: url(images/fond_associes.gif) no-repeat left 20px;
	clear:both;	/*border:1px solid red; */
	 
	
	}
#voiraussi a {
	/*color: #666666;*/
	color: #FF6600;
	text-decoration:none;
	display: block;
	}
	
#voiraussi a:hover {
	/*color: #FF6600;*/
	color: #666666;
	text-decoration:none;	
	}
#voiraussi table { margin-top:5px; }	
#voiraussi td { 
	font-family:Arial, Helvetica, sans-serif;
	border-bottom:solid 1px #EEE;
	padding:3px 0 3px 7px;}
	
#blockvitrinepage {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	float:right;
	width:200px;
	height:auto;
	margin-right:20px;
	margin-top:10px;
	/* border:1px solid green; */

	}
#blockvitrinepage a {
	color: #666;
	text-decoration:none;
	}
	
#blockvitrinepage a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
	
#passercommande {
	
	color:#FFF;
	font-weight:bold;
	text-decoration:none;
	font-size: 14px;
	text-align: center;
}
#passercommande a{
	display:block;
	width:100%;
	padding:2px;
	background-color:#FF9900;
	color:#FFF;
	text-decoration:none;
}
#passercommande a:hover{
	color:#000;
	text-decoration:none;
}
td.commander {
	font-size: 12px;
	font-weight: bold;
	color: #FF9900;
	letter-spacing: 2px;
	text-align: center;
}
.form_ajout {
	display: block;
	width: 150px;
	float:right;
	padding-top:50px;
	margin:0;
}
#inscription {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	visibility: visible;
}
#inscription a {
	color: #666;
	text-decoration:none;
	}
	
#inscription a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
#inscription th{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#FF7A00;
	color:#FFFFFF;
}
#inscription th a {
	color: #FFFFFF;
	text-decoration:none;
	}
	
#inscription th a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
#inscription td{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#F4F4F4;
}
#inscription td a {
	color: #666;
	text-decoration:none;
	}
	
#inscription td a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
#chemin_inscription {
	text-align: left;
	font-family: "Arial Narrow",Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	height: 25px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: bold;
	background: url(/images/fond_chemin.gif) center no-repeat  ;
	padding-top:6px;

}
.blanc {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	clear:both;
	border-bottom: solid 1px white;
	padding:2px;
}

#listeactu {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	margin-left:160px;
	
	min-height:190px;
	width:498px;
	visibility: visible;	
	}
#listeactu a {
	color: #666;
	text-decoration:none;
	}
	
#listeactu a:hover {
	color: #FF6600;
	text-decoration:none;	
	}
.mini {
	font-size: 10px;
}
#annonce_une {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF6600 url(images/cligno.gif) repeat;
	border: 2px solid #FFCC00;
	text-align: center;
	padding: 1px;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}
#imagePos {
	float: right;
	text-align: center;
	padding: 10px;
	 
}
#imageZoom {

background: #FFF url(images/charge.gif) center no-repeat;

}  

#img_famille{
width:130px;
/*background-color:#006633;*/
background-color:#fff;
}


#liens_couleur {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	overflow:visible;
	
	 /*border:1px solid green; */
	
	}
#liens_couleur a {
	color: #FF6600;
	text-decoration:none;
	}
	
#liens_couleur a:hover {
	color: #666;
	text-decoration:none;	
	}
#liens_voiraussi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;
	overflow:visible;
	
	 /*border:1px solid green; */
	
	}
#liens_voiraussi a {
	color: #FF6600;
	text-decoration:none;
	}
	
#liens_voiraussi a:hover {
	color: #666;
	text-decoration:none;	
	}