body{
background-color:#FDFDF5;
font-family: Arial, Helvetica, sans-serif;	
font-size:12;	
letter-spacing:0.1px;	
color:#333333;
height:100%;
margin:0px;
padding:0px;
text-align:center;
width:100%;
}	
	
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#628F16;}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#628F16;}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#628F16;}

p, ul, table, span, form{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
margin:0px;
padding:0px;
}

.rouge{
color:#d0331c;
}

ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}

ul li{
margin-bottom:8px;
}

ul.inline{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}

ul.inline li {
vertical-align:middle;
float:left;
text-align:center;
margin-left:10px;
margin-bottom:0px;

}

hr{
color:#FFFFFF;
}

/*************lien retour a l'accueil sur le logo *****************/
div#retour_logo{
width:125px;
height:120px;
z-index:200;
position:absolute;
left:230px;
top:35px;
}

/**************** textes ******************************************/

span.titre_pro{
color : #731B0F;
font-weight:bold;
font-size:12px;
}

/************** encart actualite ********************************/

div.titre_actu{
width:260px;
font-size:13px;
font-weight:bold;
color:#d0331c;
letter-spacing: 0.1px;
}

table.mise_en_page td.in_colonne div.texte_actu p img{
	display : none;
}

div.no_img img{
	display : none;
}

span.date_actu{
font-size:10px;
font-weight:normal;
line-height:12px;
color:#000;}

div.texte_actu{
font-size:12px;
font-weight:normal;
color:#000;
width:260px;
}

div.texte_actu p{
margin : 4px 0px;
}

div.align_right{
text-align:right;
}

div#map{
width: 535px;
height: 500px;
}

/************* menu ********************************/

div#menu{
height:40px;
background-repeat:no-repeat;	
position:relative;
z-index:5;
background-position:bottom;
}

div.menu_pro{
background-image:url("../images/bottom_pro.jpg");
letter-spacing:1px;
}

div.menu{
background-image:url("../images/bottom_test.jpg");
letter-spacing:1px;
}

#menu ul{
position:absolute;
left:0px;
top:3px;
display:block; 
margin-left:12px;
font-size:13px;
font-weight:bold;
color:#fff;
}

#menu li{
position:relative;
display:block;
float:left;
height:10px;
margin:0px;
padding:0px 2px;
}

#menu li a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
}

.menu ul#ul_menu li a:hover{	
color:#d0331c;
}

.menu_pro ul#ul_menu li a:hover{	
color:#FBC000;
}

.menu_pro ul#ul_menu li a.gris:hover{	
color:#999999;
}

#menu li a.gris{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#999999;
}

#menu li a.gris:hover{
color:#999999;
}

#menu ul#ul_menu li ul li a.gris{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#999999;
}

#menu ul#ul_menu li ul li a.gris:hover{
color:#999999;
}

div.menu  ul#ul_menu li a.exposed{
color:#d0331c;
}

div.menu_pro  ul#ul_menu li a.exposed{
color:#FBC000;
}


#menu li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
visibility:hidden;
margin:15px 0px 0px 0px;
padding:0px;
}

#menu li ul li{
width:230px;
margin:5px;
text-align:left;
float:none;
margin:2px 0px;
height:18px;
}

.menu li ul li{
border:1px solid #6F870C;
}

.menu_pro li ul li{
border:1px solid #99A3AD;
}

.menu li ul li{
background-color:#91C837;
}

.menu_pro li ul li{
background-color:#8C2811;
}

#menu li ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:bold;
display:block;
}

div.menu ul#ul_menu li ul li a{
color:#FFF;
}
div.menu  ul#ul_menu li ul li a:hover{
color:#d0331c;
}

div.menu_pro ul#ul_menu li ul li a{
color:#FFF;
}
div.menu_pro ul#ul_menu li ul li a:hover{
color:#FBC000;
}

/******************** divs*************************/

div#page{
width:1000px;
margin-left:auto;
margin-right:auto;
}

div#bandeau_top{
margin-top:2px;
padding-top:5px;
background-color:#FCC000;
}

div#flash{
margin-top:48px;
background-color:#FDFDF5;
background-image:url("../images/image_centre.jpg");
width:1000px;
height:249px;
z-index:1;
}

div#flash_pro{
margin-top:48px;
background-color:#FDFDF5;
background-image:url("../images/image_centre_pro.jpg");
width:1000px;
height:249px;
z-index:1;
}

* html div#flash{
margin-top:0px;
}

* html div#flash_pro{
margin-top:0px;
}

div#top_pro{
float:left;		
background-color:#FCC000;
background-image:url("../images/top_anim2.jpg");
background-repeat:no-repeat;	
height:48px;	
width:67%;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:10px;
}

