html {
background:#232121 url(../../images/bg_html.jpg) top center no-repeat
}

body {
color:#D8D8D8;
font:13px Arial, Helvetica, sans-serif;
margin:0
}

img {
border:0
}

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

a:hover {
color:red;
text-decoration:underline
}

td {
vertical-align:top;
margin:0;
padding:0
}

p.erreur {
color:#c00;
font-weight:700;
text-align:center
}

p.intro {
font-weight:700;
width:450px;
margin:auto
}

span.erreur {
font-size:11px;
color:#c00;
display:block
}

span.rouge {
color:#c00
}

table {
border-collapse:collapse
}

.input_formulaire {
width:270px
}

h2.rub {
font-size:14px;
height:24px;
padding-left:30px;
padding-top:6px;
background:url('../../images/sitemap_rub.gif') no-repeat;
background-position:10px 13px;
line-height:25px;
margin:5px
}

.map li,.compte li {
list-style:none;
list-style-image:url('../../images/sitemap_ssrub.gif');
line-height:25px;
margin-left:40px
}

#conteneur {
background:url(../../images/bg_body.jpg) bottom right no-repeat;
width:980px;
margin:auto;
padding:0
}

#bandeau_haut {
background:url(../../images/bandeau_haut.gif) bottom center no-repeat;
height:133px;
width:777px;
padding:0 0 0 23px
}

#petit_logo{
background:url(../../images/td_logo.jpg) no-repeat;
height:133px
}

#menu_horizontal {
display:block;
height:32px;
margin:0;
padding:0
}

#menu_horizontal li {
display:block;
float:left;
margin:9px 40px 0 0
}

#menu_horizontal a {
font-size:11px;
padding:0 0 6px;
color:#7D7D7D
}

#menu_horizontal a:hover {
text-decoration:none;
color:#CCC;
border-bottom:3px solid red
}

#menu_top {
display:block;
float:right;
height:22px;
font-size:10px;
margin:0 12px;
padding:10px 0 0
}

#menu_top li {
display:inline;
margin:0 10px;
padding:0
}

#menu_top a {
height:13px;
color:#999;
padding-left:15px;
background:url(../../images/menu_top.gif) no-repeat
}

#menu_top a:hover {
color:red
}

#menu_top #top_home {
background-position:0 1px
}

#menu_top #top_home:hover {
background-position:0 -11px
}

#menu_top #top_reco {
background-position:0 -23px
}

#menu_top #top_reco:hover {
background-position:0 -35px
}

#menu_top #top_sitemap {
background-position:0 -47px
}

#menu_top #top_sitemap:hover {
background-position:0 -59px
}

#menu_top #top_fav {
background-position:0 -71px
}

#menu_top #top_fav:hover {
background-position:0 -83px
}

#titre_site {
width:247px;
margin:0
}

#titre_site a{
display:block;
width:247px;
height:93px;
background:url(../../images/logo_distrilub.png);
margin:0;
text-decoration:none;
}

#titre_site a span{
visibility:hidden
}

#recherche {
background:url(../../images/bg_recherche.gif) left 30px no-repeat;
width:350px;
height:20px;
margin:0 0 0 50px;
padding:29px 0 0 125px
}

.form_search {
width:120px;
height:13px;
border:none;
font-size:10px;
margin:3px 2px 0;
padding:1px 3px 0
}

select.form_search {
width:124px;
padding:0
}

.btn_search {
margin:2px 0 0 5px
}

#panier {
background:url(../../images/bg_panier.gif) no-repeat;
width:270px;
height:20px;
color:#FFF;
font-size:14px;
margin:13px 21px 0 auto;
padding:0
}

#panier span{
margin:0 0 0 120px
}

#panier a{
display:block;
position:absolute;
width:270px;
height:20px
}

#panier img{
margin-left:5px
}

#table_contenu {
clear:both;
width:980px;
margin:0
}

#partie_gauche {
width:180px;
padding:20px 0 0
}

#menu {
width:180px;
margin:10px 0 0;
padding:0
}

#menu h2 {
height:auto;
width:160px;
cursor:pointer;
font-size:12px;
margin:0;
padding:0
}

#menu h2 a {
display:block;
height:auto;
min-height:20px;
background:url(../../images/puce_menu.gif) right no-repeat;
width:145px;
font-weight:400;
text-align:right;
color:#FFF;
border-bottom:1px solid #333;
text-decoration:none;
margin:0;
padding:7px 15px 0 0
}

#menu h2 a:hover {
background:url(../../images/puce_menu_hover.gif) right no-repeat;
color:red
}

.stretcher {
font-size:12px;
margin:0;
padding:0;
display:block;
width:160px
}

.stretcher li {
text-align:right;
margin:0;
padding:5px 15px 5px 0
}

.stretcher a{
color:#9E9E9E
}

.stretcher a:hover{
color:#FFF;
text-decoration:underline
}

