body{
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#363A3C;
background:#363A3C url(../../images/body_bg.jpg) top center no-repeat
}

a{
color:#333;
text-decoration:none
}

a:hover{
color:#900;
text-decoration:underline
}

a.lien{
color:#21262e;
font-weight:700
}

a.lien:hover{
text-decoration:none
}

img{
border:0;
margin:0;
padding:0
}

form{
margin:0;
padding:0
}

table{
border-collapse:collapse
}

tr,td{
vertical-align:top
}

#lien_ekinoxe{
position:absolute;
width:130px;
height:130px;
background:url(../../images/logo-ekinoxe.png);
display:block;
top:0;
left:0
}

#conteneur {
background:url(../../images/conteneur_bg.gif) repeat-y;
width:980px;
margin:0 auto
}

#bandeau_haut{
width:980px;
height:285px;
margin:0 auto 15px
}

#bandeau_haut table{
border-collapse:collapse;
height:246px
}

#bandeau_haut td{
padding:0;
margin:0
}

#logo{
position:absolute;
width:310px;
height:97px;
display:block;
z-index:10;
margin:15px 0 0 15px
}

#slogan {
display:none
}

#anim_flash {
margin:0;
position:absolute;
z-index:1
}

#menu_top {
margin:25px 0 0;
padding:0;
z-index:2
}

#menu_top a {
display:block;
height:26px;
width:28px;
background:url(../../images/menu_top.jpg) no-repeat
}

#menu_top a#top_home {background-position:-28px 0}
#menu_top a#top_home:hover {background-position:0 0}
#menu_top a#top_fav {background-position:-28px -26px}
#menu_top a#top_fav:hover {background-position:0 -26px}
#menu_top a#top_sitemap {background-position:-28px -52px}
#menu_top a#top_sitemap:hover {background-position:0 -52px}
#menu_top a#top_ami {background-position:-28px -78px}
#menu_top a#top_ami:hover {background-position:0 -78px}

#menu_horizontal {
width:800px;
display:block;
font-family:Verdana;
font-size:12px;
color:#CCC;
text-transform:uppercase;
letter-spacing:-1px;
margin:7px auto 0
}

#menu_horizontal li {
display:inline;
margin:0 4px;
padding:0
}

#menu_horizontal a {
color:#CCC;
text-decoration:none
}

#menu_horizontal a:hover {
color:#C00;
text-decoration:none
}

#table_contenu {
background:#CDCDCD url(../../images/table_contenu_bg.jpg) repeat-x;
width:834px;
margin:0 auto
}

#partie_droite {
width:170px;
padding:0 0 0 17px
}

#panier {
background:url(../../images/panier_bg.jpg);
width:133px;
height:59px;
color:#FFF;
margin:0 auto;
padding:65px 0 0 35px
}

#prod_panier{
height:30px;
width:115px
}

#menu {
width:168px;
background:url(../../images/menu_bg.jpg) repeat-y;
margin:0 auto;
padding:0
}

#menu h2 {
height:auto;
min-height:15px;
width:138px;
font-weight:400;
cursor:pointer;
font-size:14px;
color:#CCC;
font-family:Verdana;
margin:0;
padding:2px 20px 2px 10px
}

#menu h2 a {
display:block;
width:115px;
color:#CCC;
text-decoration:none;
margin:0
}

#menu h2:hover {
background:url(../../images/puce_menu_hover.jpg) no-repeat;
background-position:151px 8px;
color:#C00
}

#menu h2:hover a {
color:#C00;
text-decoration:none
}

.stretcher {
font-size:10px;
margin:0 10px;
padding:5px
}

.stretcher li {
color:#CCC;
margin:0;
padding:0
}

.stretcher a {
color:#CCC
}

.stretcher a:hover {
color:#C00
}

#partie_centrale {
width:620px;
padding:0 17px 0 10px
}

#page{
height:auto;
min-height:600px
}

#arbo{
color:#333;
height:20px;
margin:0;
padding:0
}

.titre{
clear:both;
font-size:20px;
color:#C00;
padding:5px 0 0 40px;
height:30px;
background:url(../../images/titre_bg.png) top left no-repeat;
}

.article{
clear:both;
padding:5px 10px;
color:#21262e
}

.produit{
margin:5px 0;
width:310px;
float:left;
z-index:2
}

#liste_categorie a{
display:block;
float:left;
margin:0 15px 20px;
width:172px;
height:41px;
text-align:center;
background:url(../../images/categorie.jpg);
color:#FFF;
padding-top:50px;
font-size:14px
}

h2.titre_produit{
background:url(../../images/titre_produit_bg.jpg) no-repeat;
background-position:right 4px;
height:32px;
width:140px;
padding:0 20px 0 0;
color:#363A3C;
margin:0 0 5px;
font-size:13px;
font-family:Verdana;
text-transform:uppercase;
text-align:right;
font-weight:400
}

h2.titre_produit a{
color:#363A3C
}

h2.titre_produit a:hover{
color:#900;
text-decoration:underline
}

