/* NAVIGATION DE GAUCHE
=================================*/
a.nornav_g ,a.nornav_g:link,a.nornav_g:visited{
display:block;
/* important pour firefox : >>> hack */
width:142px !important;
width:164px;
height: 22px !important;
height: 27px;
padding-left:22px;
padding-top:5px;
background:url(zwo_info/css/images/bt_navG.jpg) ;
margin-bottom:5px;
font: 12px verdana;
}
a.nornav_g:hover{
background:url(zwo_info/css/images/bt_navG2.jpg);

}

a.selnav_g,a.selnav_g:link,a.selnav_g:hover,a.selnav_g:visited{
/* important pour firefox : >>> hack */
display:block;
width:142px !important;
width:164px;
height: 22px !important;
height: 27px;
padding-left:22px;
padding-top:5px;
margin-bottom:5px;
background:url(zwo_info/css/images/bt_navG.jpg) top left no-repeat;
font: 12px verdana;
}
td.nav_g table{
margin:6px 0 0 0;
}
td.nav_g img{
margin:5px;
padding:0;
}
.nav_gtd{
padding: 10px 0 0 0;
}
/* NAVE DE GAUCHE ANGLAIS
====================================*/
a.nornavleft,a.nornavleft:link,a.nornavleft:visited {
display:block;
/* important pour firefox : >>> hack */
width:142px !important;
width:164px;
height: 22px !important;
height: 27px;
padding-left:22px;
padding-top:5px;
background:url(zwo_info/css/images/bt_navG.jpg) ;
margin-bottom:5px;
font: 12px verdana;

}
a.nornavleft:hover {
background:url(zwo_info/css/images/bt_navG2.jpg);
}
a.selnavleft,a.selnavLeft:link,a.selnavLeft:visited {
/* important pour firefox : >>> hack */
display:block;
width:142px !important;
width:164px;
height: 22px !important;
height: 27px;
padding-left:22px;
padding-top:5px;
margin-bottom:5px;
background:url(zwo_info/css/images/bt_navG.jpg) top left no-repeat;
font: 12px verdana;
}
a.selnavleft:hover {
background:url(zwo_info/css/images/bt_navG2.jpg);
}

/* FIN =============================*/


/* RECOMMANDER
============== */
a.tell, a.tell:link, a.tell:visited{
margin-top:4px;
padding:8px 0 0 8px;
display:block;
width:158px !important;
width:166px;
height:24px !important;
height:32px;
color:#FFF;
background:url(zwo_info/css/images/recommande.gif) top left no-repeat;
text-decoration:none;
}
a.tell:hover{
color:#FF6600;
}
/* CONTACT
============== */
a.cont, a.cont:link, a.cont:visited{
margin-top:4px;
padding:8px 0 0 8px;
display:block;
width:158px !important;
width:166px;
height:24px !important;
height:32px;
color:#FFFFFF;
background:url(zwo_info/css/images/tell_contact.gif) top left no-repeat;
text-decoration:none;
}
a.cont:hover{
color:#FF6600;
}
/* IMAGE DE LA HOME
====================*/
.img_home img{
margin:10px 0 0 0;
}
/* FOND HEAD STRIP
===============================*/
.fond_head{
background:url(zwo_info/css/images/footer_fond.jpg);
}

/* FOOTER V2
================================*/
#footerV2{
height:38px;
background-color:#000;
}
#footerV2 p{
margin:0;
padding-top:10px;
color:#CCC;
text-align:center;
font-size:11px;
}
#footerV2 a{
text-decoration:none;
color:#FFF;
}
#footerV2 a:hover{
color:#CCC;
}



.contactv2 form{
border:1px inset #CCCCCC;
padding:10px;
}
.decal_contact{
padding:0 0 20px 10px;
}
/* FIN ==============================*/


fieldset.layer {
border:none;
}
/*CSS Inscriptions */

#form_mesure1 {
background: url(zwo_info/css/images/fond_mesure_en.gif) no-repeat top left;
background-color:#fff;
padding:20px;
margin:20px;
width:700px;
height:450px;
}

#form_mesure1 form{
left:-5px;
top:-5px;
}
#form_mesure1 form span{
color:#666666;
margin:3px;
font-size:12px;
}
.shoulder_line .input_ask input {
width:120px;
}

#form_mesure1 form input{
color:#333333;
background-color:#EFDFD8;
border: #897162 solid 1px;
margin:0px;
}

div.ask_mesurement div span,div.ask_mesurement span{
display:block;
float:left;
font-weight:bold;
}

div.ask_mesurement {
margin-top:4px;
}

div.ask {
	padding:6px;
}

div.ask span{
display:block;
float:left;
width:150px;
font-weight:bold;
}

div.ask_mesurement select{
width:auto;
}

div.ask div{
float:left;
}

div.ask ,div.ask_mesurement{
clear:both;
}

.input_ask div {
width:120px;
float:left;
}

.input_ask div.answer_radio {
width:240px;
font-weight:normal;
color:#666666;
float:left;clear:left;
margin-top:3px;
}

.input_ask input {
width:40px;
float:left;
}


.body_shape select {
width:120px;
}
.ask select {
width:60px;
float:left;
margin-left:8px !important;
margin-left:0px;
}
.ask_submission {
margin:8px;
clear:both;
width:240px;
text-align:right;
}
.form_mesure1  .ask_submission {
margin:8px;
clear:both;
width:240px;
text-align:right;
}
input.next {
float:right;
position:relative;
top:-71px !important;top:-54px ;right:1px !important;right:5px ; 
text-align:center;

}

#form_mesure1 input.next {
margin-top: 10px;
float:right;
position: inherit;
text-align:right;

}

.body_shape select {
width:120px;
margin-left:0px;
}

.img-wrapper {
margin: 10px 20px 0 0;
float:left !important;
float:none;
background: url(zwo_info/css/images/shadow.gif) no-repeat bottom right;
line-height:0;
min-width:10px;
width:auto !important;
width:12px;
}

.img-wrapper img {
float:none;
margin:0;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;
}

.form {
	background-color:none;
}

/*--------------general form*/
#emailclient,#loginclient,#passwordclient {
background-color:#f55b02;margin:0px;color:#000;
padding:2px;
}

#emailclient strong,#loginclient strong,#passwordclient strong {
color:#ffffff;

}

#emailclient .error,#loginclient .error,#passwordclient .error{
color:#ffffff;

}


.address_field , .field {
margin:6px;
width:350px;
float:left;clear:left;
}
.field div div{
margin-top:2px;
margin-bottom:2px;
}
.field label{
	width:160px;marign-right:3px;
}

#newsletterclient input{
	width:20px;background-color:transparent;border:0px #fff none;
}
.pgWarning {color:#f55b02;font-size:11px;font-weight:bold;clear:both;}
.error {float: left; clear: left; width: 160px;text-align:right;}
/*----------adress*/
#address {font-size:100%;
}

div.adress {
background-color:#EFEFEF;
display:block;
float:left;
left:50%;
margin-left:100px;
position:absolute;
top:150px;
width:340px;
padding-bottom:10px;padding-left:0px;padding-right:0px;
overflow:hidden;

}

#address div.adress h4{margin-top:0px;margin-bottom:3px;display:block;width:100%;
}

div.adress span{display:block;margin-top:0px;margin-bottom:3px;font-size:10px;
margin-left:5px;margin-right:5px;clear:left;}

div.adress .error {
width:100%;
}
div.adress label span{display:inline;}

