/* ------------------------------------------------------------- */
/* Kiwii Development 2006 pour CRAMARO CHAUSSEUR CONSEIL NETWORK */
/* ------------------------------------------------------------- */

* { margin:0; padding:0; }
body { font: .9em Optima, "Trebuchet MS", Lucida, Arial, Geneva, "Lucida Grande", Tahoma, Helvetica, sans-serif; background: #6B8E93 url(../img/bg-body.png) repeat-x; }
a:link { color:#6B8E93; text-decoration:none; }
a:visited { color:#6B8E93; text-decoration:none; }
a:hover { color:#8F3D2F; text-decoration:none; }
a:active { color:#f00; text-decoration:none; }
abbr, acronym { font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help; }
cite { font-style:italic; color:#666; }
code { font-size:110%; background-color: #fff; color: #000; padding:2px; }
kbd { font-size:100%; border:1px solid #ccc; padding:2px; color:#333; }
address { float: left; text-align: center; font-style: normal; font-size:.80em; background: url(../img/footer-topline.gif) no-repeat top; padding:8px 0 10px 0; font-family: Geneva; color: #3D5154; line-height:110%; margin-top:10px; width: 480px; }
blockquote { padding:6px 20px 3px 20px; font-style: italic; text-align: justify; font-size:90%; }
h3, h2 { font-size: 140%; font-weight: 200; padding-top:10px; }
h3.category_name { font-size: 18px; padding: 0; color: #666; margin: 0; }
h2.category_name { font-size: 18px; padding: 0; color: #fff; margin: 0; border-bottom: 1px solid #666; }
ul, ol { padding-left: 22px; }
img { border:0; }
del { color:#f00; font-size:90%; }
hr.clear { clear:left; visibility: hidden; }
form { padding:8px 0 10px 0; }
form textarea { width:100%; font-size:100%; }
form fieldset { border:0; margin-left:4px;}
form label { display: none; }
form fieldset select { width:130px; }
form fieldset input#keyword { width:124px; color:#8F3D2F; }
* html form fieldset input#keyword { width:112px; padding-right:26px; } /* hack jeremie */
form fieldset input#note { width:124px; color:#47121A; }
form fieldset input { vertical-align: middle; }

/* -------------------------------------- mise en page generale */

#general { width:900px; margin:16px 0 0 20px; }
#banniere { position: absolute; width:700px; height:210px; margin-left: 200px; top:16px; background-color: #000; z-index: 1; }
#page { position: absolute; background: #91C0C7 url(../img/bg-content.png) repeat-y; border-top:4px solid #000; }
#colA, #colB { float:left; width:192px; padding: 8px 0 0 8px; }
#colB { margin-top:150px; width:192px; margin-right:-4px; }
#contenu { margin-left:400px; width:491px; margin-top:156px; padding-left:9px; }
* html #contenu { padding-left:3px; }
#pied { clear:both; }

#vacances { height: 30px; line-height: 30px; color: #000; font-size: 13px; background-color: #45BBBC; padding-left: 20px; clear:left; font-weight: 700;}
#banniere { top: 30px; }
/* -------------------------------------- header */

#accessibilite { padding:0 0 10px 0; width:200px; }
ul#accessibilite { list-style-type: none; font-size:80%; line-height: 160%;  }
ul#accessibilite li a { color:#fff; text-decoration: none; padding-left: 24px; display: block; height:20px; }
ul#accessibilite li a:hover { color:#5C92B3; border-right:1px solid #5C92B3; }
ul#accessibilite li.handicap { background: url(../img/hd-acces-handicap.gif) no-repeat 0% 65%;  }
ul#accessibilite li.menu { background: url(../img/hd-acces-menu.gif) no-repeat 0% 65%; }
ul#accessibilite li.texte { background: url(../img/hd-acces-content.gif) no-repeat 0% 65%; }


/* -------------------------------------- Accès client */

ul.nostyle { list-style-type: none; line-height: 200%; width: 140px; border: 1px solid #9CA1A1; padding: 5px 5px 5px 10px; margin-top:10px; margin-left: 12px; background-color: #D9E0E2; }
ul.nostyle li { height: 25px; margin:0; padding:0;}
ul.nostyle li a { color:#666; text-decoration: none; padding-left: 25px; display: block; height:20px; font-size: 1em; padding-bottom: 5px; }
ul.nostyle li a:link { color:#666; }
ul.nostyle li a:visited { color:#666; }
ul.nostyle li a:hover { color:#5C92B3; }
ul.nostyle li#account { background:  url(../img/ico_account.gif) no-repeat 0% 65%;  }
ul.nostyle li#shopping_cart { background: url(../img/ico_cart.gif) no-repeat 0% 65%; }
ul.nostyle li#checkout { background: url(../img/ico_checkout.gif) no-repeat 0% 65%; }

/* -------------------------------------- colA */

h1#logo { padding:0 0 16px 0; }
ul#langue li { list-style-type: none; display: inline; font-size:80%; }
ul#langue li a { color:#999; text-decoration: none; padding-left: 24px; }
ul#langue li a:hover { color:#5C92B3; }
ul#langue li.fr { background: url(../img/flag-FR.gif) no-repeat 0% 65%; }
ul#langue li.en { background: url(../img/flag-EN.gif) no-repeat 0% 65%; }
ul#langue li.fr-off { background: url(../img/flag-FR-off.gif) no-repeat 0% 65%; }
ul#langue li.en-off { background: url(../img/flag-EN-off.gif) no-repeat 0% 65%; }
ul#langue li a.grey { color:#000; }

#colA h3 { background: url(../img/h2-subtitle-colA.gif) no-repeat bottom left; padding-bottom:2px; }

#menu { padding-top: 10px; }
#menu-femmes, #menu-hommes { padding: 3px; width: 164px; margin-top:-4px; display: block; }
* html #menu-femmes li, * html #menu-hommes li { height: 14px; } /* hack IE */
#menu-femmes li, #menu-hommes li { list-style-type: none; border-bottom: 1px solid #ded6ce; padding: 3px 0; }
#menu-femmes li a { color:#532A00; }
#menu-hommes li a { color:#360; }
#menu-femmes { background-color: #FBF3EB; border:1px solid #E7DDDA; }
#menu-hommes { background-color: #E8F0DB; border:1px solid #DCE3CE; }
#menu-femmes .cat1 a:hover { background-color: #CFBDAA; }
#menu-hommes .cat1 a:hover { background-color: #C8D8B4; }
.chaussure-femme { border-bottom:3px solid #532A00; }
.chaussure-homme { border-bottom:3px solid #360; }
.cat1 a { padding-left:4px; display: block; }
.cat1 .node { background-color: #fff; }

ul.box { margin: 6px 0 0 6px; padding: 0; text-align: center; width:170px; }
ul.box li { list-style-type: none; font-size: 100%; color:#666; }
ul.box li.etiq { padding-top:8px; }
ul.box li.titre { line-height: 90%; padding:6px 4px 0 4px; }
ul.box li.prix { font:140% Times; margin:8px 0 4px 0; color:#333; }
ul.box li.prix s { margin-top:2px; font-weight:bold; background-color: #fff; padding:2px 8px 2px 8px; }
ul.box li.critic { text-align: left; padding:6px 8px 6px 8px; font-size:100%; line-height: 100%; }
ul.box li.ecrire { margin:0; padding: 6px 0 8px 0; }
ul.box li.star { text-align: left; padding-left:20px; }
ul.box li img { border:0; }
ul.box li a { color:inherit; display: block; }
ul.box li a:hover { color:#8F3D2F; }

.news:hover { background-color: #E8FFDD; }
.reviews:hover { background-color: #FFFFD1; }
.reviews { background-color: #FFFFE6; }
.news { background-color: #fff; border:1px solid #D2DBDD; }
.specials { background-color: #fff; border:1px solid #D9CECE; }
.specials li a { color:#903; }
.specials li a:hover { color:#000; }
.col-specials { color: red; }
.reviews { background-color: #FFFFE6; border:1px solid #FFE6CC; width:160px; }
.star { margin-left:-10px; padding-bottom:4px;  }
ul.informations { list-style-type: none; padding:4px 0 12px 0; font-size:96%; }

/* -------------------------------------- colB  */

.callUs { border: 2px solid #85BC23; width: 173px; margin-top: 10px; margin-bottom: 10px; padding: 4px 0 4px 0px; background-color: #fff; text-align: center;}
.callUs big { color: #577216; font-weight: bold; }
#colB h3 { background: url(../img/h2-subtitle-colB.gif) no-repeat bottom left; padding-bottom:3px; }

ul.panier { line-height:100%; padding:0; background-color:#EAEFF0; margin-bottom:16px; }
ul.panier li { list-style-type: none; font-size: 90%; float:left; display: block; }
ul.panier li.nbr { width:30px; text-align: right; }
ul.panier li.pdt { padding-bottom:4px; width:146px; padding-left: 8px; }
.total { clear: left; font: bold 80% verdana,sans-serif; background-color:#fff; text-align:right; margin:6px 20px 6px 12px; padding:2px 5px 2px 0;  border:1px solid #91C0C7; width:150px; display:block; }
.total small { font-weight: 100; }
.bt-total { clear: left; margin-left:12px; }
.manufacturer-info { text-align: center; padding-top:10px; width:180px; }

/* -------------------------------------- content  */

#txtsize { width: 480px; height:34px; text-align: right; margin:-16px 0 -10px 0; }

.cadre { width: 480px; margin-top: 2px; padding-top: 5px; background: transparent url(../img/content-cadre-top.gif) top left no-repeat; }
.cadre p { padding: 0 4px 0 4px; color:#384A4D; font-size:100%; }
.cadre ul, .cadre ol { color:#384A4D; font-size:96%; padding: 6px 0 6px 30px; }
.cadre-bas { padding: 0 0.5em 7px 0.5em; background: #E9F2F4 url(../img/content-cadre-bottom.gif) bottom left no-repeat; }

.cadre h1 { font-size: 22px; }

.product-name { color:#c06; font-weight: 100; padding:0 0 8px 4px; }
.product-image { float:right; display: block; padding:0 0 10px 10px; text-align: right; }
.product-image img { border:1px solid #000; }
.product-title-details { border-bottom:1px solid #D8DBDC; margin:16px 0 6px 4px; font-variant: small-caps; width:226px; }
.product-zoom { text-align: right; font-size: 80%; background-color:#000; color: #fff; padding:3px; }
.product-zoom:hover { background-color: transparent; color: #000; }
p.product-prix { font-size:150%; font-family: Times; padding:6px 0 8px 0; }
p.product-manufacturer, p.product-ref { font-variant: small-caps; font-size:80% }
p.product-description { padding:4px 0 6px 4px; color:#000; }
p.product-cart { padding:22px 10px 0 0; text-align: right; }
p.product-options { padding:4px 0 2px 4px; }
p.product-options span { float: left; display: block; width:80px; }
p.contenu { padding:16px 0 4px 16px; }
.longborder { width:98%; }

#new-products { height:190px; }
.new-products { color:#c06; font-variant: small-caps; font-weight: 100; text-align: center; font-size:130%; padding: 10px 0 10px 0; }
ul.newpdt { float: left; padding: 8px 0 10px 0; margin-right:2px; text-align: center; width:152px; background-color: #fff; }
ul.newpdt:hover { background-color: #E8FFDD; }
ul.newpdt li { list-style-type: none; font-size: 100%; }
ul.newpdt li.e { margin:0; padding: 0 0 6px 0; }
ul.newpdt li.t { color: #fc0; }
ul.newpdt li.p { color: #000; margin-top:4px; font-weight:bold; font-size:140%; }
ul.newpdt li img { border:0; }
ul.newpdt li img:hover { border:3px solid #C8E3B6; }
ul.newpdt li a { color: #c06; display: block; }

ul.catalog { margin-bottom:10px; padding: 8px 4px 8px 8px; padding-bottom:10px; background-color:#fff; width:452px; float: left; } /* background-color:#F4F8F9 */
ul.catalog li { list-style-type: none; padding-left:20px; }
ul.catalog li a { color:#000; }
ul.catalog li.etiq { width: 150px;  float: left; padding-left: 0; }
ul.catalog li.name { font-size: 120%; color:#c06; font-weight: 100; }
ul.catalog li.name a { color:#c06; }
ul.catalog li.desc { font-size: 100%; }
ul.catalog li.ref { font-size: 90%; }
ul.catalog li.prix { font-size: 120%; }
ul.catalog li.special_price { font-size: 130%; color: #000; }
ul.catalog li.prix img, ul.catalog li.desc img, ul.catalog li.desc input { border:0; vertical-align: bottom; }
ul.catalog p { left: 10px; }
ul.catalog form { margin:0; padding:0; }

ul.cat { padding: 8px 0 0 10px; text-align: center; margin-bottom:16px; width:452px; overflow: hidden; }
ul.cat li { float: left; list-style-type: none; font-size: 100%; width:130px; height:170px; padding:6px 8px 6px 3px; }
ul.cat li.pic { padding: 6px; width:136px; }
ul.cat li img { border:0; }
ul.cat li a { color: #000; font-size:100%; font-variant: small-caps; }
ul.cat li a:hover { border:0; text-decoration:none; color:#843D27; }

#contenu fieldset { border:1px solid #E3ECEE; background-color:#F4F8F9; margin-bottom:10px; padding:10px; }
#contenu fieldset input, textarea { font-weight: normal; }
#contenu fieldset textarea { width: 100%; }
#contenu fieldset p { margin: 0; padding:2px 4px; vertical-align: middle; }
#contenu fieldset label { float: left; display: block; width: 200px; }
#contenu fieldset p samp { color: #666; font-size:110%; }
.cadre label { float: left; display: block; width: 120px; }

.tri { padding:8px 0 6px 10px; margin:3px 0 10px 0; font-size:90%; display: block; }
.tri a { font-size: 100%; }
.tri a:hover { font-size: 100%; color:#000; }
.legend { margin:0 0 4px 4px; color:#666; }
.legend a { color: #fff; background-color: #ff6837; padding: 0 2px 0 2px; }

/* ----- tablO */

table { border:0; margin:10px 0 0 0; padding:0; }
table.note { padding:10px 4px 10px 4px; width: 162px; }
table.note tr { vertical-align: middle; font-size: 90%; line-height:120%; border:0; }
table.note img { border:0; padding:0 4px 0 4px; }
table td.pdt-data { vertical-align: middle; padding:2px; }
table td.pdt-data a { vertical-align: middle; color:#c06; text-align: left; padding-right:4px; }
table td.pdt-data img { margin-right:4px; }
table td.pdt-data input { width:20px; padding-left:3px; }
table tr.pair { background-color: #F0F6F7; }
table tr.impair { background-color:#fff; }
table tr.tab { text-align: left; }
table tr { width:100%; }
.center { text-align: center; width:40px; }
.bt img { border:0; text-align: center; }
.int { width:336px; }
.price { width:68px; text-align: right; }
.trait { border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
p.subtot { padding:8px 2px 10px 0; width:100%; text-align: right; font-weight: bold; font-size:120%; color:#000; }

/* -------------------------------------- pied de page  */

address .none { color: #698C91; text-decoration: none; }
address .none:hover { text-decoration: underline; }
address .kiwii { background: url(../img/logo-kiwii-development.gif) no-repeat 345px; display: block; }

address a.kiwii { color: #3D5154; }
address a.kiwii:hover { color: #fff; text-decoration: none; }

/* -------------------------------------- divers */

.headerNavigation { color: #fff; width:340px; padding: 6px 0 0 0; } p.headerNavigation { padding-left: 10px; }
.headerNavigation a, ol.tree a  { color: #fff; font-size: 90%; }
.headerNavigation a:hover { border-bottom:1px solid #B2D3D8; }
.subCom { margin-top:0; background-color:#FFFFE6; padding: 6px 10px 4px 10px; color:#fff; vertical-align: middle; border-left:1px solid #E3ECEE; border-right:1px solid #E3ECEE; border-bottom:1px solid #E3ECEE; }
.subCom img { vertical-align: bottom; }
a.logoff { background: url(../img/logoff.gif) no-repeat 0% 34%; padding-left:18px; font-variant: small-caps; color: #f00; }
.cache { display: none; }
.nostyle { margin: 15px 0 5px 0; }
ul.nostyle li a { color: #c06; }
.plus { vertical-align: middle; }
.moins16 { margin-top:-16px; }
.entour-gauche { float:left; display: block; padding:0 6px 2px 0; }
.smalltxt { font-size:80%; }
* html .smalltxt { font-size:.7em; }
.small-caps { font-variant: small-caps; }
.cadre .boxCom { padding:10px; border:1px solid #E3ECEE; background-color:#fff; }
.cadre .boxCom-light { padding:10px; border:1px solid #E3ECEE; background-color:#F0F6F7; }
.cadre h2 { color:#c06; }
.right { text-align: right; }
.inputRequirement { color: #f00; }
a.search { color:#c06; border-bottom:1px #c06 dotted; }
p.messageStackError, p.messageStackSuccess, p.messageStackWarning { padding:8px; background-color: #fff; font-size:90%; margin-top:10px; color:#333; }
p.messageStackSuccess { border:1px solid #6c0; }
p.messageStackError { border:1px solid #f00; }
p.messageStackWarning { border:1px solid #fc0; }
form fieldset input.formError { background-color: red; color:#fff; font-weight: bold; }
p.formError { background-color: red; color: #fff; font-weight: bold; }

/* ------------------------------------- photos page d'accueil */

.vignette { float: left; width: 228px; font-family: Verdana; font-size: 21px; }
.hf { background-color: #fff; width: 100px; height: 53px; float: right; padding: 0; margin-top: 32px; text-align: center;}
.hf ul { margin: 0; padding: 0;}
#sioux { height: 269px; }
#rando { background: #E9F2F4 url('../img/chaussures-randonnees.jpg') right top no-repeat; height: 269px; margin-left: 7px; }
#rando ul { margin: 0; list-style-type: none; }
#rando ul li a:link, #rando ul li a:visited, #rando ul li a:active  { color: #234863; background-color: #fff; }
#rando ul li a:hover { color: #000; background-color: #fff; }
#jmalinge { height: 315px; }
#pieds_sensibles { background: #E9F2F4 url('../img/chaussure-pieds-sensibles.jpg') right top no-repeat; height: 315px; margin-left: 7px; }
#pieds_sensibles ul { margin: 0; list-style-type: none;  }
#pieds_sensibles ul li a:link, #pieds_sensibles ul li a:visited, #pieds_sensibles ul li a:active  { color: #FE4950; background-color: #fff; }
#pieds_sensibles ul li a:hover { color: #000; background-color: #fff;  }

/* ------------------------------------- Mots Clés Footer */

.footer_keywords { font-size: 10px; color: #666; line-height: 14px; text-align: justify; padding: 0 12px 0 4px; }
.footer_keywords a { color: #666; }
.footer_keywords a:hover { color: #fff; }

/* ------------------------------------- Autres */

#calcul { text-decoration: underline; color: red;}

/* ------------------------------------- Articles du blog en page d'accueil */

h4#blog { margin: 15px 0 5px 0; border-bottom: 1px solid #000; padding-bottom: 5px; margin-right: 20px;}
ul.blog { list-style-type: none; width: 160px; padding: 5px; }
ul.blog li { margin-bottom: 5px; }
ul.blog li a { color: #666; font-size: 12px;}
ul.blog li a:hover { color: #ff6020; font-size: 12px;}