.hidetd {

}


/* storelist */
div.storelist {
background-image:url(zwo_info/css/images/bg_storelist.gif);
bakground-position: top left;
background-repeat:no-repeat;
width:560px;
height:327px;
padding-top:8px !important;
padding-top:10px;
}

div.storelist div {
margin:3px;
overflow:hidden;
height:300px;
margin-bottom:8px;
}

div.storelist div.pager{
height:20px;
}

div.storelist div table#myTable {
width:554px;
margin-top:0px;
}

.pagedisplay {display:none;}


/**/
#contain {

border:0px solid #FFFFFF;
left:50%;
margin:0pt auto 0pt -300px;;
position:absolute;
text-align:left;
top:34px !important;
top:34px;
width:720px!important;
width:780px !important;
z-index:90;
font-size:10px;

}

dl.menu, dl.menu dt, dl.menu dd, dl.menu dd ul, dl.menu dd ul li
{
	margin: 0px !important;
	padding: 0px !important;
	list-style-type: none;
}
dl.menu
{
	float: left;
	width: 120px;
        
	cursor: pointer;
	/*border-left:1px #fff solid;*/
	height:30px;
		/*background-color:#A60725;*/
}

dl.menu a span {
 display:none;
}

dl.menu a.prem
{
	color:#a8d451;
	width:120px;
        
        height:30px;
	text-align:center;
	display: block;
		/*background-color:#A60725;*/
}


dl.menu a.prem:hover
{
	text-decoration:none;
	
}

dl.menu dt
{
	
	font-size: 12px;
	font-weight: bold;
	color: #590006;
	margin: 0px;
	padding: 0px;

}
dl.menu dd ul
{  border-top:3px solid #236170;
	border-bottom:3px solid #236170;
	width: 120px !important;
        width:120px;
	margin:0px auto;padding:0px;
	list-style-type: none;
	font-size: 11px;
	display:none;
background-image:url(zwo_info/css/images/fond_menu_gauche.gif);
background-position:bottom left;
}

dl.menu dd ul li:hover
{
}


dl.menu dd ul li a,
dl.menu dd ul li a:link,
dl.menu dd ul li a:visited
{
background:transparent;
color:#236170;
display:block;
font-family:arial,helvetica,arial,tahoma;
font-size:100%;
font-weight:normal;
padding-bottom:7px;
padding-left:3px;
padding-top:7px;
text-decoration:none;
width:117px !important;
width:120px;
letter-spacing:1px;

}
dl.menu dd ul li a:hover
{
	background-color:#236170;
	color:#f5f5f5;
	text-decoration:none;
}
dl.menu dd ul li 
{

	margin: 0px auto;padding: 0px;

}


