/**
 * elements HTML
 */
html{ font-size: 0.95em;}
body {
  background-image:url(../images/fondC.jpg); background-repeat:repeat; color: #222222;
  font-family: Georgia,'Times New Roman',times,serif; }
a { color:#381213; text-decoration: underline; }
a:hover{ color:#662022; }

img{ border: none;}

strong{ font-weight: bold; }

em{ font-size: 0.8em; font-style:italic; }
h1{ color: #990000; font-size: 1.4em; font-weight:bold; font-variant:small-caps; padding-bottom:1.3em; border-bottom: 2px dashed #990000; }

h2, h3{ margin-bottom: 30px; color: #a10303; line-height: 1.1em; font-size: 2.6em; font-weight:bold; font-variant:small-caps; text-decoration:underline; }

h3{ text-align:center; font-size:1.3em; margin:3px 0 7px 0; }
input, select, textarea{ border: 1px solid #7D6A2F; }

input.bouton{ border: none; }

/**
 * premier niveau
 */
#fondG { width:auto; height: auto; }
#fondD { width:100%; background-image:url(../images/fondD.jpg); background-repeat:repeat-y; background-position: right top; }
#entete{ width:100%; height:187px; background-image:url(../images/fd-entete.jpg); background-repeat:repeat-x; }
#contenu{ margin: 0px 235px 0 30px; padding: 5px; }
#menuD{ float:right; width:240px; }

/**
 * second niveau
 */

/*entete*/
#entete .centre{
  height: 187px; margin:0px 240px 0px 0px;
  background-image:url(../images/enteteC.jpg);
  background-position: left top; background-repeat:no-repeat;
  text-align: left; }
#entete .coinD{ width:240px; height:187px; position: absolute; right:0px; top:0px; background-image:url(../images/enteteD.jpg);
  background-position: right top; background-repeat:no-repeat; }

/* Menu gauche et droit*/
#menuD .boiteMenu{ width:172px; padding-left: 0px; }

/*********************** Elements specifiques
************************/
#entete #titre-site{
  margin-top: 11px;
  margin-left:30%;
  position: absolute;
  left: 0px;
  top:0px;
  z-index: 9999; }

/* moteur de recherche */
#chercheBox{
  margin: 0px;
  padding: 0 2px 2px;
  text-align:center;
  border-width: 1px;
  border-style: solid;
  border-color: #3F3206;
  font-size: 0.7em; }
#chercheBox table tr td{
  text-align: center;
  vertical-align: middle; }
#chercheBox table tr td+td{
  text-align: center; }
#chercheBox label{
  font-size:2em; }
#chercheBox input{ font-size:1.2em; height:20px; vertical-align:text-bottom; width:255px; }

#chercheBox .ptttext{
  font-size: 0.75em;
  font-style: italic;
  color: #990000; }
#chercheBox .boutonRechercher{
  width: 85px;
  height: 30px;
  background-image: url(../images/boutons/button_search.gif);
  background-repeat: no-repeat;
  border: none; }

/* breadcrumb*/
.miettePain{
  color: #354C5F;
  font-weight: Bold; }
.miettePain a{
  color: #354C5F;
  font-weight: Bold; }
.miettePain a:hover{
  color: #A10303;
  text-decoration: overline; }



/* Menu gauche et droit*/
#menuD .infoboxCorps{ width: 201px;
  margin-left:0px;
  padding-bottom:15px; background-position: left bottom; background-repeat:no-repeat; background-image:url(../images/boxCorpsD.jpg); }

#menuD .infoboxCorps .infoBoxHeading{ width: 201px; height: 35px; padding: 10px 0 0 12px;
  background-image: url(../images/boxEnteteD.jpg); background-position: 0 0; background-repeat:no-repeat; text-align:left; color: #a10303; font-size: 1.3em; font-style: italic; font-weight: bold; }

#menuD .infoboxCorps .infoBoxHeading a{ color: #a10303; font-size: 1em; font-style: italic; font-weight: bold; text-decoration: none; }

