*{
  margin:0;
  padding:0;
  line-height:inherit;
}
a img{
  border: 0;
}
img {
  border: 0;
}

body{
  font:x-small Arial, Helvetica, sans-serif;
  background-color:#232323;
  text-align:center;
}
#ww-wrapper{
  position:relative;
  font-size:110%;
  width:980px;
  max-width:100%;
  text-align:left;
  margin:0 auto;
  background-color:white;
}
#ww-inner { 
  position: relative; 
  padding: 0 12px 10px 12px; 
  background: url("img/ww-inner.gif") repeat-y left top;
  zoom: 1; overflow: hidden; 
}

#form-login {
  display: none;
  position: absolute;
  left: /*158px*/12px; top: 46px;
  padding: 5px;
  z-index: 1;
  background-color: #A14D00;
  border: 1px solid #DD710F;
}
#form-login P { padding: 3px;}
#form-login LABEL { padding: 3px; color: #FFF; }
#form-login A { color: #FF9900; }
#form-login A:hover { text-decoration: underline; }


#ww-tmenu { zoom: 1; overflow: hidden; padding: 21px 12px 0 35px;
  background: #232323 url("img/ww-tmenu.gif") no-repeat left bottom; list-style-type: none; }
#ww-tmenu LI { float: left; margin-right: 4px; background: transparent none no-repeat left top;
  height: 24px; overflow: hidden; }
#ww-tmenu LI A { display: block; height: 100%; position: relative; cursor: pointer; }
#ww-tmenu LI A SPAN { display: block; height: 100%; width: 100%; position: absolute; left: 0; top: 0;
  background: transparent none no-repeat left top; }
#ww-tmenu LI A:hover { border: 0px solid transparent; } /* without it bg for span does not work in IE6 */
#ww-tmenu LI A:hover SPAN { background-position: left bottom; }
#ww-tmenu LI.current A SPAN { background-position: left bottom; }
#ww-tmenu LI#ww-tmenu-1 { width: 66px; background-image: url("img/ww-tmenu-1.png"); }
#ww-tmenu LI#ww-tmenu-1-en { width: 80px; background-image: url("img/ww-tmenu-1-en.png"); }
#ww-tmenu LI#ww-tmenu-2 { width: 49px; background-image: url("img/ww-tmenu-2.png"); }
#ww-tmenu LI#ww-tmenu-3 { width: 102px; background-image: url("img/ww-tmenu-3.png"); }
#ww-tmenu LI#ww-tmenu-3-en { width: 90px; background-image: url("img/ww-tmenu-3-en.png"); }
#ww-tmenu LI#ww-tmenu-4 { width: 86px; background-image: url("img/ww-tmenu-4.png"); }
#ww-tmenu LI#ww-tmenu-5 { width: 168px; background-image: url("img/ww-tmenu-5.gif"); }
#ww-tmenu LI#ww-tmenu-5-en{ width: 168px; background-image: url("img/ww-tmenu-5-en.png"); }	/*168px*/
#ww-tmenu LI#ww-tmenu-1 A SPAN { background-image: url("img/ww-tmenu-1.png"); }
#ww-tmenu LI#ww-tmenu-1-en A SPAN { background-image: url("img/ww-tmenu-1-en.png"); }
#ww-tmenu LI#ww-tmenu-2 A SPAN { background-image: url("img/ww-tmenu-2.png"); }
#ww-tmenu LI#ww-tmenu-3 A SPAN { background-image: url("img/ww-tmenu-3.png"); }
#ww-tmenu LI#ww-tmenu-3-en A SPAN { background-image: url("img/ww-tmenu-3-en.png"); }
#ww-tmenu LI#ww-tmenu-4 A SPAN { background-image: url("img/ww-tmenu-4.png"); }
#ww-tmenu LI#ww-tmenu-5 A SPAN { background-image: url("img/ww-tmenu-5.gif"); }
#ww-tmenu LI#ww-tmenu-5-en A SPAN { background-image: url("img/ww-tmenu-5-en.png"); }

