/*--------------------------------------
/*   derniËre modification : 23/01/2009 
/*   par Kinaly
/* ----------------------------------- */

/*    initialisation : balises XHTML gÈnÈrales
--------------------------------------------------- */
html { font-size: 12px; background: #fbf9e1 url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_html.jpg) left top repeat-x; }

body  {
	margin:0;
	padding:0;
	background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_body.jpg) center top no-repeat;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #140e06;
}
body.rs_index {
	background-image: url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_body_home.jpg);	
}

img { border: 0; margin: 0;}

p { margin: 0 0 11px; }

.rouge { color: #bc2c0f; } 

a {	color: #bc2c0f; text-decoration: none; }
a:hover { color: #bc2c0f; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 6px 0; padding: 0; font-family: Arial, Helvetica, sans-serif; }

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #bc2c0f;
	margin: 0 0 12px 0;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	color: #033649;
	margin: 0 0 8px 0;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	color: #033649;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #033649;
}

th { color: #FFFFFF; background-color: #999999; padding: 3px;}

th a { color:#FFFFFF; }

strong {}

table { margin: 0 auto; border: 0;}

form { margin:0; padding:0; }
form img {vertical-align: middle;}

fieldset { border: none; padding: 0; margin: 0; }

input { color:#000000; font-size: 10px; margin: 4px 0; vertical-align: middle; }

select, option { color:#000000; font-size: 10px; padding-left: 4px;}

textarea { color:#000000; font-size: 10px; margin: 6px 0;}

del { color: #0C161A}


/*    classes gÈnÈrales
--------------------------------------------------- */
.clearfloat { clear: both;}

.droite { text-align: right;}
.gauche { text-align: left;}
.centre { text-align: center;}

.fl-droite { float: right; }
.fl-gauche { float: left; }

.txt-italique { font-style: italic; }

.nobr { white-space: nowrap; }

.overflow-hide { overflow: hidden;}

.nodisplay { display: none;}


/*    structure : armature
--------------------------------------------------- */
#enveloppe-page { width: 949px; margin: auto; }

#en-tete {
	position: relative;
	display: block;
	height: 558px;
}

#logo { position: absolute; top: 10px; left: 303px; height: 150px; width: 370px; }

#conteneur { position: relative; display: block; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_page.jpg) left top repeat-y; padding: 0 10px; }

#conteneur-interne { display: block;}

#col-g {
	float: left;
	position: relative;
	display: block;
	width: 255px;
	left: 0;
	margin: -151px 0 135px 20px;
	padding: 0;
}

* html #col-g { margin: 0 -3px 0 auto;} /* pour rÈsoudre le bug des 3px sous IE6*/

.col-interne { margin: 8px;}

#contenu-principal {
	position: relative;
	display: block;
	height: 1%;
	padding: 5px 8px;
	top: -321px;
	overflow: hidden;
	margin-bottom: -321px;
	margin-right: 10px;
}
body.rs_index #contenu-principal {
	top: -156px;
	margin-bottom: -156px;
}

#pied-page {
	position: relative;
	height: 257px;
	background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_footer.jpg) left top repeat-x;
	margin-right: 28px;
	padding: 28px 0 0 143px;
	color: #f6f3ef;
}
#pied-page-left { position: absolute; height: 404px; width: 162px; left: -56px; top: -131px; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_footer_l.png) left top no-repeat; }
#pied-page #pied-page-right { position: absolute; height: 230px; width: 8px; right: -8px; top: 0; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_footer_r.png) left top no-repeat; }

#pied-page ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#pied-page li { padding: 0; }

#pied-page a { color: #f6f3ef; }
#pied-page a:hover { color: #f6f3ef; }


/*    structure : ÈlÈments
--------------------------------------------------- */
#elem_panier, #elem_compte {
	float: right;
	position: absolute;
	width: auto;
	right: 5px;
	text-align: right;
	padding: 0 20px 0 0;
	clear: both;
}

#elem_panier {
	background: transparent url(/_boutiques/HOUND_MOTORCYCLE//theme/icone_panier.png) 100% 0 no-repeat;
	top: 10px;
}

#elem_compte {
	background: transparent url(/_boutiques/HOUND_MOTORCYCLE//theme/icone_moncompte.gif) 100% 0 no-repeat;
	top: 30px
}

#elem_rechercher { }

#bloc-depot-vente { padding-left: 28px; font-size: 14px; }
	#bloc-depot-vente a { color: #bc2c0f; text-decoration: none; }
	#bloc-depot-vente a:hover { color: #bc2c0f; text-decoration: underline; }

#elem_menu { }

#elem_menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 22px;
}
#elem_menu li { padding: 0; margin: 0; display: inline; }