div#login_pro{	
float:right;	
background-color:#FCC000;
width:32%;
font-size:11px;	
padding-top:5px;
height:43px;
}
/*
* html div#login_pro{
height:48px;
width:33%;
}*/

*+html div#top_pro{
margin-top:0px;
}

div#login_pro a{
font-size:11px;	
}

div#main{	
background-color:#FDFDF5;
text-align:justify;		
}

/********* input de formulaire ******************/

input[type="text"], input[type="password"], input[type="file"], textarea {
background-color:#FFFFFF;
border:1px solid #000000;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

input[disabled]{
background-color:#CCCCCC;
}

input[type="image"]{
vertical-align:bottom;
margin-left:3px;
margin-top:-10px;
z-index:1;
}

select, option{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}


/*********** mise en page tableaux ****************************/


/* cadre vert pour presentation front office */
table.presentation_fiche{
border-collapse:collapse;
width:535px;
}

table.presentation_fiche td.head{
background-image:url("../images/fiche_prod_head.jpg");
height:30px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
/*padding: 0px 0px 8px 15px;*/
width:535px;
background-repeat:no-repeat;
}

html:not([lang*=""]) table.presentation_fiche td.head{
height:40px;
padding: 0px 0px 8px 15px;
}

table.presentation_fiche td.body{
background-image:url("../images/fiche_prod_body.jpg");
background-repeat:repeat-y;

}

table.presentation_fiche td.bottom{
background-image:url("../images/fiche_prod_bottom.jpg");
height:20px;
background-repeat:no-repeat;
}

table.presentation_fiche table{
margin:2px 15px;
}

/* cadre rouge pour presentation back office */
table.presentation_fiche td.head_pro{
background-image:url("../images/fiche_prod_pro_head.jpg");
height:30px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
/*padding: 0px 0px 8px 15px;*/
width:535px;
background-repeat:no-repeat;
}

html:not([lang*=""]) table.presentation_fiche td.head_pro{
height:40px;
padding: 0px 0px 8px 15px;
}

table.presentation_fiche td.body_pro{
background-image:url("../images/fiche_prod_pro_body.jpg");
background-repeat:repeat-y;

}

table.presentation_fiche td.bottom_pro{
background-image:url("../images/fiche_prod_pro_bottom.jpg");
height:20px;
background-repeat:no-repeat;
}

table.presentation_fiche table, p{
margin:2px 15px;
}

/*/*/

table.tab_page{
border-collapse:collapse;
margin-left: 46px;
}

table.mise_en_page{
width:90%;
border-collapse:collapse;
padding:0px;
margin:0px;
margin-left:46px;
}

td.colonne_gauche{
width:535px;
vertical-align:top;
background-image:url("../images/papillon.png");
background-repeat:no-repeat;
}

td.colonne_droite{
vertical-align:top;
width:398px;
}

td#top_colonne_recherche{
background-image:url("../images/top_colonne_recherche.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_recherche_pro{
background-image:url("../images/top_colonne_pro_recherche.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_actu{
background-image:url("../images/top_colonne_actu.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_connex{
background-image:url("../images/top_colonne_connexion.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_even{
background-image:url("../images/top_colonne_evenements.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_militant_du_gout{
background-image:url("../images/top_logoMilitant.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_news{
background-image:url("../images/top_colonne_newsletter.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_lieux{
background-image:url("../images/top_colonne_lieux.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_commerce_bio{
background-image:url("../images/top_colonne_commerce_bio.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_navigation{
background-image:url("../images/top_colonne_plus.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_pro_info_bio{
background-image:url("../images/top_colonne_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_plus_pro{
background-image:url("../images/top_colonne_pro_plus.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_info_ab_pro{
background-image:url("../images/top_colonne_pro_ab.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_civam_pro{
background-image:url("../images/top_colonne_pro_civam.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_producteurs{
background-image:url("../images/top_colonne_producteurs.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_producteurs_suite{
background-image:url("../images/top_producteurs.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_lieux_de_vente_suite{
background-image:url("../images/top_lieux.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_infos{
background-image:url("../images/top_colonne_pro_mesinfos.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_agenda_pro{
background-image:url("../images/top_colonne_pro_agenda_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_news_pro{
background-image:url("../images/top_colonne_pro_news_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td.in_colonne{
background-image:url("../images/in_colonne.jpg");
background-repeat:repeat-y;
padding-left:30px;
text-align:justify;
}

td.in_colonne_pro{
background-image:url("../images/in_colonne_pro.jpg");
background-repeat:repeat-y;
padding-left:30px;
text-align:justify;
}

div.inside_colonne{
width:260px;
padding:0px;
margin:0px;
}

td.bottom_colonne{
background-image:url("../images/bottom_colonne.jpg");
background-repeat:no-repeat;
width:320px;
height:21px;
padding-bottom:11px;
}

td.bottom_colonne_pro{
background-image:url("../images/bottom_colonne_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:21px;
padding-bottom:11px;
}

td.label{
vertical-align:baseline;
text-align:right;
font-weight:bold;
padding-right:8px;
}

td.label_left{
padding-top:10px;
vertical-align:baseline;
text-align:left;
font-weight:bold;
padding-right:2px;
}

td.td_espace{
padding-left:15px;
padding-bottom:10px;
}

/********** footer *************************/

div#footer{		
	background-color:#FDFDF5;
	background-image:url("../images/red_vide_footer.jpg");
	background-repeat:repeat-x;
	height:130px;
	margin:20px 2px 2px 2px;			
}

div#texte_footer{	
	margin-left:auto;
	margin-right:auto;	
	width:1000px;
	padding-top:45px;	
}
/********** liens ****************************/	
	
a {	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #d0331c;	
	text-decoration: none;
	
}

a.titre{	
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#628F16;
}

a img{border:none;}



/***************** faux select *******************************/

div.autocomplete {
  position:absolute;
  width:225px;
  background-color:white;
  border:1px solid #888;  
  padding:0;
  overflow:auto; 
  max-height:150px;
  z-index:2;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li:hover { background-color:#89C02E;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
  letter-spacing:0px;
}

/******************** page fantome ****************************/
.page_fantome {
background-image:url(../templates/divers/fond_opaque.png);
color:#FFFFFF;
display:none;
height:100%;
left:0;
position:fixed;
text-align:center;
top:0;
vertical-align:middle;
width:100%;
z-index:100000;
}

.page_fantome_contenu {
height:100%;
text-align:center;
vertical-align:middle;
width:100%;
}


/******************* scrool *********************/

div.scroll_conteneur{
overflow: hidden;
max-height:200px;
height:200px;
width:260px;
}

div.scroll_zone{
margin-top:10px;
font-size:12px;
font-weight:normal;
color:#000;
width:260px;
}
	
/*************** spaceurs ********************************/

div.space1{font-size: 1px;clear:both; height:1px; margin: 0px; padding:0px; line-height:0px;}
div.space5{font-size: 1px;clear:both; height:5px; margin: 0px; padding:0px; line-height:0px;}
div.space10{font-size: 1px;clear:both; height:10px; margin: 0px; padding:0px; line-height:0px;}
div.space20{font-size: 1px;clear:both; height:20px; margin: 0px; padding:0px; line-height:0px;}
div.space50{font-size: 1px;clear:both; height:50px; margin: 0px; padding:0px; line-height:0px;}lear:both; height:50px; margin: 0px; padding:0px; line-height:0px;}body{
background-color:#FDFDF5;
font-family: Arial, Helvetica, sans-serif;	
font-size:12;	
letter-spacing:0.1px;	
color:#333333;
height:100%;
margin:0px;
padding:0px;
text-align:center;
width:100%;
}	
	
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#628F16;}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#628F16;}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#628F16;}

p, ul, table, span, form{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
margin:0px;
padding:0px;
}

.rouge{
color:#d0331c;
}

.trouge{
color:#d0331c;
font-size:15px;
font-weight:bold;
}

ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}

ul li{
margin-bottom:8px;
}

ul.inline{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}

ul.inline li {
vertical-align:middle;
float:left;
text-align:center;
margin-left:10px;
margin-bottom:0px;

}

hr{
color:#FFFFFF;
}

/*************lien retour a l'accueil sur le logo *****************/
div#retour_logo{
width:125px;
height:120px;
z-index:200;
position:absolute;
left:230px;
top:35px;
}

/**************** textes ******************************************/

span.titre_pro{
color : #731B0F;
font-weight:bold;
font-size:12px;
}

/************** encart actualite ********************************/

div.titre_actu{
width:260px;
font-size:13px;
font-weight:bold;
color:#d0331c;
letter-spacing: 0.1px;
}

table.mise_en_page td.in_colonne div.texte_actu p img{
	display : none;
}

div.no_img img{
	display : none;
}

span.date_actu{
font-size:10px;
font-weight:normal;
line-height:12px;
color:#000;}

div.texte_actu{
font-size:12px;
font-weight:normal;
color:#000;
width:260px;
}

div.texte_actu p{
margin : 4px 0px;
}

div.align_right{
text-align:right;
}

div#map{
width: 535px;
height: 500px;
}

/************* menu ********************************/

div#menu{
height:40px;
background-repeat:no-repeat;	
position:relative;
z-index:5;
background-position:bottom;
}

div.menu_pro{
background-image:url("../images/bottom_pro.jpg");
letter-spacing:1px;
}

div.menu{
background-image:url("../images/bottom_test.jpg");
letter-spacing:1px;
}

#menu ul{
position:absolute;
left:0px;
top:3px;
display:block; 
margin-left:12px;
font-size:13px;
font-weight:bold;
color:#fff;
}

#menu li{
position:relative;
display:block;
float:left;
height:10px;
margin:0px;
padding:0px 2px;
}

#menu li a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
}

.menu ul#ul_menu li a:hover{	
color:#d0331c;
}

.menu_pro ul#ul_menu li a:hover{	
color:#FBC000;
}

.menu_pro ul#ul_menu li a.gris:hover{	
color:#999999;
}

#menu li a.gris{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#999999;
}

#menu li a.gris:hover{
color:#999999;
}

#menu ul#ul_menu li ul li a.gris{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#999999;
}

#menu ul#ul_menu li ul li a.gris:hover{
color:#999999;
}

div.menu  ul#ul_menu li a.exposed{
color:#d0331c;
}

div.menu_pro  ul#ul_menu li a.exposed{
color:#FBC000;
}


#menu li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
visibility:hidden;
margin:15px 0px 0px 0px;
padding:0px;
}

#menu li ul li{
width:230px;
margin:5px;
text-align:left;
float:none;
margin:2px 0px;
height:18px;
}

.menu li ul li{
border:1px solid #6F870C;
}

.menu_pro li ul li{
border:1px solid #99A3AD;
}

.menu li ul li{
background-color:#91C837;
}

.menu_pro li ul li{
background-color:#8C2811;
}

#menu li ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:bold;
display:block;
}

div.menu ul#ul_menu li ul li a{
color:#FFF;
}
div.menu  ul#ul_menu li ul li a:hover{
color:#d0331c;
}

