*, body, html {	
  margin: 0; 
  padding: 0; 
  border: 0; 	
  font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: #d7b963;
}
/*div {border: solid 1px grey;}
p {border: solid 1px grey;}
span {border: solid 1px grey;}*/
body {
 	background-color: rgb(114,32,18);
  /*background: url("../images/bt/bgr.gif") repeat transparent;*/
}
h1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 24pt;
	color: #d7b963;
	margin-top: 20px;
	margin-bottom: 10px;
	text-align: center;
	width: 670px;
}
h2 {
	font-size: 11pt;
	color: #d7b963;
	margin-top: 0px;
	margin-bottom: 0px;
}
h2 a {font-size: 11pt;}
a {
	text-decoration: none;
	color: #d7b963;
}
a:hover {
	text-decoration: underline;
	color: white;
}
input {
  font-size: 8pt;
 	border: 1px solid #d7b963;
 	color: black;
}
textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
	color: black;
}
a.bt_or {
  float: left;
  text-align: center;
  font-size: 11pt;
  font-weight: bold;
	color: yellow;
  background-image: url(../images/bt/bg_green1.jpg);
 	border: 1px solid #d7b963;
  width: 100px;
  height: 20px;
  margin-top: 3px;
  margin-bottom: 2px;
  margin-left: 10px;
  margin-right: 10px;
}
a.bt_or:hover {
  background-image: url(../images/bt//bg_green2.jpg);
  color: white;
  text-decoration: none;
}
a.bt_or_150 {
  float: right;
  text-align: center;
  font-size: 12pt;
  font-size: 12pt;
	color: yellow;
  background-image: url(../images/bt/bg_green301.jpg);
 	border: 1px solid #d7b963;
  width: 150px;
  height: 30px;
}
a.bt_or_150 p {
  margin-top: 5px;
  font-size: 12pt;
	color: yellow;
}
a.bt_or_150:hover {
  background-image: url(../images/bt/bg_green302.jpg);
  text-decoration: none;
}
a.bt_or_150:hover p {
	color: white;
}
a.bt_or_250 {
  float: right;
  text-align: center;
  font-size: 12pt;
  font-weight: bold;
  background-image: url(../images/bt//bg_green501.jpg);
 	border: 1px solid #d7b963;
  width: 250px;
  height: 50px;
}
a.bt_or_250 p {
  margin-top: 15px;
  font-size: 12pt;
	color: yellow;
}
a.bt_or_250:hover {
  background-image: url(../images/bt//bg_green502.jpg);
  text-decoration: none;
}
a.bt_or_250:hover p {
	color: white;
}
div#bodypage {
 	position: relative;
 	/*float: middle;*/
  margin:5px auto;
	width: 980px;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 8pt;
}
/* mise en page du bandeau et de ses composants*/
div#bandeau {
 	position: relative;
 	border: 1px solid #d7b963;
	height: 140px;
	text-align:  left;
	vertical-align: bottom;
	margin-bottom: 5px;
}
/* mise en page de la zone de données */
div#donnees {
 	float: right;
	width: 830px;
	font-size: 8pt;
	text-align: left;
}
/* mise en page de la zone de navigation */
div#navigation {
 	position: relative;
	height: 16px;
	background-image: url(../images/bt/bgh.jpg);
 	border: 1px solid #d7b963;
	font-size: 8pt;
	font-weight: bold;
	color: #d7b963;
	margin-bottom: 5px;
	padding-left: 5px;
	margin-left: 5px;
}
/* mise en page de la zone de données */
div#page {
 	float: left;
	width: 674px;
	
}
/* mise en page de la zone verticale droite */
div#zoneVD {
	float: left;
	width: 150px;
	font-size: 8pt;
	text-align: left;
}
/* mise en page du menu vertical */
div#menuV {
 	float: right;
	width: 150px;
	font-size: 8pt;
}
div#menuBP {
	float: right;
	width: 980px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 15px;
  border-top: solid 1px #1767ac;;
}
div#menuBP p {
  margin-top:10px;
}
span.erreur, p.erreur {
  font-weight: bold;
  color: rgb(255,0,0);
}
span#ident {
  /* font-weight: bold;*/
  font-size: 8pt;
  color: white;
}
div#qfind {
	background-image: url(../images/bt/bgh.jpg);
 	border: 1px solid #d7b963;
	font-weight: bold;
	color: #d7b963;
	margin-bottom: 5px;
	padding-left: 5px;
	height: 42px;
}
div#qfind input {
  width: 140px;
}
div#qfind a {
	font-size: 9pt;
	color: #d7b963;
  padding-left: 110px;
  padding-top: 5px;
}
div#qfind a:hover {
  color: white;
}
div#bandeau h1 {
	position: absolute;
	top: 96px;
	left: 195px;
	z-index: 2;
	text-align: left;
	font-size: 12pt;
	color: #d7b963;
}
div#bandeau img {
	z-index: 1;
}
div#navigation a {
  color: #d7b963;
	font-weight: bold;
  text-decoration: underline;
}
div#navigation a:hover {
  color: white;
}
a#titre_bandeau {
	position: absolute;
	top: 47px;
	left: 176px;
	z-index: 2;
	font-family: algerian;
	text-align: center;
	font-size: 36pt;
	color: #d7b963;
}
div#bandeau a:hover {
  text-decoration: none;
}
img#logo_cb {
	position: absolute;
	top: 8px;
	left: 440px;
	z-index: 2;
}
img#troisxsansfrais {
	position: absolute;
	top: 50px;
	left: 540px;
	z-index: 2;
}
span#hotline {
	position: absolute;
	top: 6px;
	left: 15px;
	font-size: 12pt;
	font-weight: bold;
	color: #d7b963;
	z-index: 3;
}
span#hotline2 {
	font-size: 10pt;
	font-weight: normal;
}
div#menuV h3 {
	color: #d7b963;
	top: 5px;
  text-align: center;
	font-size: 8pt;
	font-weight: bold;
	line-height: 1.5em;
	background-image: url(../images/bt/bgh.jpg);
	border: 1px solid #d7b963;
	margin-top: 5px;
	margin-bottom: 0px;
}
div#menuV h3 a {
	color: #d7b963;
	/*padding-left: 3px;*/
}
div#menuV h3:hover {
	color: white;
	background-image: url(../images/bt/bgv.jpg);
}
div#menuV h4 {
	font-size: 10pt;
	font-weight: normal;
	width: 150px;
	line-height: 1em;
  text-align: center;
	color: #d8ba64;
	/*padding-left: 3px;*/
}
div#menuV h4 a {
	font-size: 9pt;
}
p#codart {
  text-align: center;
}
/* mise en forme des éléments catégories */
div.categorie {
	float: left;
	margin: 8px;
	background-image: url(../images/bt/bgh.jpg);
 	border: 1px solid #d7b963;
	width: 200px;
	height: 160px;
	font-size: 8pt;
	text-align: center;
}
/*div.categorie:hover {
	background-image: url(../images/bt/bg_cat_hover.jpg);
}*/
div.categorie h2 {
	margin-bottom: 10px;
}
div.categorie p {
	margin-top: 7px;
}
div.categorie img {
	margin-top: 12px;
}
div.articles {
	float: left;
	background-image: url(../images/bt/bgh.jpg);
 	border: 1px solid #d7b963;
	width: 660px;
  height: 125px;
  margin-bottom: 10px;
  margin-left: 5px;
}
/*div.articles:hover {
	background-image: url(../images/bt/bg_arts_hover.jpg);
}*/
div.articles h2 {
	margin-left: 10px;
	margin-bottom: 2px;
}
div.articles div.images {
	float: left;
	width: 100px;
	margin-left: 10px;
}
div.articles div.tarif {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: 16pt;
	text-align: center;
}
span.prix, span#prix {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: 16pt;
	text-align: center;
	color: #b9b975;
}
span.prix_barre, span#prix_barre {
	float: left;
	width: 120px;
	margin: 0;
	padding: 0;
	font-size: 11pt;
	text-align: center;
	color: #b9b975;
	text-decoration: line-through;
	/*background-image: url(../images/bt/barre.gif);*/
}
span#pourcent {
  float: left;
  text-align: center;
  font-size: 12pt;
  /*font-weight: bold;
	color: black;*/
  width: 100px;
  margin-left: 10px;
  margin-right: 10px;
}
img.tarif {
	margin-top: 2px;
}
div.articles div.article_desc {
	float: left;
	margin-left: 10px;
	width: 400px;
}
div.eco_taxe, span#eco_taxe {
	font-size: 9pt;
	font-weight: bold;
	color: rgb(34,139,34);
}
p.zone_port {
	font-size: 10pt;
	font-weight: bold;
	color: rgb(220,20,60);
	margin-top: 5px;
	margin-bottom: 5px;
}
p#prix_livraison, p#delai, p#p3x,
p.prix_livraison, p.delai, p.p3x {
	font-size: 10pt;
	font-weight: bold;
	color: #b9b975;
	margin-top: 5px;
	margin-bottom: 5px;
}
p#prix_livraison,p.prix_livraison {
	color: #b9b975;
}
p.zone_desc {
	font-size: 10pt;
	margin-top: 5px;
}
p.mp_titre{
	text-align: right;
	font-weight: bold;
	color: #d7b963;
	padding-right: 5px;
	padding-bottom: 5px;
}
div#promo {
	background-image: url(../images/bt/bgv.jpg);
	border: 1px solid #d7b963;
	text-align: right;
	color: #d7b963;
}
div#pr_dsg {
	font-weight: bold;
	text-align: center;
}
div#promo p#pr_img {
	text-align: center;
	margin-top: 5px;
}
div#promo p#pr_desc {
  /*background-color: #ffff74;*/
	font-size: 8pt;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
