body{
	margin:0;
	padding:0;
	background:#dddbca;
	font-family:verdana;
	font-size:12px;
}

.clear{
	clear:both;
	height:0px;
}

img{
	border:0;
}

#repere{
	position:absolute;
	z-index:99;
	right:0;
	bottom:0;
	width:1px;
	height:1px;
}

#globalAccueil{
	width:995px;
	margin:auto;
	background:url(images/fond_accueil.jpg) no-repeat top left;
	height:610px;
}

#global{
	width:995px;
	margin:auto;
	background:url(images/fond_site.gif) repeat-y top left;
}

.violet{
	color:#860471;
}

/*********************	ACCUEIL	**********************/

#logoAccueil{
	margin:20px 0 0 25px;
}

#connection{
	float:left;
}

#connection form{
	border:1px solid #8a0a72;
	background:url(images/fond_transparent.png) repeat-y top left;
	width:258px;
	margin:17px 0 0 34px;
	padding:12px 0 15px 30px;
	color:#8a0a72;
	font-size:14px;
}

#connection form#abonne{
	height:188px;
}

#connection form#inscription{
/* 	background:url(images/fond_afdf.png) repeat-y top left; */
	height:150px;
	padding: 0;
	width: 288px;
}

#connection form h2{
	margin:0;
	padding:0;
	font-size:18px;
}

#connection form label{
	font-size:12px;
	width:130px;
	display:block;
	float:left;
}

#connection form input{
	padding:0;
	margin:0 0 8px 0;
	border:1px solid #b8b8b8;
}

#connection form .btn{
	padding:0;
	margin:9px 15px 0 0;
	border:0;
}

#connection form .btn img:hover,#connection form .btn:hover, form#inscription a:hover img{
	filter:alpha(opacity=80); 
    -moz-opacity:0.8; 
    opacity:0.8;
	border:0;
}

#concept{
	float:right;
	font-size:14px;
	color:#848484;
	padding:0 30px 0 0;
	width:350px;
}

#concept h2{
	margin:0;
	padding:0;
	font-size:19px;
	color:#8a0a72;
	font-weight:normal;
}

#concept ul{
	margin-left:15px;
	padding-left:0px;
}
#concept ul li{
	margin:0 0 5px 0;
}

#piedAccueil{
	background:url(images/pied.gif) no-repeat bottom right;
	height:79px;
	width:984px;
	margin:7px 0 0 0;
}

#piedAccueil p{
	margin:0 0 0 430px;
	padding:25px 0 0 0;
	color:#fff;
}

/*********************	ACCUEIL	**********************/

/*********************	MENU	**********************/

#menu{
	float:left;
	width:260px;
	background:url(images/coin_menu_haut.gif) no-repeat top right;
}

#logo{
	margin:20px 0 0 14px;
}

#menu ul{
	margin:20px 0 0 0;
	padding:0 0 316px 0;
	list-style:none;
	color:#6f6f6f;
	background:url(images/fond_menu.jpg) no-repeat bottom right #fff;
}

#menu ul li{
	background:url(images/fond_liste.gif) no-repeat 42px bottom;
	height:38px;
}

#menu ul li a#menuAccueil{
	background:url(images/ico_accueil.jpg) no-repeat center left;
	height:32px;
}

