/* 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;
}
/* 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;
}
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;
}
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:url(zwo_info/css/images/footer_fond.jpg);
}
#footerV2 p{
margin:0;
padding-top:10px;
color:#CCC;
}
#footerV2 a{
color:#FFF;
}
#footerV2 a:hover{
color:#CCC;
}
/* FIN =========================*/

/* ===========================================*/


.html {
	height:100%;
}
.body {
	height:100%;
}
.client_office {	
float:left;
width:240px;
border:1px #ccc solid;
padding:3px;
margin:3px;
height:90px;
}

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

}

.clothing .table{

width:540px;
background-repeat:no-repeat;
padding-top:9px;
}

.clothing .table thead{
width:540px;
padding-top:9px;
font-size:10px;
margin-top:9px;
top:-9px;
height:24px;
	background-color:#591406;
}
.clothing .table thead tr{
	background-image:url(zwo_info/css/images/haut_tble540.gif);
	background-repeat:no-repeat;
	background-position:top;
	margin-top:9px;padding-top:9px;
		background-color:#591406;
}
.clothing .table img{
margin:2px;
}

.clothing .table thead tr th{
height:18px;
	background-color:transparent !important;
	background-color:#591406;
		margin-top:9px;
}
/**/
.table {
}
.table thead tr{

	/*background-color:transparent;*/
}
table.table  thead tr th {

	/*background-color:transparent;*/
}

.table thead tr td ,.table thead tr th{
	color:#efefef;
	font-weight:bold;	background-color:transparent;font-size:10px;
	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 {
	background-color:#FDFCFC;
}

.table tr {
	background-color:#F4F1F1;
}

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.actions input {
background-color:#FC5E02;
color:#fff;
font-weight:bold;

}
#adresscustomer div.actions input {
text-align:left;
}

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

/*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_on_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_on_03.gif);
background-repeat:no-repeat;
float:left;
}







.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_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*/


/* 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.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.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.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.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.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.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.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.gif);
background-repeat:no-repeat;
height:29px;
width:97px;
background-position:0px -29px;
}
/*(---------------------------- fin --*/
/* userLogin */
/* 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;
}
.fondloger a:hover{
color:#FC5E02;
}
.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:3px;font-weight:bold;
}
/*----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/nav_accueil.gif);
background-repeat:no-repeat;
display:block;
width:122px;
height:27px;
}

a.homelink:hover {
background-image:url(zwo_info/css/images/nav_accueil_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:11px;
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:#F26044;
}

a:visited img{
text-decoration:none;
color:#F26044;
}

a:hover {
text-decoration:none;
background: transparent;
color:#591406;
}
a img,a:link img{
text-decoration:none;
border:0px none #fff;
}

a:visited img{
text-decoration:none;
border:0px none #fff;
}

a:hover img{
text-decoration:none;
background: transparent;
border:0px none #fff;
}

em {
color:#131313;
}

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

h5 em {
color:black;
}

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

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

strong {
color:black;
font-size:medium;
}

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;
}
.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: 85%;
text-align: right;
line-height: 1.6;
margin: 0;
padding: 0;
display:block;float:left;
clear:left;
}                  


.label:hover, input {
cursor: pointer; /*** Petite astuce pour apprendre aux utilisateurs � cliquer sur les intitul�s ***/
}

/* Style des niveaux de titre */
/* Style des niveaux de titre */
h1, h2, h2 a, h2 a:visited  {
font-family:trebuchet,sans-serif;
color:#591406;
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: #591406;
	margin:0px;
	margin-left:4px;
}

h4 {
	color:#546475;
	font-variant:small-caps;
	font-size:14px;
	font-weight:bold;
	margin:0px;
}

h4 strong {
	font-size:14px;
}

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

/* Style des listes */
li {
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;

}
/* CSS Document */
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:#fff;
font-size:80%;
}
div.mesurment_content { padding:0px 16px; width:280px} 

div.mesurment_content p.firstletter{ padding:0px; }
 
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;}

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 {

}

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