div#promo p#pr_prix_barre {
	/*background-image: url(../images/bt/bg_promo_prix_barre.jpg);*/
  /*background-color: #ffff74;*/
	height: 14px;
	font-size: 10pt;
	/*font-weight: bold;*/
	text-decoration: line-through;
	text-align: left;
	padding-left: 5px;
	padding-right: 5px;
}
div#promo p#pr_prix {
	font-weight: bold;
	font-size: 12pt;
}
div#apanier {
  margin-top: 5px;
	background-image: url(../images/bt/bgv.jpg);
	border: 1px solid #d7b963;
}
div#apanier p.mp_titre {
	margin-top: 5px;
}
div#apanier p#ap_art {
	font-size: 7pt;
	padding-left: 3px;
	padding-right: 2px;
}
div#apanier p#ap_prx_ligne {
	padding-left: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	text-align: right;
	font-weight: bold;
	font-size: 8pt;
}
div#apanier p#ap_total, div#apanier p#ap_total_valid {
	height: 16px;
	font-weight: bold;
	text-align: right;
	padding-top: 2px;
	padding-right: 5px;
	font-size: 8pt;
}
p#bt_valider_panier {
	background-image: url(../images/bt/bg_green301.jpg);
	border: 1px solid #d7b963;
	color: yellow;
	width: 125px;
	height: 20px;
	font-size: 12pt;
	margin: 5px;
	padding:5px;
	text-align: center;
	font-weight: bold;
}
p#bt_valider_panier:hover {
	background-image: url(../images/bt/bg_green302.jpg);
	color: white;
	text-decoration: none;
}
div#moncpte {
	background-image: url(../images/bt/bgv.jpg);
	border: 1px solid #d7b963;
	height: 120px;
	margin-top: 5px;
	padding-left: 5px;
}
div#article h1 {
  font-size: 18pt;
}
div#zone_photos {
  float: left;
  text-align: center;
  margin: 5px; 
  width: 200px;
}
div#zone_photos img {
 margin-top: 15px;
}
p#zpa {
 width: 200px;
 height: 220px;
 margin-bottom: 5px;
}
div#zoom {
  position: absolute;
}
div#zoom div {
  border: solid 1px #d7b963;
  z-index: 100;
}
div#zoom p {
  position: absolute;
  color: rgb(176,176,176);
  width: 200px;
  text-align: center;
}
div#bullets {
  float: left;
  width: 670px;
  font-size: 9pt;
  margin-top: 30px;
  margin-left: 5px;
}
div#bullets ul {
  list-style-image: url(../images/bt/bullet.gif);
}
div#bullets li {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 30px;
}
div#descart {
  margin-top: 20px;
  margin-left: 5px;
  float: left;
  width: 670px;

}
div#descart h2 {
  margin-top: 10px;
  margin-left: 5px;
  margin-bottom: 5px;
}
div.zone_options {
  font-size: 10pt;
  float: left;
  margin-top: 5px;
  margin-left: 5px;
  padding: 5px;
}
div.zone_options p{
  font-size: 8pt;
  margin-top: 5px;
}
div.zone_options p:hover{
  text-decoration: underline;
}
div#titre_options {
  float: left;
  width: 450px;
  margin-top: 15px;
  margin-left: 5px;
  font-size: 10pt;
  text-align: left;
  font-weight: bold;
  color: #d7b963;
}
select {
 	border: 1px solid #d7b963;
 	color: black;
  font-size: 8pt;  
}
option {
 	color: black;
  font-size: 8pt;  
}
table#tb_panier {
  border-collapse: collapse;
  margin: 3px;
	border: 1px solid #d7b963;
}
tr.tb_pan_titre {
  background-image: url(../images/bt/bgh.jpg);
}
table#tb_panier tr.tb_pan_titre td {
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #d7b963;
}
table#tb_panier tr.tb_pan_totaux td {
  font-weight: normal;
  border: 0px;
}
table#tb_panier p.ref {
  font-size: 7pt;
  color: rgb(0,0,255);
}
table#tb_panier td.ref {
  text-align: left;
}
table#tb_panier td {
  border: solid 1px #d7b963;
  padding: 5px;
  text-align: right;
  vertical-align: top;
}
table#tb_panier tr.liv td {
  text-align: left;
  /*background-color: rgb(185,210,232);*/
}
table#tb_panier p.eco_taxe {
	font-size: 7pt;
	color: rgb(34,139,34);
	margin-top: 8px;
}
table#tb_panier p.ref_art {
	margin-top: 5px;
}
table#tb_panier input {
  font-size: 8pt;
 	border: 1px solid #d7b963;
 	color: black;
}
table#nobord td {
  border: 0px;
  text-align: left;
  padding-left: 15px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}
