.client_office {
float:left;
width:240px;
border:1px #ccc solid;
padding:3px;
margin:3px;
height:90px;
}
/* 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;
}
.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;
}
.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;
}
.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;
}
.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;
margin:0px;
height:119px;
}

.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 log in -----------------------------*/
.register {
	
}
.register1 {
	width:40%;float:left;
	border-right:1px dotted #666;
}

.register1 p{
	color:#FF6600;
	}


.register2{
	width:55%;float:left;margin:4px;
}

.register2 div{
	margin:3px;
}
.register2 strong{
	display:block;font-size:11px;
}

a.newAccount ,a.newAccount:link ,a.newAccount:visited {
display:block;
font-size:18px;
background-color:none;
background-image:url(zwo_info/css/images/login.jpg) ;
background-repeat:no-repeat ;
text-align:center;
color:#fff;
width:310px;
height:39px !important;
height:51px;
padding-top:16px;
font-weight:bold;
background-position:0 0 ;
}

a.newAccount:hover {
background-image:url(zwo_info/css/images/login.jpg) ;
background-position:0 -49px !important;
color:#fff;

}

.logView {
	
	/*background-image:url(zwo_info/css/images/fond_logview.gif);*/
	background-repeat:no-repeat;
	width: 765px;
	height:358px;
	padding:10px;
	
}
.logView h1{
	padding-bottom:10px;
}

.logView form{
	padding:10px;margin:0px;
}

.FormLayout span{
color:#666666;
margin:3px;
}
.FormLayout input{
color:#333333;
background-color:#EFDFD8;
border-color:#897162;
width:160px;
}
.bouton {
width:80px;
margin-left:60px;
}
/*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*/

/* Footer--------------*/
/*.footer {
background-color:none;
color:#AFAEA4;
font-family:trebuchet,sans-serif;
font-size:11px;
}

.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;
}
*/
/* 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 =========================*/
/* blocks d'info (a droite sur le home)--------------*/

.blockInfo {
background-color:transparent;
background-repeat:no-repeat;
background-position:top left;
width:258px !important;
width:258px;
overflow:hidden;
border-bottom: 1px solid #fff;
padding:0px;margin:0px;
}
.blockInfordv {
background-color:#D5CBC9;
border-left:1px solid #C6B9B8;
border-right:1px solid #C6B9B8;
}

.blockInfordv  H2 {
color:#fff;
}
.blockInfo a.a_etiquette {
display:block;
}

.blockInfo a.a_etiquette, .blockInfo a.a_etiquette:link, .blockInfo a.a_etiquette:visited {
background-image:url(zwo_info/css/images/bouton3d.gif);
background-repeat:no-repeat;
height:120px !important;
height:130px ;
width:223px !important;
width:258px ;
dislay:block;
background-position:top left;
padding-right:20px;
padding-bottom:0px;
padding-top:10px;
padding-left:15px;
}
.blockInfo a.a_etiquette:hover {
background-position:0px -130px;
}


a.a_etiquette  h2 , a.a_etiquette:link  h2 ,a h2 ,a:link h2 {
 color: #DDA73D;
}
a.a_etiquette span , a.a_etiquette:link  span ,a:link span{
 color: #666;
 font-size:11px;
 font-weight:bold ;
 margin-left:6px;
 display:block;
 margin-right:12px;
}
a.a_etiquette:hover span {
 color: #101010;
 
}
a h2 {
 color: #DDA73D;
 font-size:15px;
}

a:hover  h2   {
color:#FA5D02;
}

/*.separateur {
background-position:center top;
background-repeat:no-repeat;
background-image:url(zwo_info/css/images/separateur.gif);
}*/
.separateur {
background-position:center top;
background-repeat:no-repeat;
background-image:url(zwo_info/css/images/separateur_v2.jpg);
}
/* 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: no-repeat;
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 */
.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: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/nav_accueil_on.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:#591406;
}

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

a:hover {
text-decoration:none;
background: transparent;
color:#F26044;
}

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 {
background: #FFFFFF;
color:#131313;
border: 1px solid #9D9C8F;
}