/*#address{
	font-weight:bold;
	color:#999999;
	margin:6px;
	background-color: #EFEBE9;
	height:240px;
	float:left;
	position:relative;
	top:-50;
	left:350px;
	width:250px;
	
}*/

	

#address h4 {
	text-align:center;
	font-size:120%;
	font-style:italic;
	margin-bottom:10px;
	background-color:#fff;
	margin-top:20px;
}


/*.address_field {
	clear:both
	display:block;
	font-weight:bold;
	color:#999999;
	float:left;
	margin:3px;
	height:22px;
}
.address_field select {
width:200px;
}*/
/*----------valider*/
.pgformInput{
clear:left;
float:left;
margin:10px;
text-align:left;
}

div.form div.pgformInput input {
font-size:27px;
height:60px;
width:695px;
}


/*FIN -------CSS Inscriptions */

/*FIN -------CSS Inscriptions */

/* table clothing*/
.clothing {
padding-top:10px;
padding-left:10px;
}

.clothing .table{
background-image:url(zwo_info/css/images/haut_tble540.gif);	
width:540px;
background-repeat:no-repeat;
padding-top:9px;
}

.clothing .table thead{
width:540px;
background-repeat:no-repeat;
background-position:top;
padding-top:9px;
background-color:#fff;
font-size:10px;
}

.clothing .table img{
margin:2px;
}

.form {
padding-top:10px;
padding-left:10px;
}

.form .table{
width:100%;
background-repeat:no-repeat;
padding-top:9px;
}

.form .table thead{
background-repeat:no-repeat;
background-position:top;
padding-top:9px;
background-color:#fff;
font-size:10px;
}

.form .table img{
margin:2px;
}


/**/
.table {
}

.table thead tr{
	/*background-color:#591406;*/
}

table.table  thead tr th {

	/*background-color:transparent;*/
}

.table thead tr td ,.table thead tr th{
	/*color:#000000;*/
	color:#efefef;
	font-weight:bold;
	background-color:#591406;	
	/*background-color:transparent;*/
	font-size:18px;
	padding:2px;
}
.table tfoot tr{
	background-color:#FFF;
	/*background-color:transparent;*/


}

.table tfoot tr td {border-top:4px solid #591406;
	color:#efefef;
	font-weight:bold;	background-color:transparent;font-size:10px;
	padding:3px;
}


.table tr.odd,.table tr.fond_True {
	background-color:#FDFCFC;
}
.table td.action a,.table td.action a:link,.table td.action a:visited{
	font-size:14px;
	font-weight:bold;
	font-family:verdana;
        display:block;
	margin:3px 5px;
	background:#d4d4d4;
	padding:2px;
color:#591406;max-width:300px;


}
td.action {
max-width:310px;
}
.table td.action a:hover{
	color:#F26044;background-color:#efefef
}
.table tr {
	background-color:#F4F1F1;
}

td.styleManager table.table {
width:700px;
}
td.styleManager div.form td input {
width:200px;
}

a.addincart,a.addincart:link, a.addincart:hover,a.addincart:visited {
background-image:url(zwo_info/css/images/add_caddie.gif);
backgound-repeat:no-repeat;
display:block;
width:156px;
height:38px;
float:right
}
a.addincart span {
display:none;
}

a.savestyle,a.savestyle:link, a.savestyle:hover,a.savestyle:visited {
background-image:url(zwo_info/css/images/savestyle.gif);
backgound-repeat:no-repeat;
display:block;
width:156px;
height:38px;

}
a.savestyle span {
display:none;
}

#adresscustomer  div.form {
padding-left:10px;
width:100%;
}

#adresscustomer div.adress {
position:relative !important;
left:0px !important;
top:0px;
margin-left:30px;
}

#adresscustomer #adress,#adresscustomer .field{
width:500px;;

}

div.form input {
color:#333333;
background-color:#EFDFD8;
border-color:#897162;
border-style:solid;
border-width:1px;
width:160px;
}
div.form td input {
width:20px;
}
#adresscustomer div.actions input {
background-color:#FC5E02;
color:#fff;
font-weight:normal;
font-size:29px;
height:auto;
width:auto;

}
#adresscustomer div.actions input {
text-align:left;
}
/* Style pour la nav */



.nav_1 li {
    display : inline;
    list-style-type: none;
    margin: 0.5em;
}

.nav_1 a {
    background-color: #591406;
    border: 1px solid #F4F1F1;
    padding: 0 0.5em 0 0.5em;
		font-weight:bold;
font-size:14px;
}

.nav_1 {
    padding: 0 0 0 1em;
    margin: 0;
		height:20px;
    font-size: 11px;
}

.nav_1 a:hover {
    background-color:#FC5E02;
    color: white;
    margin: 0;
}

.nav_1 a.nav_selected {
    background-color: #FC5E02;
    color: white;
}
/*formulaire de conttact */
.label_contact {
display:block;
float:left;
	width:140px;
}
p textarea {
	display:block;
   margin-left:140px;
}

/* block de l'espace client*/
.adresslist {
/*border-right:1px #AFAEA4 solid;
border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/address-book-new.gif);
background-repeat:no-repeat;
background-position: 0px 0px;
margin-left:30px;
}
.customermanager {
/*border-right:1px #AFAEA4 solid;
border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/contact-new.gif);
background-repeat:no-repeat;
padding-left:20px;
background-position: 0px 0px;clear:right;
}
.orderhistory {
/*border:0px #ccc solid;
border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/package-x-generic.gif);
background-repeat:no-repeat;
padding-left:20px;
background-position: 0px 0px;
margin-left:30px;
}

.measurement {
/*border-right:1px #AFAEA4 solid;
border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/applications-accessories.gif);
background-repeat:no-repeat;
padding-left:20px;
background-position: 0px 0px;
clear:right;
}

.ordercart{
/*border-right:1px #AFAEA4 solid;
border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/applications-chariot.gif);
background-repeat:no-repeat;
padding-left:20px;
background-position: 0px 0px;
clear:right;
}

.styles {
/*border:0px #ccc solid;
border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/applications-style.gif);
background-repeat:no-repeat;
padding-left:20px;
background-position: 0px 0px;
margin-left:30px;
}

.passwordrecovery {
/*border-right:1px #AFAEA4 solid;
border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/);
background-repeat:no-repeat;
padding-left:20px;
background-position: 0px 0px;
}

.caddy {
border:0px #ccc solid;
/*border-bottom:1px #E4E4E4 solid;*/
background-image:url(zwo_info/css/images/package-x-generic.gif);
background-repeat:no-repeat;
padding-left:20px;
}

.client_office {
float:left;
width:246px;
padding:3px;
height:119px;
margin-bottom:20px;
margin-left:80px;
}

.client_office a strong {
display:block;
/*background-image:url(zwo_info/css/images/arrow_trans.gif);*/
background-repeat:no-repeat;
padding-left:38px;
padding-top:10px;
height:25px;
color:#591406;
font-size:12px;
cursor:pointer;
}

.client_office p{
font-size:11px;
width:220px;
padding-left:3px;
}

/*Block Contenu -------------------*/
.contenu {
padding-top:12px;
}

/*Block Form-tell a friend -------------------*/
.stag_vip {
background-image:url(zwo_info/css/images/fonForm_tell.jpg);
background-repeat:no-repeat;
padding:20px;
}



/*Block langues -------------------*/
.navLang {
width:128px;
}