dl.menu dd ul {
margin-left:20px;
}
.accueil{
display:block;
background-image:url(zwo_info/css/images/accueil.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:120px;
height:30px;
text-indent:-3000px;
}
a.accueil:hover {
display:block;
background-position:0px -30px;

}

.lapepiniere{
background-image:url(zwo_info/css/images/la_pepiniere.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:120px;
height:30px;

}
a.lapepiniere:hover {
background-position:0px -30px;
}
.revendeurs{
background-image:url(zwo_info/css/images/revendeurs.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:120px;
height:30px;

}
a.revendeurs:hover {

background-position:0px -30px;

}

.actualites{
background-image:url(zwo_info/css/images/actualites.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:120px;
height:30px;

}
a.actualites:hover {

background-position:0px -30px;

}

.recrutement{
background-image:url(zwo_info/css/images/recrutement.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:120px;
height:30px;

}
a.recrutement:hover {

background-position:0px -30px;

}


.catalogue{
background-image:url(zwo_info/css/images/catalogue.gif);
background-repeat:no-repeat;
background-position:0px 0px;
width:120px;
height:30px;
display:block;
}

.catalogue:hover{
background-position:0px -30px;
}


.contact{
background-image:url(zwo_info/css/images/contact.gif );
background-repeat:no-repeat;
background-position:0px 0px;
width:120px;
height:30px;
display:block;

}


a.contact:hover{
background-position:0px -30px;
}



/********* formulaire ********/
.contact_txt {
font-size:110%;
border:1px solid #e0e0e0;
}

.contact_txt h5{
float:left;
display:block;
}

.contact_form p{
clear:both;
}


.contact_form input {
background-image:url(zwo_info/css/images/fond_input.gif);
background-position:top left;
width:163px;
height:17px !important;
height:19px;
background-repeat:repeat;
}

.contact_form input:hover,.contact_form input:focus {
background-image:url(zwo_info/css/images/fond_input_on.gif);
background-position:top left;
width:163px;
height:17px !important;
height:19px;
background-repeat:repeat;
}


.contact_form input.bouton {
background-image:url(zwo_info/css/images/fond_input.gif);
margin-left:108px;
height:19px !important;
font-woeght:bold;
color:#650010;
}

.contact_form textarea{
background-image:url(zwo_info/css/images/fond_form.gif);
background-position:top left;
width:289px;
height:117px;
background-repeat:no-repeat;
}

.contact_form span{
color:#666;
display:block;
float:left;
font-weight:bold;
width:126px;
}


div.select_bg {
background-color:#F1F1F1;
border:1px solid #DDDDDD;
float:left;
height:1.7em;
margin-left:4px;
overflow:hidden;
width:142px !important;
margin-bottom:8px;
}

div.select_bg select{
background-color:#F1F1F1;
border-bottom:1px solid #DDDDDD;
border-left:0px solid #FFFFFF;
border-top:1px solid #DDDDDD;
color:#535353;
font-family:georgia,garamond,helvetica,arial;
font-size:11px;
height:2em;
left:-1px;
position:relative;
top:-1px;
width:145px;
}



/* ######### red�finitions de tags ######## */
body {overflow:hidden;}

body, center ,table{
font-size:12px;
}

center {
     position:absolute;
     left: 50%; 
     top: 50%;
     width: 908px;
     height: 500px;
     margin-top: -264px !important;
     margin-top: -260px; /* moitié de la hauteur */
     margin-left: -454px; /* moitié de la largeur */
     /*border: 1px solid #000*/
}

td {
/* Changer ici les couleurs, familles et tailles 
de fontes par d�faut pour tout le site */
/* dans zwook tous les textes apparaissent syst�matiquement
dans des tableaux, c'est donc ici qu'il faut modifier les
couleurs, font, tailles des polices : */font-family: Arial, verdana, Helvetica, sans-serif;
font-size:93%;
color:#64796b;
}

p{
padding:0px;
margin:0px;
}

/* style des cellules de titre */
th {
font-family: arial,verdana,helvetica,sans-serif;
font-size:small;
color:black;
border-bottom:1px solid #131313;
border-top:0px solid #131313;
#background:#B3C9E0;
}

form{
margin:0px;
padding:0px;
}

body{
background-position:top center;
background-repeat:repeat-x;
}

/* Style des liens */
div#fond_banniere a,div#fond_banniere a:link,div#fond_banniere a:hover,div#fond_banniere a:visited, {
   background:#cc6666 !important;   
}

a,a:link,a:visited {
text-decoration:none;
color:#AE0202;
}

a:focus {
outline:none;
text-decoration:underline;
color:#007888;
}

a:hover {
text-decoration:underline;
color:#007888;
}
a img,a:link img ,a:visited img{
text-decoration:none;
border:0px none #fff;
}

em {
color:#131313;
}



h5 {
color:#444444;
font-family:arial,helvetica,verdana;
font-size:12px;
font-weight:bold;
text-transform:uppercase;
margin-top:0px;
margin-bottom:2px;
}

h5 span{
font-family:georgia,garamond,times;
font-size:138%;
color:#650010;
}
h5 span span{
font-size:100%;
color:#236170;
}

/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des �l�ments de formulaire */
input, textarea {
background: #cddccd ;
color:#808080;
border:none;
font-family:Georgia,garamond,arial,helvetica;
}

strong {
font-size:12px;
font-weight:bold;
}

strong h3 {
border-bottom:0px solid #131313;
page-break-after: avoid;

}

fieldset { /*** Mise en forme des commentaires ds un formulaire (je le laisse pour qu'on puisse l'agr�menter si on veut, bordures, etc.***/
background: #ffffff;
padding: 2;
margin: 3;
border-width: 2;
border-color: lightgray;
-moz-border-radius: 12px;
border-radius: 12px;
}

label { /*** Mise en forme des intitul�s de champs ***/
float: left; /*** Tr�s important, ne pas suprimer ! ***/
width: 37%; /*** Les intitul�s prennent 1/3 de la largeur totale du formulaire... ***/
font-size: 85%;
text-align: right; /*** ... et ils sont align�s � droite... ***/
line-height: 1.6;
margin: 0;
padding: 0;
}

label:hover, input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs � cliquer sur les intitul�s ***/
}
form#id_product_xap_search_form {
display:block;
width:240px;
overflow:hidden;height:30px;
}

form#id_product_xap_search_form input{
/*float:left;display:block;position:relative;margin-right:2px;*/
}
span.xapSearchForm_submit{
display:block;
float:left;
width:30px;
height:18px;

}

input.xapSearchForm_submit{

font-size:1px;
margin-bottom:8px !important;
margin-top:5px !important;
background-color:transparent;
border:0px solid #ffffff;
background-image:url(zwo_info/css/images/search_ok.gif);
cursor:pointer;
width:30px;
height:18px;
font-weight:bold;
font-family:arial;
border:none;
margin-top:5px !important;
margin-bottom:0px !important;
margin-bottom:15px;
padding:0px;
display:block;
text-indent:-3000px ;
color:#ffffff;
display:block;
float:left;
}

.champs_recherche {
;float:left;
}

.champs_recherche input{
height:14px !important;
height:18px;
padding:0px;
margin:0px;
padding-left:2px;
width:190px !important;
width:160px;
float:left;
margin-bottom:8px !important;
margin-top:5px !important;
background-color:transparent;
border:0px solid #ffffff;
background-image:url(zwo_info/css/images/search_img.gif);
font-size:11px;
padding:2px;
}
.champs_recherche label{
display:none;
}

/* recherche_catalogue*/
#search_cata {
width:591px;
}