#menu ul li a#menuInfo{
	/*background:url(images/ico_info.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/infos.gif) no-repeat 0px 1px;
}

#menu ul li a#menuInfo:hover,#menu ul li a#menuInfo.actif{
	/*background:url(images/ico_info_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/infos.gif) no-repeat 0px -38px;
}

#menu ul li a#menuProduit{
	/*background:url(images/ico_produit.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/produits.gif) no-repeat 0px 1px;
}

#menu ul li a#menuProduit:hover,#menu ul li a#menuProduit.actif{
	/*background:url(images/ico_produit_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/produits.gif) no-repeat 0px -38px;
}

#menu ul li a#menuRealisation{
	/*background:url(images/ico_realisation.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/realisation.gif) no-repeat 0px 1px;
}

#menu ul li a#menuRealisation:hover,#menu ul li a#menuRealisation.actif{
	/*background:url(images/ico_realisation_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/realisation.gif) no-repeat 0px -38px;
}

#menu ul li a#menuBouquet{
	/*background:url(images/ico_bouquet.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/bouquet.gif) no-repeat 0px 1px;
}

#menu ul li a#menuBouquet:hover,#menu ul li a#menuBouquet.actif{
	/*background:url(images/ico_bouquet_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/bouquet.gif) no-repeat 0px -38px;
}

#menu ul li a#menuRecette{
	/*background:url(images/ico_recette.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/recette.gif) no-repeat 0px 1px;
}

#menu ul li a#menuRecette:hover,#menu ul li a#menuRecette.actif{
	/*background:url(images/ico_recette_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/recette.gif) no-repeat 0px -38px;
}
#menu ul li a#menuBio{
	/*background:url(images/ico_bio.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/bio.gif) no-repeat 0px 1px;
}

#menu ul li a#menuBio:hover,#menu ul li a#menuBio.actif{
	/*background:url(images/ico_bio_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/bio.gif) no-repeat 0px -38px;
}
#menu ul li a#menuGlanage{
	/*background:url(images/ico_glanage.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/glanage.gif) no-repeat 0px 1px;
}

#menu ul li a#menuGlanage:hover,#menu ul li a#menuGlanage.actif{
	/*background:url(images/ico_glanage_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/glanage.gif) no-repeat 0px -38px;
}
#menu ul li a#menuDit{
	/*background:url(images/ico_dit.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/dit.gif) no-repeat 0px 1px;
}

#menu ul li a#menuDit:hover,#menu ul li a#menuDit.actif{
	/*background:url(images/ico_dit_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/dit.gif) no-repeat 0px -38px;
}
#menu ul li a#menuBarometre{
	/*background:url(images/ico_barometre.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/barometre.gif) no-repeat 0px 1px;
}

#menu ul li a#menuBarometre:hover,#menu ul li a#menuBarometre.actif{
	/*background:url(images/ico_barometre_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/barometre.gif) no-repeat 0px -38px;
}
#menu ul li a#menuTruc{
	/*background:url(images/ico_trucs.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/trucs.gif) no-repeat 0px 1px;
}

#menu ul li a#menuTruc:hover,#menu ul li a#menuTruc.actif{
	/*background:url(images/ico_trucs_actif.jpg) no-repeat center left;*/
	height:32px;
	background:url(images/trucs.gif) no-repeat 0px -38px;
}

#menu ul li a{
	color:#6f6f6f;
	text-decoration:none;
	display:block;
	padding:10px 0 0 50px;
}

#menu ul li a:hover,#menu ul li a.actif{
	color:#8a0a72;
}

/*********************	MENU	**********************/

/*********************	ENTETE	**********************/

#entete{
	float:left;
	background:url(images/fond_entete.jpg) no-repeat top left;
	width:733px;
	min-height:97px;
	_height:97px;
	margin:0 0 20px 0;
}

#entete h1{
	color:#fff;
	font-size:22px;
	font-weight:normal;
	background:url(images/h1_entete.gif) no-repeat center left;
	margin:32px 0 0 96px;
	padding:0 0 0 10px;
	float:left;
	display:inline;
}

#fournisseur{
	float:right;
	margin:25px 40px 0 0;
	display:inline;
	width:100px;
	text-align:center;
}

#fournisseur p{
	margin:0;
	padding:5px 0 0 0;
	width:100px;
	font-size:11px;
}

#fournisseur a{
	text-decoration:none;
	color:#860670;
}

#fournisseur a:hover{
	text-decoration:underline;
}

/*********************	ENTETE	**********************/

/*********************	CONTENU	**********************/

#contenu{
	float:left;
	width:690px;
	padding:0 0 0 45px;
}

/****** PRODUITS DU MOIS ****/
a.btnProduit{
	display:block;
	background:url(images/btn_produits.gif) no-repeat 0px 0px;
	height:25px;
	width:194px;
	float:left;
	margin:56px 25px 0 0;
	color:#fff;
	text-decoration:none;
	text-align:center;
	padding:10px 0 0 0;
}

a.btnProduit:hover,a.btnProduit.actif{
	background:url(images/btn_produits.gif) no-repeat 0px -35px;
}

#produitDuMois{
	width:632px;
	background:#eeede6;
	margin:50px 0 0 0;
	padding:0 0 50px 0;
}

#produitDuMois h3{
	color:#860670;
	font-size:18px;
	font-weight:normal;
	margin:0 0 0 30px;
	padding:20px 0 0 0;
	height:30px;
	background:url(images/trait_produit.gif) no-repeat left 45px;
}

.vignetteProduit{
	float:left;
	margin:43px 0 0 65px;
	display:inline;
	/*width:120px;*/
	height:150px;
}

.vignetteProduit p{
	width:119px;
	text-align:center;
	color:#6f6f6f;
	margin:0;
	padding:5px 0 0 0;
}

.vignetteProduit .vignetteProduitCadre{
	width:119px;
	height:119px;
	text-align:center;
	border:1px solid #bbbbbb;
	background:#fff;
}
/****** PRODUITS DU MOIS ****/

/****** REALISATION QUINZAINE ****/
#diaporamaRealisation{
	margin:20px 0 0 0;
	background:#eeede6;
	width:602px;
	padding:50px 0 15px 30px;
}

#realisationPhotoFinal a:hover,#diaporamaRealisation .realisationPhotoVignette a:hover{
	border:1px solid #bb3585;
}

