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

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

body {
text-align:justify;
font:100%/1.3 Arial, "Times New Roman", sans-serif;
background:url(img/body_fond.jpg) repeat; }
	
/***** Flash & Déco *****/

div#logo_flash {
/*background:url(img/logo_flash.png) no-repeat;*/
position:absolute;
top:30px;
left:140px;
width:710px;
height:150px;}

div#menu_flash {
/*background:url(img/menu_flash.png) no-repeat;*/
position:absolute;
top:10px;
left:57px;
width:856px;
height:50px;}

div#entete_decog {
z-index:2;
background:url(img/entete_decog.png) no-repeat;
position:absolute;
bottom:-40px;
left:22px;
width:156px;
height:156px;}

div#entete_decod {
z-index:2;
background:url(img/entete_decod.png) no-repeat;
position:absolute;
bottom:-40px;
right:22px;
width:156px;
height:156px;}

div#entete_voiture {
z-index:2;
background:url(img/entete_deco_voiture.png) no-repeat;
position:absolute;
bottom:-70px;
right:297px;
width:395px;
height:185px;}

div#deco_pied {
width:715px;
height:325px;
margin: 0 auto; 
background:url(img/pied_deco.jpg) no-repeat; }

/***** Stylage contenu *****/

/*  Liens */

p#lien a {
text-decoration:none;
font-weight:bold;
color:#fff;}

p#lien a:hover {
text-decoration:underline;
font-weight:bold;
color:#fff;}


/* Panier */

table#panier {
width:500px;}

table#panier a {
text-decoration:none;
font-weight:bold;
color:#990000;}

table#panier td {
padding:10px }

table#panier tr#titre td{
font-weight:bold;
background-color:#525252;
border-bottom:1px solid #fff;}

table#panier tr#ligne td{
border-bottom:1px solid #fff;
background-color:#9F9F9F;}

table#panier tr#ligne td img {
border:1px solid #000;
width:75px;
height:50px;}

p#action {
padding-top:10px;
padding-right:22px;
float:right;}

p#action a {
border:1px solid #ddd;
padding:3px;
font-size:75%;
background-color:#9F9F9F;
text-decoration:none;
font-weight:bold;
color:#525252;}

p#action a:hover {
background-color:#AFAFAF;
color:#fff;}

/* Fiche produit */

dl#fiche {
width:500px;
position:relative;}

dl#fiche a img {
position:absolute;
top:0;
left:0;
width:150px;
border:1px solid #990000;}

dl#fiche dd {
margin-left:165px;}

dl#fiche dt{
font-weight:bold;
font-size:140%;
margin-left:165px;
text-transform:uppercase;
width:150px;}

table {
width:500px;}

table tbody tr td label.libele_obligatoire {
color:#fff;}

ul#marques {
overflow:hidden;
margin:0 auto;
width:500px;}

ul#marques li {
text-align:center;
float:left;
margin-right:15px;}

ul#marques li a {
width:108px;
font-weight:bold;
color:#fff;
text-decoration:none;
display:block;}

ul#marques li a img {
padding:3px;
border:1px solid #990000;
width:100px;}

ul#marques li a img:hover {
background-color:#990000;}

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

h2 {
overflow:hidden;
width:585px;
height:37px;
line-height:37px;
background:url(img/h2_fond.png) no-repeat;
color:#fff;
letter-spacing:2px;
font-size:90%; }

h2 span.img_back {
display:block;
height:35px;
margin-left:10px;
float:left;}

h2 span.img_produits {
width:133px;
background:url(img/h2_produits.png) no-repeat; }

h2 span.img_presentation {
width:138px;
background:url(img/h2_presentation.png) no-repeat; }

h2 span.img_savoir_faire {
width:185px;
background:url(img/h2_savoir_faire.png) no-repeat; }

h2 span.img_devis{
width:66px;
background:url(img/h2_devis.png) no-repeat; }