strong {
color:black;
font-size:16px;
}

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;
}
.help {display:none;}

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 ***/
}

.form_rdv  span,.blockInfordv span{
display:block;
float:left;
clear:left;
font-size:10px;
width:60px;

}
.form_rdv select,.blockInfordv select {
background-color:#EFE4E2;
font-size:10px;
border:1px solid #999;
}

.form_rdv p,.blockInfordv p{
margin:1px;color:#660000;
}
.form_rdv   {
color:#660000;

}
.form_rdv  input,.blockInfordv input{
background-color:#EFE4E2;
font-size:10px;
border:1px solid #999;

}
.form_rdv  textarea,.blockInfordv textarea{
background-color:#EFE4E2;
font-size:10px;
border:1px solid #999;

}

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

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: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_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: 230px;
}

#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;
}
#tabHisto .component_step {
width:166px;
}
/*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 }



/* CSS Document */

/*Bloc de publicité (droite)
=========================== */
#bloc_pub{
margin:0 0 0 10px;
width:229px;
height:119px;
background:url(zwo_info/css/images/bloc_droit2.jpg) top left no-repeat;
}
#bloc_pub p{
width:218px;
color:#803020;
}
#bloc_pub a{
color:#803020;
}
.titre_pub{
font-size:12px;
font-weight:bold;
margin:0;
padding:10px 0 0 6px;
}
span.text_pub{
margin:0;
padding:0px;
font-size:11px;
text-align:justify;
width:85px;

}
span.text_pub2{
font-size:11px;
width:100px;
}
.efect_bold{
font-size:14px;
font-weight:bold;
color:#FC5E02;
}
/* FIN
=================================*/

/* 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;
font-size:12px;
}
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;
font-size:12px;
}
a.cont:hover{
color:#FF6600;
}
/* IMAGE DE LA HOME
====================*/
.img_home img{
margin:10px 0 0 0;
}
/* IMG TISSUS HOME MOTIF HOVER
=============*/
a.tissus_1{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissus_1.jpg) top left no-repeat;
}
a.tissus_1:hover{
background:url(zwo_info/css/images/tissus_12.jpg) top left no-repeat;
}
a.tissus_2{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissus_2.jpg) top left no-repeat;
}
a.tissus_2:hover{
background:url(zwo_info/css/images/tissus_22.jpg) top left no-repeat;
}
a.tissus_3{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissus_3.jpg) top left no-repeat;
}
a.tissus_3:hover{
background:url(zwo_info/css/images/tissus_32.jpg) top left no-repeat;
}
a.tissus_4{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissus_4.jpg) top left no-repeat;
}
a.tissus_4:hover{
background:url(zwo_info/css/images/tissus_42.jpg) top left no-repeat;
}
/* FIN =========================*/

/* IMG TISSUS COSTUME HOME MOTIF HOVER
=============*/
a.tissuscost_1{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissuscost_1.jpg) top left no-repeat;
}
a.tissuscost_1:hover{
background:url(zwo_info/css/images/tissuscost_12.jpg) top left no-repeat;
}
a.tissuscost_2{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissuscost_2.jpg) top left no-repeat;
}
a.tissuscost_2:hover{
background:url(zwo_info/css/images/tissuscost_22.jpg) top left no-repeat;
}
a.tissuscost_3{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissuscost_3.jpg) top left no-repeat;
}
a.tissuscost_3:hover{
background:url(zwo_info/css/images/tissuscost_32.jpg) top left no-repeat;
}
a.tissuscost_4{
display:block;
width:118px;
height:90px;
background:url(zwo_info/css/images/tissuscost_4.jpg) top left no-repeat;
}
a.tissuscost_4:hover{
background:url(zwo_info/css/images/tissuscost_42.jpg) top left no-repeat;
}
/* FIN =========================*/
/* FOND HEAD STRIP
===============================*/
.fond_head{
background:url(zwo_info/css/images/footer_fond.jpg);
}
.design_tissus{
margin:2px 0 5px 0;
font-size:16px;
font-weight:bold;
color:#591406;
text-align:center;
}