#search_cata h5 {
margin-left:0px !important;
margin-left:0px;
font-family:helvetica,arial,verdana;

}
Hold#search_cata form
{float:left;width:183px !important;width:190px;display:block;float:left;margin-top:4px;margin-left:15px !important;margin-left:5px;padding-right:0px;padding-left:0px;
}
#search_cata form
{float:left;width:auto !important;display:block;float:left;margin-top:4px;margin-left:0px !important;margin-left:5px;padding-right:0px;padding-left:0px;
}
#search_cata form#id_3
{margin-left:0px;;
}
span.filterProductsFom_submit {
disaply:block;
float:left;
}

#search_cata form  label
{display:none;visibility:none;
}
#search_cata form  div
{

margin-right:8px;
margin-left:0px;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
border-right:1px solid #dddddd;
border-left:1px solid #ddd;
background-color:#f1f1f1;
float:left;height:1.7em;
overflow:hidden;
width:142px !important;
width:144px;
}

#search_cata form  div select
{
height:2em;
border-top:1px solid #dddddd;
border-bottom:1px solid #dddddd;
border-left:0px solid #ffffff;
background-color:#f9f9f9;
font-size:11px;
color:#535353;
font-family:georgia,garamond,helvetica,arial;
position:relative;
top:-1px;left:-1px;
width:145px;
}
select.filtre
{
border-top:1px solid #ffffff;
border-bottom:1px solid #ffffff;
border-left:0px solid #ffffff;
background-color:#f9f9f9;
}
input.filterProductsFom_submit
{
font-size:1px;
background-color:transparent;

border:0px solid #ffffff;
background-image:url(zwo_info/css/images/select_ok.gif);
cursor:pointer;
width:32px;
height:20px;
font-weight:bold;
font-family:arial;
border:none;
margin-bottom:0px !important;
padding:0px;
display:block;
float:left;
text-indent:-3000px ;
color:#ffffff;
display:block;
float:left;
font-family:arial,helvetica;
font-weight:bold;
margin-left:3px;
text-transform:uppercase;
}

#search_cata form  div option
{
background-color:#f9f9f9;
border:0px none #fff;
}

/* Style des niveaux de titre */




h1 {
color:#007788;
font-family:garamond,georiga;
font-size:26px;
font-weight:normal;
letter-spacing:2px;
margin:0px;
padding-top:8px;
text-transform:uppercase;
display:block;
margin:0px;
padding:0px;
}
h2{
clear:both;
color:#AA4444;
font-family:helvetica,arial,sans-serif;
font-size:21px;
font-weight:normal;
letter-spacing:2px;
margin-left:0;
padding-top:6px;
margin-bottom:8px;
/*
font-family:Arial, verdana, Helvetica, sans-serif;
color:#236170;
font-size:14px;
margin-top:0px;
*/
}

h3 {
color:#b0302f;
font-family:georgia,garamond,Helvetica,sans-serif;
font-size:17px;
margin:0px;
padding:16px 0px 0px;

}
h3 em{
font-size:85%;

}

h4 {
color:#6D011C;
font-family:georgia,MS,Arial,verdana,Helvetica,sans-serif;
font-size:17px;
font-weight:normal;
margin-bottom:5px;
margin-top:5px;
}
h4 strong{
font-size:118%;
}



/* Style des listes */
ul {margin-right:16px;}

li {
list-style-type:circle;
}

/* Style des footnotes */
fn, sup {
color:#131313;
}














/* ######### classes g�n�riques ######## */
.error_message {
font-size:large;
color:red;
text-align:center;
}

.alternate_background {
/* utiliser ici une couleur proche mais l�g�rement diff�rente 
du background de page : voir forum pour tester */
background:#eaf4ff;
}

.alternate_backgroundr {
	/* utiliser ici une couleur proche mais l?g?rement diff?rente 
du background de page : voir forum pour tester */
	background: Green;
}
.alternate_background2 {
/* utiliser ici une couleur proche mais l�g�rement diff�rente 
du alternate_background : voir calendrier pour tester */
background:#CDD6E0;
}

.alternate_background3 {
/* utiliser ici une couleur proche mais l�g�rement diff�rente 
du alternate_background2 : voir calendrier pour tester */
background:#f4f9ff;
}

.flashy_background a {
color:white;
}

.flashy_background {
/* utiliser ici une couleur qui tranche sur le background 
de page : voir calendrier pour tester */
background:#88AADD;
















}