div.menu_pro ul#ul_menu li ul li a{
color:#FFF;
}
div.menu_pro ul#ul_menu li ul li a:hover{
color:#FBC000;
}

/******************** divs*************************/

div#page{
width:1000px;
margin-left:auto;
margin-right:auto;
}

div#bandeau_top{
margin-top:2px;
padding-top:5px;
background-color:#FCC000;
}

div#flash{
margin-top:48px;
background-color:#FDFDF5;
background-image:url("../images/image_centre.jpg");
width:1000px;
height:249px;
z-index:1;
}

div#flash_pro{
margin-top:48px;
background-color:#FDFDF5;
background-image:url("../images/image_centre_pro.jpg");
width:1000px;
height:249px;
z-index:1;
}

* html div#flash{
margin-top:0px;
}

* html div#flash_pro{
margin-top:0px;
}

div#top_pro{
float:left;		
background-color:#FCC000;
background-image:url("../images/top_anim2.jpg");
background-repeat:no-repeat;	
height:48px;	
width:67%;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:10px;
}

div#login_pro{	
float:right;	
background-color:#FCC000;
width:32%;
font-size:11px;	
padding-top:5px;
height:43px;
}
/*
* html div#login_pro{
height:48px;
width:33%;
}*/

*+html div#top_pro{
margin-top:0px;
}

