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 Recalculer */

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

/* 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:#fff;
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;}


/* ------------------ Formulaire  ------------------ */

/* Login */

div#login {
padding:15px 0 0 0;}

div#login h3 {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #656565;}

/*------------------- */

div#login form p{
height:10px;
padding-bottom:20px;}

div#login form p label {
line-height:1.5;
text-align:left;
float:left;
width:120px;
font-weight:bold; }

div#login form p label span {
font-size:90%;
font-style:italic;
font-weight:normal;
text-align:left;}

div#login form p img{
margin-right:5px;
width:16px;
height:16px;
float:left;}

div#login form p a {
line-height:1.2;
text-decoration:none;
color:#333;
display:block;}

div#login form p a:hover {
text-decoration:underline;
color:#333;
display:block;}


/* Nouveau client */

div#nouveau_client{
padding:15px 0 0 0;}

div#nouveau_client h3 {
padding-bottom:5px;
margin-bottom:10px;
border-bottom:1px solid #656565;}

/*------------------- */

div#nouveau_client form p{
height:10px;
padding-bottom:20px;}

div#nouveau_client form p label {
line-height:1.5;
text-align:left;
float:left;
width:120px;
font-weight:bold; }

div#nouveau_client form p label span {
font-size:90%;
font-style:italic;
font-weight:normal;
text-align:left;}

div#nouveau_client form p img{
margin-right:5px;
width:16px;
height:16px;
float:left;}

div#nouveau_client form p a {
line-height:1.2;
text-decoration:none;
color:#333;
display:block;}

div#nouveau_client form p a:hover {
text-decoration:underline;
color:#333;
display:block;}

div#nouveau_client form p.radio{
padding-top:5px;}

div#nouveau_client form p.radio input{
margin:0 2px;}


/* Form R?capitulatif */

div#recap {
text-align:left;}

div#recap h3{
padding:10px 0;}

div#recap p#sub input {
margin-top:20px;}

div#recap p#sub {
text-align:center;}

span#mail_obl,span#pass1_obl,span#mail_obl,span#pass1_obl,span#pass2_obl,span#prenom_obl,span#nom_obl,span#tel_obl,span#adr_obl,span#ville_obl,span#cp_obl,span#tel_obl,span#qte_obl {
width:300px;
border:1px solid #FFF;
height:10px;
margin-left:10px;
background:#FFF;
padding:2px 10px;
color:#F00}

.label_invisible{
display:none;}

.label_visible{
display:visible;}


***** Fil d'ariane v1.0 *****

- Créée par Nico le ?
- Modifié par Mathieu le 18-03-09

*/

div#ariane {
font-size:75%;
width:100%;
padding:10px 0; /* Aération haut / bas  */ }

div#ariane p {
color:#888; /* Couleur des crochets */
padding-bottom:5px; /* Espace entre la bordure et le fil d'ariane */
border-bottom:1px solid #CFCFCF;
font-size:75%; }

div#ariane p span {
margin:0 3px; /* Aération entre les éléments */ }

div#ariane p span a {
color:#888;
text-decoration:none; }

div#ariane p span.home a {
padding-left:25px;
background:transparent url(img/house.png) no-repeat left center; /* Icone */
color:#888; }

div#ariane p span.courant {
color:#333; }
 
div#ariane p a:hover {
text-decoration:underline; }