@charset "ISO-8859-1";

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: top; }

body { line-height: 1.5; margin:0; background:url(../../images/bgBody.jpg) repeat-x #3a2c23;padding:8px 0px;}
body.intro {background:#1a0f0a;}
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

body { font-size: 75%; }
body { 
  color: #1e130d; 
  font-family: Arial, "Helvetica Neue", "Lucida Grande", Helvetica, Verdana, sans-serif; 
}
h1,h2,h3,h4,h5,h6 { 
  color:#3c2114;
}


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.5em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: .5em; }
h4 { font-size: 1.5em; line-height: 1.25; margin-bottom: .25em; }
h5 { font-size: 1.2em; font-weight: bold; margin-bottom: 2px;color:#806046;text-transform:uppercase; }
h6 { font-size: 1em; font-weight: bold; }

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; padding-right:2em;}
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the <p>. */
img         { margin: 0 0 1.5em; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus, 
a:hover     { color: #000; }
a           { color: #25170D;text-decoration: none; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic;  }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table   { margin-bottom: 1.4em; }
th      { border-bottom: 2px solid #664835; font-weight: bold; }
td      { border-bottom: 1px solid #7A715F; }
th,td   { padding:.3em .5em; }
tfoot   { font-style: italic; }
caption { background: #aeb4b8; color:#fff; padding:.3em .5em; }

/*.list td{ color:#0b360f;font-size:10px;}*/

.noborder td, .noborder th{padding:.2em .2em;border:0;}
/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; } 


/* Some default classes
-------------------------------------------------------------- */

.small      { font-size: .85em;color:#000; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }
.title 		{ color:#806046;text-transform:uppercase;}
.toptitle	{ margin:0 0 20px 0; padding: 13px 0 0 0; color: #ccc; font-size: 17px;text-transform:none;}
.upper		{ text-transform: uppercase; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

#header .logo {display: none}
#header .slogan {display: none}
#header .lang {display: none}
#header .metanav {display: none}

.column.span-7 {display: none}

.navigation, .metanav, .topnav, .headergraphic, .panier, .btnAddBasket, .addToBasket {display: none}

h2.pageTitle {display: block}

#wrapper {
  width: 950px;
  margin: 0 auto 0 auto;
  text-align:left;
  background: url(../../images/bgWrapper.gif) repeat-y 0px 0px #ffff88;
  position:relative;
}
.intro #wrapper {background: url(../../images/intro.jpg) no-repeat;height:670px;}
#footer	{display: none;}

.intro #footer {text-align:center;background:url(../../images/bgFooterIntro.gif) repeat-x;}

.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em; 
  background: #eee; 
}

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.4em;
  border: none; 
}
hr.space {
  background: inherit;
  color: inherit;
}

.clear { display: inline-block; }   
.clear:after, .container:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }

label { font-weight: bold; }


/* Fieldsets */
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }

/* Text fields */
input.text, input.title   { 	margin:0.5em 0.5em 0.5em 0; }
input.text, input.title   { 	background:url(htdocs/images/bg_input.gif) no-repeat;
								border-top:1px solid #dbdbdb;
								border-right:1px solid #f2f1ed;
								border-bottom:1px solid #f2f1ed;
								border-left:1px solid #dbdbdb;
								padding:5px; }
input.text:focus,
input.title:focus         { border:1px solid #999; background:#fff; }
input.title               { font-size:1.5em; }

/* Buttons */
.btn-1, .btn-2 {display: none}

/* Textareas */
textarea            { margin:0.5em 0.5em 0.5em 0; }
textarea            { border:1px solid #bbb; background:#fff; padding:5px; }
textarea:focus      { border:1px solid #999; background:#fff; }

/* Select fields */
select              { border:1px solid #ccc; background:#f6f6f6;  }
select:focus        { border:1px solid #999; background:#fff; }


/* Success, error & notice boxes for messages and errors. */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; }

.left   { float:left; }
.right  { float:right; }
.hide   { display:none; }

.reset-margin   { margin:0; } 
.reset-padding  { padding:0; } 
.reset          { margin:0; padding:0; } 

.align-justify  { text-align:justify; } 
.align-left     { text-align:left; } 
.align-center   { text-align:center; } 
.align-right    { text-align:right; } 

/* Use this if you want to add border to image */
.imgborder-1 {border:1px solid #8c8c8c;padding:0;}
.imgborder-2 {border:1px solid #8c8c8c;padding:1px;background:#ffff88;}
.imgborder-3 {border:1px solid #8c8c8c;padding:2px;background:#ffff88;}
.imgborder-4 {border:1px solid #8c8c8c;padding:3px;background:#ffff88;}
.imgborder-5 {border:1px solid #8c8c8c;padding:4px;background:#ffff88;}
.imgborder-6 {border:1px solid #8c8c8c;padding:5px;background:#ffff88;}

.fullwidth {width:100%;}
  
h1.logo {position:absolute;left:18px;top:14px;}
h1.logo a{
	display:block;
	width:380px;
	height:81px;
	background:url(/htdocs/images/logo.gif);
	font-size:0;
	line-height:0px;
	text-indent:-10000px;
}
.intro h1.logo{left:90px;top:90px;}
.intro h1.logo a{width:300px;height:56px;background:none;}
.slogan {display:none;}
.lang {position:absolute;top:70px;left:765px;text-transform:uppercase;font-size:10px;}
.intro .lang {top:40px;left:100px;}
.lang a {color:#a69f8c;padding:0px 10px 0px 20px;}
.lang a:hover, .lang.selected {color:#fff;}
.fr {background:url(/htdocs/images/flagFr.gif) no-repeat;}
.de {background:url(/htdocs/images/flagDe.gif) no-repeat;}
.column.span-6 div{padding:25px 10px 0px 10px;float:left;}
.column.span-17.last img {margin-left: 20px;}

.news {position:relative;padding-top:30px;border-top:1px solid #664835;width:650px;margin-top:10px;}
.news h3 {color:#806046;font-size:24px;}
.news p {padding:4px 0px 20px 0px;width:310px;float:left;margin-right:25px;}
.news p.last {margin-right:0px;}
.news strong {color:#000;}
.news img {margin-left:20px;}
.address {color:#a69f8c;padding:10px 10px 0px 40px;font-size:12px;clear:both;}
#footer a {color:#826148;}
#footer a:hover {color:#fff;}
.maladie {color:#e2d7bd;background:#8c836f;display:block;margin:1px 0px 0px 18px;width:197px;padding:2px 0px 2px 23px;}
.alphabetique {color:#e2d7bd;background:#7a715f;display:block;margin:1px 0px 0px 18px;width:197px;padding:2px 0px 2px 23px;}
.search, .searchDe {background:url(/htdocs/images/bgSearch.gif) repeat-y;padding:10px;margin:0px 32px 0px 18px;}
.search .txt {width:115px;border:0px;padding:4px;}
.search .btn {width:72px;height:20px;background:url(/htdocs/images/btnSearch.gif) 0px -3px;font-size:0px;
			line-height:0px;text-indent:-10000px;border:0px;cursor:pointer;}
.searchDe .txt {width:140px;border:0px;padding:4px;}
.searchDe .btn {width:48px;height:20px;background:url(/htdocs/images/btnSearchDe.gif) 0px -3px;font-size:0px;
			line-height:0px;text-indent:-10000px;border:0px;cursor:pointer;}
.price {position:relative;display:block;float:left;text-align:center;margin-top:30px;margin-right:10px;
			background:url(/htdocs/images/priceboxLeft.gif) no-repeat;font-size:13px;font-weight:normal;color:#7c664c;}
.price span {display:block;padding:5px 20px 10px 20px;background:url(/htdocs/images/priceboxRight.gif) no-repeat 100% 0%;}
.price .decoration {position:absolute;top:-19px;left:0px;width:100%;height:21px;
			background:url(/htdocs/images/priceboxTop.gif) no-repeat 50% 0%;padding:0px;}
.price a {color:#7c664c;}
.more {display:block;background:url(/htdocs/images/moreLeft.gif) no-repeat;float:left;font-size:11px;margin:5px 0px;}
.more span{display:block;background:url(/htdocs/images/moreRight.gif) no-repeat 100% 0%;float:left;padding:3px 10px;}

.topnav {margin-bottom: 0px;}

.panier {background:#4b3626;float:left;width:254px;}
.panier h3 {width:254px;height:38px;background:url('../images/titlePanier.gif') no-repeat #25170d 12px 8px;margin:0px;padding:0px; font-size:0;line-height:0;text-indent:-10000px;}
#ShopDe .panier h3 {background:url('../images/titlePanierDe.gif') no-repeat #25170d 12px 8px;}
.panier table{margin:10px 0px 10px 10px;padding:0px;width:235px;}
.panier th {color:#dbdb9b;font-size:11px;border-bottom:1px solid #000;padding:0px;}
.panier table td{padding:3px 0px;border:0px;font-size:10px;color:#c1c1c1;}
.panier input {border:0px;font-size:11px;width:15px;}
.panier p.info {margin-top: 5px; margin-left: 12px;}
.panier .bouton {margin: 5px 0px; padding: 0px; margin-left: 20px;}
.panier input.btn-1, .panier input.btn-2 {width: auto; margin: 0px;}
.panier a {color: #A69F8C;}
.panier a:hover {color: #fff;}

.addToBasket {background:#caac5c;padding:3px 20px;margin-bottom:20px;color:#4c4438;width:370px;}
.addToBasket input {border:0px;background:#ffff88;width:100px;margin:0px 20px;	}
.addToBasket a {line-height:0px;}
.addToBasket img { margin-right: 0px; float: none}
/*.addToBasket a img {margin-bottom:-5px;}*/
.total {background:#caac5c;color:#26170f;padding:2px 12px;margin:0px;text-align:right;font-weight:bold;}
.total strong {float:left;}

.address a {color:#a69f8c;}
.address a:hover {color:#fff;}

ul#sitemap {list-style:none;}
ul#sitemap ul {list-style: square; margin-bottom: 0px;}
ul#sitemap ul ul {list-style: disc}
ul#sitemap li{padding:0.1em 1.2em;background:url(/htdocs/images/arrow3.gif) no-repeat 0px 5px;}
ul#sitemap ul li{background:none; padding-left: 5px;}
ul#sitemap ul ul li{}
ul#sitemap a{color:#18291A;font-weight:bold;}
ul#sitemap ul a{color:#18291A;font-weight:normal;}
ul#sitemap ul ul a{color:#18291A;}

.pager {width: 100%;}
.pagination {background:#3A2C23;text-align:right;padding: 7px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10px;}
.pagination a{color: #826148;background:#25170D; padding:1px 3px;border:1px solid #826148;}
.pagination a:hover{color: #25170D; background:#826148; padding:1px 3px;border:1px solid #25170D;}
.pagination a.page_Selected {color: #25170D; background:#CAAC5C; padding:1px 3px;border:1px solid #25170D;}

.alpha, .beta {text-align:right;padding: 1px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:9px;}
.alpha a, .beta a{color: #0B360F; padding:1px;}
.alpha a:hover, .beta a:hover{color: #A69F8C; background:#4B3626; padding:1px;}
.alpha a.page_Selected, .beta a.page_Selected {color: #000; background:#fff; padding:1px;}
.alpha_Selected a, .alpha a { text-decoration: none;}

.content input {font-size: 11px}
.content a {text-decoration: underline; font-weight: bold; color: #25170D}
.content a:hover {text-decoration: underline; color: #503823}
.content a:hover.btn-2, .content a:hover.btn-1 {color: #fff}

/* Ajouté par yannick a terminer */
/*.content img {float:left; margin-right:20px;}*/

#Interne p.topnav, #InterneDe p.topnav{width: 675px; /*width: 675px;*/}
#Interne .content, #InterneDe .content {padding-right: 10px;}
#Interne .content img, #Interne .content .list img {float:left; margin-right:20px; border: 1px solid #8C8C8C; padding: 3px; margin-left: 0px;}

#ShopDe input#txtQty7 {width: 80px;}