@charset "utf-8";
/* CSS Document */
html,body{
margin:0;
padding:0;
font-family:"trebuchet MS";
}
#contenant{
margin:0;
padding:0;
margin:auto;
}

a{
outline:none;
color:#97ce2d;
text-decoration:none;
}

a:hover{
text-decoration:underline;
}	



#site{
background-image:url(../images/bg_degrade.png);
background-repeat:repeat-x;
margin:auto;
}

#repeat_corps{
width:958px;
margin:auto;
background-image:url(../images/repeat_corps.png);
background-repeat:repeat-y;
}

#entete{
text-align:center;
background-image:url(../images/bg_header.png);
background-repeat:repeat-x;
}

#corps{
width:958px;
margin:auto;
background-image:url(../images/bg_corps.png);
background-repeat:no-repeat;
}

#colonne_gauche{
float:left;
margin-left:35px;
width:220px;
}

p.plus_grand{
font-weight:bold;
font-size:14px;
}

#centre{
font-size:12px;
color:#666666;
text-align:justify;
margin-left:260px;
margin-right:40px;
}

#rechercher{
margin-top:5px;
text-align:center;
width:100%;
}

#rechercher input{
font-size:14px;
}

#recherche{
background-image:url(../images/loupe.png);
background-repeat:no-repeat;
background-position:2% 50%;
padding-left:20px;
width:130px;
}


#contenu{
text-align:center;
}

#panier{
margin:0;
margin-top:5px;
font-size:10px;
color:#999999;
float:left;
width:300px;
}

#panier p.titre{
color:#ed7878;
border-bottom:1px solid #ee7171;
width:150px;
margin:0;
margin-bottom:3px;
font-weight:bold;
font-size:14px;
padding-bottom:2px;
padding-left:30px;
background-image:url(../images/panier.png);
background-repeat:no-repeat;
}

#compte{
margin:0;
width:300px;
font-size:10px;
color:#999999;
margin-left:300px;
}

#compte form{
margin:0;
}

#compte p.titre{
color:#2ac12e;
margin:0;
width:150px;
margin-bottom:3px;
border-bottom:1px solid #2ac12e;
padding-bottom:5px;
font-weight:bold;
padding-top:2px;
font-size:14px;
padding-left:30px;
background-image:url(../images/login.png);
background-repeat:no-repeat;
background-position:0% 50%;
}



h1{
letter-spacing:2px;
margin:0;
font-size:20px;
font-weight:normal;
color:#89728f;
background-image:url(../images/bg_titre.png);
background-repeat:repeat-x;
background-position:0% 100%;
padding-bottom:6px;
text-align:left;
}


#pieds{
width:958px;
margin:0;margin:auto;
background-image:url(../images/bg_footer.png);
height:52px;
background-repeat:no-repeat;
}

#pieds p#texte_pieds{
margin:0;
color:#5b592e;
font-size:12px;
text-align:center;
padding-top:25px;
}

p.center{
margin:0;
text-align:center;
}

div.center{
margin:0;
text-align:center;
}

hr{
color: white;
background-color: #FFFFFF;
height: 0px;
border:none;
border-top: 1px dotted #CCCCCC;
}

input{
border:1px solid #cccccc;
font-size:12px;
}

.menu_gauche{
margin:auto;
margin-top:10px;
width:200px;
border-top:1px solid #e6e5e5;
}

.menu_gauche h2{
letter-spacing:2px;
background-image:url(../images/bg_menugauche.png);
background-repeat:repeat-x;
border-bottom:1px solid #e6e5e5;
border-left:1px solid #e6e5e5;
border-right:1px solid #e6e5e5;
height:21px;
margin:0;
padding-left:10px;
padding-top:3px;
font-size:12px;
color:#fa861e;
}

.menu_gauche h2 a{
display:block;

}


.menu_gauche ul{
margin:0;
padding:0;
list-style:none;
}

.menu_gauche ul li{
font-size:12px;
color:#333333;
font-weight:bold;
}

.menu_gauche ul li a{
text-decoration:none;
display:block;
color:#999999;
padding-top:4px;
font-size:12px;
padding-left:5px;
padding-bottom:4px;
border-bottom:1px dotted #DDDDDD;
}

