/* Mise en page globale
------------------------------------------ */
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #008837;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#conteneur {
	width:100%;
	height:100%;
	margin:auto;
}
#accueil, #pub_premier {
	position:absolute;
	text-align:left;
	background-image: url(fond2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:430px;
	width:780px;
	border: 1px solid #156239;
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-390px;
	margin-top:-215px;
}

#centre {
	text-align:left;
	height: 653px;
	width: 1024px;
	left:50%;
	top:50%;
	margin-left:-512px;
	margin-top:-336px;
	position:absolute;
	border: 2px solid 156239;
}

#fond_gauche_nutrition{
	text-align:left;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	height: 653px;
	width: 339px;
	position: absolute;
}
/*
#fond_gauche_nutrition.filiere {
	background-image: url(fond_g_filiere.jpg);
}

#fond_gauche_nutrition.produit {
	background-image: url(fond_g_marques.jpg);
}
#fond_gauche_nutrition.nutrition {
	background-image: url(fond_g_nutrition.jpg);
}
#fond_gauche_nutrition.page {
	background-image: url(fond_g_page.jpg);
}
*/
#suivant{
	background-image:url(button_suiv_01.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	margin-left:40px;
	display:block;
}

#suivant:hover{
	background-image:url(button_suiv_02.gif);
}

#precedent{
	background-image:url(button_prec_01.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 40px;
	float:left;
	display:block;
}

#precedent:hover{
	background-image:url(button_prec_02.gif);
}
#entete{
	height: 19px;
	width: 1014px;
	padding-left:10px;
	padding-top:3px;
	background-image: url(bordure_relief.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-color: #E0DFE3;
}

#fond_droite_nutrition{
	text-align:left;
	background-repeat: no-repeat;
	background-position:left top;
	float:left;
	height: 653px;
	width: 685px;
	position: absolute;
	margin-left:339px;	
}
#fond_droite_nutrition .spip_documents img{
	border: 1px dotted #2C9C2E;
	margin-right:5px;
	margin-bottom:5px;
}
#texte #holder #lyr #textearticle .spip .spip_documents_left img{
	margin-right:5px;
}

#fond_droite_nutrition #listeproduits ul li {
	font-size:9px;
	margin-right:5px;
	margin-bottom:5px;
	padding:0;
	width:293px;
	list-style:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2C9C2E;
	height:10px;
	overflow:hidden;
}
#fond_droite_nutrition #listeproduits ul {
	margin:0;
	margin-top:2px;
	width:100%;
}
#fond_droite_nutrition #textearticle a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2C9C2E;
}
#fond_droite_nutrition table.spip {
	font-size:10px;
}
#fond_droite_nutrition table.spip strong {
	color:#000000;
}
#fond_droite_nutrition table.spip tr.row_first {
	background-color:#008837;
	color:#FFFFFF;
}
#fond_droite_nutrition table.spip tr.row_first strong {
	color:#FFFFFF;
}
#fond_droite_nutrition table.spip tr.row_even {
	background-color:#BDD559;
}
#fond_droite_nutrition table.spip tr.row_odd {
	background-color:#CAE0B2;
}
#fond_droite_nutrition table.spip td {
	border: 1px dotted #2C9C2E;
	text-align: left;
	vertical-align: top;
}
#fond_droite_nutrition.filiere {
	background-image: url(fond_d_filiere.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#fond_droite_nutrition.produit {
	background-image: url(fond_d_marques.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#fond_droite_nutrition.nutrition {
	background-image: url(fond_d_nutrition.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#fond_droite_nutrition.page {
	background-image: url(fond_d_page.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#fond_droite_nutrition.filiere2 {
	background-image: url(fond_d_filiere_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#fond_droite_nutrition.produit2 {
	background-image: url(fond_d_marques_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#fond_droite_nutrition.nutrition2 {
	background-image: url(fond_d_nutrition_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#fond_droite_nutrition.page2 {
	background-image: url(fond_d_page_a.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#chapo{
	margin-left:-40px;
	font-weight:bold;
}
#imagesdroite{
	position:absolute;
	margin-left:688px;
	margin-top:138px;
	width:326px;
	height:506px;
}
#imagesdroite img{
	border: 1px dotted #2C9C2E;
	margin-bottom:9px;
}
#imagesdroite a{
	font-style: normal;
	text-decoration: none;
	color: #008837;
	font-weight:bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #2C9C2E;
}

#imagesdroite a:hover{
	font-style: normal;
	text-decoration: none;
	color: #EB007D;
}

/* Définition des styles pour l'article à droite
------------------------------------------ */

#block{
	text-align:left;
	height: 406px;
	width: 277px;
	position: absolute;
	margin-left:400px;
	margin-top:190px;

}

#astuce, #astucesaccueil{
	text-align:left;
	color: #000000;
	height: 114px;
	width: 219px;
	font-weight: normal;
	position: absolute;
	margin-left:459px;
	margin-top:45px;
	font-size:10px;
}
#astucesaccueil {
	margin-left:557px;
}
#astuce input {
	margin-left:-8px;
}
#astuce b, #astucesaccueil b{
	font-size:11px;
	color: #FFFFFF;
}

