html,body{margin:0;padding:0}
body{ 
font: 76% arial, sans-serif; 
background-image: url(../images/bg-index.gif);
background-repeat: repeat-x;
background-position: top;
background-color: #ffffff;
}
#banner-essai{
	display: block;
	position: absolute;
	width:200px;
	height:200px;
	background-image: url(../images/banner.gif);
	top: 0;
	left:0;
}
#header{
	z-index:10;

	position: relative;
	width: 981px;
	height: 230px;
}
#headerPro{
	z-index:10;
	background-image: url(../images/bonbon-haut-pro.jpg);
	position: relative;
	width: 981px;
	height: 230px;
}
#menu-haut{
	z-index:5;
	background-image: url(../images/bg-rollover.jpg);
	position: relative;
	top:0px;
	width: 981px;
	height: 61px;
}
#mini-panier{
	background-image: url(../images/bonbon-panier02.jpg);
	position: relative;
	width: 981px;
	height: 47px;
}
#container{
width:981px;
margin:0 auto;
background-image: url(../images/bonbon-middle.jpg); 
text-align:left
}
#pages{
float:right;
margin-right:8px;
width:767px;
}
#menu-gauche{
margin-top: -4px;
float:left;
width:170px;
}
#extra{
float:left;
width:170px;
}
#extra2{
float:left;
margin-top:-20px;
width:170px;
}
#partenaires{
float:left;
width:170px;
}

#recherche{ height: 20px; width: 800px; left: 200px; top:4px; position: absolute; visibility: visible; }
#footer{ background-image: url(../images/bonbon-footer.jpg); background-repeat: no-repeat; clear:both; width:100%  ; height: 57px;}
#footer-liens{ background-image: url(../images/footer-red.jpg); width:980px; height:auto; float:left; clear:both;}
#wrapper { background-image: url(../images/bonbon-middle.jpg); }
#bonbons1 { height: 48px; left: 300px;  top: 9px; visibility: visible; position: absolute;}
#bonbons3 { height: 20px; width: 320px; left: 300px; top: 45px; position: absolute; visibility: visible; }
#bonbons4 { color: black; font-size: 10pt; font-family: verdana, Helvetica; visibility: visible; display: block; position: absolute; z-index: 1000; top: 70px; left: 250px; width: 730px; height: 20px;}
.recherche { 
color: #be1022; 
font-size: 10px; 
margin-top: 4px;
padding-top: 4px;
padding-left: 10px;
height:19px;
border: solid 1px white;
background-image: url(../images/found.gif);
background-repeat: none; 
}


#miniPanier {
	width: autopx;
	font-size: 10px;
	margin: 2px;
	text-indent: 5px;
	color: Highlight;
}
.position {display: block; float: left;}

#bonbonsPagesTitre {
	position: relative;
	background-image: url(../images/asterix.gif);
	background-position: left;
	background-color: #ffffff;
	background-repeat: no-repeat;
	border-top: solid 1px #e9b6c5;
	border-left: solid 1px #e9b6c5;
	border-right: solid 1px #e9b6c5;
	border-bottom: solid 2px #ffffff;
	text-align: left;
	width: 250px;
	left: -240px;
	height: 18px; text-indent: 20px;}
	
h2 {
  font-family: Verdana;
  font-size: 18px;
  font-weight: bold;
  color: gray;
  margin: 0px;
}
	
#bonbonsPages { display: block; margin-top:-1px; background-color: #ffffff;width: 750px; height: auto; border: solid 1px #e9b6c5; padding-left:5px;}
.PlusInfos {
background-color: white; 
left: 16px; 
width: 207px; 
height: auto; 
padding: 4px;
border-right: 1px solid #e43688;
border-bottom: 1px solid #e43688; 
border-left: 1px solid #e43688;
z-index: 1000; 
}
.prix-bonbons {	
	position: absolute;
	background-color: #e43688;
	font-size: 16pt;
	font-weight: bold;
	color: White;
	height: auto;
	width: auto;
	border: 1px solid #e43688;
	padding-left:2px;
	padding-right:2px;
	}
.prix-bonbons-pro {	
	position: absolute;
	background-color: #97bf0d;
	font-size: 16pt;
	font-weight: bold;
	color: White;
	height: auto;
	width: auto;
	border: 1px solid #97bf0d;
	padding-left:2px;
	padding-right:2px;
	}
.prix-promo-bonbons {
	background-color: #ff7f00;
	font-size: 16pt;
	font-weight: bold;
	color: White;
	height: 25px;
	width: auto;
	border: 1px solid #ff7f00;
	position: absolute;
	margin-top: 20px;
	padding-left:2px;
	padding-right:2px;
	}

.poids-bonbons { 
	background-color: #ffffff;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color : #009de0;
	height: auto; 
	width: auto; 
	border: 1px solid #e43688;
	position: absolute;
	margin-top: 50px;
	padding-left:2px;
	padding-right:2px;
}