/* Style alternatif des �l�ments de formulaire : 
voir speedblog pour test */
.alternate_form {
background:#CCCCCC;
color:black;
border: 1px solid black;
}
.fond_nav{
background-image:url(zwo_info/css/images/fd_nav_08.jpg);
background-position:top left;
background-repeat:no-repeat;
}


/*-----------------modules------------*/
.news_history{ 
display:block;
width:100%;
font-size:11px;
margin:4px;
margin-top:50px;
display:block;
}
.news_history div{ 
margin-left:18px;
display:block;
}

.news_history a ,.news_history a:link ,.news_history a:visited {
background-image:url(zwo_info/css/images/fl-bleu.gif);
background-position:0px 3px;
background-repeat:no-repeat;
clear:both;
color:#3072B0;
display:block;
font-family:arial;
font-size:15px;
font-weight:bold;
padding-bottom:3px;
padding-left:20px;
padding-top:3px;
text-align:left;
width:auto;
}

.news_history a:hover{
text-decoration:none;
color:#73144A;}

.news_history a.ad_mes ,.news_history a.ad_mes:link ,.news_history a.ad_mes:visited {
background-image:url(zwo_info/css/images/fl-bleu_ad.gif );
}

.news_history a.new_mes ,.news_history a.new_mes:link ,.news_history a.new_mes:visited {
background-image:url(zwo_info/css/images/fl-bleu_new.gif );
}

/*news*/
.one_news {
border:1px solid #efefef;
width:834px;
}

.news_resume {
font-weight:bold;
}
h2.news_title {
margin-top:2px;
padding-bottom:0px;
margin-bottom:2px;
}
/* recherche */

#zwo_search {
display:inline;
}

#zwo_search input{
font:10px verdana;
display:inline;width:140px;
border:#ccc inset 1px;
}

/* Catalogue*/

.previewBlock {
	background-image:url(zwo_info/css/images/degrade1.jpg);
	background-position:top right;
	background-repeat:repeat-y;
	background-color:#fff;
	width:160px;/*height:105px;*/
	text-align:left;
}

.prodimg {
	float:left;width:55px;height:105px;text-align:center;padding-top:8px;
	
}
.imgprod {
text-align:center;padding-top:20px;
}
#fb0.imgprod ,#fb1.imgprod ,#fb2.imgprod ,#fb3.imgprod {
padding:0px;
}
.imgprod img {
    height: 280px;
}

div.previewA .imgprod img {
border:0px solid #007788;
height:189px;
width:126px;
}

body > div.infprod {
min-height:280px;
height:auto;
}

.infprod {
border:1px solid #ececec;
height:280px;
}
div.previewB .infprod {
border:0px none #ececec;
height:auto;
}

.prodInfo {
	float:left;width:105px;height:105px;
	font-size:10px;
}
.prodInfo span{
	display:block;
	height:40px;
}
.prodInfo a,.prodInfo a:link,.prodInfo a:visited,.prodInfo a:hover{
	display:block;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	letter-spacing: 0px;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}

.newMore a,.newMore a:link,.newMore a:visited,.newMore a:hover{
	display:block;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	letter-spacing: 0px;
	font-weight:bold;
	font-size:10px;
	text-decoration:underline;
}


/* SKIN */
p{
	margin-top:2px;

	margin-bottom:4px;
	text-align:justify;
}






/* liens droit */

.content {

height:477px !important;

height:545px ;
border:1px solid #ededed;



}

.title_prod{

background-image:url(zwo_info/css/images/undertit_prod.jpg);
background-repeat:no-repeat;
background-position:top right;
padding-right:50px;


}
.title_prod h4 {
	white-space:nowrap;
}

span.price {
	text-align:center;
	display:block;
	font-size:14px;
	color:#0044BB;
	font-weight:bold;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	letter-spacing:-1px;
}


span.conditionnement {
	text-align:center;
	display:block;
	font-size:10px;
	color:#666666;
	font-weight:normal;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
}

.composition {
	text-align:left;
}




div.footer_link a,div.footer_link a:link,div.footer_link a:visited{
font-size:70%;
font-family:arial, Tahoma, Verdana, sans-serif;
text-transform:uppercase;
color:#b9b8b6;
letter-spacing:0.2em;
padding-left:12px;
}
.nav_prod a,.nav_prod a:link,.nav_prod a:hover,.nav_prod a:visited {
margin-right:11px;
margin-bottom:0px;
margin-top:10px;
display:block;
}

div.more_info {
	text-align:right;
	margin:5px;
	}
	
div.more_info a,div.more_info a:link,div.more_info a:visited {
background-image: none;
background-position:0px 0px;
background-repeat:no-repeat;
color:#FF6633;
display: inline;
font-size:10px;
font-weight:bold;
padding-bottom:0px;
padding-left:0px;
padding-top:0px;




text-align:right;
width:auto;
text-decoration:underline;
	font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
	padding-right:5px;
}

