/*
stylesheet.css pour osCommerce rc-tuning.fr

Copyright web-graphisme
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size: 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size: 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #727272 url(images/site/fond_page.gif);
  color: #000000;
  margin: 0;
  padding: 0 ;
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
#site {
  width:900px;
  margin: 10px auto auto auto;
  text-align: left;
  padding: 0 ;
  border: #A9A9A9 0px solid;
}

A {
  color: #333333;
  text-decoration: underline;
}

A:hover {
  color: #000000;
  text-decoration: none;
}

FORM {
	display: inline;
}

TABLE.header {
  background: url(images/site/header_total.jpg)  no-repeat;
  height:170px;
}
TR.header {
  height:125px;
}
TR.headerNavigation {
  height: 17px;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight : bold;
  padding-left: 10px;
  vertical-align: middle;
}

A.headerNavigation { 
  color: #000000;
  text-decoration: none;
}

A.headerNavigation:hover {
  color: #333333;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TABLE.principal {
  border: 0;
  margin-top: 5px;
}
#HautGauche{
  height:9px;
  width: 9px;
  background-image: url(images/site/HautGauche.gif);
}
#HautCentre{
  height:9px;
  background-image: url(images/site/HautCentre.gif);
}
#HautDroite{
  height:9px;
  width: 9px;
  background-image: url(images/site/HautDroite.gif);
}
#CentreGauche{
  width: 9px;
  background-image: url(images/site/CentreGauche.gif);
}
#CentreCentre{
  background-color: #727272;
}
#CentreDroite{
  width: 9px;
  background-image: url(images/site/CentreDroite.gif);
}
#BasGauche{
  height:9px;
  width: 9px;
  background-image: url(images/site/BasGauche.gif);
}
#BasCentre{
  height:9px;
  background-image: url(images/site/BasCentre.gif);
}
#BasDroite{
  height:9px;
  width: 9px;
  background-image: url(images/site/BasDroite.gif);
}

TABLE.coreBody {
  width:100%;
  padding: 0px;
  margin:0px;
  table-layout:fixed; 
  border-spacing:0px;
  border-style:none; 
  border-collapse:separate;
}
TD.centreBody {
  padding: 0  10px 10px 10px;
  vertical-align: top;
  background-color: #E8E8E8;
  border-right-color: #E70F26;
  border-right-style: solid;
  border-right-width: 1px
}

#headsearch {
  width:100%;
  height: 16px;
  text-align: right;
  font-family: verdana, arial, sans-serif;
  vertical-align: top;
  display:none;
}
.champRecherche {
  border: 1px transparent solid;
  height: 14px;
  font-weight: bold;
  color: #000000;
  font-size: 9px;
}


TD.columnL {
  width:180px;
  padding: 0;
  vertical-align: top;
  background: transparent;
}
TD.columnR {
  width:164px;
  padding: 0;
  vertical-align: top;
  background: transparent;
  text-align: right;
}

TABLE.columnL {
  width:180px;
  border:0;
  padding: 0 6px 0 0;
  table-layout:fixed;
  background-color: #727272;
  border-spacing:0px;
  border-collapse:separate;
  border-style:none;
  border-right-color: #E70F26;
  border-right-style: solid;
  border-right-width: 1px
}
TABLE.columnR {
  width:164px;
  border:0;
  padding: 0 0 0 6px;
  table-layout:fixed; 
  border-spacing:0px;
  border-collapse:separate;
  border-style:none;      
}

TABLE.footer {
  width:100%;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #ffffff;
  height: 20px;
  text-align: center;
  vertical-align: bottom;
  background-color: #727272;
}
TD.footFin {
  background-color: #727272;
  height: 10px;
}

.infoBox {
  background: #727272;
  font-size:10px;
}

.infoBoxContents {
  font-family: Verdana, Arial, sans-serif;
  background: #E8E8E8;
  font-size:10px;
}
.infoBoxContentsColFlash {
  font-family: Verdana, Arial, sans-serif;
  color: #FFFFFF;
  font-size:10px;
  padding: 5px 0 5px 0;
  background-image: url(images/flash.gif);
}
.infoBoxCol {
  background: #454546;
  font-size:10px;
}

.infoBoxContentsCol {
  font-family: Verdana, Arial, sans-serif;
  color: #FFFFFF;
  background: #454546;
  font-size:10px;
  padding: 5px 0 5px 0;
}
a.infoBoxContents {
  color: #000000;
}
td.boxText a{
  font-family: Verdana, Arial, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
}
td.boxTextCol a{
  font-family: Verdana, Arial, sans-serif;
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
td.boxTextCol a:hover{
  text-decoration: underline;
}
td.boxTextColLog {
  border: 1px grey solid ;
}
.categorieS0 {
}
.categorieS1 {
}
#categoriesUL li.subC1 a {
  font-weight: normal;
  padding-left: 10px;
  color: #9DB6FC;
}
#categoriesUL li.subC2 a {
  font-weight: normal;
  padding-left: 20px;
  color: #9DB6FC;
}
#categoriesUL li.subC3 a {
  font-weight: normal;
  padding-left: 30px;
  color: #9DB6FC;
}
#categoriesUL li.subC4 a {
  font-weight: normal;
  padding-left: 40px;
  color: #9DB6FC;
}
li.subC1{
  border-left: 2px solid #9DB6FC;
}
li.subC2{
  border-left: 2px solid #9DB6FC;
}
li.subC3{
  border-left: 2px solid #9DB6FC;
}
li.subC4{
  border-left: 2px solid #9DB6FC;
}
li.subC1 a#selected{
  border-left: 2px solid #9DB6FC;
  font-weight: bold;
}
li.subC2 a#selected{
  border-left: 2px solid #9DB6FC;
  font-weight: bold;
}
li.subC3 a#selected{
  border-left: 2px solid #9DB6FC;
  font-weight: bold;
}
li.subC4 a#selected{
   border-left: 2px solid #9DB6FC;
  font-weight: bold;
}

#categoriesUL {
  padding: 0 ;
  margin: 0 ;
  list-style: none;
}

#categoriesUL li a {
  font-size: 10px;
  font-weight: bold;
  margin: 0 ;
  padding: 0 0 0 5px;
  height: 25px;
  line-height: 25px;
  background-image: url(images/site/menuP.gif);
  background-repeat: repeat-x;
  display: block;
  text-decoration: none;
  white-space: nowrap;
  vertical-align: bottom;
}
#categoriesUL li a:hover {
  color:#ffffff;
  background-position: 0 -25px;
  text-decoration: underline;
}
#selected {
  border-left: 2px solid #9DB6FC;
  color:#E70F26;
}

.infoBoxNotice {
  background: #666666;
}

.infoBoxNoticeContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  height: 22px;
  background: url(images/infobox/center.gif) repeat-x;
  color: #FFFFFF;
  text-align: center;
  padding: 0 ;
}
.infoBoxHeading a{
    color: #FFFFFF;
   text-decoration: underline;
}
.infoBoxHeading a:hover {
   color: #E70F26;
   text-decoration: none;
}
a.arrowRight {
  background: url(images/icons/arrowRight.png) no-repeat -16px 0px;
  height: 12px;
  width: 12px;
  padding-top: 1px;
}
a.arrowRight:hover {
  background-position: 0px 0px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background-color: #727272;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background-color: #888888;
}

TABLE.productListing {
  background: #727272 url(images/site/fond_tab.gif) repeat-y;
  background-position: 30px 21px;
  border-spacing: 0px;
  border-collapse: collapse;
  border: solid 1px;
  border-bottom-color: #464646;
  border-left-color: #454546;
  border-top : 0px;
  border-right-color: #454546;
}
TABLE.productListing2 {
  background: #727272 ;
  border-spacing: 0px;
  border-collapse: collapse;
  border: solid 1px;
  border-bottom-color: #464646;
  border-left-color: #0000FF;
  border-top : 0px;
  border-right-color: #0000FF;
}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: url(images/site/head_tab.gif) repeat-x;
  height:21px;
  color: #000000;
  font-weight: bold;
  border: 0;
  margin: 0;
  padding: 0;
}
.productListing-heading a{
  padding: 0;
  margin:0;
  background: none;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  border-top: #FFFFFF 1px solid;
}
TD.productListing-data2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.productListing-data a{
   color:#FFFFFF;
}

img.listing {
 vertical-align: middle;
 }
A.pageResults {
  font-weight:bold;
  color: #2223FC;
}

A.pageResults:hover {
  color: #FFFFFF;
  background: #2223FC;
}

 
TD.pageHeading, DIV.pageHeading {  
  font-size: 18px;
  font-weight: bold;
}
h1 {  
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
}

TR.subBar {
  background: #666666;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #000000;
}

TD.main, P.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText, div.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
div.smallText {
  float: left;
  padding: 0 5px 0 5px;
  text-align: center;
  vertical-align: middle;
}
div.categorie {
  float: right;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  color: #E70F26;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  color: #f0a480;
  font-weight: bold;
}

TABLE.formArea {
  background: #FFFFFF;
  border-color: #000000;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #E70F26;
}
SPAN.productPriceList {
  color:#FFFFFF;
  font-weight: bold;
}

SPAN.errorText {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #CCCCCC; cursor: pointer; }
.moduleRowSelected { background-color: #AAAAAA; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #000000; }

/* message box */