.formulaire { background-color: #F5F5DC; color: maroon; font-size: 12px; margin-top: 0px; border: solid 1px #009de0;}
.textBlanc10pt { color: white; font-size: 10pt; font-family: arial; text-indent: 4px; }
.textBlancSmall { color: white; font-size: 10px; font-family: arial;}
.textBlanc12pt { color: #aacddc; font-size: 12pt; font-family: Arial; }
.textBleu20pt { color: #97bf0d; font-size: 20px; font-family: verdana; font-weight: bold;}
.textBleu30pt { color: #97bf0d; font-size: 30px; font-family: arial; font-weight: bold;}
.textRose12pt { color: #ff7264; font-size: 12px; font-family: verdana;}
.textRose10pt { color: #e43688; font-size: 10pt; font-family: arial;  }
.textBleu10pt { color: #009de0; font-size: 12px; font-family: Verdana; }
.textBleumenuG14pt { color: #97bf0d; font-size: 14px; font-family: verdana; font-weight: bold; padding-top:6px;}
.textBlancmenuG14pt { color: #ffffff; font-size: 14px; font-family: verdana; font-weight: bold;}
.textBleu14px { color: #97bf0d; font-size: 14px; font-family: Verdana; }
.textMarron10pt { color: maroon; font-size: 12px; font-family: Verdana; }
.textMarronCommande { color: maroon; font-size: 10px; font-family: Verdana; text-indent: 2px; }
.textMarronSmall {color: maroon;font-size: 10px;font-family: Verdana;text-decoration: none;}
.textGrisSmall {color: Gray;font-size: 10px;font-family: Verdana;}
.textRosePrix { color: #e43688; font-size: 14pt; font-weight: bold;font-family: Verdana;  }
.textRosePanier { color: #e43688; font-size: 13pt; font-weight: bold;font-family: Verdana;  }
.textOrangePanier { color: #ff7f00; font-size: 13pt; font-weight: bold;font-family: Verdana;  }
.textNoirSmall { color: #000000; font-size: 10px; font-family: Verdana; top:2px;  }
.textOrange16 { color: #ff4000; font-size: 16px; font-family: Verdana;  }
.textOuverture {color: #ffffff;font-size: 12px;font-family: arial;}
.textOnglets {color: #009de0;font-size: 20px;font-family: verdana; font-weight: bolder;}
.panier1 { font-family: verdana;  font-size: 11px; color: maroon; background-color: #f5f5dc; border: solid 1px; padding: 1px; margin: 2px}
.panier2 { font-family: verdana; font-size: 11px; color: #97bf0d; background-color: #f5f5dc; padding: 1px; margin: 2px; border: solid 1px; }
.panier3 { font-family: verdana; font-size: 10px; color: #565656; background-color: #eaeaea; padding: 1px; margin: 2px;}
.panier4 { font-family: verdana;  font-size: 12px; color: #ff4000; background-color: #ffffff; border: solid 1px #ff4000; padding: 1px; margin: 2px}
.panier5 { font-family: verdana;  font-size: 12px; color: #ffffff; background-color: gray; padding: 1px; margin: 2px}
.panier6 { font-family: verdana;  font-size: 12px; color: gray; background-color: #ffffff; border: solid 1px gray; padding: 1px; margin: 2px}
.panier7 {background-color: #F5F5F5;}




.commentairesVert a, .pagination a:visited{
background-color: white;
font-family: arial;  font-size: 10px;
padding: 0 5px;
border: 1px solid gray;
text-decoration: none; 
color: #97bf0d;
}
.commentairesVert a:hover, .pagination a:active{
border: 1px solid #97bf0d;
color: #ffffff;
background-color: #97bf0d;
}

.commentaires a, .pagination a:visited{
background-color: white;
font-family: arial;  font-size: 10px;
padding: 0 5px;
border: 1px solid gray;
text-decoration: none; 
color: gray;
}
.commentaires a:hover, .pagination a:active{
border: 1px solid gray;
color: #ffffff;
background-color: gray;
}

.pagination{
padding: 2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: center; /*Set to "right" to right align pagination interface*/
font-size: 10px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid gray;
text-decoration: none; 
color: gray;
}

.pagination a:hover, .pagination a:active{
border: 1px solid gray;
color: #ffffff;
background-color: gray;
}

.pagination a.currentpage{
background-color: #97bf0d;
color: #FFF !important;
border-color: #97bf0d;
font-weight: bold;
cursor: default;
font-size: 20px;
}

.pagination a.disablelink, .pagination a.disablelink:hover{
background-color: white;
cursor: default;
color: gray;
border-color: gray;
font-weight: normal !important;
}

.pagination a.prevnext{

}
#footer_home {
	position:relative;
	width:860px;
	height:auto;
	top:10px;
}

.footer_block {
	position:relative;
	float:left;
	width:170px;
}

.footer_title_container {
	background-color:none;
	height:auto;
	width:152px;
}

.footer_title_content {
	text-align:left;
	color:#ffffff;
	padding-top:3px;
}

.footer_links {
text-align:left;
color:#FFFFFF;
	padding-top:8px;
	padding-left:5px;
}

h3 {
  font-size: 1.5em;
  text-transform: uppercase;
  color: #97bf0d;
}