h2 a{text-decoration:none;}
h2 a.nocolor{color:#fa861e;} 
h2 a.bleu{color:#4492c4;}
h2 a.vert{color:#2ac062;}
h2 a.violet{color:#8a688f;}
h2 a.rouge{color:#e35b5b;}


.menu_gauche ul.nocolor li a:hover{
color:#fa861e;
}
.menu_gauche ul.bleu li a:hover{
color:#4492c4;
}
.menu_gauche ul.vert li a:hover{
color:#2ac062;
}
.menu_gauche ul.rouge li a:hover{
color:#e35b5b;

}

.menu_gauche ul.nocolor li ul li a:hover{ background:none; color:#fa861e; text-decoration:none;}
.menu_gauche ul.bleu li ul li a:hover{ background:none; color:#4492c4;}
.menu_gauche ul.vert li ul li a:hover{ background:none; color:#2ac062;}
.menu_gauche ul.rouge li ul li a:hover{ background:none; color:#e35b5b;}

.menu_gauche ul li ul li{
margin:0;
padding:0;
}

.menu_gauche ul li ul li a{
background:none;
display:block;
padding-top:0;
padding-bottom:0;
padding-left:30px;
font-weight:normal;
border-bottom:1px solid #EEEEEE;

}

.menu_gauche ul li ul li a:hover{
text-decoration:underline;
background:none;
}

.clearer{
width:0;
height:0;
line-height:0;
clear:both;
}

.produit{
font-family:"trebuchet MS", Verdana;
padding:5px;
background-repeat:no-repeat;
float:left;
width:140px;
height:220px;
background-image:url(../images/bg_produit2.jpg);
margin-top:10px;
margin-left:10px;
}

.pagination{
border-bottom:1px dotted #999999;
padding-bottom:10px;
margin-top:10px;
font-weight:bold;
color:#4492c4;
text-align:center;
}

#enbas{
border-bottom:none;
padding-top:10px;
border-top:1px dotted #999999;
}

.pagination a{
margin:0px 6px 0px 6px;
padding:3px 6px;
color:#999999;
text-decoration:none;
border:1px solid #91b03d;
}

.pagination a:hover{
background-color:#DDDDDD;
}

.produit table{
margin-top:5px;
height:125px;
width:130px;
background-color:#FFFFFF;
border:1px dotted #CCCCCC;
}

.produit table.new{
background-image:url(../images/new_produit.jpg);
background-repeat:no-repeat;
background-position:100% 0%;
}

.produit table.new_cc{
background-image:url(../images/new_cc.gif);
background-repeat:no-repeat;
background-position:100% 0%;
}

.produit table.cc{
background-image:url(../images/cc.gif);
background-repeat:no-repeat;
background-position:100% 0%;
}

.produit .titre_produit{
font-size:16px;
margin:0;
padding-left:3px;
padding-right:5px;
color:#4492c4;
font-size:12px;
font-weight:bold;
}

.produit .ref_produit{
padding-left:3px;
font-weight:normal;
color:#4492c4;
display:inline;
font-size:12px;
margin:0;
}

.produit .lien_produit{
margin:0;
margin-top:5px;
}
.produit img.photo_prod{
padding:3px;
background-color:#CCCCCC;

}

.produit a img.photo_prod{
opacity: 0.8;
filter:alpha(opacity=80);
}

.produit a:hover img.photo_prod{
opacity: 1;
filter:alpha(opacity=100);
}

.produit .img_produit{
height:130px;
width:130px;
background-color:#EEEEEE;
padding-top:3px;
text-align:center;
margin:auto;
}

.prix_produit{
margin:0;
padding-left:3px;
font-weight:bold;
color:#666666;
font-size:14px;
}

.prix_promo{
margin:0;
padding-left:3px;
display:inline;
font-weight:bold;
color:#759c0d;
text-decoration:blink;
font-size:14px;
}

.prix_raye{
font-size:12px;
font-weight:bold;
text-decoration:none;
color:#666666;
margin-left:10px;
text-decoration:line-through;
}

a#details{
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
} 
a#ajoutpanier{
color:#666666;
font-size:12px;
font-weight:bold;
text-decoration:none;
} 

.ligneProduit td{
}

a#ajoutpanier:hover{
color:#e071dc;}

a#details:hover{
color:#8cdc02;}

a img{
border:0;}

#ensemble_detail{
margin-top:10px;
font-size:12px;
color:#666666;}

#ensemble_detail p.titre{
font-size:16px;
font-weight:bold;
margin:0;
color:#774984;
}

#detail_img{
float:left;
height:300px;
margin-right:10px;}

.plus_petit{
font-weight:normal;
font-size:12px;
}

#detail_img img{
border:4px solid #d5e5ff;}

#detail_prod{
padding-left:5px;}

.titre_detail{
margin:10px 0px 0px 0px;
font-size:12px;
font-weight:bold;
color:#4492c4;
}

a.lien_retour{
text-decoration:none;
text-align:center;
display:block;
font-weight:bold;
color:#3e91be;
background-image:url(../images/retour.jpg);
background-repeat:no-repeat;
width:80px;
margin:auto;
font-variant:small-caps;
margin-bottom:10px;}

.lien_retour:hover{
text-decoration:underline;
}

p.alerte{
text-decoration:blink;
color:#FF0000;
font-size:18px;
border:1px solid #DDDDDD;
background-color:#EFEFEF;
display:inline;
padding:5px;
}

#connexion{
float:left;
width:50%;
font-size:12px;
}


fieldset{
margin:auto;
text-align:left;
border:1px solid #CCCCCC;
width:400px;
}


fieldset legend{
font-weight:bold;
color:#72abd0;
}

#connexion fieldset{
border:none;
}

.messageErreur{
background-color:#EEEEEE;
border:1px solid #DDDDDD;
color:#FF0000;}

.left{
text-align:left;
}

#moncompte{width:300px; float:left;}
#moncompte img{margin-bottom:5px;}
#mescommandes{width:300px; margin-left:310px; }

#confirm{
width:90%;
background-image:url(../images/repeatConfirm.png);
background-repeat:repeat-x;
height:25px;
padding-top:5px;
margin:auto;
font-weight:bold;
text-align:center;
border:1px solid #EEEEEE;
font-size:14px;
color:#e35b5b;
}

.vert2{
color:#4ec651;
}


#tableCart{
width:95%;
margin:auto;
margin-bottom:20px;
margin-top:20px;
}

