* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

body {
background:#000 url(img/body_fond.png) repeat-x top;
text-align:justify;
font:100%/1.2 Arial, Verdana, sans-serif; }

/***** Typo *****/

h1, h4 {
position:absolute;
top:-9999px; }

h2 {
text-indent:-9999px;
width:43px;
position:absolute;
top:10px;
left:3px; }

h2.presentation {
height:196px;
background:transparent url(img/h2_presentation.png) no-repeat; }

h2.contact {
height:127px;
background:transparent url(img/h2_contact.png) no-repeat; }

h2.savoir {
height:197px;
background:transparent url(img/h2_savoir.png) no-repeat; }

h2.news {
height:85px;
background:transparent url(img/h2_news.png) no-repeat; }

h2.newsletter {
height:168px;
background:transparent url(img/h2_newsletter.png) no-repeat; }

.retour_ch {
margin-bottom:10px; }

.mev_1 {
color:#EBDBC7; }

.align_center {
text-align:center; }

div.texte p {
margin-bottom:10px; }

div#deco_ciseaux {
width:176px;
height:63px;
background:transparent url(img/deco_bas_2.png) no-repeat;
position:absolute;
top:780px;
left:-10px;
z-index:10; }

div#deco_bas {
width:404px;
height:329px;
background:transparent url(img/deco_bas.png) no-repeat;
position:absolute;
bottom:0;
right:0;
z-index:1; }

/***** PAGES PRODUITS *****/

div#produits {
overflow:hidden;
width:670px;
margin-left:55px;
padding-top:10px; }

div#fil_ariane {
color:#990066;
padding-bottom:10px; }

div#liste_produits {
margin-bottom:30px;
float:left;
width:174px; }

div#liste_produits ul {
overflow:hidden; }

div#liste_produits ul li {
margin-right:7px;
margin-bottom:4px;
float:left; }

div#liste_produits ul li a {
outline:none; }

div#liste_produits ul li img {
width:80px;
height:107px; }

div#navigation_liste {
margin-top:5px;
overflow:hidden;
width:169px;
height:28px;
line-height:28px;
background:transparent url(img/navigation_liste_fond.png) no-repeat; }

div#navigation_liste span.left, div#navigation_produits span.left {
float:left; }

div#navigation_liste span.right, div#navigation_produits span.right {
text-align:right;
float:right; }

div#navigation_liste a, div#navigation_produits a {
outline:none;
font-size:75%;
text-decoration:none;
color:#666; }

div#navigation_liste span.left a, div#navigation_produits span.left a {
margin-left:5px;
padding-left:13px;
background:transparent url(img/nav_produit_puceg.gif) no-repeat left center; }

div#navigation_liste span.left a:hover, div#navigation_produits span.left a:hover {
color:#ccc;
background-image:url(img/nav_produit_puceg_hover.gif); }

div#navigation_liste span.right a, div#navigation_produits span.right a {
margin-right:5px;
padding-right:13px;
background:transparent url(img/nav_produit_puced.gif) no-repeat right center; }

div#navigation_liste span.right a:hover, div#navigation_produits span.right a:hover {
color:#ccc;
background-image:url(img/nav_produit_puced_hover.gif); }

div#affiche_produit {
margin-left:200px;
width:456px; }

div#navigation_produits {
overflow:hidden;
width:100%;
height:28px;
line-height:28px;
background:transparent url(img/navigation_produits_fond.png) no-repeat; }

div#navigation_produits span.center {
text-align:center;
color:#fff;
font-size:120%;
font-weight:bold;
letter-spacing:1px;
display:block; }

div#description_produit {
color:#ccc;
padding-top:15px;
padding-bottom:5px; }

div#photo_produit {
text-align:center; }

div#photo_produit img {
width:450px;
height:600px; }

div#photo_produit p.texte_produit {
padding-left:10px;
color:#666;
text-align:left;
font-size:300%;
letter-spacing:1px;
font-family:Georgia, "Times New Roman", serif; }

/***** PAGE D'ACCUEIL *****/

div#texte_accueil {
width:300px;
padding-top:30px;
margin-left:400px; }

div#presentation_deco_1 {
width:40px;
height:123px;
background:transparent url(img/deco_welcome.png) no-repeat;
position:absolute;
top:10px;
right:0; }

div#presentation_deco_2 {
width:326px;
height:405px;
background:transparent url(img/photo_presentation.png) no-repeat;
position:absolute;
top:10px;
left:62px; }

div#presentation_deco_3 {
width:326px;
height:190px;
background:transparent url(img/photo_presentation_2.png) no-repeat;
position:absolute;
top:420px;
left:62px; }


