/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0; }

body {
	font-family: Verdana, Arial, sans-serif;
	font-size:  8pt;
	color: #333333;
	background: #007AC3 url('../images/interface/bg-hiver.jpg') repeat-y center top;
	}

a{ text-decoration: none; color: #333333; }
a:hover{text-decoration: none; color: #c29808; }
a img { border: none; }
p { margin: 10px 0; line-heigth: 14px; text-align: justify; }
ul { margin: 10px 0 10px 30px; list-style-image: url('../images/puce-li.gif'); }
ul li ul { list-style-image: url('../images/puce-li-2.gif'); }
ol { margin: 5px 0 5px 30px; font-size: 12px; }
li { margin: 2px 0; }
dl { padding: 0 20px; }
dt { font-weight: bold; margin: 10px 0 5px 0; }
dd { margin: 5px 0; padding: 5px;}
fieldset { border: 1px solid #A92B32; padding: 5px; margin: 10px 0;}
legend { font-weight: bold; color: #A92B32; font-size: 14px; }
address { margin: 15px 30px; }
small { font-size: 7pt;}
blockquote { margin: 12px 0; font-size: 16px; font-weight: bold; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px; }
.align_left {text-align: left; }
.align_right {text-align: right; }
.center { text-align: center;}
.justify { text-align: justify; }
.invisible { display: none; }

h1 { font-size: 22px; }
h2 { font-size: 10pt; margin: 10px 0; color: #003a5e; }
h3 { font-size: 10pt; margin: 10px 0; color: #c29808; }
h4 { font-size: 16px; margin: 10px 0; }

#conteneur {
	width: 900px;
	margin: 0 auto;
        background: #ffffff url('../images/interface/bg-conteneur.gif') repeat-y center top;
	}
	
#header{
	width: 666px;
	height: 144px;
	background: #fff url('../images/interface/header.gif') no-repeat left top;
	}

#header h1 a {
	display: block;
	width: 666px;
	height: 144px;
	}
	
#header h1 a span {
	display: none;
	}

#contenu {
        clear: left;
	width: 642px;
	
        padding: 5px 12px;
        min-height: 400px;
        }

#col_droite {
        float: left;
        width: 200px;
        padding-right: 34px;
        background: url('../images/interface/img-fin-cercle.gif') no-repeat right top;
        min-height: 200px;
        color: #fff;
        }
        
#arbo { clear: both; font-weight: normal; color: #999; margin: 5px 0; font-size: 12px; }
#arbo a { color: #CA989A; }
/***********************/
.titre_right {
        margin: 0;
        height: 25px;
        line-height: 25px;
        padding-left: 34px;
        font-weight: normal;
        font-size: 8pt;
        background: url('../images/interface/bg-titre-right.gif') no-repeat;
        }