#realisationPhotoFinal a{
	width:274px;
	height:274px;
	background:#fff;
	border:1px solid #bbbbbb;
	text-align:center;
	float:left;
}

#diaporamaRealisation .realisationPhotoVignette a{
	width:82px;
	height:82px;
	background:#fff;
	border:1px solid #bbbbbb;
	text-align:center;
	float:left;
	margin:0 0 12px 15px;
}
/****** REALISATION QUINZAINE ****/

/****** FOURNISSEUR ****/
#catFournisseur{
	padding:50px 0 40px 120px;
	background:url(images/trait_fournisseur.gif) no-repeat bottom left;
}

#catFournisseur label{
	background:url(images/fleche_fournisseur.gif) no-repeat center left;
	padding:0 0 0 30px;
	color:#860670;
	font-size:14px;
}

#tableFournisseur{
	width:632px;
	margin:20px 0 0 0;
}

#tableFournisseur tr.ligneTitre td{
	background:#860670;
	color:#fff;
	height:25px;
	font-size:11px;
	border-bottom:none;
	padding-top:0;
	padding-bottom:0;
}

#tableFournisseur tr.ligneTitre:hover td{
	background:#860670;
}

#tableFournisseur tr td{
	padding-left:45px;
	background:#fff;
	height:60px;
	border-bottom:1px solid #bbbbbb;
}

#tableFournisseur tr td.colonneFournisseur{
	color:#860670;
	border-right:1px solid #bbbbbb;
}

#tableFournisseur tr:hover td{
	background:#ececec;
	cursor:pointer;
}

#ficheFournisseur{
	background:#fff;
	width:602px;
	padding:0 10px 20px 20px;
	color:#6c6b66;
}

#impression{
	float:right;
	background:url(images/impression.gif) no-repeat center left;
	padding:2px 10px 0 25px;
	height:18px;
	margin:10px 0 0 0;
}

#impression a,#retour a{
	color:#6c6b66;
	text-decoration:none;
}

#impression a:hover,#retour a:hover{
	text-decoration:underline;
}

#retour{
	float:right;
	background:url(images/fleche_retour.gif) no-repeat center left;
	padding:2px 10px 0 25px;
	height:18px;
	margin:10px 0 0 40px;
}

#logoFournisseur{
	float:left;
	height:171px;
	width:171px;
	/*background:#fff;*/
	margin:10px 25px 0 0;
	text-align:center;
}

#encadreFournisseur{
	float:left;
	background:#eaeaea;
/* 	height:153px; */
	width:382px;
	margin:10px 0 0 0;
	padding:18px 0 0 18px;
}

#encadreFournisseur a{
	color:#798f00;
	text-decoration:none;
}

#encadreFournisseur a:hover{
	text-decoration:underline;
}

#ficheFournisseur h2{
	font-size:18px;
	color:#860670;
	font-weight:normal;
	background:url(images/h2_point.gif) no-repeat left 12px;
	padding:0 0 0 20px;
	margin:0 0 0 0;
}

/****** FOURNISSEUR ****/

/******	BAROMETRE	****/
.barometre{
	background:#dddbca;
	margin:0 0 10px 0;
	width:587px;
}

.barometre p{
	margin:0;
	padding:25px 0 0 0;
	float:left;
	font-size:18px;
}

.barometre p.texteBarometre{
	width:320px;
	color:#000;
	padding-left:30px;
}

.barometre img{
	float:left;
}

.barometre p.baisse{
	text-align:center;
	width:103px;
	color:#be448d;
	font-weight:bold;
}

.barometre p.hausse{
	text-align:center;
	width:103px;
	color:#518606;
	font-weight:bold;
}

.barometre p.stable{
	text-align:center;
	width:103px;
	color:#707070;
	font-weight:bold;
}
/******	BAROMETRE	****/

/*********************	CONTENU	**********************/

/*********************	PAGE	**********************/

#page{
	background:#eeede6;
	width:587px;
	padding:0 15px 20px 30px;
	margin:5px 0 20px 0;
	color:#6f6f6f;
}

#page h2,#listeFournisseur h2{
	font-size:18px;
	color:#860670;
	font-weight:normal;
	background:url(images/h2_point.gif) no-repeat left 37px;
	padding:25px 0 0 20px;
	margin:0 0 10px 0;
}

#page a{
	color: #87056f;
	text-decoration: none;
}

#page a:hover{
	text-decoration: underline;
}

/*********************	PAGE	**********************/

/*********************	PIED	**********************/

#pied{
	background:url(images/pied.gif) no-repeat 291px bottom;
	width:994px;
	height:78px;
}

#pied p{
	margin:0 0 0 430px;
	padding:25px 0 0 0;
	color:#fff;
}

/*********************	PIED	**********************/