div#login_pro a{
font-size:11px;	
}

div#main{	
background-color:#FDFDF5;
text-align:justify;		
}

/********* input de formulaire ******************/

input[type="text"], input[type="password"], input[type="file"], textarea {
background-color:#FFFFFF;
border:1px solid #000000;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

input[disabled]{
background-color:#CCCCCC;
}

input[type="image"]{
vertical-align:bottom;
margin-left:3px;
margin-top:-10px;
z-index:1;
}

select, option{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}


/*********** mise en page tableaux ****************************/


/* cadre vert pour presentation front office */
table.presentation_fiche{
border-collapse:collapse;
width:535px;
}

table.presentation_fiche td.head{
background-image:url("../images/fiche_prod_head.jpg");
height:30px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
/*padding: 0px 0px 8px 15px;*/
width:535px;
background-repeat:no-repeat;
}

html:not([lang*=""]) table.presentation_fiche td.head{
height:40px;
padding: 0px 0px 8px 15px;
}

table.presentation_fiche td.body{
background-image:url("../images/fiche_prod_body.jpg");
background-repeat:repeat-y;

}

table.presentation_fiche td.bottom{
background-image:url("../images/fiche_prod_bottom.jpg");
height:20px;
background-repeat:no-repeat;
}

table.presentation_fiche table{
margin:2px 15px;
}

/* cadre rouge pour presentation back office */
table.presentation_fiche td.head_pro{
background-image:url("../images/fiche_prod_pro_head.jpg");
height:30px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
/*padding: 0px 0px 8px 15px;*/
width:535px;
background-repeat:no-repeat;
}

html:not([lang*=""]) table.presentation_fiche td.head_pro{
height:40px;
padding: 0px 0px 8px 15px;
}

table.presentation_fiche td.body_pro{
background-image:url("../images/fiche_prod_pro_body.jpg");
background-repeat:repeat-y;

}

table.presentation_fiche td.bottom_pro{
background-image:url("../images/fiche_prod_pro_bottom.jpg");
height:20px;
background-repeat:no-repeat;
}

table.presentation_fiche table, p{
margin:2px 15px;
}

/*/*/

table.tab_page{
border-collapse:collapse;
margin-left: 46px;
}

table.mise_en_page{
width:90%;
border-collapse:collapse;
padding:0px;
margin:0px;
margin-left:46px;
}

td.colonne_gauche{
width:535px;
vertical-align:top;
background-image:url("../images/papillon.png");
background-repeat:no-repeat;
}

td.colonne_droite{
vertical-align:top;
width:398px;
}

td#top_colonne_recherche{
background-image:url("../images/top_colonne_recherche.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_recherche_pro{
background-image:url("../images/top_colonne_pro_recherche.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_actu{
background-image:url("../images/top_colonne_actu.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_connex{
background-image:url("../images/top_colonne_connexion.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_even{
background-image:url("../images/top_colonne_evenements.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_militant_du_gout{
background-image:url("../images/top_logoMilitant.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_news{
background-image:url("../images/top_colonne_newsletter.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_lieux{
background-image:url("../images/top_colonne_lieux.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_commerce_bio{
background-image:url("../images/top_colonne_commerce_bio.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_navigation{
background-image:url("../images/top_colonne_plus.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_pro_info_bio{
background-image:url("../images/top_colonne_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_plus_pro{
background-image:url("../images/top_colonne_pro_plus.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_info_ab_pro{
background-image:url("../images/top_colonne_pro_ab.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_civam_pro{
background-image:url("../images/top_colonne_pro_civam.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_producteurs{
background-image:url("../images/top_colonne_producteurs.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_producteurs_suite{
background-image:url("../images/top_producteurs.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_lieux_de_vente_suite{
background-image:url("../images/top_lieux.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_infos{
background-image:url("../images/top_colonne_pro_mesinfos.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_agenda_pro{
background-image:url("../images/top_colonne_pro_agenda_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_news_pro{
background-image:url("../images/top_colonne_pro_news_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td.in_colonne{
background-image:url("../images/in_colonne.jpg");
background-repeat:repeat-y;
padding-left:30px;
text-align:justify;
}

td.in_colonne_pro{
background-image:url("../images/in_colonne_pro.jpg");
background-repeat:repeat-y;
padding-left:30px;
text-align:justify;
}

div.inside_colonne{
width:260px;
padding:0px;
margin:0px;
}

td.bottom_colonne{
background-image:url("../images/bottom_colonne.jpg");
background-repeat:no-repeat;
width:320px;
height:21px;
padding-bottom:11px;
}

td.bottom_colonne_pro{
background-image:url("../images/bottom_colonne_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:21px;
padding-bottom:11px;
}

td.label{
vertical-align:baseline;
text-align:right;
font-weight:bold;
padding-right:8px;
}

td.label_left{
padding-top:10px;
vertical-align:baseline;
text-align:left;
font-weight:bold;
padding-right:2px;
}

td.td_espace{
padding-left:15px;
padding-bottom:10px;
}

/********** footer *************************/

div#footer{		
	background-color:#FDFDF5;
	background-image:url("../images/red_vide_footer.jpg");
	background-repeat:repeat-x;
	height:130px;
	margin:20px 2px 2px 2px;			
}

div#texte_footer{	
	margin-left:auto;
	margin-right:auto;	
	width:1000px;
	padding-top:45px;	
}
/********** liens ****************************/	
	
a {	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #d0331c;	
	text-decoration: none;
	
}

a.titre{	
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#628F16;
}

a img{border:none;}



/***************** faux select *******************************/

div.autocomplete {
  position:absolute;
  width:225px;
  background-color:white;
  border:1px solid #888;  
  padding:0;
  overflow:auto; 
  max-height:150px;
  z-index:2;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li:hover { background-color:#89C02E;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
  letter-spacing:0px;
}

/******************** page fantome ****************************/
.page_fantome {
background-image:url(../templates/divers/fond_opaque.png);
color:#FFFFFF;
display:none;
height:100%;
left:0;
position:fixed;
text-align:center;
top:0;
vertical-align:middle;
width:100%;
z-index:100000;
}

.page_fantome_contenu {
height:100%;
text-align:center;
vertical-align:middle;
width:100%;
}


/******************* scrool *********************/

div.scroll_conteneur{
overflow: hidden;
max-height:200px;
height:200px;
width:260px;
}

div.scroll_zone{
margin-top:10px;
font-size:12px;
font-weight:normal;
color:#000;
width:260px;
}
	
/*************** spaceurs ********************************/

div.space1{font-size: 1px;clear:both; height:1px; margin: 0px; padding:0px; line-height:0px;}
div.space5{font-size: 1px;clear:both; height:5px; margin: 0px; padding:0px; line-height:0px;}
div.space10{font-size: 1px;clear:both; height:10px; margin: 0px; padding:0px; line-height:0px;}
div.space20{font-size: 1px;clear:both; height:20px; margin: 0px; padding:0px; line-height:0px;}
div.space50{font-size: 1px;clear:both; height:50px; margin: 0px; padding:0px; line-height:0px;}lear:both; height:50px; margin: 0px; padding:0px; line-height:0px;}body{
background-color:#FDFDF5;
font-family: Arial, Helvetica, sans-serif;	
font-size:12;	
letter-spacing:0.1px;	
color:#333333;
height:100%;
margin:0px;
padding:0px;
text-align:center;
width:100%;
}	
	
h2{
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#628F16;}

h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#628F16;}

h4{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#628F16;}

p, ul, table, span, form{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
text-align:justify;
margin:0px;
padding:0px;
}

.rouge{
color:#d0331c;
}

.trouge{
color:#d0331c;
font-size:15px;
font-weight:bold;
}

ul{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}

ul li{
margin-bottom:8px;
}

ul.inline{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0px;
margin:0px;
}

ul.inline li {
vertical-align:middle;
float:left;
text-align:center;
margin-left:10px;
margin-bottom:0px;

}

hr{
color:#FFFFFF;
}

/*************lien retour a l'accueil sur le logo *****************/
div#retour_logo{
width:125px;
height:120px;
z-index:200;
position:absolute;
left:230px;
top:35px;
}

/**************** textes ******************************************/

span.titre_pro{
color : #731B0F;
font-weight:bold;
font-size:12px;
}

/************** encart actualite ********************************/

div.titre_actu{
width:260px;
font-size:13px;
font-weight:bold;
color:#d0331c;
letter-spacing: 0.1px;
}

table.mise_en_page td.in_colonne div.texte_actu p img{
	display : none;
}

div.no_img img{
	display : none;
}

span.date_actu{
font-size:10px;
font-weight:normal;
line-height:12px;
color:#000;}

div.texte_actu{
font-size:12px;
font-weight:normal;
color:#000;
width:260px;
}

div.texte_actu p{
margin : 4px 0px;
}

div.align_right{
text-align:right;
}

div#map{
width: 535px;
height: 500px;
}

/************* menu ********************************/

div#menu{
height:40px;
background-repeat:no-repeat;	
position:relative;
z-index:5;
background-position:bottom;
}

div.menu_pro{
background-image:url("../images/bottom_pro.jpg");
letter-spacing:1px;
}

div.menu{
background-image:url("../images/bottom_test.jpg");
letter-spacing:1px;
}

#menu ul{
position:absolute;
left:0px;
top:3px;
display:block; 
margin-left:12px;
font-size:13px;
font-weight:bold;
color:#fff;
}

#menu li{
position:relative;
display:block;
float:left;
height:10px;
margin:0px;
padding:0px 2px;
}

#menu li a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#fff;
}

.menu ul#ul_menu li a:hover{	
color:#d0331c;
}

.menu_pro ul#ul_menu li a:hover{	
color:#FBC000;
}

.menu_pro ul#ul_menu li a.gris:hover{	
color:#999999;
}

#menu li a.gris{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#999999;
}

#menu li a.gris:hover{
color:#999999;
}

#menu ul#ul_menu li ul li a.gris{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#999999;
}

#menu ul#ul_menu li ul li a.gris:hover{
color:#999999;
}

div.menu  ul#ul_menu li a.exposed{
color:#d0331c;
}

div.menu_pro  ul#ul_menu li a.exposed{
color:#FBC000;
}


#menu li ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
visibility:hidden;
margin:15px 0px 0px 0px;
padding:0px;
}

#menu li ul li{
width:230px;
margin:5px;
text-align:left;
float:none;
margin:2px 0px;
height:18px;
}

.menu li ul li{
border:1px solid #6F870C;
}

.menu_pro li ul li{
border:1px solid #99A3AD;
}

.menu li ul li{
background-color:#91C837;
}

.menu_pro li ul li{
background-color:#8C2811;
}

#menu li ul li a{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:16px;
font-weight:bold;
display:block;
}

div.menu ul#ul_menu li ul li a{
color:#FFF;
}
div.menu  ul#ul_menu li ul li a:hover{
color:#d0331c;
}

div.menu_pro ul#ul_menu li ul li a{
color:#FFF;
}
div.menu_pro ul#ul_menu li ul li a:hover{
color:#FBC000;
}