div#presentation_deco_4 {
width:434px;
height:54px;
background:transparent url(img/deco_presentation.png) no-repeat;
position:absolute;
bottom:80px;
left:175px; 
}
div#presentation_deco_5 {
width:326px;
height:190px;
position:absolute;
top:620px;
left:62px; 
}
div#presentation_deco_5 img{
border:0;
 
}

/***** PAGES AVEC CONTENU SUR TOUTE LA LARGEUR *****/

div#texte_toute_largeur {
width:630px;
padding-top:30px;
margin-left:80px; }

/***** Layout *****/

div#global {
padding-bottom:20px;
width:971px;
margin:0 auto;
background:transparent url(img/entete_fond.png) no-repeat center top; }

div#entete {
position:relative;
width:100%;
height:140px; }

div#logo_flash {
width:492px;
height:90px;
background:transparent url(img/logo_flash.png) no-repeat;
position:absolute;
top:10px;
left:0;
z-index:5; }

div#coordonnees {
width:540px;
height:88px;
background:transparent url(img/coordonnees_fond.png) no-repeat;
position:absolute;
top:25px;
right:0;
z-index:1;
color:#990000;
font-size:75%;
text-align:left; }

div#conteneur_centre {
overflow:hidden;
position:relative;
width:100%; }

div#colonne_gauche {
width:213px;
position:absolute;
top:0;
left:0; }

div#menu {
width:100%;
height:400px;
background:transparent url(img/menu_fond.png) no-repeat; }

div#news {
color:#fff;
width:100%;
height:411px;
background:transparent url(img/cg_fond.png) no-repeat; }

div#plaquette {
position:absolute;
bottom:-20px;
left:0;
z-index:10;
width:209px;
height:214px;
background:transparent url(img/plaquette_img.png) no-repeat; }

div#contenu {
padding-bottom:110px;
margin-top:4px;
min-height:910px;
position:relative;
width:741px;
margin-left:230px; /* = largeur CG */
background:transparent url(img/contenu_fond.png) no-repeat top; }

div.texte {
position:relative;
z-index:11;
font-size:80%;
color:#D9BB98; }

div#historique {
font-size:80%;
color:#D9BB98;
margin-left: 100px;
width: 600px;
margin-top: 40px;
}

.img {
float:left;
margin-right: 10px;
}
div#historique  h3 {
padding: 5px;
font-size: 110%;
 
 }

div#nav_sub {
width:100%;
position:absolute;
bottom:50px;
left:0;
z-index:20;
color:#752600;
text-align:center;
font-size:60%; }

/* boutique en ligne */

div#boutique{
overflow:hidden;
position:relative;
width:670px;
top:15px;
left:60px;}

div#boutique li{
display:block;
float:left;
width:150px;
height:200px;
background:#000;
border:1px solid #333;
margin:0 15px 15px 0;}

div#boutique li dt{
text-align:center;
margin-top:15px;
margin-bottom:15px;}


div#boutique li dd{
text-align:center;
margin-bottom:10px;}

div#boutique li dd span.promo{
color:#666;}

/* boutique en ligne - fiche produit */

div#fiche_produit p.grossephoto{
width:450px;/*470*/
height:600px;
border:1px solid #333;
background:#000;
padding:10px;
float:left;
margin-right:15px;}

div#fiche_produit p.grossephoto img{
width:450px;
height:600px;}

div#fiche_produit h3,div#fiche_produit p.blc{
color:#fff;
margin-bottom:15px;}

div#fiche_produit p a.ajouter{
display:block;
float:left;
width:165px;
height:25px;
background:#000 url(img/ajouter.jpg) no-repeat;
text-indent:-9999px;}






/* Promos */

div.conteneur_promo {
width:650px;
margin:10px;
position:relative;
padding-bottom:15px;
overflow:auto;
border-bottom: 1px solid #323232;}

div.conteneur_promo p span.titre {
font-weight:bold;
text-align:left;}

div.conteneur_promo a img {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #821717;
margin-top:5px;
}

div.conteneur_promo a img:hover {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #821717;
background-color: #821717;
margin-top:5px;
}

div.conteneur_promo p {
margin-top:8px;
}

/**** Page produits *****/

h5 {
margin:10px;
width:100%;
font-size:130%;
text-transform:uppercase;
font-weight:bold;
color: #dfdfdf;
margin:10px 0;}


div#sscat {
position:relative;
z-index:20;
padding:5px 0;
overflow:hidden;
}

ul#liste_sscat{
overflow:hidden;
}

ul#liste_sscat li {
float:left;
width:280px;
height:180px;
list-style:none;
margin:10px;
background:url(img/bg_prod_hover.png); 
}

ul#liste_sscat li:hover {
float:left;
width:280px;
height:180px;
list-style:none;
margin:10px;
background:url(img/bg_prod.png); 
}

