/* COLORS */ /*
Light grey (p): #554f4d;
Dark brown (h1, dt, #footer h3, .tagline): #7c6e67;
Light brown: (borders): #CBC9C8;
Dark orange (a, h2, h3): #f12100;
Light orange (a:hover): #ff9966;
*/


body {
	margin: 0;
	padding: 0;
	background: transparent url(../img/bg.jpg) repeat;
	font-family: "Trebuchet MS", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #554f4d;
}

a, a:visited {
	outline: 0;
	color: #f12100;
	text-decoration: none;
}

a:hover, a:focus {
	color: #ff9966;
	text-decoration: none;
}

a img {
	border: 0;
}

.left {
	float: left;
}

.right {
	float: right;
}

.half {
	width: 310px;
}

.half .inner {
	height:280px;
}

.clear {
	clear:both;
	height:1px;
	overflow:hidden;
}

h1, h3, h4 {
	text-transform: uppercase;
}

h1, h2 {
	font-size: 16px;
	margin: 0 0 10px 0;
	padding: 2px 0 0 5px;
}

h1, .inner dt {
	color: #7c6e67;
	
}
h1.welcome {
	text-transform: none;
}

h2, h3 {
	color: #f12100;
}

.box h2 {
	color: #7c6e67;
	margin: 0;
	padding-top: 10px;
}

.home-page .half h2 {
	padding-top: 0px;
	padding-bottom:5px;
}

h3 {
	font-size: 12px;
	margin: 0 0 5px 0;
}

p {
	margin: 0 ;
	padding:0 0 10px 0;
}

.box p {
	padding-right:5px;
	padding-left:5px;
}

.bgleft {
	height: 990px;
	width: 190px;
	background: transparent url(../img/bg-left.jpg) top left no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.bgright {
	height: 990px;
	width: 190px;
	background: transparent url(../img/bg-right.jpg) top right no-repeat;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}

#center-wrap {
	position: relative;
	z-index: 10;
	width: 1000px;
	margin: 0 auto;
	padding-top: 30px;
}

#white {
	background: #fff;
	padding: 20px 0 10px 0;
	margin-bottom:20px;
}

#container {
	margin: 0 20px 0 20px;
}

#header {
	height: 100px;
}

#header .logo {
	height: 90px;
	width: 223px;
	background: transparent url(../img/achat-reduction-logo.jpg) top left no-repeat;
}

#header .logo a {
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	height: 90px;
	width: 223px;
}

#header .tagline {
	margin: 5px 0 0 110px;
	position: absolute;
	top: 0;
	font-size: 14px;
	color: #7c6e67;
}

.orange {
	color: #f12100;
}

.header-extras {
	position: absolute;
	height: 100px;
	width: 730px;
	top: 40px;
	right: 20px;;
}

.header-extras fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

.header-extras input.field {
	vertical-align: middle;
}

input.ok {
	background-image:url(../img/ok.gif);
	border:medium none;
	cursor:pointer;
	height:21px;
	line-height:500%;
	vertical-align:middle;
	width:21px;
	white-space:nowrap;
}

.newsletter {
	bottom: 0;
	position: absolute;
	top:30px;
	width: 243px;
	height: 50px;
	background: transparent url(../img/newsletter-bg.jpg) bottom left no-repeat;
}

.newsletter h1 {
	margin: 0 0 2px 0;
}

.newsletter input.field {
	width: 220px;
	margin: 0 0 0 10px;
}

input.error {
	background: #ffd4d2;
}

.google {
	width: 222px;
	position: absolute;
	top: 0;
	right: 0;
	height:21px;
	background: transparent url(../img/google.jpg) top left no-repeat;
}

.google input.field {
	margin: 0 0 0 60px;
	width: 125px;
}

.intern {
	width: 250px;
	position: absolute;
	top: 10px;
	right: 470px;
	height:20px;
	background: none;
}

.intern2 input.field {
	margin: 0 0 0 60px;
	width: 125px;
}

.intern2 {
	width: 250px;
	position: absolute;
	top: 90px;
	right: 380px;
	height:21px;
	background: none;
	z-index:5;
}

.intern input.field {
	margin: 0 0 0 60px;
	width: 125px;
}

.header-extras .ad {
	position: absolute;
	bottom: 0;
	right: 0;
}