.ligneProduit{
background-color:#eeeeee;
}

#firstLigne{
font-size:14px;
color:#FFFFFF;
font-weight:bold;
background-color:#89728f;
}

#ligneTotal{
font-weight:bold;
}

#cgdv{
border:1px solid #CCCCCC;
overflow:auto;
margin:auto;
width:650px;
background-color:#EEEEEE;
height:400px;
}

.rouge{
color:#FF0000;
}

#important{
text-align:center;
font-size:12px;
border:1px solid #CCCCCC;
width:80%;
margin:auto;
padding:5px;
margin-top:10px;
}

#adresses{
margin:auto;
height:200px;
width:500px;
}

h3{
margin:0;
font-size:18px;
}

#facturation{
float:left;
height:200px;
width:300px;
}
#livraison{
height:200px;
margin-left:310px;
}

table.paiement{
border:1px solid #CCCCCC;
border-bottom:none;
margin:auto;
width:100%;
}

table.paiement td{
height:50px;
border-bottom:1px solid #CCCCCC;
}

.button{
height:25px;
font-size:12px;
width:135px;
font-weight:bold;
background-color:#EEEEEE;
border:0px solid #CCCCCC;
border-top:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
}

.button:hover{
background-color:#DDDDDD;
}

#adresse {
color:#333333;
margin:auto;
width:200px;
padding:5px;
font-size:14px;
border:1px solid #666666;
}

h4{
margin:0;
margin-top:20px;
font-size:14px;
color:#4492c4;
font-weight:normal;
text-align:center;
text-decoration:underline;
}

#gererCommande{
width:95%;
margin:auto;
border:1px solid #9e7ea2;
}

#gererCommande th{
text-align:center;
color:#FFFFFF;
}

#gererCommande td{
border-bottom:1px solid #9e7ea2;
padding-top:5px;
padding-bottom:5px;
}

fieldset.centpourcent{
width:500px;
}

h1#indent{
background-image:none;
text-indent:-9000px;
position:absolute;
}

h2#indent{
background-image:none;
text-indent:-9000px;
position:absolute;
}

.noBorder{
border:none;
}