* {margin:0; padding:0; font-size:10px; font-family: Arial; background: transparent;}
BODY {background:url("../gra/pattern.png");}
IMG {border:none}
P {text-align: left; padding:0; margin:0; font-size:11px}
#iContainer {width:955px; margin:0 auto}
#iHeader {width:955px; height:171px; position:relative; clear:both;}
#iDiapo {width:682px;height:171px; float:left; clear:both;background:url('../gra/head.jpg')}
#iLoginZone {width:273px;height:171px; float:right;background: url("../gra/recherche.png");background-repeat: no-repeat;}
#iMenu {clear:both; width:955px; height:31px;background:url('../gra/barre-head.png');  _margin-top:-38px}
#iContent {width: 955px; min-height: 400px;position: relative;  background:url("../gra/tlo2.png") left top;}

#iLeft {width:217px; float:left; vertical-align:top;}

#iMiddle {float: left;  }
#iAddress {}
#iFooter {text-align:center; margin-top:10px}
#iFooter a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #875F00;}
#iFooter IMG {vertical-align:middle; margin:0px 5px 0px 5px; width:52px; height:29px }
#iSmallMenu {text-align:center;}
#iSmallMenu a {color:#875F00;}
#iLeft IMG.header {width:217px; height:43px}
#iLeft IMG.footer {position: absolute; bottom:0; left:24px}
#iLeft P {margin: 10px 10px 10px 20px}
#iMiddle IMG.header {width:738px; height:43px}
#iMiddle P {margin: 10px 10px 10px 20px}
#iAddress IMG.header {width:955px; height:59px}
#iLoginZone P {margin:60px 30px; color: #fff; line-height:25px; text-align: right;}
#iLoginZone DIV {margin:0; padding:0; color:#fff; text-align: right}
#iLoginZone A {color: #fff;  text-decoration: none;cursor:pointer}
#iLoginZone P INPUT {background-color: #fff; color:#000; width:100px; margin:0; padding:0}
#iLoginZone .login {font-size:14px; font-weight:bold;}
#iLoginZone A:HOVER {border-bottom:1px dotted #fff;}
#iLoginZone .show {float:right; width:70px;text-align:center;margin-right:10px; margin-bottom:5px; _margin-bottom:0}
#iLoginZone .show IMG {width:16px}
#iLoginZone .showtxt {float:right; width:70px;text-align:center;margin-right:10px; margin-bottom:5px}
#iLoginZone .show A:HOVER {border:none}
.clearer {clear:both !important;margin:0 !important;padding:0 !important;height:0 !important; width:0 !important;background-color:transparent  !important; border: none!important}


#iCategoryList {margin-left:20px;}
#iCategoryList DIV {margin-bottom:5px}
#iCategoryList DIV A {color: #875F00; text-decoration: none; font-size:11px}
#iCategoryList DIV A:HOVER {color:#600; font-weight:bold; text-decoration:none}

#iClientProfile {width:400px; border:1px solid #999; background-color:#eee; margin-left: 30px; font-size:10px; padding-top: 5px;float:left}
#iClientProfile  H1 {font-size: 16px; margin-bottom:10px;margin-left:10px; color:#333}
#iClientProfile  H2 {font-size: 12px; margin: 20px 0 15px 0; border-top:1px solid #ddd; padding:5px 0 0 10px;  margin:0 0 5px 0; color:#444}
#iClientProfile  IMG {margin-right:10px; vertical-align:middle}

#iCommandItemHolder  {width:400px; border:1px solid #999; background-color:#fff; margin-left: 30px; font-size:10px; padding-top: 5px;float:left}
#iCommandItemHolder  H1 {font-size: 14px; margin-bottom:10px;margin-left:10px; color:#333}
#iCommandItemHolder  H2 {font-size: 12px; margin: 20px 0 15px 0; border-top:1px solid #ddd; padding:5px 0 0 10px;  margin:0 0 5px 0; color:#444}
#iCommandItemHolder  IMG {margin-right:10px; vertical-align:middle}