ul#liste_sscat li dl {
overflow:auto;
border:1px solid #fff;
}

ul#liste_sscat li dl dt {
background-color:#472E0F;
background:none;
}

ul#liste_sscat li dl dt {
float:left;
}

ul#liste_sscat li dl dt img {
width:100px;
padding:3px;
background-color:#000;
float:left;
padding:3px;
margin:10px;
}

ul#liste_sscat li dl dd {
padding-top:10px;
}

ul#liste_sscat li dl dd a{
display:block;
width:270 px;
height:155px;
font-size:80%;
text-decoration:none;
color: #fff;
text-transform:uppercase;
}

/**** Page Sous catégories ****/


/* Moto */ 

div#produits.texte ul.moto li h5 a {
margin:10px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #dfdfdf;
margin:10px 0;
}

div#produits.texte ul.moto {
text-align:center;
width:580px;
margin:0 auto;
}

div#produits.texte ul.moto li {
float:left;
width:180px;
padding-left:10px;
}

div#produits.texte ul.moto li img {
margin:0 10px;
width:150px;
padding:3px;
border: 1px solid #821717;
}

div#produits.texte ul.moto li img:hover {
margin:0 10px;
width:150px;
padding:3px;
background-color: #821717;
border: 1px solid #821717;
}

/* Fil d'ariane */

#fil_ariane p a{
color :#fff;
text-decoration:none;
}

#fil_ariane p {
color:#941A1A;
}



/* Cuir */

div#produits.texte ul.cuir  li h5 a {
margin:10px;
text-decoration:none;
text-transform:uppercase;
font-weight:bold;
color: #dfdfdf;
margin:10px 0;
}

div#produits.texte ul.cuir {
text-align:center;
width:560px;
margin:0 auto;
}

div#produits.texte ul.cuir li {
float:left;
width:230px;
padding-left:10px;
}

div#produits.texte ul.cuir li img {
margin:0 10px;
width:150px;
padding:3px;
border: 1px solid #821717;
}

div#produits.texte ul.cuir li img:hover {
margin:0 10px;
width:150px;
padding:3px;
background-color: #821717;
border: 1px solid #821717;
}


/**** Page news *****/

div.conteneur_news {
width:650px;
position:relative;
padding-bottom:15px;
overflow:auto;
border-bottom: 1px dashed;}

div.conteneur_news  p span.titre {
font-weight:bold;
text-align:left;
}

div.conteneur_news  p span.date {
position:absolute;
top:11px;
right:0;
font-size:80%;
color:#D5D5D5;
}

div.conteneur_news a img {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #821717;
margin-top:5px;
}

div.conteneur_news a img:hover {
width:100px;
margin-right:10px;
float:left;
padding:3px;
border:1px solid #821717;
background-color: #821717;
margin-top:5px;
}

div.conteneur_news p {
margin-top:10px;
}

div.spacer {
clear:both;
}
span.spacer {
clear:both;
}

/* Contact */

input.champs {
border: solid 1px;
}

textarea.champs {
border: solid 1px;
}

p span.left {
float:left;
width:100px;
font-weight:bold;
margin-right:20px;
}

.bouton {
border: solid 1px;
margin-left:10px;
}

p.notice {
font-size: 80%;
}

/* Newsletter */

ul#newsletter{
width:500px;
}
ul#newsletter li {
list-style:none;
}

ul#newsletter li p span.left {
width:40px;
}

ul#newsletter li p span.submit imput{
margin-top:40px;
}

/***** #coordonnees *****/

div#coordonnees dl#adresse {
position:absolute;
top:9px;
left:90px; }

div#coordonnees dl#horaires {
width:140px;
position:absolute;
top:9px;
right:100px; }

/***** #bloc panier ******/

div#blocpanier{
position:absolute;
width:300px;
top:120px;
right:0;
font-family:"Century Gothic", Verdana, Arial;}

div#blocpanier li a{
font-size:95%;
color:#fff;
display:block;
float:left;
width:130px;/*150*/
padding-left:20px;
text-decoration:none;}

div#blocpanier li a:hover{
color:#ccc;}

div#blocpanier li a.compte{
background:transparent url(img/compte.png) no-repeat left top;}

div#blocpanier li a.panier{
background:transparent url(img/panier.png) no-repeat left top;}


/***** #menu *****/

div#menu ul {
padding-top:30px;
margin-left:30px; }

div#menu ul li {
margin-bottom:15px;
padding-left:20px;
background:transparent url(img/menu_puce.png) no-repeat left 70%; }

div#menu ul li a {
width:150px;
display:block;
outline:none;
font-size:95%;
font-family:"Century Gothic", Verdana, Arial;
color:#fff;
letter-spacing:2px;
text-decoration:none; }