/******************** divs*************************/

div#page{
width:1000px;
margin-left:auto;
margin-right:auto;
}

div#bandeau_top{
margin-top:2px;
padding-top:5px;
background-color:#FCC000;
}

div#flash{
margin-top:48px;
background-color:#FDFDF5;
background-image:url("../images/image_centre.jpg");
width:1000px;
height:249px;
z-index:1;
}

div#flash_pro{
margin-top:48px;
background-color:#FDFDF5;
background-image:url("../images/image_centre_pro.jpg");
width:1000px;
height:249px;
z-index:1;
}

* html div#flash{
margin-top:0px;
}

* html div#flash_pro{
margin-top:0px;
}

div#top_pro{
float:left;		
background-color:#FCC000;
background-image:url("../images/top_anim2.jpg");
background-repeat:no-repeat;	
height:48px;	
width:67%;
text-align:right;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
padding-right:10px;
}

div#login_pro{	
float:right;	
background-color:#FCC000;
width:32%;
font-size:11px;	
padding-top:5px;
height:43px;
}
/*
* html div#login_pro{
height:48px;
width:33%;
}*/

*+html div#top_pro{
margin-top:0px;
}

div#login_pro a{
font-size:11px;	
}

div#main{	
background-color:#FDFDF5;
text-align:justify;		
}