#ww-header{
  background-color: black;
  overflow: hidden; zoom: 1;
}
#ww-logo { margin: 30px 0 20px 24px; float: left; }
#ww-header-promo { float: left; width: 794px; overflow: hidden; }
#ww-menu{
  list-style:none;
  float: left; width:100%;
  background-color: #000;
  margin-bottom:25px;
}
#ww-menu li{
  float:left; margin-right: 4px;
  position:relative;
  background:transparent none no-repeat top left;
  width: 131px; height: 51px;
}
#ww-menu li a{
  display:block;width:100%;height:100%;
  background:transparent none no-repeat top left;
  text-indent:-5000px;
}
#ww-menu li#mn-concept { 
  margin-left: 8px;
} * html body #ww-menu li#mn-concept { margin-left: 4px; }
#ww-menu li#mn-community { 
  margin-left: 8px;
} * html body #ww-menu li#mn-community { margin-left: 4px; }
#ww-menu li#mn-concept     a{background-image:url("img/mn-concept.png");outline:0;}
#ww-menu li#mn-community     a{background-image:url("img/mn-community.png");outline:0;}
#ww-menu li#mn-coyote     a{background-image:url("img/mn-coyote.png");outline:0;}
#ww-menu li#mn-mini       a{background-image:url("img/mn-mini.png");outline:0;}
#ww-menu li#mn-juridique  a{background-image:url("img/mn-juridique.png");outline:0;}
#ww-menu li#mn-legality  a{background-image:url("img/mn-legality.png");outline:0;}
#ww-menu li#mn-faq-menu a{background-image:url("img/mn-faq.png");outline:0;}
#ww-menu li#mn-offres     a{background-image:url("img/mn-offres.png");outline:0;}
#ww-menu li#mn-purchaise     a{background-image:url("img/mn-purchase.png");outline:0;}
#ww-menu li#mn-on-en-parle  a{background-image:url("img/mn-on-en-parle.png");outline:0;}
#ww-menu li#mn-media  a{background-image:url("img/mn-media.png");outline:0;}
#ww-menu li#mn-partenaires  a{background-image:url("img/mn-partenaires.png");outline:0;}
#ww-menu li#mn-partners  a{background-image:url("img/mn-partners.png");outline:0;}
#ww-menu li#mn-faq { display: none; }
#ww-menu li#mn-faq.ww-active { display: block;  }
#ww-menu li#mn-faq a { cursor: default; }
#ww-menu li#mn-faq ul li a { cursor: pointer; }

#ww-menu li#mn-concept      DIV,
#ww-menu li#mn-community      DIV,
#ww-menu li#mn-mn-legality      DIV,
#ww-menu li#mn-faq-menu       DIV,
#ww-menu li#mn-purchaise       DIV,
#ww-menu li#mn-media       DIV,
#ww-menu li#mn-partners       DIV,
#ww-menu li#mn-coyote      DIV,
#ww-menu li#mn-mini        DIV,
#ww-menu li#mn-juridique   DIV,
#ww-menu li#mn-offres      DIV,
#ww-menu li#mn-on-en-parle DIV,
#ww-menu li#mn-partenaires DIV { width:131px; position: absolute; height: 51px; top: 158px; border: 0px solid red; z-index: 25; }

#ww-menu LI.mn-cat3 A { color: red!important; }

#ww-menu LI DIV#autodiv UL { 
  z-index: 100; 
  background-image:none!important; 
  top: 18px;
}

#ww-menu li ul, #ww-menu LI DIV#autodiv UL {
  display:none;
  position:absolute;
  width:14em;
  list-style:none;
  padding:0.5em 1em;
  border:1px solid #ddd;
  background-color:white;
  left:0;
  z-index:25;
}

#ww-menu li ul li, #ww-menu LI DIV#autodiv UL LI {
  width:100%;
  padding:0;
  clear:left;
  white-space:nowrap;
  background:transparent url("img/bg-point-line.gif") repeat-x left top!important;
  line-height:2em;
  height:auto;
}
#ww-menu li ul li:first-child, #ww-menu li ul li.ww-first-child
{
  background:none!important;
}