.navLang a.en,.navLang a.en:link,.navLang a.en:visited {
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_04.gif);
background-repeat:no-repeat;
float:left;
}
.navLang a.en span,.navLang a.en:link span,.navLang a.en:visited span {
display:none;
}
.selected > .navLang a.en,
.selected > .navLang a.en:link,
.selected > .navLang a.en:visited {
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_04.gif);
background-repeat:no-repeat;
float:left;
}

.navLang a span {
display:none;
}

.navLang a.en:hover {
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_on_04.gif);
background-repeat:no-repeat;
float:left;
}

.navLang a.fr,.navLang a.fr:link,.navLang a.fr:visited ,.navLang a.fr:hover{
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_03.gif);
background-repeat:no-repeat;
float:left;
}
.navLang a.fr span,.navLang a.fr:link span,.navLang a.fr:visited span ,.navLang a.fr:hover span {
	display:none;
}

div.navLang span.selected a.fr,
div.navLang span.selected a.fr:link,
div.navLang span.selected  a.fr:visited ,
div.navLang span.selected  a.fr:hover {
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_03.gif);
background-repeat:no-repeat;
float:left;
}
.navLang a.fr:hover {
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_on_03.gif);
background-repeat:no-repeat;
}






.navLang a.zh,.navLang a.zh:link,.navLang a.zh:visited {
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_on_05.gif);
background-repeat:no-repeat;
float:left;
}

.navLang a.zh:hover{
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_on_05.gif);
background-repeat:no-repeat;
float:left;
}
.navLang a.zh span,.navLang a.zh:link span,.navLang a.zh:visited span ,.navLang a.zh:hover span {
	display:none;
}

div.navLang span.selected a.zh,
div.navLang span.selected a.zh:link,
div.navLang span.selected  a.zh:visited ,
div.navLang span.selected  a.zh:hover {
display:block;
width:41px;
height:30px;
background-image:url(zwo_info/css/images/langue_on_05.gif);
background-repeat:no-repeat;
float:left;
}

/*fin*/


/* Footer--------------*/
.footer, .footer a,.footer a:hover,.footer a:visited,.footer a:link {
background-color:none;
color:#AFAEA4;
font-family:trebuchet,sans-serif;
font-size:11px;
}
.footer a:hover {
font-family:trebuchet,sans-serif;
text-decoration:underline;
background-color:transparent;
color:#F88948;
}

/* blocks d'info (a droite sur le home)--------------*/
.blockInfo {
background-color:transparent;
background-image:url(zwo_info/css/images/blockInfo.jpg);
background-repeat:no-repeat;
height:146px;
width:231px;
padding:14px;
padding-bottom:0px;padding-top:5px;

}
/* blocks de nav (a droite sur le home)--------------*/
navigation_tr {
border-right:1px solid #ccc;
}
/* blocks d'info (en bas sur le home)--------------*/
.degrade {
background-color:transparent;
background-image:url(zwo_info/css/images/degrade_home.jpg);
background-repeat:repeat-x;
padding-bottom:0px;
padding:17px;
padding-bottom:0px;padding-top:0px;
font-family:arial,georgia,sans sherif;
font-size:11px;
color:#111111;
}
.degrade p:first-letter{
font-family:trebuchet,sans-serif;
font-size:22px;
line-height:50%;
font-weight:bold;
}
/* ------------------ fin */


/* header style (logo+ userinfo , placement) ------------------ */
.blockHeader {
position:relative;
top: 19px;
left:34px;
}
.blockHeader img {
border:0px none white;
margin-bottom:12px;
}
/* ------------------ fin */


/* User Info ------------------ */

.fondUser {
background-color:transparent;
background-image:url(zwo_info/css/images/fond_user.jpg);
background-repeat:no-repeat;
height:33px;
width:520px;
padding:4px;
padding-bottom:0px;
font-size:10px;
}
a.disconect,a.disconect:link,a.disconect:hover,a.disconect:visited {
display:block;
padding-left:45px;
float:left;
margin-top:8px;
color:#FFFFFF;
}
a.moncompte span,a.messtyles span , a.mesmesures span , a.moncaddie span{
display:none;
}

a.messtyles,a.messtyles:link,a.messtyles:visited {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkStyle_ch.gif);
background-repeat:no-repeat;

height:29px;
width:90px;
float:left;
}
a.messtyles:hover {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkStyle_ch.gif);
background-repeat:no-repeat;
height:29px;
width:90px;
background-position:0px -29px;
}


a.mesmesures,a.mesmesures:link,a.mesmesures:visited {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkMesure_ch.gif);

background-repeat:no-repeat;
height:29px;
width:107px;
float:left;
}

a.mesmesures:hover {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkMesureOn_ch.gif);
background-repeat:no-repeat;
height:29px;
width:107px;
}

a.moncaddie,a.moncaddie:link,a.moncaddie:visited {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkCaddie_ch.gif);
background-repeat:no-repeat;
height:29px;
width:106px;
float:left;
}
a.moncaddie:hover {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkCaddieOn_ch.gif);
background-repeat:no-repeat;
height:29px;
width:106px;
}

a.moncompte,a.moncompte:link,a.moncompte:visited {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkCompte_ch.gif);
background-repeat:no-repeat;
height:29px;
width:97px;
float:left;
}
a.moncompte:hover {
display:block;
background-color:#fff;
background-image:url(zwo_info/css/images/linkCompte_ch.gif);
background-repeat:no-repeat;
height:29px;
width:97px;
background-position:0px -29px;
}

/* userLogin */
.fondloger {
background-color:transparent;
background-image:url(zwo_info/css/images/bg_loginform.gif);
background-repeat:no-repeat;
height:33px;
height:33px;
width:560px !important;
width:568px;
padding:4px;
padding-bottom:0px;
}
.fondloger a,.fondloger a:visited,.fondloger a:link{
color:#FFFFFF;
font-size:10px;
font-family: Tahoma, Verdana, sans-serif;
padding-left:6px;
}
.log_manager {
	margin:0px;
	padding:0px;
}

.fondloger .log_manager span{
font-size:9px;
font-family: Verdana, sans-serif;
padding-left::2px;
padding-right::2px;
}
.log_manager input{
background:#fff;
border:#807F74 1px solid ;
width:112px;
margin-right:2px;
}

div.identity {
float:left;
width:386px !important;
width:394px;
/*font-weight:bold;*/
color:#807F74;
background-image:url(zwo_info/css/images/bg_idenity.gif);
background-repeat:no-repeat;
background-color:#F8F7F7;
padding:4px;
margin:0px;
height:25px !important;
height:33px;

}
div.sub_div {
width:38px !important;
width:46px;
padding:4px;
float:left;
/*font-weight:bold;*/
color:#807F74;
background-image:url(zwo_info/css/images/fond_submit_04.gif);
background-repeat:no-repeat;
height:25px !important;
height:33px;
text-align:right;
}
div.sub_div input{
width:22px;

}
div.identity span {
	padding-right:8px;
}

/*----module tell afirend ----------- */
a.tellafriend,a.tellafriend:link,a.tellafriend:visited {
display:block;
background-image:url(zwo_info/css/images/spLinksfriend.gif);
background-repeat:no-repeat;
background-position:center right !important;
background-position:top right ;
width:137px;
height:25px !important;
height:38px ;
text-align:right;
padding-right:27px;
font-weight:bold;
color:#66655E;
font-family:arial,georgia,sans sherif;
font-size:11px;
padding-top:9px !important;
margin:0px;
float:left;
}

a.tellafriend:hover {
background-position:center right !important;
background-position:top right ;
background-repeat:no-repeat;
background-color:white;
color:#FC5E02;
background-image:url(zwo_info/css/images/spLinksfriend_on.gif);
}