div.more_info a:hover {
background-image: none;
background-position:0px 0px;
background-repeat:no-repeat;
color:#3072B0;
display: inline;
font-size:10px;
font-weight:bold;
padding-bottom:0px;
padding-left:0px;
padding-top:0px;
text-align:right;
width:auto;

}


/* ######### PRODUCT Home ############*/
a.news_price,a.news_price:link,a.news_price:visited {
display:block;
width:132px !important;
width:140px;
background-image:url(zwo_info/css/images/news_price.gif);
font-family:tahoma,verdana,arial,helvetica;
font-size:14px;
font-weight:bold;
color:#cc00cc;
padding:4px;
height:16px !important;
height:24px;
overflow:hidden;
}

a.news_price:hover{

background-position:0px -24px;
text-decoration:none;
}

/* LOGIN */
div.fondloger {display:block;float:left;
}

div.fondloger input{
font-family:verdana,arial,helvetica;
font-size:12px;
}

div.fondUser {float:left;margin-left:5px;}
div.fondUser a{display:block;float:left;margin-top:5px;
}

div.fondloger br {
clear:none;
line-height:1px;
}

form.log_manager {
display:block;
height:25px;
float:left;
text-align:left;
margin-bottom:4px;
width:450px;
margin-left:2px;
padding-left:0px;
}

.password {
position:relative;
left:0px !important;
left:-3px;
}

div.identity span {
display:none;
visibility:noe;
}

.identity input{
background-color:#fff;
border:0px solid #fff;
width:130px !important;
width:135px;
padding-left:5px;
background-image:url(zwo_info/css/images/input_img.gif);
height:17px !important;
height:20px;
margin-left:0px !important;
background-position:0px -20px;
padding-top:2px;

}

.identity input:hover,.identity input:focus {
width:130px !important;
width:135px;
background-image:url(zwo_info/css/images/input_img.gif);
height:17px !important;
height:20px;
margin-left:0px !important;
background-position:0px -20px;
}

.identity input.password{
padding-left:5px;
background-color:#fff;
border:0px solid #fff;
width:100px !important;
width:105px;

background-image:url(zwo_info/css/images/password_img.gif);
height:17px !important;
height:20px;
margin-left:0px !important;
background-position:0px -20px;
}
.identity input.password:hover,.identity input.password:focus {
background-image:url(zwo_info/css/images/password_img.gif);

}



.identity {
float:left;margin:0px;margin-left:5px;
}







.sub_div {
font-weight:bold;
width:40px;
float:left
}

div.sub_div button{
   margin: 3px;
   padding: 0;
   border: 0;
text-indent: -3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   
   background: transparent url(submit.gif) no-repeat top left ;/* on place l'image en arrière plan */

   cursor: pointer;  /* pour transformer de pointeur en main */
border:medium none;
float:left;
font-weight:bold;
height:20px ;
width:32px;
background-image:url(zwo_info/css/images/ok_button.gif);
background-position:top;
overflow:hidden;
margin-top:1px;
}

div.sub_div button:hover{
/*background-position:0px -20px;*/
border:0px solid #fff;
}






a.newUser, a.newUser:link, a.newUser:visited {
display:none;
visibility:none;
padding:3px;
width:147px;
background-repeat:no-repeat;
margin-bottom:5px;
margin-left:5px !important;
clear:both;
}

a.newUser:hover{
color:#fff;
text-decoration:none;
}





a.forgetPass, a.forgetPass:link, a.forgetPass:visited{
color:#999999;
display:block;
float:left;
font-family:Arial,verdana,Helvetica,sans-serif;
font-size:10px;
margin-top:5px;
padding-left:0px;
text-align:left;
text-decoration:none;
width:100px;
}

a.forgetPass:hover{
color:#000000;
text-decoration:none;
}

a.moncompte,a.moncompte:link,a.moncompte:visited{
display:block;
width:85px;
font-family:arial,helvetica,verdana;
color:#007888;
font-weight:bold;
margin-left:5px !important;
}


a.moncompte:hover{
color:#000;
}

a.moncaddie,a.moncaddie:link,a.moncaddie:visited{
display:none;
visibility:none;
background-repeat:no-repeat;
background-position:0px 0px;
clear:both;
width:147px;
margin-bottom:5px;
margin-left:5px !important;

font-family:Arial, verdana, Helvetica, sans-serif;
}
a.moncaddie:hover{

color:#f3cc5a;
}
a.disconect,a.disconect:link,a.disconect:visited{
background-position:0px 3px;
background-repeat:no-repeat;
color:#666666;
display:block;
float:left;
font-family:Arial,verdana,Helvetica,sans-serif;
font-weight:bold;
height:23px;
margin-left:5px;
text-align:left;
width:110px !important;
}
a.disconect:hover{
color:#333;
}

/**** locatebar ****/
.locatebar {
float:left;
font-size:95%;
}