#ww-menu LI DIV#autodiv UL li:first-child, #ww-menu LI DIV#autodiv UL li.ww-first-child
{
  background-image:none!important;
}
#ww-menu LI DIV#autodiv UL LI A { padding-left: 0; }


#ww-menu li ul li a, #ww-menu LI DIV#autodiv UL LI A {
  width:100%;
  font-weight:normal;
  color:#999;
  background:none!important;
  text-indent:0;
}
#ww-menu li>ul{
  top:auto;
  left:auto;
}
#ww-menu li ul li a:hover, #ww-menu LI DIV#autodiv UL LI A:hover {
  color:#FF9900;
}
#ww-menu li:hover ul, ul#ww-menu li.ww-hover ul {
  display:block;
}

#ww-menu DIV#autodiv:hover UL, #ww-menu DIV#autodiv.ww-hover UL
{
  display:block;
}

#ww-menu li:hover a, ul#ww-menu li.ww-hover a, ul#ww-menu li.ww-active a{background-position:left bottom;cursor:pointer;}
#ww-menu li.ww-active{
  position:static;
}
#ww-menu li.ww-active ul{
  margin-top:25px;
  padding-top:30px; padding-bottom: 50px;
  display:block;
  left:22px;
  width:107px;
  border:none;
  z-index:0;
  _z-index:-1; /* IE6 */
  !z-index:-1; /* IE7 */
  background:transparent none no-repeat 1em 0;
}

#ww-menu #mn-coyote.ww-active ul { background-image: url("img/txt-mna-coyote.gif"); }
#ww-menu #mn-concept.ww-active ul { background-image: url("img/txt-mna-concept.gif"); }
#ww-menu #mn-community.ww-active ul { background-image: url("img/txt-mna-community.gif"); }
#ww-menu #mn-mini.ww-active ul { background-image: url("img/txt-mna-mini.gif"); }
#ww-menu #mn-juridique.ww-active ul { background-image: url("img/txt-mna-juridique.gif"); }
#ww-menu #mn-legality.ww-active ul { background-image: url("img/txt-mna-legality.gif"); }
#ww-menu #mn-offres.ww-active ul { background-image: url("img/txt-mna-offres.gif"); }
#ww-menu #mn-purchaise.ww-active ul { background-image: url("img/txt-mna-purchaise.gif"); }
#ww-menu #mn-on-en-parle.ww-active ul { background-image: url("img/txt-mna-on-en-parle.gif"); }
#ww-menu #mn-media.ww-active ul { background-image: url("img/txt-mna-media.gif"); }
#ww-menu #mn-partners.ww-active ul { background-image: url("img/txt-mna-partners.gif"); }
#ww-menu #mn-faq-menu.ww-active ul { background-image: url("img/txt-mna-faq.gif"); }

#ww-menu li.ww-active ul li{
  background: none!important; height: auto;
}
#ww-menu li.ww-active ul li a { font-size: 12px; color: #2A2A2A; display: inline; line-height: 25px;
  background-image: none!important; }
#ww-menu li.ww-active ul li a:hover{
  color:#E88A34;
}

#ww-menu li.ww-active ul li.ww-active a{
  color:#E88A34;
}
#ww-menu li.ww-active ul{
}
#ww-menu li.ww-active { background-position: left top;}

#ww-content{
  color:black;
  width:568px;
  margin-left: 175px;
  float:left;
}* html body #ww-content{margin-left:88px;}
.ww-content-section{

}
.ww-sidebar{
  clear:right;
  float:right;
  width:158px;
  margin:0 26px 20px 0;
  background:white url("img/bg-sidebar.png") no-repeat left top;
}* html body .ww-sidebar{margin-right:13px;}

.ww-sidebar .sidebar-inner { padding:5px 7px 10px 7px;
  background: url("img/bg-sidebar-bottom.png") no-repeat left bottom; }

