﻿body
{
  margin: 0;
  background-image: url(/images/background.jpg);
  background-repeat: repeat-x;
  background-position: top center;
  background-color: #2A2320;
  text-align: center;
	font-family:trebuchet MS;
	font-size:12px;
	color:#fff;
	/*line-height:1.3em;*/
}

h1
{
  margin: 0;
  padding-bottom: .4em;
  padding-top: .1em;
  font-size: 26px;
  font-weight: normal;
}
h2
{
  margin: 0;
  padding-bottom: .4em;
  font-size: 18px;
  font-weight: bold;
  color: #A83E0F;
}
h3
{
  margin: 0;
  padding-bottom: .3em;
  font-size: 14px;
}
h4
{
  margin: 0;
  padding-bottom: .3em;
  font-size: 13px;
  font-weight: bold;
}
h4 a, h4 a:hover
{
  text-decoration: none;
}
h5
{
  margin: 0;
  padding-bottom: .3em;
  font-size: 12px;
}
h6
{
  margin: 0;
  padding-bottom: .3em;
  font-size: 11px;
  font-weight: normal;
}

p
{
  margin: 0;
  padding-bottom: .3em;
  font-size: 12px;
}

a:link
{
  color: #FF4D00;
  text-decoration: none;
}
a:visited, a:active, a:hover
{
  color: #FF4D00;
  text-decoration: none;
}

div
{
  margin: 0;
  padding: 0;
}

table
{
  width: 100%;
}
th
{
  margin: 0;
  padding: 0;
}
td
{
  margin: 0;
  padding: 0;
}

form
{
  margin: 0;
}
textarea, input, select
{
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000000;
  border: 1px solid #000000;
  border-bottom: 1px solid #534A47;
  border-right: 1px solid #534A47;
  color: #FFFFFF;
  padding: 2px 4px 3px;
  text-transform: none;
  font-size: 11px;
}

img
{
  border: none;
}

ol
{
}
ul
{
  margin: 0;
  padding: 0;
  font-size: 12px;
  list-style: none;
  }
li
{
  margin: 0;
  font-size: 12px;
  list-style: none;
}

ol
{
}

.label
{
  vertical-align: top;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  width: 100px;
}
.case
{
  padding: 0 15px 30px 20px;
}
.case2
{
  padding: 0px 20px 50px 0px;
}