#connexion {
background:url(../../images/bg_connexion.gif) no-repeat;
width:160px;
margin:40px 0 0;
padding:35px 0 0
}

#connexion p {
background:url(../../images/connexion_p.gif) no-repeat;
background-position:0 2px;
width:160px;
text-align:right;
color:#999;
padding:0;
margin:10px 0 2px
}

#flash_infos {
background:url(../../images/bg_flash_infos.gif) no-repeat;
width:160px;
height:auto;
font-size:11px;
margin:40px 0 0;
padding:35px 0 0;
color:#9D9D9D
}

#flash_infos h2 {
font-size:12px;
color:#FFF;
margin:10px 0 0
}

#flash_infos a {
color:red;
text-decoration:underline;
font-style:italic
}

#flash_infos a:hover {
text-decoration:none
}

#flash_infos marquee {
height:150px
}

#newsletter {
display:block;
background:url(../../images/bg_newsletter.gif) no-repeat;
width:160px;
height:50px;
margin:40px 0 0;
padding:35px 0 0
}

.form_connect, .form_news {
display:block;
width:154px;
height:18px;
color:#000;
text-align:center;
background:#FFF;
border:none;
margin:0;
padding:0 3px
}

.btn_connect, .btn_news {
margin:5px 0 5px 108px
}

#ekinoxe {
width:160px;
height:48px;
background:url(../../images/bg_ekinoxe.gif);
margin:200px 0 0;
padding:120px 0 0
}

#ekinoxe a{
display:block;
width:103px;
margin:0 auto
}

#partie_centrale {
width:790px;
padding:0 0 0 10px
}

#anim_flash {
background:url(../../images/bg_anim_flash.jpg);
width:326px;
height:206px;
padding:2px 4px 2px 438px;
margin:4px 0 0
}

#page {
width:755px;
margin:0 0 0 13px;
padding:0
}

#arbo {
font-size:10px;
width:755px;
height:17px;
color:red;
margin:5px 0
}

#arbo a {
color:red
}

h2.titre {
background:url(../../images/bg_titre.gif) bottom repeat-x;
font-size:12px;
width:755px;
margin:5px 0;
padding:0 0 10px;
color:red;
font-weight:400
}

.article {
width:752px;
text-align:justify;
margin:3px auto;
padding:0 1px 0 2px
}

.liste_produit{
background:url(../../images/bg_liste_prod.gif);
width:755px;
padding:5px 0
}

.produit {
height:251px;
width:120px;
background:url(../../images/bg_produit.jpg);
float:left;
color:#FFF;
margin:15px 29px;
padding:15px 5px 5px
}

.produit:hover {
background:url(../../images/bg_produit_hover.jpg)
}

.photo {
width:120px;
height:120px;
margin:0 auto
}

.produit h3 {
font-size:12px;
width:110px;
height:30px;
font-weight:400;
margin:0 auto 3px;
padding:5px
}

.produit a {
color:#FFF
}

.produit .texte {
width:120px;
margin:5px auto 0;
height:46px;
border-bottom:1px solid #333
}

.prix {
background:url(../../images/bg_prix.gif) left 3px no-repeat;
width:112px;
height:14px;
font-size:12px;
margin:3px auto;
padding:0 0 0 8px
}

.more_details{
background:url(../../images/more_details.gif) repeat-x;
display:block;
width:120px;
height:14px;
padding-top:2px;
text-align:center;
margin:0;
font-size:11px
}

.more_details:hover{
background:url(../../images/more_details_hover.gif) repeat-x;
color:red;
text-decoration:none
}

#form_contact td {
height:25px
}

.champ_contact {
background:none;
border:1px solid red;
height:18px;
color:red;
width:250px;
padding:3px 3px 0;
margin-bottom:2px
}

select.champ_contact {
width:258px;
padding:0 0 0 3px
}

#logo_paiement{
display:block;
margin:0 0 0 13px
}

#lien_bas {
display:block;
float:left;
margin:0
}

#lien_bas a{
width:247px;
height:93px;
background:url(../../images/logo_distrilub.png);
float:left;
margin:0;
text-decoration:none;
}

#lien_bas a span{
visibility:hidden
}

#adresse {
background:url(../../images/bg_adresse.gif);
width:523px;
height:18px;
float:left;
font-weight:400;
color:#FFF;
margin:35px 0 0;
padding:2px 0 0;
text-align:center;
font-size:13px
}

#rubrique_bas {
clear:both;
display:block;
width:755px;
color:#787878;
margin:35px 0 35px 7px;
padding:0;
font:11px Verdana
}

#rubrique_bas li {
display:inline;
padding:0;
margin-right:25px
}

#rubrique_bas a {
text-decoration:none;
color:#787878
}

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

#menu li {
list-style-type:none
}

.galerie_photo {
width:730px;
margin:0 auto;
padding:5px 0
}

.photo_galerie {
float:left;
width:110px;
height:110px;
margin:5px
}

tr,form,td {
margin:0;
padding:0
}