#menuD .infoboxCorps .infoBoxHeading a:hover{ text-decoration: underline; }

#menuD .infoboxCorps .boxText{ padding-left: 15px; padding-right: 15px; text-align:center; }

/**
 * affichage specif de boite
 **/
#menuD #information .infoboxCorps{
 background: none transparent; }
#menuD #information .infoBoxHeading a.echoppe{
  padding: 0px 82px 70px; }
#menuD #information .infoboxCorps .boxText{
  text-align: left;
  padding-left: 12px;
  margin-bottom: 10px;
  line-height: 20px; }
#menuD #information .infoboxCorps .boxText a{ padding: 2px 8px; text-decoration:none; font-weight: bold; text-transform:uppercase; font-size:1.25em; color: Black; }
#menuD #information .infoboxCorps .boxText a:hover{
  background-color: #6F5430;
  color:#EFA34A; }
#menuD #information .infoboxCorps .infoBoxHeading{
  height: 130px;
  width: 219px;
  background-image: url(../images/infoBoite.jpg);
  color: transparent; }
#menuD #nouv .infoboxCorps .infoBoxHeading{ height: 123px; background-image: url(../images/nouvBoite.jpg); color: transparent; }
#menuD #nouv .infoboxCorps .infoBoxHeading a{ color: transparent; padding: 20px 89px 100px; }

#menuD .infoboxCorps .boxText .modVM{ font-size: 0.9em;}

#contenu #conten{
  padding: 10px 25px 0px 5px; }

#contenu .infoboxheading { color: #990000; font-size: 1.4em; font-weight:bold; font-variant:small-caps; margin: 40px 0; padding-bottom:1.3em; border-top: 2px dashed #990000; border-bottom: 2px dashed #990000; }

#contenu .infoboxCorps .smalltext{ float:left; margin-top: 10px; width: 201px; height: 210px; text-align:center; }

#menuD .panier .boxText .a{ margin: 4px 0; }

/**
* Affichage des prix
**/

.productPrice { font-weight:bold; white-space: nowrap;
  font-size: 3em; }
.product-Old-Price { text-decoration:line-through;
  font-size: 1.5em;
  font-weight: bold;
  line-height: 1.1em; }
.productNewPrice { color: #2654CF;
  font-weight:bold;
  font-size: 3em;
  line-height: 1.1em; }
.remise{
  font-style:italic;
  font-size: 0.8em; }

/*Prix dans la colonne de droite*/
#menuD .productPrice{ font-weight:bold; font-size: 1.2em; }
#menuD .product-Old-Price, #contenu div.produitSimple .product-Old-Price{ text-decoration:line-through;font-size: 0.8em; }
#menuD .productNewPrice, #contenu div.produitSimple .productNewPrice {font-size: 1.3em; }

/*prix dans le listing*/
.boiteProduit .productPrice, #contenu .produitSimple .productPrice{ font-weight:bold; font-size: 1em; float: left; height: 35px;}
.boiteProduit .panierListing, #contenu .produitSimple .panierListing{ float:right; }
.boiteProduit .product-Old-Price { text-decoration:line-through; font-size: 0.75em; line-height: 0.8em; }
.boiteProduit .productNewPrice { font-size: 1.2em; line-height: 0.8em; }

#menuD .remise, .boiteProduit .remise{ display: none; visibility: hidden; }



/**
 * Listing categories
 **/
.affCategorie{
  float: left;
  width: 116px;
  height:80px;
  margin: 0px;
  padding: 2px;
  font-size: 0.8em;
  text-align: center;
}
.affCategorie img{
  width: 100px;
}
div.cat200 .affCategorie{
  width: 82px;
  height:152px;
}
div.cat200 .affCategorie img{
  width: 80px;
  height: 118px;
}

/**
 * Listing Produit
 **/
.nomCateg{
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1.3em;
  color: #990000;
}
.produitSimple{
  border:1px solid #555;
  text-align:center;
  margin: 3px;
  padding-bottom: 5px;
 }
#menuD  .produitSimple{
  margin:3px -6px 3px 3px;
  padding: 0px;
 }