/*(---------------------------- fin --*/
/*(---------------------------- contact lien--*/

a.sendmail,a.sendmail:link,a.sendmail:visited {
background-image:url(zwo_info/css/images/spLinksContact.gif);

}

a.sendmail:hover {
background-image:url(zwo_info/css/images/spLinksContact_on.gif);
}

/*----liens_home nav haut ----------- */

a.homelink ,a.homelink:link,a.homelink:visited{
background-image:url(zwo_info/css/images/home_ch.gif);
background-repeat:no-repeat;
display:block;
width:122px;
height:27px;
}

a.homelink:hover {
background-image:url(zwo_info/css/images/home_ch_on.gif);
}


.homelink span {
display:none;
}
/*-------------- fin*/
.header_links {
/*background-image:url(zwo_info/css/images/header_link.jpg);
background-repeat:no-repeat;
background-position:bottom;
background-color:#fff;*/

}
/*--------------banniere*/
.banniere {
background-image:url(zwo_info/css/images/fond_banniere.gif);
background-repeat:no-repeat;
background-position:0px 94px;
background-color:#fff;
}

/* ######### red?finitions de tags ######## */
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,georgia,sans-serif;
font-size:13px;
color:#170601;
}


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

/* Style des liens */
div#fond_banniere a,div#fond_banniere a:link,div#fond_banniere a:hover,div#fond_banniere a:visited, {
   background:#cc6666 !importante;   
}
a,a:link {
text-decoration:none;
color:#FC5F02;
}



a:hover {
text-decoration:underline;
background: transparent;
color:#000 !important;
}

a img {
border:0px #fff none ;
}
em {
color:#131313;
}

h4 em, h4 a, h5 a, h4 a:visited, h5 a:visited {
color:#131313;
}

h5 em {
color:black;
}

p {margin-bottom:0px;
text-align:justify}
/* Style des traits */
hr {
color:transparent;
border-bottom:thin solid black;
}

/* Style des ?l?ments de formulaire */
input, textarea {

color:#131313;

}

strong {
color:#666;

}

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: 2px;
margin: 3px;
border-width: 2px;
border-color: lightgray;
-moz-border-radius: 12px;
border-radius: 12px;
}
.row {
margin-bottom:10px;	
}

.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;
display:block;float:left;
}

label {
float: left; 
width: 37%; 
font-size: 11px;;
text-align: right;
line-height: 1.6;
margin: 0;
padding: 0;
display:block;float:left;
clear:left;
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
font-weight:bold;
}                  


.label:hover, input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs ? cliquer sur les intitul?s ***/
}
.help {
display:none;
}
#loginclient .help{
display:inline;
font-size:10px;
float:left;
}

/* Style des niveaux de titre */
/* Style des niveaux de titre */
h1, h2, h2 a, h2 a:visited  {
font-family:trebuchet,sans-serif;
color:#000;
font-weight:bold;
}
h1 {
font-family:trebuchet,sans-serif;
font-size:22px;
font-weight:bold;padding-top:0px;margin-top:0px;
margin-bottom:0px;
}

h2 {
font-family:trebuchet,sans-serif;
font-size:18px;

font-weight:900;
margin-top:8px;
margin-bottom:8px;
font-weight:bold;
font-variant: small-caps;
line-height:80%;
}

h3 {
	font-family : "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px ;
	font-style: italic ;
	color: #000;
	margin:0px;
}

h4 {
	color:#FC5F02;

	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	margin:0px;
	margin-top:8px;
}

h4 strong {
	font-size:14px;
}

h5 {
color:#D8310E;
font-size:11px;
margin:4px;
}
a h5 {
color:#D8310E;
font-size:11px;
margin:4px;
}

/* Style des listes */
ul {
list-style-type:square;
}

/* 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;
}
/*-----------------modules------------*/
.news_history{ 
display:block;
width:100%;
font-size:4px;
display:block;
}

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

.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 );
}

/* recherche */

#zwo_search {
display:inline;
}

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

}
/* mesures */
/* mesures menu*/
.group_clothing_list {

padding: 10px 0 5px 0;
background: #FFF;
float:left;
width:300px;
background: #591406 url(zwo_info/css/images/liste_top.gif) left top no-repeat;
width:243px;
/*margin-left:0px;*/
padding-bottom:0px;
/*margin-left:123px;*/
/*	position:relative;
right: -300x ;
top:-50px;
clear:both;*/
margin-top:30px;
margin-left:30px;

}

.group_clothing_list p {

margin: 0;

padding: 0 5px 2px 5px;

font-size: 90%;

color: #666;

}

/* CSS for the ticked off links. Note, I am not ordering things in the LVHA way, as I prefer the visited tick to work above the arrow once visited. */


form#group_clothing_reg {
	float:left;
	width:300px;
	height:70px;
	display:block;
	text-align:left;
	margin:0px;
	position:relative;
	margin-top:30px;
	left:5px;top:0px;
	background: #fff url(zwo_info/css/images/select_wear.gif) left top no-repeat;
		text-align:center;
}
form#group_clothing_reg label{
	float:left;
	display:block;
	margin:8px;
	position:relative;
	clear:both;
	width:auto;


}
form#group_clothing_reg select{
	float:left;
	display:block;margin:3px;
	position:relative;
	left:25px;
	width:150px;
	top:3px
}
form#group_clothing_reg input{
	float:left;
	display:block;padding:3px;
	position:relative;
	left:25px;top:3px;
}


.group_clothing_list {


}

.group_clothing_list h2{
margin-top:8px;
padding-left:4px;
font-size:14px;
color:white;
}

.group_clothing_list ul {
list-style-type: none;
margin-top: 0px;
margin-left: 0;
margin-bottom: 0px;
padding: 3px;
display:block;
background: transparent url(zwo_info/css/images/liste_bottom.gif) left bottom no-repeat;
padding-bottom:16px;

}

.group_clothing_list li a:visited {
padding-left :4px;
color: #333;
text-decoration:none;
line-height:150%;
display:block;
width:232px !important;
width:236px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(zwo_info/css/images/ticks.gif);
background-position: 0 0px;
}


.group_clothing_list li a:link {
padding-left :4px;
color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:232px !important;
width:236px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(zwo_info/css/images/ticks.gif);
}

.group_clothing_list li a:active {
padding-left :4px;
color:#333;
line-height:150%;
text-decoration:none;
display:block;
width:232px !important;
width:236px;
border-bottom: 1px solid #EDEAEB;


background: #FFF url(zwo_info/css/images/ticks.gif);
}

.group_clothing_list li a:hover {
padding-left :4px;
color:#990000;
line-height:150%;
display:block;
width:232px !important;
width:236px;
border-bottom: 1px solid #EDEAEB;
background: #FFF url(zwo_info/css/images/ticks.gif) 30px -20px;
background-repeat:no-repeat;
text-decoration:none;
}

table.mesurment {border-collapse:collapse;width:600px;margin:2px ;padding:2px }

table.mesurment td {vertical-align:top; }