#logo{
	background-repeat: no-repeat;
	background-position:left top;
	height: 122px;
	width: 143px;
	position: absolute;
	margin-left:500px;
	margin-top:470px;
	}

#fond_droite_nutrition .lafiliere{
	background-image: url(logoLaFiliere.gif);
	display:none;
}

/* Gestion de l'ouverture et de la fermeture du menu de l'articles
------------------------------------------ */
#menup{
	background-image:url(menu1.jpg);
	height:95px;
	width:25px;
	position:absolute;
	margin-left:314px;
	margin-top:263px;
	background-repeat: no-repeat;
}

#menup:hover{
	background-image:url(menu2.jpg);
	height:95px;
	width:25px;
	position:absolute;
	margin-left:314px;
	margin-top:263px;
	background-repeat: no-repeat;
}
#menug{
	height: 653px;
	width: 339px;
	position:absolute;
	background-repeat: no-repeat;
	display:none;
	background-position: left top;
}
/*
#centre.artproduit #menug{
	background-image:url(fond_g_marques_m.jpg);
}
#centre.artnutrition #menug{
	background-image:url(fond_g_nutrition_m.jpg);
}
#centre.artpage #menug{
	background-image:url(fond_g_page_m.jpg);
}
*/
#fermermenu{
	height:95px;
	width:25px;
	position:absolute;
	margin-left:22px;
	margin-top:262px;
}

#fermermenu:hover{
	background-image:url(menu3);
	height:95px;
	width:25px;
	position:absolute;
	margin-left:22px;
	margin-top:263px;
	background-repeat: no-repeat;
}

/* Définition des styles pour les menus (article + rubrique)
------------------------------------------ */
#contenumenu {
	height:522px;
	width:266px;
	margin-left:65px;
	margin-top:118px;
	position:absolute;
}
#centre.artfiliere #contenumenu #img_sommaire {
	width:146px;
	height:30px;
	background-image: url(sommaire.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#centre.artproduit #contenumenu #img_sommaire {
	width:146px;
	height:30px;
	background-image: url(sommaire2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#contenumenu ul li a{
	text-decoration: none;
	color: #FFFFFF;
	font-weight:normal;
}

#contenumenu ul li a:hover{
	color: #000000;
}
#contenumenu ul li a.on{
	font-weight:bold;
}
#rub ul li, #contenumenu ul li {
	background-image: url(puce_niveau1.gif);
	background-repeat: no-repeat;
	list-style:none;
	padding-bottom:10px;
	padding-left:25px;
	margin-left:-42px;
	padding-top:2px;
}
#rub.produit ul li{
	background-image: url(puce_niveau1_2.gif);
}
#rub ul li, #contenumenu ul li {
	background-image: url(puce_niveau1.gif);
	background-repeat: no-repeat;
	list-style:none;
	padding-bottom:10px;
	padding-left:25px;
	margin-left:-42px;
	padding-top:2px;
	font-size:16px;
	font-weight:normal;
}
#contenumenu ul li {
	background-image: url(puce_niveau1_blanc.gif);
}
#rub ul li ul li,#contenumenu ul li ul li {
	padding-left:0px;
	margin-left:-16px;
	margin-top:5px;
	margin-bottom:0;
	padding-bottom:0;
	padding-top:2px;
	list-style:disc;
	background-image:none;
	font-size:12px;
	font-weight:bold;
}

#rub ul.articles a, #contenumenu ul.articles a {
	font-weight:normal;
	font-size:11px;
}

