@charset "iso-8859-2";
/* CSS Document */
.bouton1{
	display: inline-table;
	padding:0;
}
.bouton1 a{
	display: block;
	width:auto;
	height:15px;
	padding:3px 15px;
	margin: 0 0 15px 0;
	color:#FFF !important;
	font-weight:bold;
	background-image:url(../images/boutonA.jpg);
	background-repeat:repeat-x;
	border: 1px solid #000;
}
.bouton1 a:hover{
	color:#06393F !important;
	background-image:url(../images/boutonA-on.jpg);
	background-repeat:repeat-x;
}
a img{
	margin:0;
	border:none;
	padding:0;
}
a, a.visited {
	color: #000;
	text-decoration:none;
}
body {
	margin:0;
	padding:0;
	background-color:#1f3a07;
	font:  100% Verdana, Geneva, sans-serif;
}
.separateur{
	clear:both;
}
p {
     text-align:justify;
}
.ImageGauche{
	float: left;
	margin: 10px 20px 30px 0;
	clear: both;   
}
h1.Titre{
	display:block;
	height: 35px;
	background-image: url(../images/puce-verte.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 25px 0px 5px 30px;
	color:#27480a;
	margin:0;
	font-size: 1.5em;
 }
 
h1.TitrePan{
	display:block;
	height: 35px;
	background: url(../images/picto-panier.gif) 430px 5px no-repeat; 
	padding: 25px 0px 5px 30px;
	color:#06393F;
	margin:0;
	font-size: 1.5em;
 }

.TitreSmall{
	display:block;
	height: 35px;
	background-image: url(../images/puce-verte-small.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 30px 0px 10px 15px;
	color:#27480a;
	margin:0;
	font-size: 1.3em;
}

/*----------------------------Container-----------------------*/
#Container {
	margin:0 auto;
	padding:0;
	font-size:0.7em;
	width:900px;
	background-image:url(../images/BG-contenu-index.gif);
	background-repeat: no-repeat;
	background-position: top;
}
/*----------------------------Contenu-----------------------*/
.contenu{
	background:#27480a url(../images/BG-contenu-index.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 20px 20px 20px 60px;
	color:#27480a;
}
/*----------------------------menu-----------------------*/
.menu{
	background-image: url(../images/BG-menu-index.jpg);
}
.menu a{
	background-image: url(../images/separateur-Onglet-menu.gif);
	background-repeat: no-repeat;
	background-position: right;
	margin: 0;
	display:block;
	width:95px;
	float:left;
	height: 35px;
	line-height: 35px;
	padding:0 18px 0 15px;
	margin: 0 0 0 0;
	color:#000;
	text-align:center;
}
.menu a:hover{
	background-image: url(../images/BG-menu-index-hover.jpg);
	background-repeat:repeat-x;
}
/*----------------------------colonne gauche-----------------------*/
.colnGauche{
	width:550px;
	float:left;
	/*background-color:#c1cdb6 ;*/
	background-color:#fff;
	padding:0 20px;
	/*background-image:url(../images/bottom-contenu.gif);
	background-repeat: no-repeat;
	background-position: bottom;*/
}
.colnGauche a {
	color: #A4C200;
	text-decoration:none;
}
/*----------------------------colonne droite-----------------------*/
.colnDroite{
	width:200px;
	float:right;
}
#ActualiteIndex{
	display: block;
	width:200px;
	margin:0 0 20px 0;
	/*padding:0 10px;*/ /* soucis affichage sous I.E si boite trop grande*/
	background-image:url(../images/pied-actu.gif);
	background-color:#1e3906;
	background-repeat: no-repeat;
	background-position: bottom;
	color:#FFF;
}
#ActualiteIndex h1{
	display: block;
	width:200px;
	height:84px;
	text-indent:-6000px;
	background-image: url(../images/Bg-Actu-h1.gif);
	/*margin:0 0 0 -10px;*/ /* soucis affichage sous I.E boite trop grande*/
	padding:0;
}
#ActualiteIndex p {
	padding: 0 20px 0 20px;
}
#comptePro{
	display: block;
	width:200px;
	height:58px;
	margin: 0 0 20px 0;
	padding:0;
	background-image:url(../images/acces_pro.gif);
	background-repeat: no-repeat;
}
#compteProactif{
	display: block;
	width:200px;
	height:58px;
	margin: 0 0 20px 0;
	padding:0;
	background-image:url(../images/acces_pro_connect.gif);
	background-repeat: no-repeat;
}
#comptePro .input{
	display: block;
	float:right;
	width:190px;
	/*height:58px;*/ /* soucis affichage sous I.E si on détermine la taille de l'input*/
	margin: 0;
	padding:30px 0 0 0;
}
#comptePro input{
	width:120px;
}
#comptePro .input a{
	color:#000;
}
#MonPanier{
	display: block;
	width:200px;
	height:58px;
	margin: 13px 0 20px 0;
	padding:0;
	background-image: url(../images/mon_panier.gif);
	background-repeat: no-repeat;
	color:#FFF;
}
#MonPanier .element{
	display: block;
	float:right;
	width:65px;
	height:58px;
	margin:0;
	padding:5px 0 0 0;
}
#adresse {
	background-image:url(../images/adresse.gif);
	background-repeat:no-repeat;
	width: 200px;
	height:185px;
	margin:0;
}
/*----------------------------page produit-----------------------*/
.contenuProduit{
	background:#27480a url(../images/BG-contenu-index.gif);
	background-repeat: no-repeat;
	background-position: top;
	padding: 0 0 20px 10px;
	color:#FFF;
}
.MenuProduit{
	width:206px;
	float:left;
}
.ColnDroiteProduit{
	width:600px;
	display:inline;
	float:right;
	margin: 0 30px 20px 0;
}
.biscuiterie{
	padding-top: 60px;
	background-repeat: no-repeat;
	background-position: top;
	background-image: url(../images/images/menu-produit-biscuiterie.jpg);
}
#Rubrique a {
	text-align:center;
	color:#FFF;
	text-decoration:none;
	display:block;
	height:25px;
	line-height:25px;
	font-size: 1.1em;
	padding-top: 1px;
	padding-bottom: 1px;
}
#Rubrique a:hover, #Rubrique a.selected  {
	border-bottom:1px dotted #FFF;
	border-top:1px dotted #FFF;
	padding: 0px;
}
#Retouraccueil a{
	display:block;
	text-align:left;
	height:25px;
	font-size: 1em;
	color:#000;
	padding:4px 0 0 10px;
	background-image: url(../images/menu-produit-retour.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
#Retouraccueil a:hover{
	background-image: url(../images/menu-produit-retour-on.gif);
	background-repeat: no-repeat;
	background-position: bottom;	
	border:none;
}
.ListProduit{
	color:#000;
}
.ListProduitContenu{
	color:#000;
	padding: 0px 40px 20px 40px;
	background-color:#FFF;
}
.produit a{
	display:block;
	width:auto;
	color:#27480A;
	height:17px;
	padding: 8px 0 5px 0;
	border-bottom:1px dashed #CCC;
}
.produit a:hover{
	background-image:url(../images/detail-produit.jpg);
	background-position: top right;
	background-repeat:no-repeat;
}
.quantite input{
	width:15px;
	height:15px;
}
.ajouterPanier a{
	display:block;
	width:34;
	height:30px;
	background-image:url(../images/ajouter-panier1.jpg);
}
.ajouterPanier a:hover{
	background-image:url(../images/ajouter-panier2.jpg);
}
.dashed {
 	background: url(../images/dashed.gif) 5px 54px no-repeat;
}
.spacer30 {
	height:30px;
}