table.mesurment td  img{border:1px #D6CFCF solid;}

td.mesurment_left { width:296px ; height:100%; /*background-image: url(zwo_info/css/images/fond-mesure-droit.jpg);*/ background-repeat:repeat-x; font-size:12px; font-family:Arial, Helvetica, sans-serif}

table.mesurresume{ width:292px ; font-size:12px; font-family:Arial, Helvetica, sans-serif;margin:1px; border:none;border-collapse :collapse;}

table.mesurresume tr td { border:1px solid #D6CFCF ;  background-color:#FFFFFF;height:22px; vertical-align:middle; text-align:center; font-weight:bold }

table.mesurresume tr td.element { color:#591406;}

table.mesurresume tr td.value { color:#FC5E02;}

table.mesurment td.mesurment_left h1,table.mesurment td.mesurment_left h2,table.mesurment td.mesurment_left h3,table.mesurment td.mesurment_left h4,table.mesurment td.mesurment_left h5 {
margin:12px 4px;}

table.mesurment td.mesurment_opt { width:258px; }
table.mesurment td.mesurment_left h2 span {
color:#e80;
font-size:80%;
}
div.mesurment_content { padding:0px 16px; width:280px} 

div.mesurment_content p.firstletter{ padding:0px; width:220px;}
 
table.mesurment td.mesurment_opt form{ margin:0px ; }

.steps { font-family:Verdana, Arial, Helvetica, sans-serif; color:#1F1A03; font-size:10px; font-weight:bold;height:30px !important ; height:40px; padding-top:12px; background-image:url(zwo_info/css/images/fleche_haut_droit.gif); background-repeat:no-repeat; background-position:bottom left;background-color:#fff;}

.steps span { color: #F88948;}

.input_box { background-image:url(zwo_info/css/images/bgInputBox.gif); background-repeat:no-repeat; width:228px; height:39px;padding:10px 10px }

.input_box span { display:block;float:left; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; padding:4px; }
.input_box input { width:40px; }

input.profil {
background-image: url(zwo_info/css/images/profil_ico.gif) ;
border:1px solid #999;
background-position:20px 5px;
background-repeat:no-repeat;
background-color:white;

width:170px;
background-position:center left;
padding-left:15px;
}
/*--------- navNextPrev -----------*/
.navNextPrev { margin:0px;padding:0px;float:left; width:228px;}
.navNextPrev input{ text-align:right;float:right;display:block;margin-top:0px;margin:20px;}
a.prev, a.prev:link, a.prev:visited {
display:block;
background-image:url(zwo_info/css/images/fleche_gauche.gif);
background-repeat:no-repeat;
background-position:center left ;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
width: 106px;
padding-left:20px;
margin-top:10px;
}

a.next, a.next:link, a.next:visited {
display:block;
background-image: url(zwo_info/css/images/go_ok.gif);
background-repeat:no-repeat;
background-position:center left ;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight: bold;
width: 64px;
padding-left:20px;
float:right;
height:36px;
}
a.next:hover { background-image: url(zwo_info/css/images/go_ok_on.gif);}
a.next span{ display:none;}

/*------------- # Tableau  Mesure # ------------------*/

table.measur {}
table.measur td {}
table.measur thead {}
table.measur thead td {}

#chemise_bas {

}
.center {
width:auto;
text-align:center}

/* ProdBox-------------------------------------------------------------------------------------------*/


.prodRaised {background: transparent;  margin:0 auto;float:left;margin:5px;	width:auto;}
div.wid100 {
	width:100px;
	border: none;
}
div.col {
	width:68px;
}


div.widbout {width:60px;}

.prodRaised h1, .prodRaised p {margin:0 10px;}
.prodRaised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.prodRaised img {margin:4px;background-color:#fff;}
.prodRaised p {padding-bottom:0.5em;}

.prodRaised .top, .prodRaised .bottom {display:block; background:transparent; font-size:1px;}
.prodRaised .b1, .prodRaised .b2, .prodRaised .b3, .prodRaised .b4, .prodRaised .b1b, .prodRaised .b2b, .prodRaised .b3b, .prodRaised .b4b {display:block; overflow:hidden;}
.prodRaised .b1, .prodRaised .b2, .prodRaised .b3, .prodRaised .b1b, .prodRaised .b2b, .prodRaised .b3b {height:1px;}
.prodRaised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.prodRaised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.prodRaised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.prodRaised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.prodRaised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.prodRaised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.prodRaised .b1 {margin:0 5px; background:#fff;}
.prodRaised .b2, .prodRaised .b2b {margin:0 3px; border-width:0 2px;}
.prodRaised .b3, .prodRaised .b3b {margin:0 2px;}
.prodRaised .b4, .prodRaised .b4b {height:2px; margin:0 1px;}
.prodRaised .b1b {margin:0 5px; background:#999;}
.prodRaised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;text-align:left}
.prodRaised .boxcontent img {clear:both}
/*.prodRaised .boxcontent div {display:block;clear:left;width:inherit}*/
.prodRaised .boxcontent a ,.prodRaised .boxcontent a:link{};
.prodRaised .boxcontent div.boxinput {
	clear:left;
	text-align:left;
}
div.widbout.boxcontent div.boxinput {font-size:10px;}



/* Store styles --------------------------------------------------------------------------------------- */



#store_left,#store_right {
	font-family: arial,georgia,sans-serif;
	font-size:11px;
	color:#170601;
	margin: 0px ; 
	padding: 0px ; 
	border: 0px none white ; 
	width:100%;
}

#store_left  td {
	vertical-align:top;
}

#store_left  hr{
	width:100%;
	clear:both;
}

#store_left a img , #store_right a img {
border:0px none white;
}

#store_left a.prodInfo img,#store_right a.prodInfo img {
border:0px none white;
}

#store_left a.prodInfo {
background-position:center center ;
background-repeat:no-repeat;
display:block;
}

#store_left , #storeSpace{
	background-image: url(zwo_info/css/images/angleTR.jpg) ;
	background-repeat: no-repeat ;
	background-color: white;
	padding:5px;
	width:523px;
}
#store_inter{
	background-image: url(zwo_info/css/images/angleTR.jpg) ;
	background-repeat: no-repeat ;
	background-color: white;
	
}

#store_left h3 {
	padding:0px;margin:0px;margin-bottom:12px;
}
#store_left h4{
	clear:left;
}

.ariane {
	color:#591406;;width:100%;
}


.ariane .effective{
	color:#FC5E02;
}

.range {
float:left; width:20px;height:24px;clear:right
}
.block_range {
float:left; width:20px;clear: none
}

.range a ,.range a:link ,.range a:visited{
backghround-image:url();
background-repeat:no-repeat;
background-position:top left;
display:block;
width:20px;
height:50px;
text-align:center;
 }
 
.ariane p {
font-size:9px;
display:block;
float:right;
}

.blockinStore {
	float:left;
	clear:right;
}
.block {
	float:left;
	clear:both;
}

.viewhor .blockinStore {
}

.viewhor table.blockprod {
float:left;
clear:right;
margin:5px;
}

.viewhor {
clear:both;width:100%;
}

.storeBlock  {
}
.storeBlock h1,.storeBlock h2,.storeBlock h3,.storeBlock h4,.storeBlock h5 {

	clear:left;
}

.overflowStore {
overflow:auto;clear:both;
}
.overflowStore_range {
	overflow:visible;
	width:450px;
	float: left;
}
.overflowStore_range .blockinStore {
	float:left;
	clear:left;
	width: 470px;
	background-color: #ff0;
}

.overflowStore_range h4 {
margin:0px;
padding:0px;
font-size:12px;
color:#FC5E02;
}
form.trame  {
	margin:0px;
	clear:left;
	padding: 0;
}

div.space {
	float:left; padding:2px;
}
.overflowStore_range div.space {
	float:left; padding:1px; background-color:#00f;
}
form.trame div.lineSpace {
	width:100%;clear:both;text-align:right;
}