.locatebar a,.locatebar a:link,.locatebar a:visited{
color:#aaaaaa;
}

/***********SPecifiqUE**************/

/****liste deroulante (toggleSubMenu)******/
#cible_image,.#cible_image {
height:94px;
overflow:hidden;
background-color:#00f;
}
#cible_image
.toggleSubMenu {
}
ul.navigation {
display:block;
margin:0px;
padding:0px;
border:1px solid #fff;

}

ul.navigation li.toggleSubMenu {

clear:both;
display:block;
float:left;
height:20px;
list-style-type:circle;
margin:0;
padding:0 0 0px;
width:220px;
}
ul.navigation li.toggleSubMenu a,
ul.navigation li.toggleSubMenu a:link,
ul.navigation li.toggleSubMenu a:visited{
color:#AA6644;
position:relative;
top:-10px;
font-weight:bold;
font-size:14px;
display:block;
height:20px;
}

ul.navigation li.toggleSubMenu a:hover,ul.navigation li.toggleSubMenu a:focus{
color:#007788;
text-decoration:none;

}

ul.navigation {list-style-type:none;
margin-top:2px;}

ul.subMenu {
background-color:#FFFFFF;
font-size:11px;
height:230px;
left:50%;
list-style-type:none;
margin:0pt auto 0pt -186px;
overflow:auto;
padding-left:10px;
position:absolute;
text-align:left;
top:200px;
width:600px !important;
width:623px ;
position:absolute;
}
ul.subMenu h2{
padding-top:0px;
margin-top:3px;
}

ul.subMenu li {
margin:0px;
padding:0px;
list-style-type:none;
}


ul.subMenu p {
margin-left:2px;
margin-right:10px;
}

ul.subMenu ul li{
margin:2px;
padding:0px;
list-style-type:circle;
}
ul.subMenu ul {
padding-top:0px;
margin-top:0px;
}

ul.subMenu table {
vertical-align:top;
}


ul.subMenu table tr td{
vertical-align:top;
padding:5px 0 10px 14px;
}
/***********/

#logo_td {
background-position:bottom right;
background-repeat:no-repeat;
width:auto;
}
#logo_td a {
position:relative;
z-index:99;
}
.upper {
background-image:url('zwo_info/css/images/upper.jpg');
background-position:bottom;
background-repeat:no-repeat;
}
.upper h5 {
margin-left:5px;
}
.lower {
background-image:url('zwo_info/css/images/lower.jpg');
background-position:top center;
background-repeat:no-repeat;
}

.zebre img
{margin:0px;}


#footer {
height:15px;

overflow:hidden;
background-color: #00FF00;
background-image:url('zwo_info/css/images/footer.gif');
}


/* ######### PRODUCT catalogue############*/

/* le panier */

/*ici je prend fond interface, attention peut effet de bord*/

.fond_interface {
background-image:url('zwo_info/css/images/zebre.gif ');

margin-bottom:5px;
padding-bottom:1px;
}
.fond_interface form{

background-color:#fff;margin:1px;
margin-bottom:0px;

}
.fond_interface h4 {display:none;
}

.inputNumb {
width:24px;
border:1px #fff solid ;
margin:1px;
}

/* La pagination */

.currentStart {
display:block;
float:right;
width:100px;
font-family:tahoma,verdana,arial;
color:#92aa98;
margin-top:9px;
overflow:hidden;
}


.spliter {display:none;visibility:none;}


.procNumb_form {
display:none;




visibility:hidden;
color:#00804D;
float:left;
text-transform:uppercase;
width:200px;
}


.bt_pagination {
   margin-top: 6px;
   padding: 0;
   border: 0;
text-indent: -3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   background: transparent url(zwo_info/css/images/ok_button.gif) no-repeat top left ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
border:medium none;
font-weight:bold;
height:20px ;
width:32px;
background-image:url(zwo_info/css/images/ok_button.gif);
background-position:top;
overflow:hidden;
}


.paginationnumber {
display:block;
float:left;
font-family:tahoma,verdana,arial;
height:24px;
line-height:20px;
margin-top:3px;
text-align:right;


width:80%;
font-size:13px;
}

.paginationnumber a,.paginationnumber a:link,.paginationnumber a:visited ,.paginationnumber span.currentpage {
color:#bfcec2;
display:block;
float:left;
height:19px;
width:19px;
border:1px solid #ececec;
margin-right:2px;
text-align:center;

}

a#first_page,a#first_page:link,a#first_page:visited {
background-image:url(zwo_info/css/images/first_page.gif);
text-indent:-3000px;
width:25px;
color:#FFFFFF;
border:#fff 0px solid ;
background-repeat: no-repeat ;
border:1px solid #fff ;
}

a#previous,a#previous:link,a#previous:visited {
background-image:url(zwo_info/css/images/previous.gif);
text-indent:-3000px;
width:25px;
color:#FFFFFF;
border:#fff 0px solid ;
background-repeat: no-repeat ;
border:1px solid #fff ;
background-position:right;
}