#iBasketHolder  {width:450px; border:1px solid #999;  padding-left:10px; background-color:#eee; margin-left: 30px;  font-size:12px; padding-top: 5px; padding-bottom:10px;float:left; text-align:center}
#iBasketHolder  H1 {font-size: 14px; margin-bottom:10px;margin-left:10px; color:#333; text-align:left}
#iBasketHolder  H2 {font-size: 12px; margin: 20px 0 15px 0; border-top:1px solid #ddd; padding:5px 0 0 10px;  margin:0 0 5px 0; color:#444}
#iBasketHolder  IMG {margin-right:10px; vertical-align:middle}


#iSideMenuHolder {float:left; width:200px; margin-left:10px;  border:1px solid #999; background-color:#eee; padding: 10px 5px 0 5px }
UL#iSideMenu LI {margin-bottom:10px;list-style: none;}
UL#iSideMenu IMG {vertical-align:middle; margin-right: 5px}
UL#iSideMenu LI A{text-decoration:none; font-size:12px}

#iClientEditFormHolder{float:left; margin-left:15px; }
#iCommandListHolder {float:left; margin-left:15px;; width:700px;  }
#iCommandDetailListHolder {margin-left:20px}
TABLE.list {background-color:#eee;border:1px solid #ccc;empty-cells: show; border-collapse: collapse;}
TABLE.list TH {background-color:#000; color:#fff; font-weight:bold;padding:5px; text-align:center;border-right: 1px solid #000;border-top:1px solid #000; font-size:11px}
TABLE.list TR {}
TABLE.list TD {padding:5px; border-left: 1px solid #ddd;; font-size:12px; border-top: 1px solid #ddd}
TABLE.list TD IMG {vertical-align: middle; margin-right: 5px}
TABLE.list TD.o {background-color:#ee9}
TABLE.list TD.i {background-color:#ddd; color:#aaa; font-weight: bold; text-align: center;}
TABLE.list TD.n {text-align:right}
TABLE.list TD A {text-decoration:none; color: #009}
TABLE.list TD A:HOVER {text-decoration:none; color: #900}


TABLE.price  {background-color:#fff;empty-cells: show; border-collapse: collapse;}
TABLE.price TD {padding:5px; font-size:10px; }
TABLE.price TD {width:50px}
TABLE.price TD.n {text-align:right; width:50px}
TABLE.price TR.sum {border:1px solid #ccc;}
TABLE.price TR.sum TD {font-weight: bold; background-color:#eef; font-size:12px}

TABLE.dates  {background-color:#fff;empty-cells: show; border-collapse: collapse;}
TABLE.dates TD {padding:5px; font-size:10px;}
TABLE.dates TD {}
TABLE.dates TD.d {text-align:right}
TABLE.dates TR.sum {border:1px solid #ccc;}
TABLE.dates TR.sum TD {font-weight: bold; background-color:#eef}


TABLE.basket TD {width:90px;}
TABLE.basket TD.o {text-align:center !important; padding:0 !important; margin:0 !important; background-color:#ddd; width:24px !important;}
TABLE.basket TD.o A {padding:0; margin:0;text-align:center}
TABLE.basket TD.o IMG {margin:0 !important; padding:0 !important;}
TABLE.basket .q {text-align:center; border-left:none; border-right:none; width:20px; font-weight: bold;}
TABLE.basket  TD.q+TD.o {border-left:none;text-align:center}
TABLE.basket  TD.n {width:50px}
TABLE.basket  TD.n+TD.n {font-weight:bold}

TABLE.final TR.frais TD {text-align: right; }
TABLE.final TR.total TD {text-align: right !important; background-color:#eef !important; font-weight: bold !important; :16px !important;}
TABLE.final TR.total TD+TD {background-color:#eef !important; font-weight: bold !important; font-size:16px !important;color:#900}


.form {width:410px;margin-left:5px}
.form INPUT, SELECT{background-color: #fff; font-size:12px; font-weight:bold; color:#333; border:1px solid #ccc;}
.form SELECT {font-size:12px; vertical-align: text-bottom;}
.form SELECT OPTION { padding:0; margin:0;}
.form .text {float:left;width:100px;text-align:right; margin-right:10px;vertical-align: middle; padding:0; height:18px; margin-bottom:5px}
.form .input {float:left;text-align:left; vertical-align:middle;padding:0; height:18px;  margin-bottom:5px}
.form .input INPUT[type="text"] {width:250px}
.form .input INPUT[type="text"]:HOVER {background-color:#eef}
.form .submit {text-align:center; padding: 5px;}
.form .submit INPUT[type="submit"] {padding:2px 5px 2px 5px; border:1px solid #999; background-color:#dde; cursor:pointer}
.form .submit INPUT:HOVER {background-color:#ddf;border:1px solid #999;}
.form #dCode, #dDeliveryCode {width:40px}
.form #dCity, #dDeliveryCity, #dCommune,#dDeliveryCommune  {width:104px}
.form .group {background-color:#eee; width:380px; margin-left:10px; clear:both; border:1px solid #ccc;margin-top:-1px}
.form .group .label {color:#666; font-size:12px; padding: 2px 5px 2px 5px;text-align:left;}
.form .group .label IMG {vertical-align: middle; margin-right: 5px}
.form .group .label A {text-decoration:none; color: #006; font-weight: bold}
.form .group .label A:HOVER {text-decoration:none; color: #900;  font-weight: bold}

DIV.message {margin-left: 30px; width:400px; padding-bottom:10px; border:1px solid;}
DIV.message H1 {color:#fff; padding:10px; font-size:16px; background-color:#040}
DIV.error { border-color:#040}
DIV.error H1 {background-color: #040;}
DIV.message P {padding: 0; margin: 0 0 0 10px;  font-size:12px}
DIV.message A { font-size:12px}
DIV.message IMG {vertical-align:middle;margin-right:10px}
#iRetypeError {margin-left:-80px; margin-top:30px}

#iFinalisation {margin:10px; width:280px; text-align:left; line-height: 30px}

#iPayOptionsMenu {margin-left: 36px;list-style:none; padding-left:26px}
#iPayOptionsMenu LI { padding-left: 5px;}
#iPayOptionsMenu A {margin-left:-26px; text-decoration: none; color:#009; font-size:12px; font-weight: bold;}
#iPayOptionsMenu A:HOVER {text-decoration: none; color:#900}
.product {width:650px; margin-left:30px; position:relative; background-color:#fff; padding:0; font-size: 13px;}
.product H1 {font-size:14px; padding-left:5px; padding-top:5px; border: 1px solid #999 !important;}
.product H1 DIV.p {font-size:15px; color: #600; float:right; margin-right:10px}
.product IMG {vertical-align:middle}
.product P{font-size:13px}

.product .thumb {width:200px; float:right; border:1px solid #999}
.product UL {list-style: none; list-style-position: inside; margin-left:30px; margin-top:-20px;font-size:13px}
.product UL LI {line-height:20px; width:150px;font-size:13px}
.product UL LI  A {font-size:13px}
.product UL LI DIV {position:relative; color: #000;font-size:13px}
.product UL LI IMG {margin-left:10px;vertical-align: middle; position: absolute; right:0}
.productlist {margin-left:30px; clear: both;}
.productlist DIV {width:300px;font-size:13px; margin-top:-1px; margin-left:-1px;vertical-align: middle; padding-left: 5px; position:relative;background-color: #f8f5de }
.productlist IMG {height:50px; vertical-align: top; float: right; margin-left:10px; margin:0; padding:0; border:1px solid #ccc}
.productlist DIV A {color:#009; font-weight:bold; text-decoration:none; font-size:14px}
.productlist DIV A:HOVER {color:#900; font-weight:bold; text-decoration:none}
.productlist h1 {font-size:16px; margin-bottom:10px; }
.product .declinations {padding:1px;  margin-top:10px;  border:1px solid #999; width: 300px; background-color: #f8f5de}
.product .declinations H4 { font-weight: bold;; font-size:14px; font-family: Arial; padding:5px;  margin-top:-10px; margin-bottom:5px}
.product H1 {background-color: #E1D54E; padding: 5px; border: 1px solid #000; width: 435px; font-size: 16px;}
.product .d {border:1px solid #999; width: 435px; padding: 5px; margin-top:-1px}
.product .d .p {font-weight: bold;}

.adp {line-height:20px;color:#333; font-weight:bold; text-decoration:none; font-size:13px;}


#iCheckSummary {margin-left:10px; background-color: #e9e9e9; border:1px solid #300; margin-right: 20px; padding: 10px; font-size:11px}
#iCheckSummary H1 {font-size:12px; margin-bottom:10px}
#iCheckSummary {margin-left:10px}
#iCheckSummary P, B {font-size:1em}
#iCheckSummary A {text-decoration: none; font-weight: bold; color:#009; font-size:1em}
#iCheckSummary A:HOVER { color: #900!important}
#iCheckSummary P A:VISITED {color:#006}

#iCheckSummary UL {margin-left:20px; list-style:none;}
#iCheckSummary UL LI IMG  {margin-right: 10px;vertical-align: middle}
#iCheckSummary UL LI A {text-decoration: none; font-weight: bold; color:#009; text-decoration:none;}
#iCheckSummary UL LI A:HOVER {text-decoration: none; font-weight: bold; color:#900; text-decoration:none;}

#iCDGVHolder {margin-left:10px; background-color: #e9e9e9; border:1px solid #300; margin-right: 20px; padding: 10px; font-size:11px}
#iCDGVHolder H1 {font-size:12px; margin-bottom:10px}

#iCDGVInner {height:220px; width:600px; overflow:scroll; border: none; margin-bottom:10px }
#iCDGVHolder .submit {padding:10px;}
#iCDGVHolder .submit INPUT {padding:5px;font-weight: bold;}

#iBasketHolder  {margin-bottom:20px}

.little-error {padding:5px; border:1px solid #900; text-align:center; background-color: #FFCCCC; width: 450px; margin-left: 30px; font-size:14px; font-weight: bold; color: #600}

input.wf2_invalid, textarea.wf2_invalid, select.wf2_invalid, div.wf2_errorMsg  { background-color:#FFCCCC; }
div.wf2_errorMsg {position:absolute;border:dotted 1px red;padding:.25em .5em .25em .5em;cursor:default; font-size:smaller;max-width:25%;opacity:0.5; filter: alpha(opacity=50);}
div.wf2_firstErrorMsg,div.wf2_errorMsg:hover {opacity:1.0;filter: alpha(opacity=100);}
div.wf2_errorMsg:hover {z-index:100;}
div.wf2_errorMsg ol {list-style-position:inside; margin:0;padding:0;}
div.wf2_errorMsg ol.single, div.wf2_errorMsg ol.single li {list-style:none;display:inline;}
/*
@namespace xh url(http://www.w3.org/1999/xhtml);
:not(xh|*)[xh|repeat="template"],
xh|*[|repeat="template"] {
    display: none;
}*/

*[repeat="template"] {display:none;}

TABLE.contact {margin-left:20px; padding: 0; }
TABLE.contact TD {width: 180px;}
TABLE.contact TD+TD {width: 200px;}
TABLE.contact TD+TD INPUT {width: 200px;}
TABLE.contact TEXTAREA {width:380px}
TABLE.contact BUTTON {padding: 5px; margin:10px}

.message INPUT[type="submit"] {margin:10px;padding:2px 5px 2px 5px; border:1px solid #999; background-color:#dde; cursor:pointer}

.contact_form {font-size:18px; text-align: center; font-size:12px;color: #666666}

.contact {text-align: center; font-size:12px; }
.contact A, .linek {color: #666666!important}

.champ {height:14px; width:300px; border: 1px solid #93acc4}

.delivery {border:1px solid #999; padding: 10px; margin-left: 10px ; margin-right: 10px; line-height: 12px; background-color: #fff}
.delivery H4 {font-weight: bold; font-size: 12px; text-decoration: underline; margin-bottom: 5px}