.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #E70F26; }

TD.category_desc {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
}
input.inputButton:hover {
  background-position: 10px 10px;
}
.banniere {
  text-align: center;
}
#productImage {
  width:210px;
  float: right;
  text-align: center;
  padding: 0px;
  margin: 0 0 5px 5px;
  background-color: #FFFFFF;
}
#productInfo {
  border: 0px solid black;
  width:500px;
  overflow-x: auto;
}
#HeadShoppingCart{
  position: relative;
  width:338px;
  background: #E8E8E8;
  margin: 0 91px auto 91px;
  padding: 0;
  margin-bottom: 5px;
}
.BoxHeadShoppingCart {
  background: #E8E8E8;
  color: #727272;
  font-weight: bold;
  font-size: 10px;
}
#blockHeading {
  position: relative;
  margin-top: -58px !important;
  margin:-60px 91px auto 91px;
  background: url(images/site/button_cart_back.gif);
  height:58px;
  width: 338px;
  text-align: center;
  line-height: 50px;
}
#blockHeading a{
  font-weight: bold;
  color: #E70F26;
  text-decoration: none;
}
#blockHeading a:hover{
  color: #000000;
  text-decoration: none;
}

#topHeadSC {
  height:2px;
  background: url(images/site/topHeadSC.gif);
  width:338px;
}
#middleHeadSC {
  background: url(images/site/middleHeadSC.gif);
  width:338px;
  padding:0 20px 0 20px;
}
#footHeadSC {
  height:2px;
  background: url(images/site/footHeadSC.gif);
  width:338px;
}
table.bannerHead{
  width: 100px;
  height: 120px;
}
#bannerHead{
  width: 100px;
  height: 110px;
  overflow: hidden;
}
#countdown {
  font-size:14px;
  font-weight: bold;
  padding:3px;
  margin:2px;
  background: #FFFFFF;
}
#flash {
  font-size: 14px;
  font-weight: bold;
  color:#FF0000;
  background-color: #FFFFFF;
  padding:2px;
  margin:5px;
  border:2px inset #000000  ;
}
.highslide {
	cursor: url(img/zoomin.cur), pointer;
    outline: none;
    z-index: 2;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid #D4D0C7;
}
.highslide:hover img {
	border: 1px dashed #D4D0C7;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10px;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8px;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(img/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

a.highslide-full-expand {
	background: url(img/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* Controlbar example */
.controlbar {
	background: url(img/controlbar4.gif);
	width: 100px;
	height: 20px;
}
.controlbar a {
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/
	height: 16px;
}
.controlbar a:hover {
	background-image: url(img/controlbar4-hover.gif);
}
.controlbar .previous {
	width: 30px;
}
.controlbar .next {
	width: 28px;
	background-position: -30px 0;
}
.controlbar .highslide-move {
	width: 20px;
	background-position: -58px 0;
}
.controlbar .close {
	width: 22px;
	background-position: -78px 0;
}


.highslide-html {
    background-color: #FFFFFF;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(img/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 600px;
    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(img/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
td.LisTNT{
  font-size:10px;
}

div.blocCatHome{
  width:228px;
  height:200px;
  background-color:#E8E8E8;
  background-position:top;
  background-repeat: no-repeat;
  margin:0 0 15px 15px; 
  padding:0;
  float:left;
  border:1px solid silver;
}
div.blocCatHomeImg{
  margin:0; 
  padding:0;
  width:228px;
  height:130px;
  position: absolute;
}

div.blocCatHomeName{
  margin:138px 0 0 0; 
  padding:5px 0 ;
  width:228px;
  height:20px;
  position: absolute;
  text-align:center;
}
div.blocCatHomeName a{
font-size:11px;
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
div.blocCatHomeName a:hover{
text-decoration:underline;
}

div.blocCatHomeDeroul{
  margin:168px 0 0 0; 
  padding:5px 0 ;
  position: absolute;
  text-align:center;
  width:228px;
  height:20px;
}