.blockprod,.blockprod td ,.blockprod th{
	font-size:9px;margin:0px;padding:0px;
	border: 0px none white ; 
	border-spacing:0px;
	border-collapse:collapse;
	vertical-align:middle;
}

.blockprod td {
	vertical-align:top;
}

.blockprod tbody td {
	height:18px;
}


.blockprod tbody td.morechoice {
text-align:right;padding:2px;
}

/*----Bouton submit----*/
.submit {
text-align:right;
width:100%;clear:both;
}

.shadeInput{
	background-image:url(zwo_info/css/images/submitBt.gif); 
	border:0 none #fff; 
	cursor:pointer; 
	background-repeat:no-repeat; 
	background-color:#fff; 
	width:37px; 
	height:37px; 
	color:#fff; 
}

input.shadeInput:hover {
	background-image:url(zwo_info/css/images/submitBtOn.gif); 
	border:0 none #fff; 
	cursor:pointer; 
	background-repeat:no-repeat; 
	background-color:#fff; 
	width:37px; 
	height:37px; 
	color:#fff; 
}

/*hack IE pour le hover du submit, pas tres propre mais simplissime*/
a:hover .shadeInput {
	background-image:url(zwo_info/css/images/submitBtOn.gif); 
	border:0 none #fff; 
	cursor:pointer; 
	background-repeat:no-repeat; 
	background-color:#fff; 
	width:37px; 
	height:37px; 
	color:#fff; 
}

/*############################ Block hisortique */
#histoSpace {
	vertical-align:top; 
	text-align:center;
	padding:1px;
}

#tabHisto{
	background-color:#F4F1F1;
	font-family:arial,georgia, sans-sherif;
	font-size:11px;
	font-weight:bold;
	color:#9D9C8F;
	width: 240px;
}

#tabHisto thead {
	background-image:url(zwo_info/css/images/thHistory.gif);
	background-repeat:no-repeat;
	height:24px;
	background-color:#fff;
	color:#fff;
	font-family:arial,georgia, sans-sherif;
	font-size:11px;
	font-weight:bold;
}

#tabHisto thead td {
	height:24px;	padding-left:12px;	color:#fff;
}

#tabHisto td {
	height:24px;
	border-bottom:#fff solid 1px;
	vertical-align:middle;
}

#tabHisto td.imgHisr {
text-align:center;
}

#tabHisto tfoot {
	height:24px;
	background-color:#fff;
	color:#fff;
}



#tabHisto tfoot td {
	height:24px;text-align:right;
}

#tabHisto tfoot a,#tabHisto tfoot a:link,#tabHisto tfoot a:visited {
	display:block;
	float:right;
	background-image:url(zwo_info/css/images/tfmemor.gif);
	background-repeat:no-repeat;
	height:24px;width:146px;
}
#tabHisto tr.noDone a,#tabHisto tr.noDone a:link,#tabHisto tr.noDone a:visited {
	color: #999999;
}
#tabHisto tfoot a:hover {
	background-image:url(zwo_info/css/images/tfmemorOn.gif);
}

#tabHisto tfoot a span {
display:none;
}

#tabHisto td.number{
	height:24px;width:28px;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align:middle;
	background-position:center center;
	text-align:center;
	vertical-align:middle;
	color:#fff;
	font-size:12px;
	font-weight:bold;
}

#tabHisto tr.done td.number{
	background-image:url(zwo_info/css/images/bulDone.gif); color:#fff;
}
#tabHisto tr.done td.number a,#tabHisto tr.done td.number a:link,#tabHisto tr.done td.number a:visited {

	color:#fff;
}
#tabHisto tr.done td a,#tabHisto tr.done td a:link,#tabHisto tr.done td a:visited {

	color:#666;
}
#tabHisto tr.done td a:hover {

	color:#000;
}

#tabHisto tr.active td{
	background-color:#591406;
	color:#fff;
}
#tabHisto tr.active td a,#tabHisto tr.active td a:link,#tabHisto tr.active td a:visited {

	color:#fff;
}
#tabHisto tr.active td a,#tabHisto tr.active td a:link,#tabHisto tr.active td a:visited {
	color:#fff;
}
#tabHisto tr.active td.number{
	background-image:url(zwo_info/css/images/bulAct.gif);
}

#tabHisto tr.noDone td.number{
	background-image:url(zwo_info/css/images/bulnoDone.gif);
	color:#807F74;
}

#tabHisto tfoot td {
	height:24px;
	border-bottom:#fff none 0px;
	border-top:#231F20 solid 2px;
}
/*block info*/


.infoStore {
	border-top:4px solid #D2CACA ;
	padding:0px;
	margin-top:6px;
	float:left;
	width:100%;
	clear:both;
}
.inforange {
width:120px;
clear:none;
float:left;
}
.infoStore img {
float:left;margin-right:5px;
}

.infoStore h1,info h2,info h3,info h4,info h5 {
float:left;
}
.infoStore h4 {
width:auto;
display:block;
clear:left;
padding:0px 4px;
margin:0px;
margin-bottom:4px;
}
.infoStore h4 span{
background-color:#D2CACA;
background-image:url(zwo_info/css/images/backgroundcorner_bl.gif);
background-repeat:no-repeat;
background-position:bottom right;
width:auto;
clear:left;
padding:0px 4px;
margin:0px;

}

.infoStore p;.infoStore div p {
float:left;
}

.infoStore div{
float:left; 
/*width:110px;*/
width:auto;
margin:0px;
}

.infoStore .radioType1{
background-color:#efefef;
marging:2px;border:4px solid #fff;padding:2px; width:240px;
}

.infoStore .couleur img {
clear:both;display:block; float:left;
}

.infoStore .couleur span,.infoStore .radiotype1 span  {
display:block;
clear:left;
padding:0px 4px;
}

.infoStore hr {
background-color: #D2CACA;
border: 0px #fff none;
height:4px;
padding:0px;margin:0px; 
display:block;
overflow:hidden;
}

.infoStore .hr {
background-color: #D2CACA;
border: 0px #fff none;
height:4px;
padding:0px;margin:8px 0px 0px 0px; 
display:block;
clear:both;
width:100%;
overflow:hidden;
}

.imgbox {width:auto;text-align:center} ;
.imgbox a {width:100%;display:block;height:100%;};
/* ********* ** pagination** ******** */

.pagination {
  padding: 0px 3px;
	text-align: center !important;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	font-size: 11px;
	vertical-align:middle;clear:right;line-height:15px;
}

.pagination img {
	border: none;display:inline;
}

.pagination strong {


	color: #591406;
	font-size: 14px;
}