.espace_client { background: url('../images/interface/bg-compte.gif') repeat-x left bottom; padding-bottom: 5px; width: 200px; }
.espace_client a { color: #fff; }
.espace_client a:hover { color: #c29808; }
.espace_client p { text-align: left }
/***********************/
.btn-produit a { 
        display: inline;
        float: left;
        width: 200px;
        height: 200px;
        margin: 5px;
        }
.btn-produit.replica a{ background: #eee url('../images/catalogue/btn-replica.jpg') no-repeat; }
.btn-produit.sportswear a{ background: #eee url('../images/catalogue/btn-sportswear.jpg') no-repeat; } 
.btn-produit.entrainement a{ background: #eee url('../images/catalogue/btn-entrainement.jpg') no-repeat; } 
.btn-produit.supporter a{ background: #eee url('../images/catalogue/btn-supporter.jpg') no-repeat; } 
.btn-produit.accessoires a{ background: #eee url('../images/catalogue/btn-accessoires.jpg') no-repeat; }
.btn-produit.duarig a{ background: #eee url('../images/catalogue/btn-duarig.jpg') no-repeat; }

.btn-produit a span { visibility: hidden; }

.article {
        float: left;
        display: inline; /* pour ie 6 */
        width: 290px;
        height: 120px;
        margin: 5px;
        padding: 10px;
        }
.article h2 { margin-top: 0; }        
.article h2 a {
        color: #c29808;
        }
.article ul { list-style-type: none; }        
.article-photo {
        width: 115px;
        height: 119px;
        background: #fff url('../images/catalogue/bg-photo.gif') no-repeat;
        float: left;
        margin-right: 5px;
        padding-top: 1px;
        padding-right: 5px;
        padding-left: 1px;
        text-align: center;
       }
.article-photo a { display: block; width: 115px; height: 115px; line-height: 115px; }

.article-prix {
        font-size: 7pt;
        font-weight: bold;
        }       
        
#detail {
        width: 282px;
        float: left;
        background: url('../images/catalogue/bg-detail.gif') no-repeat left top;
        padding-top: 5px
        }
#detail_bottom {
        padding: 0 15px 10px 15px;
        background: url('../images/catalogue/bg-detail.gif') no-repeat left bottom;
        }
        
#detail h2 { color: #c29808; font-size: 12pt; }

.detail-photo {
        float: left;
        width: 350px;
        margin-left: 10px;
        text-align: center;
        }
        
.prix {
        text-align: right;
        font-size: 12pt;
        font-weight: bold;
        }
        
.pagination {
        width: 100%;
        background: #F0EFEB url('../images/catalogue/bg-pagination.gif') no-repeat;
        font-weight: normal;
        height: 26px;
        border-bottom: 1px solid #DBDBDB;
        border-top: 1px solid #EBEBEB;
        }
        
.numpage { font-weight: bold; color: #c29808; font-size: 11pt }        
/***********************/

.panier {
        width: 100%;
        }
th {
        background: #c29808;
        color: #fff;
        font-weight: bold;
        line-height: 20px;
        }
.total {
        background: #0D58A0;
        color: #fff;
        line-height: 25px;
        }
.trOn { background: #F3EACE; cursor: pointer; }
.trOff { background: transparent; }        
/***********************/
.btn-continuShop a span , .btn-commande a span, .btn-poursuivreCmde a span, .btn-confirmCmde a span, .btn-demandeCat a span, .btn-telechargeCat a span, .btn-contact a span, .btn-boutique a span { visibility: hidden; }

.btn-continuShop a {
        display: block;
        width: 175px;
        height: 25px;
        background: url('../images/interface/btn-continuShop.gif') no-repeat;
        float: left;
        margin-right: 20px;
        }
.btn-continuShop a:hover { background: url('../images/interface/btn-continuShop.gif') no-repeat 0 -25px; }

.btn-commande a {
        display: block;
        width: 175px;
        height: 25px;
        background: url('../images/interface/btn-commande.gif') no-repeat 0 0;
        float: left;
        margin-right: 20px;
        }
.btn-commande a:hover { background: url('../images/interface/btn-commande.gif') no-repeat 0 -25px; }

.btn-poursuivreCmde a {
        display: block;
        width: 180px;
        height: 25px;
        background: url('../images/interface/btn-poursuivreCmde.gif') no-repeat 0 0;
        float: left;
        margin-right: 20px;
        }
.btn-poursuivreCmde a:hover { background: url('../images/interface/btn-poursuivreCmde.gif') no-repeat 0 -25px; }

.btn-confirmCmde a {
        display: block;
        width: 175px;
        height: 25px;
        background: url('../images/interface/btn-confirmCmde.gif') no-repeat 0 0;
        float: left;
        margin-right: 20px;
        }
.btn-confirmCmde a:hover { background: url('../images/interface/btn-confirmCmde.gif') no-repeat 0 -25px; }

.btn-ajoutPanier a {
        display: block;
        width: 175px;
        height: 25px;
        background: url('../images/interface/btn-confirmCmde.gif') no-repeat 0 0;
        float: left;
        margin-right: 20px;
        }
.btn-ajoutPanier a:hover { background: url('../images/interface/btn-confirmCmde.gif') no-repeat 0 -25px; }

.btn-demandeCat a {
        display: block;
        width: 175px;
        height: 25px;
        background: url('../images/interface/btn-demandeCat.gif') no-repeat 0 0;
        float: left;
        margin-right: 28px;
        margin-left: 18px;
        }
.btn-demandeCat a:hover { background: url('../images/interface/btn-demandeCat.gif') no-repeat 0 -25px; }

.btn-telechargeCat a {
        display: block;
        width: 185px;
        height: 25px;
        background: url('../images/interface/btn-telechargeCat.gif') no-repeat 0 0;
        float: left;
        margin-right: 28px;
        }
.btn-telechargeCat a:hover { background: url('../images/interface/btn-telechargeCat.gif') no-repeat 0 -25px; }

.btn-boutique a {
        display: block;
        width: 185px;
        height: 25px;
        background: url('../images/interface/btn-boutique.gif') no-repeat 0 0;
        float: left;
        }
.btn-boutique a:hover { background: url('../images/interface/btn-boutique.gif') no-repeat 0 -25px; }

.btn-contact a {
        display: block;
        width: 129px;
        height: 25px;
        background: url('../images/interface/btn-contact.gif') no-repeat 0 0;
        
        margin: auto;
        }
.btn-contact a:hover { background: url('../images/interface/btn-contact.gif') no-repeat 0 -25px; }
/***********************/
.vert { color: #55BB11; font-weight: bold;  }
.erreur { color: #ff0000; background: url('../images/interface/puce.png') no-repeat left center; padding-left: 18px; line-height: 16px;}

#footer{
	clear: both;
	width: 900px;
        padding-top: 25px;
	background: #ffffff url('../images/interface/bg-footer.gif') no-repeat left top;
	}

#footer p{
	text-align: center;
	margin: 10px 0 0 0;
        line-height: 30px;
        background: #003A5E;
	}
	
#footer a { color: #999; text-decoration:none; }
#footer a:hover { text-decoration: underline; }

#modif_qte, #ajout_panier {
	Z-INDEX: 1000;
	LEFT: -50px;
	VISIBILITY: hidden;
	POSITION: absolute;
	TOP: 0px;
	padding: 5px;
	}
#ajout_panier, #modif_qte { padding: 0; width: 260px; }
#ajout_panier_top { height: 40px; background: transparent url('../images/catalogue/bg-ajoutPanierTop.png') no-repeat left top }
#ajout_panier_bottom { height: 25px ;background: transparent url('../images/catalogue/bg-ajoutPanierBottom.png') no-repeat left bottom }
#ajout_panier_middle { padding: 5px 20px 1px 20px; background: transparent url('../images/catalogue/bg-ajoutPanierbg.png') repeat-y left top }
#modif_qte_top { height: 40px ;background: transparent url('../images/catalogue/bg-modifQteTop.png') no-repeat left top }