/*----------------------------Récap Panier + Paiement-----------------------*/
#recap h1{
font-weight:bold;
font-size: 11px;
}
#recap h2{
font-weight:bold;
font-size: 11px;
color: #CC0000;
}
.solid {
	border-bottom: 1px solid #06393F;
}
/*----------------------------Page pratique et Qui sommes nous ?-----------------------*/
.inter {
	height:1px;
	margin: 20px 20px 20px 20px;
	border-bottom:1px dashed #20737D;
}
.hautdepage a{
	float: right;
	background: url(../images/fl_up.gif) 125px 4px no-repeat;
	padding: 0px 20px 0px 0px;
	color:#20737D;
	text-decoration:none;
}
.puceverte ul {
	list-style: none;
	padding: 5px 0 5px 15px;
	margin: 0;
}
.puceverte li{
	background: transparent url(../images/puce.gif) 2px 7px no-repeat;
	padding: 5px 0 0 18px;
}

/*----------------------------Pied de page-----------------------*/
#Pied{
	margin:0 auto; /* pour régler le soucis de pied de page dans liste produit et fiche produit*/
	width:900px;  /* pour régler le soucis de pied de page dans liste produit et fiche produit*/
	color:#FFF;
	background-color:#0f1e01;
	text-align:center;
	font-size: 10px;
	height:30px;
	line-height:30px;
}
#Pied a{
	color:#FFF;
}