.pagination a,.pagination a:link {  	padding-bottom:4px;font-family: Trebuchet MS, Tahoma,verdana ,Arial,sans-serif; font-size: 11px;font-weight:normal;text-decoration: none; color: #666; vertical-align:middle;line-height:15px;}

.pagination a:hover {color: #FE0103!important; text-decoration: none;}

.pagination a:visited  {color: #666 ;text-decoration: none  ;	}

.pagination a.active,.pagination a.active:link,.pagination a.active:visited { font-weight:bold; color: #000 }



/* ********* ** paginationnumber bootik** ******** */

.paginationnumber {
  padding: 0px 3px;
	text-align: center !important;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	font-size: 11px;
	vertical-align:middle;clear:right;line-height:15px;
	float:right;
	margin-right:50px;
	display:block;
}

.paginationnumber img {
	border: none;display:inline;
}

.paginationnumber strong {
	color: #591406;
	font-size: 14px;
}

.paginationnumber a,.paginationnumber a:link {  	padding-bottom:4px;font-family: Trebuchet MS, Tahoma,verdana ,Arial,sans-serif; font-size: 11px;font-weight:normal;text-decoration: none; color: #666; vertical-align:middle;line-height:15px;}

.paginationnumber a:hover {color: #FE0103!important; text-decoration: none;}

.paginationnumber a:visited  {color: #666 ;text-decoration: none  ;	}

.paginationnumber a.active,.paginationnumber a.active:link,.paginationnumber a.active:visited { font-weight:bold; color: #000 }




/* ----------------- CSS - espace boutique en ligne - type catalogue 
--------------------------------------------------------------------
-------------------------------------------------------------------*/


.cata {
    width:100%;
	float: left;
	clear: left;
	background: #FFF;
	font-family: verdana;
	font-size:10px;
}


.cata a {font-family: verdana; font-size: 10px;font-weight:bold;text-decoration: none; color: #333 }

.cata a:hover {color: #FE0103; text-decoration: underline !important;}

.cata a:visited  {color: #333 ;text-decoration: none  ;	}

.cata select {
  font-family:verdana, MS trebuchet, sans-serif;
	font-size:10px;
}

/* nav cata */
/* Navigation category */



.nav_clear {
	background-image:url('zwo_info/css/images/fond_menu_boot.jpg');
	background-repeat:no-repeat;
	background-position:   left bottom;
	display:block;
	clear:both;
	height:27px;
	padding:6px;
}

.nav_categorie {
	padding: 0;
	margin: 0;
	height:30px;
}

.nav_categorie a:hover {
    text-decoration: underline;
    cursor: pointer;
  }



.nav_categorie li {
    display: block;
    float: left;
		text-align: center;
    padding: 0 2px 2px 2px;
    margin: 0;
  }

.nav_categorie li img {
    display: block;

  }

.category_selected {
    font-weight: bold;
  }

li.category , li.category_selected{

}



li.category span , li.category_selected span {
line-height:80%;
	letter-spacing:-0.05em;
	width:72px;
	display:block;
}



 /* ********* ** pagination** ******** */

.pagination {
  padding: 0px 3px;
	text-align: center !important;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	font-size: 11px;
	vertical-align:middle;clear:right;line-height:15px;
}

.pagination img {
	border: none;display:inline;
}

.pagination strong {







	color: #591406;
	font-size: 14px;
}

.pagination a,.pagination a:link {  	padding-bottom:4px;font-family: Trebuchet MS, Tahoma,verdana ,Arial,sans-serif; font-size: 11px;font-weight:normal;text-decoration: none; color: #666; vertical-align:middle;line-height:15px;}

.pagination a:hover {color: #FE0103!important; text-decoration: none;}

.pagination a:visited  {color: #666 ;text-decoration: none  ;	}

.pagination a.active,.pagination a.active:link,.pagination a.active:visited { font-weight:bold; color: #000 }



/* ********* ** paginationnumber bootik** ******** */

.paginationnumber {
  padding: 0px 3px;
	text-align: center !important;
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif; 
	vertical-align:middle;clear:right;line-height:15px;
	float:right;
	margin-right:50px;
	display:block;
	font-weight:bold;
}

.paginationnumber img {
	border: none;display:inline;
}

.paginationnumber strong {
	color: #591406;
}

.paginationnumber a,.paginationnumber a:link ,.paginationnumber a:visited {  	
padding-bottom:3px;
font-family: Trebuchet MS, Tahoma,verdana ,Arial,sans-serif; 
font-size: 11px !important;
font-weight:bold;
text-decoration: none; 
color: #591406;
 vertical-align:middle;
 line-height:15px;
 diplay:block;
 border: 1px solid #E29771 ;
  background-color:#C6C3B0 ;
 height:15px !important;
 height:18px;
 width:18px;
 text-align:center; 
 display: block; 
 float:left;
 
  }
.paginationnumber span.currentpage {  	
padding-bottom:3px;
font-family: Trebuchet MS, Tahoma,verdana ,Arial,sans-serif; 
font-size: 11px;font-weight:bold;
ext-decoration: none; color: #666; 
vertical-align:middle;
line-height:15px;
 diplay:block;border: 1px solid #333 ;
  background-color:#fff ;
height:15px !important;
 height:18px;width:18px;
 text-align:center;
 display: block; 
 float:left;
 
  }

.paginationnumber a:hover {background-color:#FC5E02 ;color: #333 !important; text-decoration:none; }


.paginationnumber a.active,.paginationnumber a.active:link,.paginationnumber a.active:visited { 
font-weight:bold; color: #000 }

span.spliter{
display:block;
float:left;
}
a#previous,a#previous:link,a#previous:visited {
margin-left:1em;
margin-right:1em
}
/*fin */

.table-navigation input {
background:#FF8A0D;
color:#fff;
/*border-width:2px;
border:#666 outset 2px;
*/
padding:0px;margin:0px;
}
.table-navigation form{
padding:0px;margin:0px;
}

.table-navigation  {
margin-top:5px;height:28px;overflow:hidden;padding-top:3px;
}
.admin_cat {
	width:100%;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	color :#000066;
	background: #f0f0f0 ;
}

.admin_cat a {color: #000066 !important;text-decoration: none !important;	}

.admin_cat a:hover {color: #FE0103!important; text-decoration: underline !important;}

.admin_cat a:visited  {

	color: #000066;text-decoration: none !important;	

}





.previewA {

	background-color: transparent;

	float:left;;height:auto; width:185px;

	

}

table.previewA {

	border: 2px solid #D1D1D1;border-top:0px;border-left:0px;height:150px;

}

.previewA select {
	font-family: verdana; 
	font-size: 10px;
	font-weight:bold;
	text-decoration: none; 
	color: #333333 ;
	border : #AADDFF;
	}

.previewA .cady {text-align:right;
}

.previewB {
	background-color: #FFF;
	border: 1px solid #D3D2D6;
	border-left:0px;border-right:0px;border-bottom:0px;
	clear:both;
	font-family: verdana;height:100%; 
}

.previewB table tr td{

	vertical-align:top;padding:5px;

}
.list_product table td {
width:24%; 
}
.list_product{
border-top: 2px solid #E29771 ;
border-right: 2px solid #FEAE80;
border-bottom: 2px solid #E29771 ;
}

.list_product table td div.firstcolumn{

border-left:1px none #000;
}
.list_product table td div.othercolumn{

border-left:1px solid #F3F1F2;  padding:2px; height:260px;
}

.list_product table tbody tr {
padding-bottom:3px;
padding-top:3px;
border-top:50px solid #dcdcdc;
}


.infprod {
	padding-top: 6px;
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 2px;
	/*float: left;*/
}

.previewA .inftxt {
height:120px;width:174px;
}

.previewA .inftxt  p{
height:36px;width:174px;display:block
}

.previewA .inftxt  h5{
height:18px;text-align: center;font-size:14px;
}

.infprod td {
}

.infprod td.card_content {
width:100%}

.infprod td.card_img {
	border-left:0px;
}

.infprod a {text-decoration: none ;	}
.infprod a:visited  { text-decoration: none ;	}
.infprod a:hover {color: #CC6404 !important; text-decoration: underline !important;}

.infprod .prop {
	float:left;
	margin:4px 0px;	
	font-family: verdana; 
	clear:both;
}



.infprod .prop div{
	float:left;
	margin-right:30px;
}

.imgprod {
	text-align: center;
	background: transparent;
	border:0px none #AADDFF;
	padding:2px;
	

}
.previewA .imgprod {
	text-align: center;
	background: transparent;
	border:0px none #AADDFF;
	padding:2px;
	height:130px;
}



.imgprod a {
    /*display: block;*/
}

.previewB div.inftxt {
	width:100%;
	clear:both;
	padding-bottom:20px;
	padding-left: 5px;
	padding-right: 5px;
}

.inftxt {
	float:right !imortant;
	float: left;
	font-size: 10px;
	color :#591406;	
	/*width: auto;*/
	background: none;
}

.inftxt h2, .inftxt h3{
	font-size: 18px; 
	font-weight: bold; 
	text-decoration: none;display:inline;
}

.inftxt h5 {
	display:block;
	margin:0px;padding:0px;
	overflow:hidden;
	font-size:11px;
	line-height:85%;
}

.inftxt h3 {
}

.inftxt span {
	background: none;
	font-weight:bold;
}

.inftxt em {
	background-color: none;
	text-decoration: none;
}

.inftxt p {
	display:block;
	clear:both;
	margin:0px;padding:0px; margin-top:3px;
	text-align:justify;
}



.inftxt a{font-size: 10px; font-weight: bold; text-decoration: none;color: #800080}

.inftxt a:hover{font-size: 10px; font-weight: bold; text-decoration: underline;color: #800080}

.inftxt a:hover{font-size: 10px; font-weight: bold; text-decoration: underline;color: #800080}

previewA.cady  {
float:right;
clear:both;
}

.cady, .cady:link, .cady:visited  {
display:block;
padding-top:4px; 
color:#FC5E02 !important;
}

.cady img, .cady:link img, .cady:visited img {
	background-color:#D0D9E8;
}

div.byeprod_v1 {
	float: right;
	width: 110px;
	text-align: right;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
	background-color:#FF8A0D;padding:2px;
}

div.byeprod_v1 span {
	font-size: 12px;
	font-weight: bold;

}



div.byeprod_promo_v1 {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	background-color:#FF8A0D;padding:2px;background-color:#F3F1F2

}




div.byeprod_promo_v1 span {
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}

div.byeprod_promo_v1 em {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
	color: #FE0103;
}

div.byeprod_promo_v1 span.oldprice  {
	font-size: 12px;
	font-weight: bold;
	text-decoration: line-through;
}

div.byeprod_promo_v1 span.newprice {
	font-family: verdana;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;	
	color: #FE0103;
}

.accrprod {
	font-size: 11px;
	padding: 10px; 
	clear:both;padding-top:0px;
	border-top:#ececec 2px solid;
}

.goview {
	padding: 2px ; 
	text-align: right ;
	font-family: verdana ;
	font-weight: bold ;
	font-size: 10px ;
	font-style: italic ;
}

/******TABLEAU - commande*******/

.grille_cat {
	font-size: 10px;
	font-family: verdana;
	background-color: #f0f0f0;
	border: 0px #CCCCCC none; 
	border-collapse: collapse;
	width: 100% !important;
	width:auto ;
	color:#591406;
}

.grille_cat li {
	list-style-type: square;
}



.grille_cat thead, .grille_cat caption tbody {
	width:auto;
}



.grille_cat caption{
	font-weight: bolder;
	font-size: 10px;
	text-align: left;
	background-color:#F5EEEA;
	border: 0px #fff none;
	padding: 3px;
	width: 100%;
}

.grille_cat caption strong {
	color:#DD7396;
}

.grille_cat td {
	padding: 3px;
	border-left:1px #3D6CBC solid;
	border-bottom:1px #3D6CBC solid;
}

.grille_cat td.firstCol {
	border-left:0px #3D6CBC none;
}

.grille_cat tr {
	border:none;
}

.grille_cat span {
	font-weight: bold;
}

.grille_cat tfoot tr td {
	padding: 0px;
	border-left:0px #3D6CBC none;
	border-top:1px #3D6CBC solid;
	border-bottom:none;
	color:#591406;
    background: #F5EEEA;
	font-weight:bold;
}

.grille_cat tfoot strong {
	color:#FF0000;
}

.grille_cat tfoot a {
	text-decoration:none;
}

.grille_cat tbody input{
width: 32px;
}


.col_prop  {
	border-collapse:collapse;
	font-weight: bolder;
	font-size: 10px;
	font-family: verdana;
    background: #591406;
	border-top: 2px outset #999;
	border-left: 1px solid #fff;
	border-bottom: 2px inset #999;
	border-right: 1px solid #fff;
}

.col_prop  span ,.col_prop  strong{
	font-size: 12px;
	font-weight: bolder;
	width:100%;
	color:#fff;
}

.col_prop td {
	padding: 3px;
	border-left:1px #fff solid;
	color:#fff;
}

tr.col_a {
	font-family: verdana;
    background: #F5EEEA;
	color:#666666;
}

.col_a td {
	border-left:1px #3D6CBC dotted;
	border-bottom:1px #3D6CBC dotted;
}

tr.col_b {
	font-family: verdana;
    background: #FAF7F5;
	color:#666666;
}

tr td.gridline {
height:1px;
border-color:#F3F1F2;
border-bottom:0px;border-left:0px;border-right:0px;border-top:0px solid #ffffff;
background-color:#F3F1F2;
}

a.bouton, a.bouton:link, a.bouton:visited {
background-color:#fff;
border:1px solid #000;
color:#DD7396;
text-decoration:none;
padding:2px;
margin:2px;
font-weight:bold;

}

a.back, a.back:link, a.back:visited {
width:98px;
	height:22px;
	background-image:url('zwo_info/css/images/retour.gif');
	background-repeat:no-repeat;
	background-position:   left center;
	background-color:transparent;
	padding-left:20px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:inline;
	float:left; padding-right:2px; padding-top:2px; padding-bottom:2px
}



a.back:hover {
width:98px;
	height:22px;
	background-image:url('zwo_info/css/images/retour_hover.gif');
	background-repeat:no-repeat;
	background-position: left middle;
	background-color:transparent;
	padding-left:20px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:block;
	float:left; padding-right:2px; padding-top:2px; padding-bottom:2px
}

a.back span {
display:none;
}

.grille_cat a.back,.grille_cat  a.back:link,.grille_cat  a.back:visited {
	background-image:none;
	background-color:#591406;
width:auto;
height:auto;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:block;
	float:left; padding-right:2px; padding-top:2px; padding-bottom:2px;
	display:inline;
}
.grille_cat  a.back:hover{
	background-image:none;
	background-color:#B0C4E6;
height:auto;
	width:auto;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:block;
	float:left; padding-right:2px; padding-top:2px; padding-bottom:2px;
	display:inline;
}

a.bouton2, a.bouton2:link, a.bouton2:visited {
	background-image:url('../icones/right_arrow.gif');
	background-repeat:no-repeat;
	background-position:   right center;
	background-color:#591406;

	padding-right:20px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:inline;
	float:right; padding-left:2px; padding-top:2px; padding-bottom:2px
}

a.bouton3, a.bouton3:link, a.bouton3:visited {
	background-color:#B0C4E6;
	padding:2px;
	font-weight: bold;
	font-size: 10px;
	color:#fff;
	display:inline;
	float:right;
	margin-right: 8px;
}
.error{
float:left;
clear:both;
display:block;
margin-left:10px;
padding-top:10px;
font-size:10px;
color:red;
}


/* *  * FIN *  * *****/