#contenu .boiteProduit{ float:left; width: 124px; min-height:235px; height: 235px; margin: 4px; border:1px solid; padding: 0px; }

.boiteProduit a { text-decoration: none; margin:0;padding:0; }

#contenu .prod-image{ height: 148px; margin: 0px; padding: 0px; text-align: center; }

#contenu .prod-nom{ text-align:center; height:20px; }

#contenu .prod-px{ color:#990000; float:left; font-size:1.3em; font-weight:bold; margin-top: 0px; width: 100%; height:35px; }
#contenu .prod-px a{ font-size:0.8em; font-weight:normal; }
#contenu .prod-achat{ float:right; }

#contenu .pInfosb{
  width: 120px; border: 2px solid #662022;
  min-height:46px; }

#contenu .pInfosb h2{
  font-size:0.8em;
  text-decoration: none;
  margin: 0px;
  text-align: center; }

#menuD .pInfosb{ border: 1px solid #662022; }
#menuD .pInfosb h2{ font-size:0.8em; text-decoration: none; margin: 0px; text-align: center; }

/**
 * fiche Produit
 **/

#contenu .ficheProd .image{ margin: 8px 3px;
  text-align: center; }
#contenu .ficheProd .image img{
  padding: 2px; border:2px solid; }

#contenu .ficheProd .extra{ float:left; margin: 8px 3px; }

#contenu .ficheProd .descr{ float:left; width:100%; margin-top:20px; font-size: 1.2em; color:#090909; line-height: 1.1em;  }
#contenu .ficheProd .descr h5{ font-size: 1.4em; color:maroon; text-transform: uppercase; text-decoration:underline; line-height: 1.1em; }
#contenu .ficheProd .descr h6{ font-size: 1.2em; color: #354C5F; font-style: italic; text-decoration: underline; line-height: 1.1em; }

#contenu .ficheProd .achat{ float:right; width:160px; margin-top:20px; text-align:right; }

#contenu .ficheProd .prix{ margin: 5px 0 ; padding:8px 4px 2px 6px; border: 1px solid #a10303; background-color: #C29E50; text-align:right; color: #a10303; }

#contenu .ficheProd .achat input { width:154px; height:122px; border:none; background-image: url(../images/button_in_cart.jpg); background-position: left top; background-repeat: no-repeat; }