.header-extras .ad .inner {
	height: 60px;
	width: 468px;
}

#main-nav {
	background: transparent url(../img/menu-bg.jpg) top left repeat-x;
	padding:5px 0 10px 0;
}

#main-nav ul {
	margin: 0;
	padding: 0;
}

#main-nav ul li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: left;
	width: 230px;
	background: transparent url(../img/menu-right.jpg) top right no-repeat;
	text-align: center;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 20px;
	margin: 0 10px 0 0;
}

#main-nav ul li a {
	display: block;
	background: transparent url(../img/menu-left.jpg) top left no-repeat;
	text-decoration: none;
	color: #7c6e67;
}

#main-nav ul li a:hover {
	color: #000;
}

body#sites #main-nav ul li#sites-menu,
body#categories #main-nav ul li#categories-menu,
body#categories-commerce #main-nav ul li#categories-commerce-menu,
body#b2b #main-nav ul li#b2b-menu,
#main-nav ul li.select {
	background: transparent url(../img/menu-select-right.jpg) top right no-repeat;
}

body#sites #main-nav ul li#sites-menu a,
body#categories #main-nav ul li#categories-menu a,
body#categories-commerce #main-nav ul li#categories-commerce-menu a,
body#b2b #main-nav ul li#b2b-menu a,
#main-nav ul li.select a {
	background: transparent url(../img/menu-select-left.jpg) top left no-repeat;
	color: #fff;
}

#main-nav .clear {
}

#main {
	position: relative;
	margin-top: 20px;
	min-height:650px; 
	height:auto;
}

/* for Internet Explorer */
/*\*/
* html #main {
height: 650px;
}
/**/

#main .content {
	width: 640px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}

#main .col-right {
	position: absolute;
	right:0;
	top:0;
	width: 130px;
	padding: 20px 0 0 0;
}

#main .col-left {
	position: absolute;
	left:0;
	top:0;
	width: 150px;
}

.box {
	border: 1px solid #cbc9c8;
	padding-bottom:5px;
}

.content .box {
	margin: 0 0 30px 0;
}

.box .inner {
	margin: 5px 5px 0 5px;
}

.dotted {
	background: transparent url(../img/box-bg.jpg) top left repeat-x;
}

.gradient {
	background: transparent url(../img/gradient.jpg) top left repeat-x;
}

.content .inner dl {
	width: 147px;
	margin: 3px;
	display: inline;
	float: left;
}

.content .inner .cat dl {
	width: 202px;
	margin: 20px 3px 3px 3px;
	display: inline;
	float: left;
}
.content .inner .cat dl dt {
	border: 1px solid #cbc9c8;
	padding: 0 0 0 10px;
	font-size: 12px;
	line-height: 14px;
	background: transparent url(../img/dt-bg.jpg) top left repeat-x;
}

.content .inner dl dt {
	border: 1px solid #cbc9c8;
	padding: 0 0 0 5px;
	font-size: 12px;
	line-height: 14px;
	background: transparent url(../img/dt-bg.jpg) top left repeat-x;
}

.content .inner dl.fiche-produit dt {
	border:0;
	background:none;
}

.content .inner dl.fiche-produit dd {
	width:120px;
	height:90px;
	border:0;
	background:none;
}

.content .inner dl.bon-reduction {
	width: 600px;
	margin: 12px;
	display: inline;
	float: left;
	border: 2px solid #cbc9c8;
}

.content .inner dl.bon-reduction dt {
	border: 0;
	background:none;
}

.content .inner dl.bon-reduction dd {
	width:600px;
	height:30px;
	border:0;
	background:none;
	margin-left: 10px;
}

.content .inner dl dd {
	margin: 5px 0 0 0;
	border: 1px solid #cbc9c8;
	height: 80px;
	background-color: #fff;
}

.col-left h4 {
	padding: 10px 0 10px 0;
	margin: 0;
	background: transparent url(../img/dot.jpg) bottom left repeat-x;
}

ul.link-list {
	padding: 10px 0 10px 0;
	color: #f12100;
	margin: 0 0 0 20px;
}

.col-left ul.link-list li {

}


#footer-wrap {
	margin: 30px 0 10px 0;
}

.garanties .banner {
	width: 703px;
	height: 70px;
}

.garanties .ad {
	height: 70px;
}