.butt_1
{
  display: inline-block;
  /*width: 75px;
  height: 20px;*/
  width: 90px;
  height: 27px;  
  text-align: center;
  /*padding-right: 15px;
  padding-top: 7px;*/
  background-image: url(/images/butt_1.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.butt_1 a:visited, .butt_1 a:link
{
  color: #FFF;
  text-decoration: none;
  padding-right: 15px;
  padding-top: 7px;
  display:block;
  width: 75px;
  height: 20px;    
}
.butt_1:hover
{
  background-image: url(/images/butt_1_hover.png);
}
.butt_2
{
  display: inline-block;
  width: 85px;
  height: 20px;
  text-align: center;
  padding-right: 15px;
  padding-top: 7px;
  background-image: url(/images/butt_2.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.butt_2 a:visited, .butt_2 a:link
{
  color: #FFF;
  text-decoration: none;
}
.butt_2:hover
{
  background-image: url(/images/butt_2_hover.png);
}
.butt_3
{
  display: inline-block;
  width: 95px;
  height: 20px;
  text-align: center;
  padding-right: 15px;
  padding-top: 7px;
  background-image: url(/images/butt_3.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.butt_3 a:visited, .butt_3 a:link
{
  color: #FFF;
  text-decoration: none;
}
.butt_3:hover
{
  background-image: url(/images/butt_3_hover.png);
}
.butt_4
{
  display: inline-block;
  width: 105px;
  height: 20px;
  text-align: center;
  padding-right: 15px;
  padding-top: 7px;
  background-image: url(/images/butt_4.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.butt_4 a:visited, .butt_4 a:link
{
  color: #FFF;
  text-decoration: none;
}
.butt_4:hover
{
  background-image: url(/images/butt_4_hover.png);
}
.butt_5
{
  display: inline-block;
  width: 115px;
  height: 20px;
  text-align: center;
  padding-right: 15px;
  padding-top: 7px;
  background-image: url(/images/butt_5.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.butt_5 a:visited, .butt_5 a:link
{
  color: #FFF;
  text-decoration: none;
}
.butt_5:hover
{
  background-image: url(/images/butt_5_hover.png);
}
.butt_6
{
  display: inline-block;
  width: 125px;
  height: 20px;
  text-align: center;
  padding-right: 15px;
  padding-top: 7px;
  background-image: url(/images/butt_6.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
}
.butt_6 a:visited, .butt_6 a:link
{
  color: #FFF;
  text-decoration: none;
}
.butt_6:hover
{
  background-image: url(/images/butt_6_hover.png);
}
.butt_cart
{
  display: inline-block;
  width: 85px;
  /*width: 120px;*/
  height: 20px;
 /* height: 27px;*/
  text-align: center;
  padding-right: 35px;
  padding-top: 7px;
  background-image: url(/images/butt_cart.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  text-decoration:none;
  color:#fff;
  margin-top:10px;
}
a:active.butt_cart, a:visited.butt_cart , a:link.butt_cart{
    color:#FFFFFF;
    display:inline-block;
    height:20px;
    padding-right:35px;
    padding-top:7px;
    text-decoration:none;
    width:85px;
}

.container_small .butt_cart:hover
{
  background-image: url(../images/butt_cart_hover.png);
  color:#fff;
}

.butt_cart2
{
  display: inline-block;
  width: 85px;
  /*width: 120px;*/
  height: 20px;
 /* height: 27px;*/
  text-align: center;
  padding-right: 35px;
  padding-top: 7px;
  background-image: url(/images/butt_cart.png);
  vertical-align: top;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  text-decoration:none;
  color:#fff;
 /* margin-top:10px;*/
}
/*a:active.butt_cart2, a:visited.butt_cart2 , a:link.butt_cart2{
    color:#FFFFFF;
    display:inline-block;
    height:20px;
    padding-right:35px;
    padding-top:7px;
    text-decoration:none;
    width:85px;
}*/

.butt_cart2:hover
{
  background-image: url(../images/butt_cart_hover.png);
  color:#fff;
}

a:active, a:visited , a:link{
    color:#FFFFFF;
    text-decoration:none;
}

#main
{
  width: 970px;
  margin: 0 auto 20px;
  display: inline-block;
}

/* Header */

#header
{
  height: 100px;
  background-repeat: no-repeat;
  background-image: url(/images/menu_background.png);
  /*margin-bottom: 20px;*/
}
#header #logo
{
  margin: 10px 0 0 25px;
  width: 206px;
  height: 90px;
  float: left;
}
#header ul
{
  float: left;
  margin-top: 10px;
}
#header li
{
  float: left;
}
#header li a
{
  height: 46px;
  margin-left: 30px;
  float: left;
  background-image: url(/images/header_menu_butt.png);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 16px 0 0 20px;
  text-align: left;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
}
#header li a:hover
{
  background-image: url(/images/header_menu_butt_hover.png);
}
#header #tools
{
  height: 75px;
  clear: both;
  text-align: left;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  color: #FF4D00;
  float: left;
  text-align: left;
  width: 100%;
}
#header #tools .sep
{
  padding-right: 15px;
  margin-right: 15px;
  border-right: 1px solid #746E6C;
  float: left;
}
#header #tools #brands, #header #tools #currencies
{
}
#header #tools #languages
{
  float: right;
  margin-top: 3px;
}

/* Footer */

#footer
{
  clear: both;
  height: 50px;
  background-image: url(/images/menu_background.png);
  background-repeat: no-repeat;
  background-position: center bottom;
  padding: 20px 25px;
  text-align: left;
  color: #7B6D69;
  display: inline-block;
  width: 970px;
}
#footer li
{
  list-style: disc;
  float: left;
  font-size: 11px;
  margin-left: 19px;
}
#footer #first
{
  list-style: none;
}
#footer a:link, #footer a:visited, #footer :active, #footer a:hover
{
  color: #7B6D69;
}


/* Sidebar */

#sidebar
{
  float: left;
  width: 231px;
  margin: 0 0 10px;
  text-align: left;
}
#sidebar .menu
{
  background-image: url(/images/sidebar_menu_background.png);
  background-position: bottom;
  padding-top: 10px;
  margin-bottom: 10px;
}
#sidebar .menu .title
{
  width: 218px;
  height: 27px;
  margin-left: -10px;
  background-image: url(/images/sidebar_title_background.png);
  color: #000000;
  margin-bottom: 10px;
  padding: 6px 0 0 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  display: inline-block;
}
#sidebar .menu a
{
  color: #FFFFFF;
  display: inline-block;
}
#sidebar .menu li
{
  background: url(/images/bullet.png) no-repeat;
  padding:4px 0 1px 30px;/* padding: 4px 0 0 30px;*/
  /*height: 25px;*/
  font-size: 13px;
  /*display: inline-block;*/
}

#sidebar .menu .liste_promo li
{
  background: url(/IMGS/bg_list.gif) no-repeat;
  padding:4px 0 0 30px;/* padding: 4px 0 0 30px;*/
  /*height: 25px;*/
  font-size: 13px;
  /*display: inline-block;*/  
  margin:0 0 10px 0;
}

#sidebar .menu .liste_promo li a{display:block;border-bottom:1px solid #FB7033;padding:0 0 5px 0;}


#sidebar .menu li a{
  margin-bottom:8px;
 }
#sidebar .sub li
{
  background: none;
  margin: 0 0 0 10px;
  padding:5px 0 5px 0;
  /*height: 20px;*/
  font-size: 14px;
  color: #000000;
  font-size: 12px;
  border-bottom: 1px solid #FB7033;
  width: 131px;
  display: inline-block;
}
#sidebar .sub li a
{
  color: #000000;
  display: inline-block;
  margin:0;
}
#sidebar .menu_bis
{
  background-image: url(/images/sidebar_menu_bis_background.png);
  background-position: bottom;
  padding-top: 10px;
  margin-bottom: 10px;
  display: inline-block;
}
#sidebar .menu_bis .title
{
  width: 218px;
  height: 27px;
  margin-left: -10px;
  background-image: url(/images/sidebar_title_bis_background.png);
  color: #000000;
  margin-bottom: 10px;
  padding: 6px 0 0 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 18px;
  display: inline-block;
}
#sidebar .menu_bis a
{
  color: #FFFFFF;
  display: inline-block;
}


/* Content */

#content
{
  float: left;
  margin-left: 20px;
  width: 719px;
  text-align: left;
}
#content.frame
{
  /*background-image: url(/images/content_frame_background.png);
  background-position: bottom;*/
  background:#49403d;
  padding: 10px 0px 0px 0px;
 /* margin-bottom: 10px;*/
}

#main .bottom{background:url(../images/content_frame_background_bas.png) no-repeat top left;width:719px;height:63px;clear:both;margin:0 0 0 20px;}

#content.frame h1
{
  width: 703px;
  height: 27px;
  margin-left: -10px;
  background-image: url(/images/content_title_background.png);
  font-size: 18px;
  padding: 0;
  margin-bottom: 10px;
  padding: 6px 0 0 13px;
  font-weight: bold;
  font-family: Arial, Helvetica, sans-serif;
  color: #fff;
}
#content .sep
{
  border-top: 1px solid #746E6C;
  clear: both;
  margin: 20px 0 15px;
  padding-top: 15px;
  float: left;
}
#content .price
{
  clear: both;
  font-size: 16px;
  font-weight: bold;
}


/* Containers */

.container
{
  height: 300px;
  width: 259px;
  float: left;
  margin: 0 3px 20px;
  text-align: left;
  border-right: 1px solid #716A68;
  display: inline-block;
}
.img
{
  margin-bottom: 10px;
  padding: 21px;
  background-image: url(/images/container_img_background.png);
}
.container a
{
  text-decoration: underline;
  color: #FFFFFF;
}

.container_small
{
  height: 290px;
  /*width: 215px;*/
  width: 200px;
  padding:10px;
  float: left;
  margin-bottom: 20px;
  text-align: center;
  /*border-bottom: 1px solid #716A68;*/
  display: inline-block;
  background:url(../images/tiret_v.gif) repeat-y top right;
}

.img_small
{
  margin:10px 0;
  padding: 15px;
  background-image: url(/images/container_small_img_background.png);
}
.container_small a
{
  text-decoration: none;
  color: #FFFFFF;
}

.container_small a:hover
{
  text-decoration: none;
  color: #FF4D00;
}


/* Table */

.list
{
  margin-bottom: 20px;
}
.list tr
{
  vertical-align: middle;
}
.list td
{
  border-bottom: 1px solid #716A68;
  border-right: 1px solid #716A68;
  padding: 10px;
  vertical-align: top;
  text-align: center;
  font-size: 12px;
  vertical-align: middle;
}
.list th
{
  text-align: left;
  padding: 10px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid #716A68;
}
#cart_total
{
  text-transform: uppercase;
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  padding-right: 15px;
}

/* Others */

#pagination
{
  text-align: right;
  padding: 10px 0;
  clear: both;
}
#pagination a
{
  padding: 4px 5px;
}
#pagination a:hover
{
  padding: 4px 5px;
  color: #FFFFFF;
  background: #D8C9CC;
  border-bottom: none;
}
#pagination .now
{
  padding: 4px 5px;
  color: #FFFFFF;
  background: #D8C9CC;
}


h3.ProduitResume
{
  margin: 0;
  padding-bottom:5px;
  font-size: 12px;
  /*height: 50px;*/
  display: inline-block;
  font-weight:normal;
}

h3.ProduitResume br{display:block;margin-bottom:5px;}

div.ListeProduit
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline-block;
}

input.ChampSaisie
{
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 2px 4px 3px;
  text-transform: none;
  font-size: 11px;
}

textarea.ChampSaisie
{
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 2px 4px 3px;
  text-transform: none;
  font-size: 11px;
}

select.ChampSaisie
{
  font-family: Arial, Helvetica, sans-serif;
  background-color: #000000;
  border: 1px solid #FFFFFF;
  color: #FFFFFF;
  padding: 2px 4px 3px;
  text-transform: none;
  font-size: 11px;
}

span.LabelFront
{
  color: #FFFFFF;
  text-transform: capitalize ; font-variant:small-caps;
  }
  
  
  span.Erreur
  {
  color: #FF4D00;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize ; font-variant:small-caps;    
  }
  
  td.TableauTarif
{
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	color: #FFFFFF;
	width : 100px;
}

td.TableauTarifBold
{
	font-family: Arial;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 12px;
	text-align: center;
}

.prix{text-align:left;width:140px;margin:0 0 0 40px;padding:0;}
.prix span{color:#f8bea5;font-weight:normal;}
.prix .tarif{color:#fff;}
.prix .tarif2{color:#ff4d00;}

ul.arrow{margin:10px 0 0 10px;}
ul.arrow li{background:url(../images/bullet2.png) no-repeat left 5px;margin:0 0 2px 0;padding:0 0 0 10px;}

table td input{background:#4c423f;border:solid 1px #F8BEA5;text-align:center;color:#fff;}

.liste_marque{text-align:center;}
.liste_marque a{display:block;float:left;}
.liste_marque img{margin:10px;display:block;}

.clear {clear:both;line-height:0;font-size:0;padding:0;margin:0;width:0;height:0;}

#content .sep2{background:url(../images/tiret_h.gif) repeat-x;height:1px;margin:10px 0;float:none;border:none;padding:0;}

.formulaire{width:525px;margin:auto;text-align:center;}
.formulaire .champs {clear:both;margin:0 0 10px 0;text-align:left;}
.formulaire .champs div{float:left;}
.formulaire .champs label{display:block;float:left;width:100px;margin:0 5px;}
/*.formulaire .champs input{float:left;}*/
#content .formulaire .sep{background:url(../images/tiret_h.gif) repeat-x;height:1px;margin:10px 0;float:none;border:none;padding:0;}
#content .formulaire div.clear{float:none;}

.visuel{float:left;}

table.liste_produit{margin:0 0 20px 0;}

.picto_secur{margin:20px auto;text-align:center;}

.info{padding:10px;text-align:left;}
.info b{color:#F97B44;}
.info p{font-size:11px;}

.checkoutBarTo{color:#fff;font-size:12px;margin:25px 5px 5px;padding:0 65px;border-top:solid 1px #F97B44;}
.checkoutBarTo div{/*width:25%;*/float:left;height:29px;/*text-align:center;*/padding:10px 0 0 0;}
.checkoutBarTo div span.bullet{background:url(../IMGS/bullet2.gif) no-repeat 5px #49403d;height:32px;display:block;padding:14px 0 0 20px;margin:-34px 0 0 0;}
.checkoutBarTo div.checkoutBarCurrent {color:#fff;font-weight:bold;font-size:12px;}
.checkoutBarTo div.checkoutBarCurrent span.bullet{background:url(../IMGS/bullet.gif) no-repeat 5px #49403d;height:32px;display:block;/*height:20px;*/margin:-34px 0 0 0;/*padding:20px 0 0 0;*/padding:14px 0 0 19px;}
.checkoutBarTo div.clear{float:none;clear:both;line-height:0;font-size:0;margin:0;padding:0;background:none;height:0;border:none;}
.checkoutBarTo div.premier{width:133px;}
.checkoutBarTo div.deuxieme{width:218px;}
.checkoutBarTo div.troisieme{width:170px;}
.checkoutBarTo div.quatrieme{width:128px;}
.checkoutBarTo div.premier span{width:40px;}
.checkoutBarTo div.deuxieme span{width:150px;}
.checkoutBarTo div.troisieme span{width:170px;}
.checkoutBarTo div.quatrieme span{width:55px;}