#ww-footer{
  clear:both;
  width:100%;
  background: #232323 url("img/ww-footer.gif") no-repeat left top;
}
#ww-footer ul{
  text-align:center;
  padding:30px 0 15px 0;
  /*background:transparent url("img/bg-footer-ul.gif") no-repeat 50% 15px;*/
  list-style:none;
}
#ww-footer ul li{
  display:inline;
  background:transparent url("img/bg-footer-ul-li.gif") no-repeat 0 50%;
  padding:0 0.8em 0 1.4em;
}
#ww-footer ul li:first-child, #ww-footer ul li.ww-first-child{
  background:none;
}
#ww-footer ul li a{
  color:#747474;
  font-size:80%;
  letter-spacing:0.1em;
  text-decoration:none;
}
#ww-footer ul li a:hover{
  color:#FF9900;
}

/* ------------------------------------------------------------------------------------------------------ content */
A { text-decoration: none; }
#ww-content A { color: #E88A34; font-size:12px; text-decoration: underline; }
#ww-content A:hover { color: #998866; font-size:12px; text-decoration: underline; }
#ww-content h1{
  font-size:160%;
  color:#494949;
  font-weight:normal;
  padding-left:10px; margin-bottom: 10px;
  background:transparent url("img/bg-content-h1.gif") no-repeat left center;
}

#ww-content h2{
  font-size:16px;
  color:#2a2a2a;
  font-weight: normal;
  margin-bottom: 10px; 
}
#ww-content h3{
  font-size:12px;
  color:#2a2a2a;
  font-weight: normal;
  margin-bottom: 5px; 
  text-decoration: underline;
}

#ww-content p{
  font-size: 12px;
  color: #747474;
  margin-bottom: 10px;
}

#ww-content p.goto-top-page{
  text-align:right;
}
#ww-content p.ww-top{
  float:right;
  clear:right;
  width:100%;
  margin-top:1.5em;
  background:transparent url("img/txt-top.gif") no-repeat right center;
}
#ww-content p.ww-top a{
  display:block;
  float:right;
  width:85px;
  height:10px;
}
#ww-content p.ww-top a span{
  display:none;
}

/* ------------------------------------------------------------------------------------------------------ sidebars */
.ww-sidebar h3{
  font-size:140%;
  padding-bottom:0.2em;
  color:#494949;
}
.ww-sidebar h4{
  color:#9A9A9A;
  font-size:90%;
  letter-spacing:0.1em;
}
.ww-sidebar p{
  font-size:12px; color:#989898;
}
.ww-sidebar ul li {
  font-size:12px; color:#989898;
}

.ww-sidebar p.ww-more{
  margin-top:1.5em;
  background:transparent url("img/txt-more.gif") no-repeat right center;
}
.ww-sidebar p.ww-more a{
  display:block;
  width:85px;
  height:8px;
  margin-left:58px;
}
.ww-sidebar p.ww-more a span{
  display:none;
}
#login-form p{
  text-align:center;
  padding:0.2em 0;
  color:#999;
}
#login-form p input{
  color:#999;
  width:100%;
  border:1px solid #E1DFDF;
  background:#F6F6F6 url("img/bg-input.gif") repeat-x left center;
}
#login-form p input.ww-inp-image{
  border:none;
  margin-left:1px;
}


#ww-demo-block{
  display:block;
  position:absolute;
  background:none;
  left:32px;
  top:450px;
  z-index:9;
  _z-index:-1; /* IE6 */
  !z-index:-1; /* IE7 */
  width: auto!important;
  margin: 0;
}



/* ------------------------------------------------------------------------------------------------------ page-home */
#page-home #ww-content {float: left; width: 475px; margin:0; overflow: hidden; }
#page-home .ww-content-section{ padding: 0px 0px 55px 55px; margin: 0; }
#page-home .ww-content-section p.ww-top, #page-home #ww-demo-block{
  display:none;
}
#page-home .ww-sidebar {
  clear:none;
  margin-right:40px;
  _margin-right: 20px; /* ie6 */
  color:#999999;
}

/* ------------------------------------------------------------------------------------- */
#ww-content .ww-content-section P.form-buttons {}
#ww-content .ww-content-section .i-text {}
#ww-content .ww-content-section .i-submit { }
#ww-content .ww-content-section DIV.error { color: crimson; font-weight: bold; }

TABLE.compact TD, TABLE.compact TR, TABLE.compact TBODY { line-height:0px!important;}