a#next,a#next:link,a#next:visited {

background-image:url(zwo_info/css/images/next.gif);
text-indent:-3000px;
width:25px;
color:#FFFFFF;
border:#fff 0px solid ;
background-repeat: no-repeat ;
border:1px solid #fff ;
}

a#last_page,a#last_page:link,a#last_page:visited {
background-image:url(zwo_info/css/images/last_page.gif);
text-indent:-3000px;
width:85px;
color:#FFFFFF;
border:#fff 0px solid ;
background-repeat: no-repeat ;
border:1px solid #fff ;

}


.paginationnumber span.currentpage {
font-weight:bold;
color:#680014;
}



/* Le produit vue1 */

.inftxt {
margin-left:0pt;
padding-bottom:2px;
padding-left:0px;
padding-right:0px;
text-align:left;

}
.inftxt h3{
text-align:center;
color:#007788;
font-family:georgia;
font-size:17px;
font-weight:normal;
letter-spacing:-1px;
margin:0;
padding-top:8px;
text-transform:uppercase;

}
.inftxt p{
display:block;
font-family:arial,helvetica,verdana;
font-weight:normal;
padding:0 12px;
color:#999;
text-align:center;
}

.see_more {display:none;clear:both; }

/* Le produit vue2 */
.product_foto_s {
position:absolute;

z-index:25;
}
#fb0,#fb1,#fb2,#fb3,#fb4 {
height:345px !important;
height:353px ;
overflow:hidden;
width:192px;

}
a.fleur {
display:block;
float:left;

}

.product_foto_s a {
background:#EDEDED none repeat scroll 0 0;
display:block;
float:left;
height:50px;
margin-right:9px;
overflow:hidden;
position:relative;
top:-60px;
}
.product_foto_s a img{


}

.prodv2_img {width:244px;vertical-align:top;}

.previewB .prodv2_img {width:auto;vertical-align:top;}

.prodv2_content {width:685px;vertical-align:top;}

a.print ,a.print:link,a.print:visited {

text-decoration:underline;
}

.previewB {clear:both;}

.line_block {
border-left:8px solid #660010;
font-size:11px;
color:#111;
}
#presentation{
color:#444444;
font-size:11px;
line-height:16px;
text-align:justify;
width:460px !important;
margin-left:20px;
}
.line_block h3 {
clear:both;
color:#660010;
font-family:garamond,georiga;
font-size:40px;
font-weight:normal;
margin-left:12px;
padding-top:6px;
}

.line_block p{
font-family:arial,helevetica,verdana,tahoma;
color:#660010;
font-weight:bold;
font-size:12px;
margin-left:12px;
float:left;
clear:both;
}

a.back,a.back:link,a.back:visited {
background-image:url('zwo_info/css/images/back.gif ');
height:16px;
width:68px;
display:block;
float:left;
text-indent:-3000px;
}

a.back span {

display:none;
}

.product_unit_view {
overflow:hidden;
padding-top:9px;

/*height:351px*/
}

.product_unit_view  .cata {
margin-left:0px;
background:#fff;
}

.add_product {
background-image:url('zwo_info/css/images/incard_2.gif ');
height:26px;background-position:right top;
width:300px;
display:none;
}

.add_product input.cady {
width:136px;
background:transparent;
display:block !important;
display:inline;
float:left;
;
}

.add_product span{
background-image:url('zwo_info/css/images/incard_1.gif ');
height:26px;background-position:left top;
display:block !important;
display:inline;


width:120px;
float:left;


}
.add_product select{
margin:2px;
margin-left:10px;
margin-right:10px;
border:1px solid #a8d451;
background-color:#fff;
width:100px;
}

.info_product {
clear:both;
}

.byeprod_promo_v2 {
float:right;
clear:both;
margin:3px;
margin-top:12px;
}

.byeprod_promo_v2 div{
color:#00804D;
font-size:23px;
margin-bottom:5px;
text-align:right;
}

.col_left {
width:475px;float:left;margin-left:6px;
}
.col_right {float:right;
width:100px;overflow:hidden;
}

#etiquette {padding-top:0px;text-align:right;}

.more_infoTD {height:1px;font-size:1px;display:none;}
/* tableau de produits */

.product_list  {
width:838px;overflow:hidden;
text-align:left;
float:left;
/*background-image:url('zwo_info/css/images/zebre.gif ');*/
}
.product_list  {
float:left;
height:290px;
margin-top:10px;
overflow:hidden;
text-align:left;
width:838px;
}

.firstcolumn {
padding:5px;
padding-right:0px;
text-align:center;
padding-left:0px;
 background-color:#fff;
height:288px !important;
height:300px ;
width:185px !important;
width:185px; 
margin-top:0px;
}