h2 span.img_contact{
width:90px;
background:url(img/h2_contact.png) no-repeat; }

h2 span.img_compte{
width:120px;
background:url(img/h2_compte.png) no-repeat; }

h2 span.img_panier{
width:77px;
background:url(img/h2_panier.png) no-repeat; }

h2 span.img_promotion{
width:119px;
background:url(img/h2_promotion.png) no-repeat; }

h2 span.img_mentions_legales{
width:177px;
background:url(img/h2_mentions_legales.png) no-repeat; }

h2 span.img_news{
width:62px;
background:url(img/h2_news.png) no-repeat; }

div#colonne_gauche h3, div#colonne_droite h3  {
text-indent:-9999px;
height:35px;
margin:0 auto;}

div#colonne_gauche h3 a, div#colonne_droite h3 a  {
position:relative;
z-index:10;
display:block;
height:100%;
width:100%;}

div#produits h3{
background:url(img/h2_produits.png) no-repeat;
width:133px;}

div#news h3{
background:url(img/h3_news.png) no-repeat;
width:62px;}

div#compte h3{
background:url(img/h3_compte.png) no-repeat;
width:120px;}

div#panier h3{
background:url(img/h3_panier.png) no-repeat;
width:115px;}

div#promotion h3{
background:url(img/h3_promotion.png) no-repeat;
width:109px;}

div#coordonnees h3{
background:url(img/h3_coordonnees.png) no-repeat;
width:132px;}

div#presentation_contenu p {
margin-bottom:10px; }

.align_right {
text-align:right; }

.retour_ch {
margin-bottom:10px;}

/***** Liste produits  *****/

ul#liste_produits {
overflow:hidden;
width:543px;
margin:0 auto; }

ul#liste_produits li {
position:relative;
margin:15px;
float:left;
width:230px;
height:120px;}

ul#liste_produits li img{
position:absolute;
width:127px;
height:97px;
padding:3px;
border:1px solid #6D0504;
background-color:#fff;
top:0;
left:0; }

ul#liste_produits li dl {
color:#fff;
padding-left:142px;
line-height:1.1; }

ul#liste_produits li dl dt {
font-weight:bold;
text-transform:uppercase;
color:#fff;}

ul#liste_produits li dl dd a{
text-decoration:underline;
color:#fff; }

ul#liste_produits li dl dd.prix a {
font-weight:bold; }

ul#liste_produits li dl dd.infos a:hover{
text-decoration:none; }

ul#liste_produits li dl dd.ajouter a{
margin-top:5px;
display:block;
width:100%;
height:20px;
line-height:20px;
text-align:center;
text-decoration:none;
background-color:#990000;
font-weight:bold;
color:#fff; }

ul#liste_produits li dl dd.ajouter a:hover{
background-color:#fff;
color:#990000;}

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

div#global {
margin:0 auto;
width:990px; }

div#entete {
z-index:1;
position:relative;
background:url(img/entete_fond.jpg) no-repeat;
height:272px; }

div#conteneur_centre {
width:100%;
position:relative;
overflow:hidden;
background:url(img/conteneur_fond.jpg) repeat-y;}

div#colonne_gauche {
display:inline;
float:left;
width:150px; /*180*/
padding:0 15px;
margin-left:22px;
background:url(img/colonne_fond.png) no-repeat;
min-height:333px; /*****/}

div#colonne_droite {
position:absolute;
top:0;
right:22px;
width:180px;
background:url(img/colonne_fond.png) no-repeat;
min-height:333px; /*****/}

div#contenu {
background:url(img/contenu_top.png) no-repeat top;
margin-left:204px;
width:583px; }

div#contenu_img {
background:url(img/contenu_bottom.png) no-repeat bottom;
padding-top:61px; }

div#presentation_contenu {
width:543px; /*583*/
padding:10px 20px;
font-size:75%;
padding-bottom:136px;
min-height:300px;
color:#fff; }