#rub ul.articles li, #contenumenu ul.articles li {
	background-image: url(icone_article.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;;
	padding-left:15px;
	margin-left:-32px;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	padding-top:2px;
	list-style:none;
}
#rub.produit ul.articles li{
	background-image: url(icone_article2.gif);
}
#rubriques {
	margin-left:5px;
}

/* Styles divers
------------------------------------------ */
a#filliere {
	display:block;
	width:231px;
	height:175px;
	margin-left:128px;
	margin-top:23px;
	position:absolute;
}

a#filliere:hover {
	background-image: url(filiere.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#filliere span{
	display:none;
}

#CQ{
	display:block;
	width:140px;
	height:137px;
	margin-left:385px;
	margin-top:25px;
	position:absolute;
}

a#CQ:hover {
	background-image: url(cq.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#CQ span{
	display:none;
}

a#volaille {
	display:block;
	width:219px;
	height:189px;
	margin-left:320px;
	margin-top:198px;
	position:absolute;
}

a#volaille:hover {
	background-image: url(marques.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#volaille span{
	display:none;
}
a#nutrition {
	display:block;
	width:210px;
	height:169px;
	margin-left:539px;
	margin-top:183px;
	position:absolute;
}

a#nutrition:hover {
	background-image: url(nutrition.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

a#nutrition span{
	display:none;
}

#contenu {
	width:335px;
	height:628px;
	position:absolute;
	margin-left:10px;
	
}

#titre {
	color: #EB007D;
	height:135px;
	width:300px;
	position:absolute;
	padding-left:4px;
}
.bas  { 
	vertical-align:bottom;
}

#texte{
	margin-top:135px;
	width:335px;
	height:493px;
	position:absolute;

}

/* SCROLLING/
------------------------------------------ */

div#holder { 
	position:absolute;
	width:334px; height:490px; 
	overflow:hidden; z-index:100 ;
		
}

div#wn  { 
  position:absolute; left:0; top:0;
  width:300px; height:490px; 
  clip:rect(0, 300px, 490px, 0); 
  overflow:hidden; z-index:1;

}

div#lyr1 { 
	width:300px ;
	padding-left:38px;
}

div.content { 
	position:absolute; visibility:hidden; 
	left:0; top:0; z-index:1;
	padding-left:8px;
}
a img {
	border:none;
}

div#scrollbar { 
  position:absolute;
  left:313px; top:0;
  width:11px; height:490px; 
  font-size:1px; z-index:2;
  }

div#track { 
  position:absolute; left:0; top:12px;
  width:11px; height:466px;
  z-index:1;
  }

div#dragBar {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  z-index:1;
  background-color:#D6E39E;
  }
    
div#up { 
	position:absolute; 
	left:0; top:0; 
	z-index:2 
}  

div#down { 
	position:absolute; 
	left:0; bottom:0; z
	-index:3 
}   

/*##############################################*/
#contenu a{
	font-style: normal;
	text-decoration: none;
	color: #008837;
	font-weight:bold;
}

#contenu a.nobold {
	font-weight:normal;
}

#contenu a:hover{
	font-style: normal;
	text-decoration: none;
	color: #EB007D;
}
#fond_droite_nutrition.produit #contenu a:hover{
	color: #000000;
}
#contenu h1{
	font-style: normal;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: #008837;
}

#contenu h2{
	font-style: normal;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #008837;
}

#PiedDePageAccueil{
	height:22px;
	width:760px;
	left:50%;
	top:50%;
	margin-left:-380px;
	margin-top:197px;
}

#PiedDePage{
	height: 22px;
	width: 1000px;
	margin-left: -325px;
	margin-top: 629px;
	
}

#PiedDePage ,#PiedDePageAccueil{
	position:absolute;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 1px;
	border-top-color: #008837;
}

#PiedDePage a, #PiedDePageAccueil a{
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #008837;
}

#PiedDePage a:hover, #PiedDePageAccueil a:hover {
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	color: #EB007D;
}
#PiedDePage.produit a:hover {
	color: #000000;
}

/* Les boutons
------------------------------------------ */
#btnrechercher { 
	position:absolute;
	margin-top:3px;
	background-image:url(rechercher1.gif);
	width:13px; 
	height:15px;
}  

#btnrechercher:hover { 
	position:absolute;
	margin-top:3px;
	background-image:url(rechercher2.gif);
	 width:13px; 
	 height:15px;
} 

#hierarchie {
	font-size:11px;
} 

#hierarchie a{
	font-weight:normal;
}