.othercolumn {
border-left:0px none #DEDEDE;
margin-top:0px;
height:288px !important;
height:300px ;
padding:5px;
padding-left:32px;
padding-right:0px;
text-align:center;
 background-color:#fff;
margin-left:0px;
width:185px!important;
width:217px;
}
.gridline {padding-bottom:1px;height:1px;
}
.product_list table {
width:510px;
}
.product_list table tr td{
width:50%;
}
.nav_clear {
background-image:url('zwo_info/css/images/zebre.gif ');clear:both;float:left;width:838px;}

div.table-navigation {
background-color:#fff;margin-bottom:0px;width:100%;height:30px;
}

/* grillcat > ICI POUR LE CADDIE EN PRIORITE*/

.grille_cat caption {
border-bottom:1px dotted #ACACAC;
}


.grille_cat thead strong{
font-size:90%;
}

.cgv {
border-top:1px dotted #ACACAC;
}


.fond_interface select {
width:250px;
}

.col_b {
background-color:#ecf1ec;
}

.unit_price_head {
white-space:nowrap;
overflow :hidden;

}


/* ######## SCROOLLER JQUERRY ############# */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #f6f6f6;
}
.jScrollPaneDrag {
	position: absolute;
	background: #78797b;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #78797b;
	height: 15px;
}
a.jScrollArrowUp:hover {
	background-color: #666;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #78797b;
	height: 15px;
}
a.jScrollArrowDown:hover {
	background-color: #666;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #666;
}
/* #####################"" */

div.scrollholder{
    position: relative;
    width: 523px; height: 250px;
    overflow: auto;
    z-index: 1;
	clear:both;
	float:left;
}

div.scroll
{
    position: absolute;
    left: 0; top: 0;
    width: 95%;
    z-index: 2;
}

/* <Scroll> */
div.track
{
    position: relative;
    float:right;
    top: 0; 
    width: 11px; height: 100%;
    font-size: 0;
    z-index: 3;
    background: #F2F2F2;
}


div.drag_bar
{
    position: absolute;
    width: 100%; height: 14px;
    cursor: pointer;
    z-index: 4;


    background: #007788;
}  
div.scrollholder {
   scrollbar-face-color: #007788;
    scrollbar-shadow-color: #007788;
    scrollbar-highlight-color: #007788;
    scrollbar-3dlight-color: #007788;
    scrollbar-darkshadow-color: #007788;
    scrollbar-track-color: #F2F2F2;
    scrollbar-arrow-color: #007788;
}


/********* recherche resultat**********/

.product_list_search{
padding-bottom:30px;
}
.product_list_search tbody{
background-color:#f5f5f5;
margin:5px;



} 
tr.tablelayout_headers{
background-color:#ccc;
padding-left:10px;
margin-top:10px;
height:22px;
font-weight:bold;
}
.head_image1{
padding-left:10px;
color:#236170;
}
.tablelayout_headers .head_image1 span{
display:none;
}
.head_brand{
color:#236170;
}
.head_description{
width:230px;
color:#236170;
}
.head_label_with_description{
width:90px;
color:#236170;
}
.head_price{
width:90px;
color:#236170;
}
.head_view_stockavailable{
width:90px;
color:#236170;
}
.head_note{
width:90px;
color:#236170;
}
.head_product_link{
width:100px;
color:#236170;
}
.product_list_search td.imgprod{
padding:5px;
padding-left:2px;
float:left;
display:block;
clear:both;

}
.product_list_search span.imgprod{
margin:0px;
padding-left:2px;
padding:5px;
float:left;
display:block;

}
.product_list_search .imgprod img {
height:auto;
}
.product_list_search .name_product {
width:160px;
}

.name_product{
width:80px;

}
.description_product{
width:230px;
padding-left:10px;

}

.origine_product{
width:90px;

}
.color_product{
width:90px;

}
.savour_product{
width:90px;

}
.price_product{
width:90px;

}
.more_info_row{
width:70px;
padding-left:10px;
}
span.more_info{
height:30px;
}
/* ############slider############# */
#slider {
    width: 507px; /* important to be same as image width */
    height: 334px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
background-image:url(zwo_info/css/images/fond_slider.gif);
	
}
#sliderContent {
    width: 507px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
 ul#sliderContent { list-style-type: none;padding:0px;margin:0px;}

.sliderImage {
height:334px;
    float: left;
    position: relative;
	
}
/*.sliderImage span {
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 507px;
    background-color: #fff;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    opacity: 0.8;
    color: #333;
    
    top:130px;
}*/
.sliderImage h3 {
font-weight:normal;
margin:0px ;
padding:0px;
color:#333;
font-weight:bold;
font-size:18px;
line-height:20px;
font-family:Trebuchet MS,Trebuchet,Verdana,Arial,San-serif;
}

.clear {
	clear: both;
}
.sliderImage span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}

/*.bottom_slider{
background-image:url(zwo_info/css/images/ombre_home.png);
background-repeat:no-repeat;
background-position:bottom;
height:36px;
position:relative;
top:-11px;
}*/