.footer {
	margin: 20px 0 0 0;
	border-top: 3px solid #f12100;
	border-bottom: 6px solid #7c6e67;
	background: transparent url(../img/gradient.jpg) top left repeat-x;
}

.footer h3 {
	color: #7c6e67;
	line-height: 30px;
	border-bottom: 1px solid #7c6e67;
}

.footer .box {
	margin: 10px;
	width: 200px;
	border: 0;
}

.footer-footer {

}
























/* -------------------------------------------------------------- Global classes */
#more-info {
	display:none;
}
#more-info input.field {
	border:1px solid #CBC9C8;
	padding:3px;
}

#more-info .form fieldset ol {
	margin: 0;
	padding: 0;
}

#more-info .form fieldset li {
	list-style: none;
	padding: 0;
	margin: 0;
}

#more-info .jour, #more-info .mois {
	width: 17px;
	margin-right:10px;
}

#more-info .annee {
	width: 33px;
}

#more-info .cp {
	width:40px;
}

#more-info .form em {
	font-weight: bold;
	font-style: normal;
	color: #f00;
}

#more-info .form fieldset {
	border: 0;
}

#more-info .form label, #more-info .checkbox{
	font-size: 12px;
	width:145px;
	text-align: right;
	line-height: 1.8;
	vertical-align: middle;
	line-height: 30px;
	cursor: pointer;
	display: -moz-inline-box; /* For FF<3 */
	-moz-box-orient: vertical; /* For FF<3 */
	display:inline-block;
}

#more-info label.accept {
	padding-left:5px;
	width:400px;
	text-align: left;
}

#more-info input.ok {
	margin-left:275px;
}

#more-info #merci h2 {
	padding-left:10px;
	display: inline;
	vertical-align: top;
}

#add_bon_box {
	display: none;
}

#add_comment_box {
	display: none;
}

#list_bon_box {
	display: none;
}

#list_comment_box {
	display: none;
}

#htmlForm fieldset {
  margin-bottom: 10px;
}
#htmlForm legend {
  padding: 0 2px;
  font-weight: bold;
}
#htmlForm label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
#htmlForm fieldset ol {
  margin: 0;
  padding: 0;
}
#htmlForm fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

#htmlForm em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#htmlForm label {
  width: 120px; /* Width of labels */
}

#htmlForm2 fieldset {
  margin-bottom: 10px;
}
#htmlForm2 legend {
  padding: 0 2px;
  font-weight: bold;
}
#htmlForm2 label {
  display: inline-block;
  line-height: 1.8;
  vertical-align: top;
}
#htmlForm2 fieldset ol {
  margin: 0;
  padding: 0;
}
#htmlForm2 fieldset li {
  list-style: none;
  padding: 5px;
  margin: 0;
}

#htmlForm2 em {
  font-weight: bold;
  font-style: normal;
  color: #f00;
}
#htmlForm2 label {
  width: 120px; /* Width of labels */
}

/****** Champ de recherche */
.ac_results {
	padding: 0px;
	border: 1px solid #333;
	background-color: white;
	overflow: hidden;
	z-index:100;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('./indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}

/*Moteur de recherche*/
#livesearch
		  { 
		  background-color: white;	
		  margin:0px;
		  width:220px;
		  top: 50px;
		  left: 0px; 
		  padding-left:3px;
		   }
		 #livesearch2
		  { 
		  background-color: white;	
		  margin:0px;
		  width:220px; 
		  padding-left:3px;
		  left:0px;
		  top:50px;
		   }
		#txt1
		  { 
		  margin:0px;
		  } 
		#txt2
		  { 
		  margin:0px;
		  }  

/* Style abécédaire */

#menu_alpha
{
	margin:0 10px 0 10px;
	padding:0;
    list-style: none;
    display:block;
	
}
#menu_alpha li
{
	font-size:14px;
    float: left;
    margin: 0 10px 0 0px;
}

#menu_alpha a
{
	padding:0 4px 0 4px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}

#menu_alpha li.selected
{
	z-index: 2;
    margin-top: 0;
    color: white;
	background: #F12100;
	padding:0 4px 0 4px;
	border:none;
}

#menu_alpha li a:hover
{
    z-index: 2;
    margin-top: 0;
    color: white;
	background: #F12100;
	padding:0 4px 0 4px;
	border:none;
}