#elem_menu ul li a {
	background: url(/_boutiques/HOUND_MOTORCYCLE//site_image/red-arrow.png) no-repeat 8px 4px;
	text-indent: 28px;
	display: block;
	width: 210px;
	height: 18px;
	line-height: 18px;
	font-size: 14px;
	color: #140e06;
}
#elem_menu ul li a:hover { color: #bc2c0f; text-decoration: none; 	background: url(/_boutiques/HOUND_MOTORCYCLE//site_image/red-arrow.png) no-repeat 14px 4px;
}

a.arrowlink  {
	background: url(/_boutiques/HOUND_MOTORCYCLE//site_image/red-arrow.png) no-repeat 0px 3px;
	padding-left:16px;
	font-size: 14px;
	font-weight: bold;
}


#footer-1,
#footer-3,
#elem_newsletter { float: left; display: block; line-height: 22px; }

#footer-1 { width: 227px; }
#footer-3 { width: 234px; }
#elem_newsletter { width: 221px; min-height: 131px; padding: 0 60px 0 0; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/input_nl.jpg) left 76px no-repeat; }
	#elem_newsletter input.form_text { margin: 5px; height: 20px; line-height: 20px; background: transparent; border: 0; width: 160px; float: left; padding-top: 8px; }
	#elem_newsletter input.inputSubmit { border: 0; width: 50px; height: 24px; }

#pub_rentashop { position: absolute; top: 240px; right: 17px; color: #291e0c; }
	#pub_rentashop a { color: #291e0c; text-decoration: none; }
	#pub_rentashop a:hover { color: #291e0c; text-decoration: underline; }


/*    classes rÈcurrentes
--------------------------------------------------- */
.bloc_s { width: 400px; margin: 3px auto;}

.bloc_m { width: 480px; margin: 3px auto;}

.bloc_l { width: 520px; margin: 3px auto;}

.alerte_erreur { color: #FF0000; font-weight: bold;}
.alerte_info { color: #009933; font-weight: bold; }

.encart-dynamique { margin: 10px 0 0 0;}

.encart-dynamique li { }

#pages-consultees  a {
	color: #444444;
	text-decoration: none;
	text-indent: 24px;
	display: block;
	width: 200px;
	height: 20px;
	line-height: 22px;
	background: url(/_boutiques/HOUND_MOTORCYCLE//site_image/bouton-damiers.gif) no-repeat 0px 1px;
 }
 
 #pages-consultees  a:hover {
	color: #444444;
	background: url(/_boutiques/HOUND_MOTORCYCLE//site_image/bouton-damiers2.gif) no-repeat 0px 1px;
 }

.i-frame { background: #FFF; padding: 4px 8px;}

.i-frame form input { margin: 3px 0 10px 0;}

.i-frame p { margin: 0;}


/*    formulaires
--------------------------------------------------- */
.form_text { color: #666666; margin: 0 5px;}

.form_col { width: 120px;}

input.search, input.go { margin: 4px 0 14px; }

p.bouton input { width: auto; }

/* ------------------------------------------------
/*    PropriÈtÈs CSS des pages principales
/*------------------------------------------------- */

/*    index
--------------------------------------------------- */
#homeLink a { display: block }

#txt-home { font-size: 15px; font-weight: bold; position: absolute; top: 200px; left: 320px; width: 562px; height: 175px; overflow: hidden; }

#txt-home h1 { font-size: 20px; }
#txt-home a { color:#000000; text-decoration:none }
#txt-home a:hover { color:#000000; text-decoration:none }
#txt-home img { margin-right:8px;}

#news-home {
	margin-right: 35px;
	border-bottom: 1px dashed #999999;
	overflow: hidden;
	padding-bottom: 1em;
}

.news-date { margin: 0 24px 10px 10px; text-align: center; height: 88px; width: 85px; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/date_actu.png) left top no-repeat; }
.news-date-jour { padding: 6px 0 0 0; line-height: 30px; color: #fff; font-size: 30px; font-weight: bold; }
.news-date-mois { padding: 11px 0 0 0; line-height: 20px; color: #fff; font-size: 20px; font-weight: bold; }

#news-home img,
.news img { float: left; margin: 0 5px 0 0;}
#news-home p,
.news p { margin: 0 0 5px 0; }
#news-home h3,
.news h3 { font-size: 16px; color: #bc2c0f; }

#coupsdecoeur {  }

.home-contenu { margin: 2em 0;}


/*    catÈgorie
--------------------------------------------------- */
.syspage { line-height: 19px; font-size: 14px; margin: 10px 0; background: #bc2c0f; text-align: center; color: #fff; }
.syspage a { color: #000; text-decoration: none; }
.syspage a:hover { color: #000; text-decoration: none; }
.syspage a.syspage_prev,
.syspage a.syspage_prev:hover,
.syspage a.syspage_next,
.syspage a.syspage_next:hover { color: #fff; }

.liste-produits {
  clear: both;
  list-style: none;
  margin: 0 0 0 -14px;
  padding: 0;
  position: relative;
}

* html .liste-produits {
  left: -14px;
}

.liste-produits .nom-produit {
  height: 44px;
  text-align: center;
}
.liste-produits .nom-produit img { margin-top: 3px; }

.liste-produits li {
  display: inline;
  float: left;
  margin: 0 0 20px 14px;
  position: relative;
  width: 200px;
}

.bloc-produit {
	position:relative;
	width: 308px;
	height: 270px;
	margin: 5px 6px;
	padding: 0;
	float: left;
}

.bloc-catenfant {
	width: 130px;
	height: 10px;
	margin: 5px 6px;
	padding: 0;
	padding-top: 80px;
	float: left;
	background: url(/_boutiques/HOUND_MOTORCYCLE//site_image/meca.png) no-repeat 15px 16px;
	text-align:center;
}

.bloc-produit.first { margin-left: 0; }
.bloc-produit.second { margin-right: 0; }
	.bloc-produit a { color: #140e06; font-weight: bold; }

.texte_rayon { font-weight: bold; font-size: 14px; margin-bottom: 20px; }

.vendu {
  background: url(/_boutiques/HOUND_MOTORCYCLE//site_image/vendu.png) no-repeat 0 0;
	position:absolute;
	left: -5px;
	top: -5px;
	width: 100px;
	height: 53px;
}


/*    fiche produit
--------------------------------------------------- */
#img-produit-box { margin: 0 10px 0 0;}
#img-produit { margin: 0 10px 10px 0;}

body.rs_ficheproduit h1 { text-indent: 13px; margin-top: -10px; }

#info-produit { overflow: hidden; }
	#info-produit .desc_courte { margin: 18px 0; }
	#info-produit h3 { margin: 18px 0; font-size: 16px; font-weight: bold; color: #281e0c; }

#info-produit table { margin: 0;}

.vignettes img {
	margin: 4px 6px 4px 0;
}

#prd-onglets { padding: 5px 0 0 0; margin: 15px 0 0 0; clear:both; }
#prd-onglets #onglets-box { height: 42px; }
#onglets-box .onglet { font-size: 15px; font-weight: bold; color: #281e0c; display: block; padding: 0 22px; float: left; height: 42px; line-height: 27px; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_onglet.gif) center top repeat-x; }
#onglets-box .onglet:hover {  }
#onglets-box .onglet.active { background-image: url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_onglet_actif.png); padding: 0 11px; }
#onglets-box .onglet.active,#onglets-box .onglet.active:hover { color: #fff; }
#prd-onglets .onglet-contenu { color: #604848; padding: 10px 3px 3px 3px; }
#prd-onglets .contenu-sans-onglet { color: #604848; padding: 3px; }

/* largeur ‡ spÈcifier pour centrer le bloc */
#bloc-pro-asso { width: 60px; margin: 0 auto; }

.avis-box { margin: 20px auto 12px auto; clear: both;}

/*    processus de commande
--------------------------------------------------- */
.separateur { color: #888;}

#pdc_box {
	font-size: 15px;
	color: #CCC;
}

#pdc_box ul {
	list-style: none;
	padding: 0;
	margin: 0 0 12px;
	overflow: hidden;
}

#pdc_box ul li {
	float: left;
	padding: 0;
	margin: 0 3px;
	height: 26px;
	line-height: 26px;
}

#pdc_box ul li.currentstep { color: red; }

#pdc_box ul li span.highlight {
	border: 1px solid #ccc;
	padding: 4px 8px 3px 8px;
}

#pdc_box ul li.currentstep span.highlight {
	border: 1px solid red;
	padding: 4px 8px 3px 8px;
}


/*    panier
--------------------------------------------------- */

/* --- TABLEAU A COULEURS ALTERNEES --- */
.styleCell1 { background-color: #E1E1E1; }
.styleCell1 img { margin: 3px;}
tr.styleCell1 strong { line-height: 23px; margin: 3px;}
	
.styleCell2 { background-color: #F6F6F6; }
.styleCell2 img { margin: 3px;}
tr.styleCell2 strong { line-height: 23px; margin: 3px;}

#form-panier { }
#form-panier td { vertical-align: middle; }


/*    commande.htm
--------------------------------------------------- */
form.com_id label {
	display: inline-table;
	width: 45%;
	text-align: right;
	line-height: 4px; /* petite valeur pour centrer le texte et l'input sous safari */
}

form.com_id textarea { margin: 0 4px; }

form.com_id input { margin: 0 4px; height: 16px; }

form.com_id p.bouton input { height: auto;}

.gdemarge { margin-left: 45%;}


/* ------------------------------------------------
/*    PropriÈtÈs CSS des autres pages
/*------------------------------------------------- */

/*    ami.htm
--------------------------------------------------- */
.form-ami p { width: 50%; float: left;}
.form-ami label { display: block; width: 120px; }
.form-ami input { width: 80%;}
.form-ami p.bouton { width: 100%;}


/*    avis.htm
/* --------------------------------------------------- */
.avis { font-size: 12px;}

.meta-avis { margin: 14px 0 6px 0;}

.form-avis p { width: 50%; float: left;}
.form-avis label { display: block; width: 160px; }
.form-avis input { width: 80%;}
.form-avis p.bouton, .form-avis p.alerte_info, .form-avis p.alerte_erreur { width: 100%;}


/*    contact.htm
--------------------------------------------------- */
.form-contact label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-contact input { width: 212px;}
.form-contact textarea { margin: 0 4px;}


/*    news
--------------------------------------------------- */
.news { }

#news-date-titre {
	font-size: 11px;
	font-weight: normal;
}


/*    mescommandes_identification.htm
--------------------------------------------------- */
.form-login label {
	display: inline-table;
	width: 120px;
	text-align: right;
}
.form-login input { width: 170px;}


/*    parrainage
/* --------------------------------------------------- */
.form-parrainplus p { margin: 0;}


/* -------------------------------------
/* STYLES CSS PERSONNALISES
/* Placez vos sytles personnels ici
/* ------------------------------------- */

.erreur { color: red; font-weight:bold;}

.noerreur {	}

.marginGuides { margin: 20px;}


img.bg_image { background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_image.png) left top no-repeat; padding: 10px 14px 21px 14px; }

img.bg_produit { background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_produit.png) left top no-repeat; padding: 7px 11px 16px; }

.sifr-1 { color: #281e0c; font-weight: bold; font-size: 28px; line-height: 33px; display: block; margin-top: 18px; margin-bottom: 14px;}
	.sifr-1 a { color: #281e0c; }
	.sifr-1 a:hover { color: #BC2C0F; text-decoration: none; }
#pied-page h3,
.sifr-2 { color: #f6f3ef; font-weight: bold; font-size: 20px; line-height: 25px; display: block;  }

.sep {border-bottom:#999999 1px dotted;}
.headimg img {float:right; margin-left:14px;}

/*		contact_offre
/* --------------------------------------------------- */

	.rs_contact_offre { height: 450px; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_offre.jpg) left top no-repeat; }
	.form-offre { position: absolute; top: 215px; left: 255px; }
	.texte-offre { margin: 0; }
	.texte-offre textarea { margin: 0 5px; }
	.form-offre label { width: 95px; }
	.obligatoire { position: absolute; bottom: 0; left: 3px; }
	.rs_page-retour-offre { height: 450px; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_offre.jpg) left top no-repeat; }
	.rs_page-retour-offre div { position: absolute; top: 215px; left: 255px; }
	
/*		non dispo
/* --------------------------------------------------- */	
	
	.rs_form-nondispo { height: 350px; background: transparent url(/_boutiques/HOUND_MOTORCYCLE//site_image/bg_alerte.jpg) left top no-repeat; }
	.rs_form-nondispo .centre { padding-top: 215px; }