table#nobord input {
  border: 0px;
}
div#panier_cpte {
  border: solid 1px #d7b963;
  background-color: #4a1801;
  padding: 5px;
  /*width: 658px;*/
  margin-top: 10px;
  margin-left: 3px;
  margin-right: 3px;
}
div#panier_cpte strong{
  font-size: 12pt;
}
div#panier_cpte div {
  float: left;
  margin-left: 20px;
  margin-bottom: 10px;
}
div#panier_cpte td {
  vertical-align: top;
  padding-bottom: 5px;
}
div#panier_cpte input,textarea {
  border: solid 1px #d7b963;
}
div#panier_cpte input.nobord {
  border: 0px;
}
div#panier_ident {
  float: left;
}
div#panier_ident p{
  margin-top: 20px;
  color: #7aea1f;
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
  width: 670px;
  
}
div#pi_nouveau {
  float: left;
	background-image: url(../images/bt/bg_nouveau_client.jpg);
  border: solid 1px #d7b963;
	margin-top: 15px;
	margin-left: 50px;
	width: 250px;
	height: 180px;
}
div#pi_ancien {
  float: left;
	background-image: url(../images/bt/bg_deja_client.jpg);
  border: solid 1px #d7b963;
	margin-top: 15px;
	margin-left: 50px;
	width: 250px;
	height: 180px;
}
div#panier_ident table {
  margin-top: 50px;
  margin-left: 5px;
}
div#panier_paie {
  border: solid 1px #d7b963;
  background-color: #4a1801;
  padding: 5px;
  /*width: 658px;*/
  margin-top: 10px;
  margin-left: 3px;
  margin-right: 3px;
}
div#panier_paie strong{
  font-size: 12pt;
}
div#video {
  float: left;
  width: 670px;
  text-align: center;
  margin-top: 20px;
  z-index: 1;
}
div#io {
  position: absolute;
  z-index: 50;
  left: 0px;
  top: 580px;
}
div#io img{
  border: solid 1px black;
}
div#conf_cmd p {
  margin: 5px;
}
table.tbstd {
  border-collapse: collapse;
  margin: 10px;
}
table.tbstd td {
  border: solid 1px black;
}
table.tbstd p {
  margin: 5px;
}
div#article_admin {
  float: left;
  background-color: rgb(255,204,153);
  color: black;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 2px;
  margin-right: 1px;
}
div#article_admin a {
  color: black;
}
div#article_admin td {
  color: black;
}
div#article_admin p {  
  color: black;
  margin: 5px;
}
div#descart table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
}
div#descart td {
  border: 1px solid black;
  text-align: right;
  padding: 3px;
}
div.ext1 h1,div.ext1 h2,div.ext1 h3 {
  margin-top: 5px;
  margin-bottom: 3px;
}
div.ext1 p {
  margin-top: 3px;
  margin-bottom: 2px;
}
div.ext1 li {
  margin-left : 12px;
  margin-top: 3px;
  margin-bottom: 2px;
}
div#cmd {
  margin: 3px;
}
p.accueil {
  text-align: center;
  font-size: 11pt;
}
p.accueil1 {
  text-align: center;
  font-size: 20pt;
  color: yellow;
}
div#cb_box {
  text-align: center;
  margin: 5px;
}
div.msg2 {
  text-align: center;
  font-size: 10pt;
  margin: 5px;
  padding: 3px;
  color: yellow;
  background-image: url(../images/bt/bgh.jpg);
  border: 2px solid yellow;
}
div#cgv, div#quisommesnous {
  margin: 5px;
}