div#pied {
padding-top:40px;
height:400px;
background:url(img/pied_fond.jpg) repeat-y; }

/***** Colonne gauche *****/

div#produits ul{
padding:10px 0; }

div#produits ul  li{
padding-left:20px;
background:url(img/puce.png) no-repeat left 2px;
text-align:left;
line-height:1.1; }

div#produits ul  li a{
text-decoration:none;
color:#FF0000;
font-size:75%; }

div#produits ul  li a:hover{
text-decoration:underline;}

div#news dl {
color:#FF0000;
font-size:75%;
text-align:left;
padding-bottom:10px;}

div#news dt {
font-weight:bold;
text-align:center;
padding-bottom:5px;}

div#news dd {
color:#990000;}

div#news dd a {
color:#990000;
text-decoration:underline;
font-size:90%;}

div#news dd a:hover {
text-decoration:none;}

div#coordonnees  dl{
line-height:1;
color:#ccc;
text-align:center;
font-size:75%;
padding-bottom:20px;}

div#colissimo p.payement{
text-align:center;
color:#ccc;
font-size:70%;
line-height:1;
margin-top:-50px;}

/***** Colonne droite *****/

div#compte form {
padding:10px 0;}

div#compte p {
text-align:center;}

div#compte p a {
text-decoration:underline;

color:#fff;
font-size:75%; }

div#compte p a:hover {
text-decoration:none; }

div#panier p {
text-align:center;
color:#990000;
font-size:75%;
line-height:1.1;}

div#panier ul {
padding-top:10px;}

div#panier ul li {
text-align:center;
line-height:1;}

div#panier ul li a {
text-decoration:underline;
color:#990000;
font-size:75%;}

div#panier ul li a:hover {
text-decoration:none;}

div#promotion{
padding-top:10px;}

div#promotion dl  {
width:100%;
padding-top:120px;
position:relative;
text-align:center;
font-size:75%;
color:#990000;}

div#promotion dl dt {
font-weight:bold;}

div#promotion dl dd a {
text-decoration:underline;
color:#FF0000;
font-size:90%;}

div#promotion dl dd a:hover {
text-decoration:none;}

div#promotion dl dd a img{
width:150px;
height:110px;
position:absolute;
top:0;
left:15px;}

div#pied ul {
width:100%;
text-align:center;}

div#pied ul li {
display:inline;
margin-right:2px;
color:#666;}

div#pied ul li a{
padding-right:2px;
font-size:75%;
color:#666;
text-decoration:none;}

div#pied ul li a:hover{
color:#999;}

div#pied p{
text-align:center;}

div#pied p a{
letter-spacing:2px;
color:#6C0000;
font-size:80%;
font-weight:bold;
text-decoration:none;}

/***** Formulaires *****/

form.model1 input.txt {
width:90px;
font-size:75%;
margin:0 2px 0 6px;
background-color:#686868;
color:#fff;}

form.model1 input.sub{
width:72px;
font-size:70%;
background: #686868 url(img/submit_fond.png) repeat-x;}

.libele {
color:#EFEFEF;
font-weight:bold;}

.libele_obligatoire {
color:#EFEFEF;
font-weight:bold;}

.champs {
background-color:#fff;
color:#1F1F1F;
border:1px #1F1F1F solid;}

.champs_obligatoire {
color:#000;
background-color:#dcdcdc;
border:1px #3F3F3F solid;}

.bouton {
background-color:#dcdcdc;
color:#1F1F1F;
border:1px #89BFFF solid;}

table tbody {
margin-top:15px;
float:right;}

input.bouton {
margin-top:15px;
color:#fff;
font-weight:bold;
background-color:#3F3F3F;
border:1px solid #dcdcdc;}

input.bouton:hover {
background-color:#990000;}

table#tableau td {
padding:5px;
border-collapse:collapse;
background-color:#666;}


/*     Formulaire      */
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%;
}