.detailJx{ width:250px; border: 1px dashed #395722; margin:4px; padding:2px; text-align:left; color: #395722; }
.detailJx tr{ padding:4px 0; }
.detailJx th { border: 1px dotted #395722; margin:4px; padding:2px; font-style:italic; text-decoration:underline; }

.detailJx td{ font-weight:bold; margin:4px; padding:2px; border: 1px dotted #203A0E; color: #203A0E; }
.detailJx caption{ padding: 2px 2px 0 0; border-top: 1px solid #FFFF00; border-left: 1px solid #FFFF00; border-right: 1px solid #FFFF00; text-align:right; color:#FFFF00; }

#navigation{ text-align:right; }

.cellAddToCart{ text-align: right; height: 90px; vertical-align: bottom;}
.cellAddToCart .vmCartContainer{
  margin: 0;
}
.disponibilite{
  margin: 5px 0;
  color:#A10303;
  font-size: 1.2em;
}

/**
 * Elements element de controle
 */
.clr{ width:0; height:0; clear:both; width: 0; height: 0;line-height: 0px; font-size: 0px; }
.clrL{width:0; height:0; clear:left; width: 0; height: 0;line-height: 0px; font-size: 0px; }

.ligneHR{ width:95%;
  height:2px;
  margin-top: 8px;
  border-color: #662022;
  border-style: dashed;
  border-width: 4px 0 0 0; }
.gau{ text-align:left; }
.doi{ text-align:right; }
.cen{ text-align:center; }

#listeCat .smallText{ float:left; width:130px; height-min:210px; height: 105px; margin: 8px 0; }

/**
 * Menu deroulant des categories
 */
/************************
Positionnnement des menus
************************/

/*********************
distinction horizontal
*********************/
div.horizontal{ 
  width:100%;
  margin-left:0px; }
div.horizontal ul li{ 
  float:left; }
div.horizontal ul li a{
  display:block;
  height:36px; }
div.horizontal ul li ul {
  left: 17px;
  top: 34px; }

/************
menu niveau 0
************/

/** definition du menu **/
div.listemenu ul li{
  width: 154px;
  position:relative;
  list-style-type: none;
  height:36px; }
div.listemenu ul li.debut,
div.listemenu ul li.fin{
  width: 0px; }
div.listemenu ul li a {
  color: transparent;
  font-size: 0px;
  text-decoration: none;
  background-image: url(../images/bout_onglet.png);
  background-repeat: no-repeat; }

div.listemenu ul li#cat1   a{ background-position:0 0px;}
div.listemenu ul li#cat156 a{ background-position:-154px 0px;}
div.listemenu ul li#cat187 a{ background-position:-308px 0px;}
div.listemenu ul li#cat200 a{ background-position:-462px 0px;}
div.listemenu ul li#cat243 a{ background-position:-615px 0px;}
div.listemenu ul li#cat250 a{ background-position:-769px 0px;}
div.listemenu ul li#cat1   a:hover{ background-position:0 -39px;}
div.listemenu ul li#cat156 a:hover{ background-position:-154px -39px;}
div.listemenu ul li#cat187 a:hover{ background-position:-308px -39px;}
div.listemenu ul li#cat200 a:hover{ background-position:-462px -39px;}
div.listemenu ul li#cat243 a:hover{ background-position:-615px -39px;}
div.listemenu ul li#cat250 a:hover{ background-position:-769px -39px;}

div.listemenu ul li#cat250{display: none; }
/*
 *fin onglet
 */

/**
page d'accueil
**/
.article_row{}
    .article_row .cols2{width: 49.9%;}
    .article_row .cols3{width: 30%;}
    .article_row .article_column{ float:left;}

.column1 {padding-right: 5px; border-right: 1px solid Black;}
.column2 {padding:0 5px; border-left: 1px solid Gray; border-right: 1px solid Gray;}
.column3 {padding-left: 5px; border-left: 1px solid Black;}

.article_column h2.contentheading{ background-color:#A10303; color: White;font-size: 1.2em;text-decoration: none; text-align: center;}
.article_row .article_separator{ display: none; font-size: 0; line-height: 0; margin: 0; padding:0;}

.article_row .boite{ clear:both;}
.article_row .produitSimple{
    width: 124px;
    height: 215px;
    float:left;
}

/**
enregistement client
**/
.stretcher{ width: 45%; float: left; padding: 5px; border: 1px solid Gray;}
#register_stretcher{ margin-right: 10px;}

.addtocart_button_module {
	text-align:center;
	background-position:bottom left;
	width:33px;height:32px;
	cursor:pointer;
	color: #000000;
	border: none;
	font-weight:bold;
	font-family:inherit;
	background: url( '../images/boutons/button_buy_now.gif' ) no-repeat  center transparent;
	vertical-align: middle;
	overflow:hidden;
}

input.addtocart_button_module:hover  {
	color: #333333;
}

/* rajout mootool */
.cbOverlay { background-color: #000; }

.cbContainer { padding:5px; background-color:white; border: 2px solid gray; }
.cbBox h3 { font-size:1.4em; margin-top:0px; padding-top: 3px; vertical-align: middle; text-align:center; background-color:#ccc; background-image: url( header-background.png ); }
.cbBox p { margin:3px; }
.cbBox, .cbButtons { text-align:center; }
.cbButton { margin: 3px; }
.cbCloseButton { background: url( close.gif ) no-repeat; width: 16px; height: 16px; position:absolute; top: 9px; right:5px; cursor: pointer; }

#nuancier{
	width: 100%;
	background-color: transparent;
	border-spacing: 5px;
}
#nuancier td{
	padding: 3px;
}

.contact_address{
  font-weight: bold;
}