TABLE.form-table { border-collapse: collapse; width: 100%; }
TABLE.form-table TH { vertical-align: top; padding: 3px; font-weight: normal; text-align: right; 
                      border: 0px solid #999; background-color: transparent; width: 30%; 
                      font-size: 110%; }
TABLE.form-table TH.req { font-weight: bold; background: transparent url(img/req.gif) no-repeat left center; }
TABLE.form-table TD { vertical-align: top; padding: 3px; border: 0px solid #999; }
TABLE.form-table TD INPUT, TABLE.form-table TD BUTTON { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD TEXTAREA { border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }
TABLE.form-table TD INPUT.but { }

TABLE.list-table { border-collapse: collapse; width: 100%; margin: 10px auto; }
TABLE.list-table TH { vertical-align: middle; border: 1px solid #999; padding: 2px; 
                      text-align: center; background-color: #FFF7E7; }
TABLE.list-table TD { border: 1px solid #999; padding: 2px; text-align: left; }

P.form-buttons { text-align: left; }
P.form-buttons INPUT { border: 1px solid #000; }

DIV.inline-forms { text-align:center; margin: 10px; }
DIV.inline-forms FORM { display:inline; }
DIV.inline-forms FORM P.form-buttons { display: inline; }

.price { font-size: 110%; font-weight: bold; color: green; }
.total { font-size: 110%; font-weight: bold; color: green; }
.shipping { font-size: 110%; font-weight: bold; color: green; }
.subtotal { font-size: 110%; font-weight: bold; color: green; }
.tax { font-size: 110%; font-weight: bold; color: green; }

P.error, P.notice, P.note { color: crimson; font-weight: bold; }
.comment { color: #666; }
.chiffres { font-family: Arial; font-size: 14px; font-weight: bold; color: #000!important; }
.width300 { width: 300px; }
.width100 { width: 100px; }
.width75 { width: 75px; }
.width50 { width: 50px; }
.no-border { border: 0!important; }

.in { padding: 1px; border: 1px solid #000; border-color: #191919 #A2A2A2 #A2A2A2 #191919; }

TD.actions { text-align:center!important; }

/* --------------- Page navigation BEGIN -------------------- */
DIV.pages{
  /*float:left;*/
  /*border: 1px solid #666666;*/
  width:400px;
}
DIV.pages * { padding: 0!important; margin: 0!important; }
DIV.pages h4{
  float:left;
  /*color:#1C519D!important;*/
  padding-right: 5px!important;
  /*border: 1px solid red;*/
  font-size: 12px; color: #2A2A2A;font-weight: normal;
  line-height: 2em;
}
DIV.pages ul li span{
  font-weight:bold; font-size: 12px;
}
DIV.pages ul li a{
  font-weight:normal;
  color: #E88A34;
  font-size: 12px;
  text-decoration:none!important;
}
DIV.pages ul li a:hover { text-decoration: underline!important; color: #996633;}
DIV.pages ul{
  float:left;
  list-style:none;
  /*border: 1px solid blue;*/
  width: 300px;
}
DIV.pages ul li{
  float:left;
  padding:0 0.3em!important;
  line-height: 2em;
  /*border: 1px solid blue;*/
}
/* --------------- Page navigation END -------------------- */

#page-mini #login-form, #page-mini #ww-block1, 
#page-mini #ww-block2, #page-mini #ww-demo-block, #page-mini .ww-top
{
  display: none; 
}
#page-mini #ww-content, #page-mini .ww-content-section { margin-right: 0; margin-left: 0; }

#page-shop-cat P.more { text-align: right; }

#page-shop-product .ww-content-section IMG { margin: 5px; }

#page-shop-order #user-info P { margin: 0; padding: 0; }

#page-login-form TABLE.table-form { width: 400px; }
#page-login-form TABLE.table-form TH { width: 30%; text-align: right; padding-right: 10px; }

#page-shop-web_payment FORM#cc-form { margin-top: 25px; }
#page-shop-web_payment TABLE.form-table TH { width: 175px; }

#page-shop-wire_transfer TABLE.form-table TH { width: 195px; }