div#menu ul li a:hover {
color:#3E0B0B; }

div#menu ul li.nopuce{
background:none;
margin-left:-12px;
padding:0;
}

div#menu ul li a.boutique{
width:180px;
height:41px;
background:transparent url(img/boutique_en_ligne.png) no-repeat;
text-indent:-9999px;}

/***** #news *****/

div#news .presentation_texte {
width:180px;
padding-top:20px;
margin-left:15px; }

div#news h3 {
width:100%;
height:20px;
line-height:20px;
text-align:center;
background:transparent url(img/news_fond.png) no-repeat center;
font-size:95%;
font-family:"Century Gothic", Verdana, Arial;
color:#fff;
font-weight:normal;
letter-spacing:2px; }

div#news h5 {
padding-top:10px;
text-align:center;
font-size:80%; }

div#news dl {
line-height:1.1;
padding-top:15px;
font-size:80%;
text-align:left; }

div#news dl dt {
float:left;
margin-right:5px; }

div#news dl dt img {
width:80px; }

div#news dl dd.date {
padding-bottom:10px;
font-weight:bold; }

div#news dl dd.description {
padding-bottom:10px; }

div#news dl dd.plus a {
display:block;
text-align:right;
font-size:90%;
color:#fff; }

div#news dl dd.plus a:hover {
color:#D0AF95; }

/***** #plaquette *****/

div#plaquette a {
font-size:55%;
height:14px;
line-height:14px;
display:block;
width:100%;
text-align:center;
color:#fff;
text-decoration:none;
letter-spacing:2px;
position:absolute;
bottom:33px;
left:0;
outline:none; }

div#plaquette a:hover {
color:#FFDECE; }

/***** #nav_sub *****/

div#nav_sub ul li {
display:inline;
margin-right:2px; }

div#nav_sub ul li a {
text-decoration:none;
color:#752600;
padding-right:2px; }

div#nav_sub ul li a:hover {
color:#DD4800; }
/******************** panier *****************/

table#panier {
margin:15px auto;
width:100%;}

table#panier tbody tr#titre {
color:#fff;
text-transform:uppercase;
font-weight:bold;
background:#333333;}

table#panier tbody tr#titre td{
text-align:center;
padding:10px;}

/* Lignes */

table#panier tbody tr.ligne td {
padding:10px;}

table#panier tbody tr.ligne.couleur1:hover td{
background:#D2D2D2;}

table#panier tbody tr.ligne.couleur2:hover td{
background:#E8E8E8;}

.couleur1 td {
background:#ccc; /* A modifier */}

.couleur2 td { 
background:#E0E0E0;  /* A modifier */}

table#panier tbody tr.ligne td p input {
width:23px;
margin-right:10px;}

table#panier tbody tr.ligne td img {
color:transparent;} 

/* td Produit */

table#panier tbody tr.ligne td.produit h4 {
padding:10px 10px 4px 0;
text-align:left;
font-size:110%;}

table#panier tbody tr.ligne td.produit p img {
float:left;
margin-right:5px;}

table#panier tbody tr.ligne td.produit p a {
font-weight:bold;
color:#646464;
text-align:left;
font-size:90%;
line-height:1.1;
display:block;
text-decoration:underline;}

table#panier tbody tr.ligne td.produit p a:hover {
text-decoration:none;}

table#panier tbody tr.ligne td.produit span {
font-style:italic;
display:block;
padding-bottom:10px;
color:#4F4F4F;}

/* td Supprimer */

table#panier tbody tr.ligne td.supprimer{
text-align:center;}

/* td Photo */

table#panier tbody tr.ligne td.photo img {
width:75px;
height:50px;
border:1px solid #888;}

table#panier tbody tr.ligne td.photo img:hover {
border:1px solid #333;}

/* td Prix total */

table#panier tbody tr.ligne td.prix_total{
text-align:right;
padding-right:14px;
font-weight:bold;}

/* tr Total */

table#panier tbody tr#total{
color:;
padding:10px;}

table#panier tbody tr#total th {
letter-spacing:1px;
padding:7px 15px;
text-align:right;
background:#333;}

/* tr Actions */

table#panier tbody tr#action td p {
width:210px;
margin:0 auto;
padding:15px 0 15px 55px;}

table#panier tbody tr#action td {
padding:5px 15px;
text-align:center;}

table#panier tbody tr#action td p a {
float:left;
font-weight:bold;
margin-right:6px;
color:#646464;
font-size:110%;
line-height:1.1;
text-decoration:underline;}

table#panier tbody tr#action td p a:hover {
text-decoration:none;}

table#panier tbody tr#action td p img {
margin-right:20px;
float:left;}