.prodRaised {background: transparent;  margin:0 auto;float:left;margin:0px;	width:110px;padding:2px;}
div.wid100 {
	width:100px;
	border: none;
}
div.collar ,div.handle, div.backcompletion ,div.bottomcompletion ,div.beforebuttonhole, div.pocket,div.payingoption {
	width:110px !important;width:116px;padding:2px;
}

div.collar .boxcontent,div.handle .boxcontent,div.backcompletion .boxcontent, div.bottomcompletion .boxcontent, div.beforebuttonhole .boxcontent, div.pocket .boxcontent,div.payingoption .boxcontent{
	height:135px; 
}
div.collar input,div.handle input,div.backcompletion input, div.bottomcompletion input,div.beforebuttonhole input, div.pocket input,div.payingoption input{
	display:block; 
}
div.collar span,div.handle span,div.backcompletion span, div.bottomcompletion span,div.beforebuttonhole, div.pocket,div.payingoption{
	display:block ;flaot:left ;width:110px;
}


div.widbout {width:60px;}


.prodRaised h1, .prodRaised p {margin:0 10px;}

.prodRaised h1 {font-size:2em; color:#fff; letter-spacing:1px;}

.prodRaised img {margin:2px;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:#fff; border-left:1px solid #dedede; border-right:1px solid #eee;}
.prodRaised .b3 {background:#fff; border-left:1px solid #dedede; border-right:1px solid #ddd;}
.prodRaised .b4 {background:#fff; border-left:1px solid #dedede; border-right:1px solid #aaa;}
.prodRaised .b4b {background:#fff; border-left:1px solid #eee; border-right:1px solid #999;}
.prodRaised .b3b {background:#fff; border-left:1px solid #ddd; border-right:1px solid #999;}
.prodRaised .b2b {background:#fff; border-left:1px solid #aaa; border-right:1px solid #999;}


.prodRaised .b1 {margin:0 5px; background:#dedede;}
.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:#fff; border-left:1px solid #dedede; border-right:1px solid #999;text-align:left;height:140px}
.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;
}
.prodRaised .boxoptions {}

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: #fff;
	padding:0px;
	width:543px;
	float:left;
}
#storeSpace span{
font-size:12px;
}

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

/*catalogue tissus*/


.overflowStore .boxcontent {
width:120px;
}


.boxoptions acronym a {
font-size:1px;width:10px;
}
.boxoptions acronym  {
font-size:1px;width:12px;
display:block;
float:left;

}

.boxoptions acronym a img{
border:0px none #fff;
}
.ref_tissu {
dislplay:block;
float:right;
}

.ref_tissu a:link,.ref_tissu a:visited {
font-size:10px;
font-weight:bold;
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
}



.ariane {
	color:#591406;;width:100%;
	background-image:url(zwo_info/css/images/arrow_ariane.gif);
	background-repeat:no-repeat;
	padding-left:18px;
	margin-bottom:12px;
}

.ariane .effective{
	color:#FC5E02;
}

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

.block_range {
float:left; width:20px;clear: none
}

div.range_libel {
font-size:18px;
text-align:center;
font-weight:bold;
display:block;
}

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

.weaveBlock {
margin:20 10 20 10 ;
border:#000 solid 0px;
width:350px;
pading-left:20px;
margin-left:120px;
}
.weaveBlock .blockinStore  {
margin:20 40 20 40 ;
width:170px;
text-align:center;

}


.blockinStore {
	float:left;
/*	clear:right;*/
}

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


	.viewhor .blockinStore {
margin-top:10px;margin-left:15px;
}

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

.viewhor {
clear:both;width:100%;margin-left:20px;
}

.storeBlock  {
}
.storeBlock h1,.storeBlock h2,.storeBlock h3,.storeBlock h4,.storeBlock h5 {
	clear:left;
}

.overflowStore {
overflow:auto;clear:both;
}

.viewhor div.boxcontent span.libelle_component{font-size:9px;display:block;float:left;padding-bottom:0px;width:70px}
.viewhor div.boxcontent span.component_radio{font-size:9px;display:block;float:left;padding-bottom:0px;width:20px}
.viewhor div.boxcontent span.label_component { 
	clear:both;font-size:80%;
}
.viewhor div.boxcontent input{ display:block;float:left;padding-bottom:10px;}

.overflowStore_range {
	width:550px;
	float: left;
	height:100%;
	/*height:400px;
	overflow:auto;*/
}
.boxoptions {

}


.boxoptions div.moreChoice , .boxoptions div.takecolor{
padding-left:4px;
width:auto;
height:16px;
}

div.moreChoice a,div.moreChoice a:link,div.moreChoice a:visited,div.takecolor a,div.takecolor a:link,div.takecolor a:visited {
color:#591406;
}
div.moreChoice a:hover ,div.takecolor a:hover {
color:#F26044;
}

.overflowStore_range .boxcontent {
width:110px !important;
width: 112px;
height: auto;
}
.overflowStore_range div.blockinStore {
	float:left;
/*	width:116px !important;
	width: 120px;*/
		width:130px !important;
	width: 130px;
	border-right:1px dotted #AFAEA4;
	padding-left:8px;
	border-top:4px #000 solid;
	margin-top:0px;margin-left:0px;
	text-align:center;padding-top:0px;margin-top:0px;

	
}
.overflowStore_range .prodRaised {
clear:both;
width:112px;
_width:118px;
padding-top:4px;padding-bottom:4px;margin-left:8px!important;margin-left:0px;

}
.overflowStore_range .boxoptions {
display:block;
}


.block_libel_range {
float:left;
width:130px;
border-right:1px #fff solid ;
text-align:center;
background-image:url(zwo_info/css/images/range_fond.png);

}
.block_libel_range h4{
margin:0px;
padding:0px;
color:#591406;
}

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

form.trame .blockinStore {
margin-left:0px;margin-right:0px;padding-left:0px;padding-right:0px;
/*overflow:hidden;*/
}


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

.infoThumb span {
display:block;
padding-left:2px;
}
.infoThumb span.infoP {
font-weight:bold;
padding-bottom:2px;
}
.infoThumb span.infoRef{
color:#ff6600;
font-weight:bold;
padding-bottom:2px;
}

.moreinfo {
}
div.tissu_thumb {float:left;
background-image:url(zwo_info/css/images/fond_clos_detail.gif);
background-repeat:repeat-y;
background-position:bottom left;
height:300px;
}
div.tissu_thumb img {
margin:0px;
padding:0px;
border:0px;
}
div.tissu_thumb  a  ,div.tissu_thumb  a:hover ,div.tissu_thumb  a:link{
	padding:0px !important;padding:4px; 
}

div.tissu_thumb  a img ,div.tissu_thumb  a:hover img {
float:none;
margin:0px;
background:#fff;
padding:4px;
border:1px solid #fff;
position:relative;
cursor: pointer;

}

div.tissu_thumb  a:hover img {
border:1px solid #C5BDBD;

}
.tissu_txt {
background-image:url(zwo_info/css/images/fond_details.jpg);
background-repeat:repeat-x;
background-color:#F8F5F5;
width:320px;
float:left;
margin-bottom:8px;
padding:2px;
padding-top:34px;
}
.tissu_txt div{
border-bottom:1px solid #fff;
width:33%;
float:left;
font-weight:bold;
color:#666;
background-color:#fff;
padding-left:1px;
padding-bottom:10px;

}
.tissu_txt div h6{
font-size:10px;
font-family:"Trebuchet MS", Tahoma, Verdana, sans-serif;
margin:0px;
padding:0x;padding-left:6px;
color:#414141;
background-color:#ccc;
margin-left:1px;
}
.tissu_txt div span{
font-size:12px;
display:block;
float:left;margin-left:7px;margin-right:2px;
color:#773322;
font-weight:bold;margin-bottom:3px;
}
div.tissu_price span ,div.tissu_delevery,div.tissu_delevery span {
color:red;
}

div.tissu_description  ,div.tissu_vetement{
width:100%;
border:0px;
background-color:#F8F5F5;
}

div.tissu_description  h6, div.tissu_vetement  h6 {
background-color:#591406;
color: #efefef;
font-size:12px;
margin-top:5px;
margin-bottom:5px;
padding:0px;
text-align:center;
}

div.tissu_description  span, div.tissu_vetement  span {
color: #414141;
font-size:12px;
display:block;
width:90%;
margin:0px ;
text-align:justify;
position:relative;
left:12px;
margin-bottom:4px;
}

div.tissu_description  span:first-letter, div.tissu_vetement  span:first-letter {
padding-left:10px;
text-transform:capitalize;

}

div.tissu_width,div.tissu_event {
border:0px;
}
	
/*----Boutons submit----*/
.but_right {
	float:right;
}

.btsub {
	font-size:11px;
color:#FFFFFF;
 font-weight:bold;
   width: 180px;
   height: 23px;
   margin: 4;
   padding: 0;
   border: 0;
	 padding-left: 12px;;
   background: transparent url(zwo_info/css/images/fond_but.gif) no-repeat top left ;/* on place l'image en arri�re plan */
	 text-align:left;
	 /*text-indent:10px;*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.btsub_hover {
	font-size:11px;
   width: 180px;
   height: 23px;
   margin: 0;
   padding: 0;
   border: 0;

		background: transparent url(zwo_info/css/images/fond_but.gif) no-repeat;
   background-position: 0 -30px;/* On d�place l'image d'arri�re plan pour donner l'effet */
	 color:#000;
	 font-weight:bold;
	 	 text-align:left;
	 text-indent:10px;
}


.submit {
/*text-align:right;*/
width:100%;clear:both;
padding:0px;margin:0px;
margin:10px;
}
.cady, .cady:link, .cady:visited  {
	height:20px;
	border:0px none #fff;
		background: transparent url(zwo_images/icones/ic_panier.gif) no-repeat;
   background-position: 0 -0px;/* On d�place l'image d'arri�re plan pour donner l'effet */
	 font-weight:bold;
	 text-align:left;
	 text-indent:10px;
	font-size:11px; color:#FC5E02 !important;
	float:right;

}
.newmeasure, .newmeasure:link, .newmeasure:visited  {
	height:20px;
	border:0px none #fff;
		background: transparent url(zwo_images/icones/measure.gif) no-repeat;
   background-position: 0 -0px;/* On d�place l'image d'arri�re plan pour donner l'effet */
	 font-weight:bold;
	 text-align:left;
	font-size:11px; color:#FC5E02 !important;
	padding-left:20px;

}

a.preview_col,a.preview_col:link, a.preview_col:visited  {
	background-image:url(zwo_info/css/images/prec.gif); 
	border:0 none #fff; 
	cursor:pointer; 
	background-repeat:no-repeat; 
	background-color:#fff; 
	width:179px; 
	height:22px; 
	color:#fff; 
	float:left;
	display:block;
	background-position:0 0;
}
a.preview_col:hover {
	background-image:url(zwo_info/css/images/prec.gif); 
	border:0 none #fff; 
	cursor:pointer; 
	background-repeat:no-repeat; 
	background-color:#fff; 
	width:179px; 
	height:22px; 
	color:#fff; 
	float:left;
	display:block;
	background-position:0px -22px ;
}

.shadeInput{
	background-image:url(zwo_info/css/images/submitBtOn.gif); 
	border:0 none #fff; 
	cursor:pointer; 
	background-repeat:no-repeat; 
	background-color:#fff; 
	width:179px; 
	height:22px; 
	color:#fff; 
	float:right;
	display:block;
	background-position:0 0;
}

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:179px; 
	height:22px; 
	color:#fff; 
	float:right;
	display:block;
	background-position:0px -22px ;
}

/*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:179px; 
	height:22px; 
	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: 200px;
}

#tabHisto thead {
	background-image:url(zwo_info/css/images/thHistory.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	height:18px;
	background-color:#FFFFFF;
	font-family:verdana,arial,georgia, sans-sherif;
	font-size:9px;
	font-weight:bold;
}

#tabHisto thead td {
	height:18px;	padding-left:2px;	color:#591406;	font-size:9px;vertical-align:top; 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;
	text-align:right;
}



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

#tabHisto tfoot a,#tabHisto tfoot a:link,#tabHisto tfoot a:visited {
	display:block;
	float:right;
	background-image:url(zwo_info/css/images/tfmemor.gif);
	overflow:hidden;
	background-repeat:no-repeat;

	height:24px;width:146px;
	padding-left: 26px;
	padding-top:4px;
}
#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{
	
}
#tabHisto tr.active td{
	background-color:#591406;
	color:#fff;border-top:2px #ccc solid;border-bottom:2px #000 solid;
}
#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 tr.noDone td{
	color:#807F74;
}

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


.infoStore {
	/*border-top:3px solid #E2DCDC ;*/
	padding:0px;
	margin-top:6px;
	margin-left:6px;
	padding-top:10px;
	width:auto;
	clear:both;
}

.inforange {
width:120px;
clear:none;
float:left;
}
.infoStore img {
float:none;
margin:5px;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
/*left:-5px;
top:-5px;*/
}
.infoStore a img ,.infoStore a:hover img {
float:none;
margin:5px;
background:#fff;
padding:4px;
border:1px solid #C5BDBD;
position:relative;
left:-5px;
top:-5px;
}

.infoStore a:hover img {
cursor: pointer;
background:#591406;

}



.infoStore h1,info h2,info h3,info h4,info h5 {
float:left;
}
.infoStore h4 {
	margin-top:6px;
	margin-left:6px;
clear:left;
padding:0px ;
margin:0px;
margin-bottom:4px;
padding-left: 12px;
/*border-top:2px solid #D2CACA;
background-image:url(zwo_info/css/images/backgroundcorner_bl.gif);*/
background-image:url(zwo_info/css/images/backgroundcorner_h4_11.gif);
background-repeat:no-repeat;
background-position:bottom left;
height:30px;
display:block;
background-color:#D1742B;
width:auto;

}
.infoStore h4 span{
/*background-color:#D2CACA;*/
/*background-image:url(zwo_info/css/images/backgroundcorner_bl.gif);*/
background-image:url(zwo_info/css/images/backgroundcorner_h4_12.gif);
background-repeat:no-repeat;
background-position:bottom right;
width:auto;
clear:left;
padding:0px 8px;
margin:0px;
display:block;
white-space:nowrap;
height:25px !important;
height:30px;
color:#f4f4f4;
padding-top:5px;

}

.infoStore p ,.infoStore div p {
margin:0px; margin-bottom:4px;margin-right:20px;float:left;
}

.infoStore div{
float:left; 
/*width:110px;*/

width:auto;
margin:0px;
}

.infoStore .radioType1{
background-color:#fff;
margin:2px;padding:2px; width:100%;
padding:0px 4px;
border-bottom:1px solid #E4E4E4;
}

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

.infoStore .couleur span,.infoStore .radiotype1 span ,.infoStore .radiotype1 p  {
display:block;
clear:right;
padding:0px 4px;
}
div.radioType1 div  {
display:block;
clear:right;
width:100%;
}

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


form.measure{
margin:0px;
paddin:0px;
padding-left:80px;
}
form.measure ul{
margin:0px;
paddin:0px;

}


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

.measureList ul {
background:#fff;
list-style-type: none;
margin-left: 0px;
margin-bottom: 0px;
padding: 0px;
margin-top: 0px;
display:block;
border:2px solid #C6C3B0; 
width:380px;
margin-bottom:6px;
}

.measureList li {
list-style-type: none;



}


.measureList table td div.othercolumn{

border-left:1px solid #F3F1F2;  padding:2px; height:260px;
}
.measureList{
padding-top:10px;
width:382px;

}

.measureList table tbody tr,.measureList ul li.line {
clear:both;
/*float:left;*/

border-top:2px solid #dedede; 
height:20px;
width:380px
padding:0px;
margin:0px;
margin:0px !important;
margin:-4px;
}

.measureList .rdBut{
border-top:0px none;
border-right:2px solid #F3F1F2;
width:30px;
float:left;

}
.measureList .namMeas:firstletter {
	text-transform : capitalize; 
}

.measureList .namMeas{
border-top:0px none;
border-left:2px solid #ccc;
float:left;
font-size:12px;
font-weight:bold;
padding-left:8px;
height:}