.prix{
height:17px;
padding:0 0 0 45px;
font-size:16px;
font-family:Verdana;
text-transform:uppercase;
font-weight:400;
background:url(../../images/prix_bg.png) no-repeat;
background-position:0 2px
}

.produit_achat{
margin:0 0 0 10px
}

#gestion_logo, #gestion_text{
width:618px;
border:1px solid #333;
margin:5px 0
}

#gestion_logo table, #gestion_text table{
width:610px;
margin:4px
}

#gestion_logo td, #gestion_text td{
padding-top:5px;
vertical-align:top
}

.divLogo{
clear:both;
overflow-y:scroll;
height:86px;
width:590px;
margin:0 auto
}

.divLogo ul{
margin:0;
padding:0;
display:block
}

.divLogo ul li{
display:block;
float:left;
list-style-type:none;
text-align:center;
margin:2px 5px
}

.divLogo ul li img{
border:1px solid #CCC;
width:50px;
height:50px;
padding:4px
}

.divColor {
width:100px;
height:20px;
margin:0;
border:1px solid #000;
background:none;
background-position:center
}

.galerie {
clear:both;
margin-left:10px
}

.photo_galerie {
float:left;
margin:0 8px 16px;
width:100px;
height:100px
}

#promotions{
width:700px;
height:145px;
margin:0 auto;
padding:25px 109px 0;
background:#585858;
color:#CCC
}

#promo_titre {
width:228px;
height:76px;
background:url(../../images/promo_titre.png);
position:absolute;
margin:-35px 0 0 -139px;
z-index:1
}

#promotions h2.titre_produit a{
color:#CCC
}

#promotions h2.titre_produit a:hover{
color:#900
}

#nouveaute {
width:700px;
height:145px;
margin:0 auto;
padding:25px 50px 0;
}

#news_titre {
width:228px;
height:76px;
background:url(../../images/news_titre.png);
position:absolute;
margin:-40px 0 0 -109px;
z-index:1
}

#flash_news {
clear:both;
background:url(../../images/flash_news.jpg);
width:980px;
height:169px
}

#flash_infos{
width:320px;
height:130px;
margin:25px 0 0 195px;
padding:0;
color:#CCC;
font-size:11px;
}

#flash_infos a{
color:#CCC;
font-weight:700
}

#flash_infos h2{
font-size:12px
}

#flash_infos marquee{
height:130px
}

#newsletter {
margin:20px 0 0 180px;
padding:0;
height:25px
}

.input_news {
border:none;
background:none;
margin:0;
text-align:center;
width:155px;
height:16px;
padding:0
}

#adresse {
width:335px;
height:100px;
margin:15px 0 0 60px;
font-size:11px;
color:#CCC
}

#adresse h2 {
margin:0
}

#tag_cloud {
width:800px;
margin:0 auto;
padding:60px 0 10px
}

#tag_titre {
width:229px;
height:87px;
background:url(../../images/tag_titre.png);
position:absolute;
margin:-75px 0 0 -50px
}

#tag_cloud span {
font-size:12px;
font-weight:400;
}

#tag_cloud a {
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#tag_cloud a:hover{text-decoration:underline}

#tag_cloud span a.tag1 {color:#666;font-size:10px;}
#tag_cloud span a.tag2 {color:#333;font-size:10px;}
#tag_cloud span a.tag3 {color:#000;font-size:10px;}
#tag_cloud span a.tag4 {color:#200;font-size:11px;}
#tag_cloud span a.tag5 {color:#400;font-size:12px;}
#tag_cloud span a.tag6 {color:#600;font-size:13px;}
#tag_cloud span a.tag7 {color:#800;font-size:14px;}
#tag_cloud span a.tag8 {color:#B00;font-size:15px;}
#tag_cloud span a.tag9 {color:#D00;font-size:16px;}
#tag_cloud span a.tag10{color:red;font-size:17px;font-family:impact, arial}

#rubrique_bas {
display:block;
background:#585858 url(../../images/paiement.jpg) no-repeat;
background-position:right 5px;
height:20px;
width:834px;
margin:0 auto;
padding:10px 0;
color:#CCC;
text-align:center
}

#rubrique_bas a{
color:#CCC
}

.rub a{
font-size:14px;
color:#21262e;
font-weight:700
}

.map{
margin:10px 0 10px 30px
}

.map a{
color:#21262e
}

/*Caddie*/

.cell{
border:2px solid #999;
background:#fff;
padding:2px
}

/* ----- CLASSES COMMUNES ----- */

.champ_qte { border: 0; background: none; color: #000; width: 18px }
ul.compte { padding: 15px; list-style: none }
p.centre { text-align: center; margin: 10px }
p.erreur { color: red; font-weight: 700; text-align: center }
span.erreur { font-size: 11px; color: red }
span.rouge { color: red }
h2.cgv_titre{font-size:14px;margin:6px 0;color:#000}
p.cgv_p{margin:0 10px}
blockquote.cgv_adresse{margin:7px 20px}

/* ----- VOS CLASSES ET ELEMENTS ----- */