/********* input de formulaire ******************/

input[type="text"], input[type="password"], input[type="file"], textarea {
background-color:#FFFFFF;
border:1px solid #000000;
color:#000000;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}

input[disabled]{
background-color:#CCCCCC;
}

input[type="image"]{
vertical-align:bottom;
margin-left:3px;
margin-top:-10px;
z-index:1;
}

select, option{
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
}


/*********** mise en page tableaux ****************************/


/* cadre vert pour presentation front office */
table.presentation_fiche{
border-collapse:collapse;
width:535px;
}

table.presentation_fiche td.head{
background-image:url("../images/fiche_prod_head.jpg");
height:30px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
/*padding: 0px 0px 8px 15px;*/
width:535px;
background-repeat:no-repeat;
}

html:not([lang*=""]) table.presentation_fiche td.head{
height:40px;
padding: 0px 0px 8px 15px;
}

table.presentation_fiche td.body{
background-image:url("../images/fiche_prod_body.jpg");
background-repeat:repeat-y;

}

table.presentation_fiche td.bottom{
background-image:url("../images/fiche_prod_bottom.jpg");
height:20px;
background-repeat:no-repeat;
}

table.presentation_fiche table{
margin:2px 15px;
}

/* cadre rouge pour presentation back office */
table.presentation_fiche td.head_pro{
background-image:url("../images/fiche_prod_pro_head.jpg");
height:30px;
font-size:14px;
font-weight:bold;
color:#FFFFFF;
/*padding: 0px 0px 8px 15px;*/
width:535px;
background-repeat:no-repeat;
}

html:not([lang*=""]) table.presentation_fiche td.head_pro{
height:40px;
padding: 0px 0px 8px 15px;
}

table.presentation_fiche td.body_pro{
background-image:url("../images/fiche_prod_pro_body.jpg");
background-repeat:repeat-y;

}

table.presentation_fiche td.bottom_pro{
background-image:url("../images/fiche_prod_pro_bottom.jpg");
height:20px;
background-repeat:no-repeat;
}

table.presentation_fiche table, p{
margin:2px 15px;
}

/*/*/

table.tab_page{
border-collapse:collapse;
margin-left: 46px;
}

table.mise_en_page{
width:90%;
border-collapse:collapse;
padding:0px;
margin:0px;
margin-left:46px;
}

td.colonne_gauche{
width:535px;
vertical-align:top;
background-image:url("../images/papillon.png");
background-repeat:no-repeat;
}

td.colonne_droite{
vertical-align:top;
width:398px;
}

td#top_colonne_recherche{
background-image:url("../images/top_colonne_recherche.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_recherche_pro{
background-image:url("../images/top_colonne_pro_recherche.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_actu{
background-image:url("../images/top_colonne_actu.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_connex{
background-image:url("../images/top_colonne_connexion.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_even{
background-image:url("../images/top_colonne_evenements.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_militant_du_gout{
background-image:url("../images/top_logoMilitant.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_news{
background-image:url("../images/top_colonne_newsletter.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_lieux{
background-image:url("../images/top_colonne_lieux.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_commerce_bio{
background-image:url("../images/top_colonne_commerce_bio.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_navigation{
background-image:url("../images/top_colonne_plus.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_pro_info_bio{
background-image:url("../images/top_colonne_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_plus_pro{
background-image:url("../images/top_colonne_pro_plus.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_info_ab_pro{
background-image:url("../images/top_colonne_pro_ab.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_civam_pro{
background-image:url("../images/top_colonne_pro_civam.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_producteurs{
background-image:url("../images/top_colonne_producteurs.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_producteurs_suite{
background-image:url("../images/top_producteurs.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_lieux_de_vente_suite{
background-image:url("../images/top_lieux.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_infos{
background-image:url("../images/top_colonne_pro_mesinfos.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_agenda_pro{
background-image:url("../images/top_colonne_pro_agenda_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td#top_colonne_news_pro{
background-image:url("../images/top_colonne_pro_news_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:47px;
padding:0px;
}

td.in_colonne{
background-image:url("../images/in_colonne.jpg");
background-repeat:repeat-y;
padding-left:30px;
text-align:justify;
}

td.in_colonne_pro{
background-image:url("../images/in_colonne_pro.jpg");
background-repeat:repeat-y;
padding-left:30px;
text-align:justify;
}

div.inside_colonne{
width:260px;
padding:0px;
margin:0px;
}

td.bottom_colonne{
background-image:url("../images/bottom_colonne.jpg");
background-repeat:no-repeat;
width:320px;
height:21px;
padding-bottom:11px;
}

td.bottom_colonne_pro{
background-image:url("../images/bottom_colonne_pro.jpg");
background-repeat:no-repeat;
width:320px;
height:21px;
padding-bottom:11px;
}

td.label{
vertical-align:baseline;
text-align:right;
font-weight:bold;
padding-right:8px;
}

td.label_left{
padding-top:10px;
vertical-align:baseline;
text-align:left;
font-weight:bold;
padding-right:2px;
}

td.td_espace{
padding-left:15px;
padding-bottom:10px;
}

/********** footer *************************/

div#footer{		
	background-color:#FDFDF5;
	background-image:url("../images/red_vide_footer.jpg");
	background-repeat:repeat-x;
	height:130px;
	margin:20px 2px 2px 2px;			
}

div#texte_footer{	
	margin-left:auto;
	margin-right:auto;	
	width:1000px;
	padding-top:45px;	
}
/********** liens ****************************/	
	
a {	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color: #d0331c;	
	text-decoration: none;
	
}

a.titre{	
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#628F16;
}

a img{border:none;}



/***************** faux select *******************************/

div.autocomplete {
  position:absolute;
  width:225px;
  background-color:white;
  border:1px solid #888;  
  padding:0;
  overflow:auto; 
  max-height:150px;
  z-index:2;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
div.autocomplete ul li.selected { background-color: #ffb;}
div.autocomplete ul li:hover { background-color:#89C02E;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
  letter-spacing:0px;
}

/******************** page fantome ****************************/
.page_fantome {
background-image:url(../templates/divers/fond_opaque.png);
color:#FFFFFF;
display:none;
height:100%;
left:0;
position:fixed;
text-align:center;
top:0;
vertical-align:middle;
width:100%;
z-index:100000;
}

.page_fantome_contenu {
height:100%;
text-align:center;
vertical-align:middle;
width:100%;
}


/******************* scrool *********************/

div.scroll_conteneur{
overflow: hidden;
max-height:200px;
height:200px;
width:260px;
}

div.scroll_zone{
margin-top:10px;
font-size:12px;
font-weight:normal;
color:#000;
width:260px;
}
	
/*************** spaceurs ********************************/

div.space1{font-size: 1px;clear:both; height:1px; margin: 0px; padding:0px; line-height:0px;}
div.space5{font-size: 1px;clear:both; height:5px; margin: 0px; padding:0px; line-height:0px;}
div.space10{font-size: 1px;clear:both; height:10px; margin: 0px; padding:0px; line-height:0px;}
div.space20{font-size: 1px;clear:both; height:20px; margin: 0px; padding:0px; line-height:0px;}
div.space50{font-size: 1px;clear:both; height:50px; margin: 0px; padding:0px; line-height:0px;}
