body {
margin: 0;
background-color: #ffffff
}

img {
border: 0
}

form {
margin:0;
padding:0
}

a.lien{
color: #4A5A76;
font-weight: bold;
text-decoration: none
}

a.lien:hover{
color: #76B23E;
}

h1.titre, h2.titre{
background: url('../../images/fleche_vert_blanc.gif') no-repeat;
padding-left: 18px;
padding-bottom: 4px;
color: #76B23E;
font-size: 14px;
text-transform: uppercase;
border-bottom: 1px solid #76B23E;
margin-top: 30px
clear:both
}

h2.titre {
margin-top:15px
}

.article{
padding-left: 18px;
color: #6E7B91
}

.article a{
color: #76B23E;
text-decoration: none
}

#conteneur{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
width: 980px;
margin-left: auto;
margin-right: auto
}

#logo{
display: block;
width: 200px;
height: 150px;
background: url('../../images/logo_cleodis.jpg') no-repeat;
float: left;
margin-left: 3px
}

#logo img{
display:none
}

#table_haut{
float:left;
width:776px;
margin:10px 0 0 0
}

#mini_logo{
width:420px;
height:50px;
float:left;
margin:25px 0 0 0
}

#mini_logo a{
float:left;
margin:3px 5px 3px 5px
}

#lien_haut{
float: right;
width:280px;
padding:20px 0 0 0
}

#lien_haut a{
/*float: right;
width: 88px;
height: 13px;
padding-top: 32px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #658D9A;
text-decoration: none;*/
color:#000;
/*padding-left:10px*/
}

#favoris{
background: #fff url('../../images/picto_favoris_clair.gif') no-repeat;
background-position: 32px 0;
margin-right: 30px
}

#favoris:hover{
background: #fff url('../../images/picto_favoris_fonce.gif') no-repeat;
background-position: 32px 0
}

#ami{
background: #fff url('../../images/picto_ami_clair.gif') no-repeat;
background-position: 28px 0;
margin-right: 20px
}

#ami:hover{
background: #fff url('../../images/picto_ami_fonce.gif') no-repeat;
background-position: 28px 0
}

#sitemap{
background: #fff url('../../images/picto_sitemap_clair.gif') no-repeat;
background-position: 31px 0
}

#sitemap:hover{
background: #fff url('../../images/picto_sitemap_fonce.gif') no-repeat;
background-position: 31px 0
}

#slogan{
float:left;
margin:30px 0 0 0px;
padding:0;
font-size:13px;
letter-spacing:1px;
color:#8DA4C3;
/*font-weight:normal;*/
width:730px
}

#menu_h{
clear:both;
margin-left: auto;
margin-right: auto;
padding-bottom: 8px;
width: 962px;
height: 40px;
background: #fff url('../../images/menu_h_bleu.gif') no-repeat
}

#menu_h ul{
margin:0;
padding:0;
list-style-type: none
}

#menu_h ul li{
margin:0;
padding:0;
display: inline
}

#menu_haut_gauche{
display: block;
float: left;
width: 160px;
height: 31px;
padding-top: 9px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
background: transparent url('../../images/menu_haut_gauche.gif') no-repeat top;
}

#menu_haut_gauche:hover{
background: transparent url('../../images/menu_haut_gauche.gif') no-repeat bottom;
}

img.barre_menu_haut{
float: left;
}

a.menu_haut{
display: block;
float: left;
width: 158px;
height: 31px;
padding-top: 9px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
background: transparent url('../../images/pix_menu_haut.gif') repeat-x top
}

a.menu_haut:hover{
background: transparent url('../../images/pix_menu_haut.gif') repeat-x bottom
}

#menu_haut_droit{
display: block;
float: left;
width: 160px;
height: 31px;
padding-top: 9px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
color: #FFFFFF;
text-decoration: none;
background: transparent url('../../images/menu_haut_droit.gif') no-repeat top;
}

#menu_haut_droit:hover{
background: transparent url('../../images/menu_haut_droit.gif') no-repeat bottom;
}

#principal{
margin: O;
padding: 0;
border-collapse: collapse;
width: 980px
}

#gauche{
margin: 0;
padding: 0;
width: 200px;
padding-left:12px;
vertical-align: top
}

.box_up{
float:left;
font-family: Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
height: 21px;
width: 186px;
padding-left: 12px;
padding-top: 5px;
background: #fff url('../../images/box_up.jpg') no-repeat
}

#newsletter{
float:left;
width: 188px;
height: 79px;
background: #fff url('../../images/newsletter.jpg') no-repeat;
color: #788CAA;
font-size: 10px;
padding-top: 9px;
padding-left: 10px;
margin-bottom: 9px
}

#newsletter input{
margin: 0;
padding: 0
}

#input_email{
width: 126px;
font-size: 14px;
border: 1px solid #B3B3B3
}

#maison{
float:left;
color: #D2E1E0;
font-size: 10px;
width: 154px;
height: 17px;
padding-top: 22px;
padding-left: 44px;
font-weight: bold;
background: #fff url('../../images/maison.gif') no-repeat
}

#menu{
width: 198px;
float:left;
background: url('../../images/bas_menu.gif') no-repeat bottom;
padding-bottom: 6px;
margin-bottom: 9px	
}

#menu h2{
float:left;
margin: 0;
padding: 0;
background: #16203A url('../../images/ligne_menu.gif') no-repeat top;
background-position: 1px 0;
color: #fff;
font-size: 12px;
font-weight: bold;
padding-left: 15px;
padding-right: 15px;
width: 166px;
border-left: 1px solid #6E7B89;
border-right: 1px solid #6E7B89;
padding-top: 10px;
padding-bottom: 8px;
cursor: pointer
}

.h2_gbesoin{
float:left;
margin: 0;
padding: 0;
background: #16203A url('../../images/ligne_menu.gif') no-repeat top;
background-position: 1px 0;
color: #fff;
font-size: 16px;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
width: 166px;
border-left: 1px solid #6E7B89;
border-right: 1px solid #6E7B89;
padding-top: 10px;
padding-bottom: 8px;
cursor: pointer
}

#menu h2.menutitre{
color: #fff
}

h2 a{
margin: 0;
padding: 0;
color: #fff;
text-decoration: none
}

#menu h2:hover{
color: #76B23E;
}

h2 a:hover{
color: #76B23E;
}

.stretcher{
float:left;
margin: 0;
padding: 0;
list-style-type: none;
width: 198px
}

.stretcher li{
margin: 0;
padding: 0;
background: #DDE1E3 url('../../images/pix_sub_menu.gif') no-repeat top;
background-position: 8px 0;
}

.stretcher li a{
display: block;
margin: 0;
padding: 0;
border-left: 1px solid #6E7B89;
border-right: 1px solid #6E7B89;
width: 151px;
padding-left: 30px;
padding-right: 15px;
color: #4A5A76;
font-size: 12px;
padding-top: 10px;
padding-bottom: 8px;
text-decoration: none
}

.stretcher li a:hover{
color: #77B23F;
background: transparent url('../../images/fleche.gif') no-repeat;
background-position: 6px 9px
}

#fond_flash{
float:left;
width: 198px;
background: url('../../images/pix_box.gif') repeat-y;
margin-bottom: 9px;
}

#flash_info{
background: url('../../images/fond_box.jpg') no-repeat bottom;
padding-left: 10px;
padding-right: 10px;
width: 178px;
color: #16203A;
font-size: 12px;
height: auto;
padding-bottom: 6px;
}

#flash_info marquee{
height: 175px;
}

#flash_info h2{
font-size: 12px;
font-weight: bold
}

#flash_info a{
text-decoration: none;
font-weight: bold;
color: #16203A
}

#flash_info a:hover{
color: #76B23E;
}

.fond_box{
width: 198px;
background: url('../../images/pix_box.gif') repeat-y;
margin-bottom: 9px
}

.box{
background: url('../../images/fond_box.jpg') no-repeat bottom;
padding-left: 8px;
padding-right: 8px;
width: 182px;
color: #16203A;
font-size: 12px;
padding-top: 15px;
}

.box a{
font-size: 12px;
color: #333333;
font-weight: bold;
text-decoration: none
}

.box div.box_haut{
background: url('../../images/haut_vignette.gif') no-repeat;
width: 180px;
height: 6px;
margin-top: 8px; 
margin-left: 1px
}

.box div.box_milieu{
background-color: #fff;
width: 178px;
text-align: center;
border-left: 1px solid #EDEFF0;
border-right: 1px solid #EDEFF0;
height: 150px;
margin-left: 1px
}

.box div.box_bas{
background: url('../../images/bas_vignette.gif') no-repeat;
width: 180px;
height: 6px;
margin-bottom: 10px;
margin-left: 1px
}

.prix{
background: transparent url('../../images/fleche_bleu.gif') no-repeat;
padding-left: 18px;
font-size: 11px;
color: #333333;
height: 19px;
margin-bottom: 5px
}

.prix span{
color: #009900;
font-size: 11px;
font-weight: bold
}

.desc_box{
padding-left: 8px;
padding-right: 8px;
width: 182px;
font-size: 11px;
height: 50px;
}

.savoir_plus{
display: block;
margin-left: 8px;
margin-top: 5px;
background: url('../../images/savoir_plus.jpg') no-repeat top;
height: 31px;
width: 117px
}

.savoir_plus:hover{
background: url('../../images/savoir_plus.jpg') no-repeat bottom;
}

#droit{
margin: 0;
padding: 0;
width: 764px;
padding-left: 4px;
vertical-align: top
}

#banniere_categorie{
margin:0;
padding:0;
border:0;
}

#recherche_caddie{
background: url('../../images/fond_recherche_caddie.jpg') no-repeat;
width: 751px;
height: 50px;
margin-bottom: 10px
}

#recherche{
float: left;
margin-top: 5px;
margin-left: 23px;
color: #FFFFFF;
font-size: 14px;
font-weight: bold;
padding-left: 35px;
padding-top: 2px;
width: 115px;
/*background: url('../../images/picto_recherche.gif') no-repeat;*/
}

#recherche span{
color: #999999;
font-size: 11px;
font-weight: normal
}

#form_recherche{
margin: 0;
padding: 0;
float: left;
width: 260px;
height: 50px;
border-collapse: collapse;
}

#form_recherche tr,td{
margin: 0;
padding: 0;
}

#input_recherche{
border: 1px solid #B3B3B3;
width: 126px;
font-size: 14px
}

#input_recherche_valider{
margin: 0;
padding: 0;
border: 0;
color:#FFFFFF;
font-size: 14px;
background: url('../../images/valider_vert_double.jpg') no-repeat top;
width: 112px;
height: 50px;
cursor: pointer;
font-weight: bold
}

#input_recherche_valider:hover{
background-position: bottom	
}

#panier{
float: left;
margin-left: 24px;
margin-top: 5px;
padding:5px 10px 5px 5px;
color: #000;
font-size: 12px;
font-weight: bold
}

.panier_lien{
background: url('../../images/caddie.gif') no-repeat top left;
height:20px;
padding:5px 5px 0 30px;
display:block;
float:left
}

.commander_panier{
padding:5px 0 0;
display:block;
float:left
}

.pas_produit_panier{
display:block;
float:left;
color: #999999;
font-size: 11px;
font-weight: normal;
padding:5px 5px 0 0
}

#detail_panier{
margin: 0;
padding: 0;
border: 0;
/*background: url('../../images/details_vert_double.jpg') no-repeat top;*/
/*width: 112px;
height: 50px;*/
color:#000;
font-weight: bold;
font-size: 14px;
/*text-decoration: none;*/
text-align: center
}

#detail_panier:hover{
background-position: bottom
}

#arbo{
background: #71A659 url('../../images/arbo.jpg') no-repeat;
height:30px;
width: 731px;
padding-left: 22px;
float:left
}

html>body #arbo{
min-height:30px;
height:auto
}

#arbo a{
display: block;
color: #fff;
font-size: 14px;
text-decoration: none;
margin-top: 7px;
float: left;
margin-left: 10px;
margin-right: 10px
}

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

img.img_arbo{
float: left
}

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

#contenu{
clear: both;
border-left: 2px solid #ECF2F2;
border-right: 2px solid #ECF2F2;
width: 729px;
height: 700px;
float: left;
padding:10px 10px 0 10px
}

html>body #contenu{
height: auto;
min-height: 700px
}

#rappel{
clear: both;
background: #16203A url('../../images/bas_rappel.gif') no-repeat bottom;
width: 687px;
padding-left: 33px;
padding-right: 33px;
padding-top: 20px;
padding-bottom: 24px;
font-size: 10px;
color: #FFFFFF;
text-align: center;
margin-bottom: 9px
}

#rappel ul{
margin:0;
padding:0;
list-style-type: none
}

#rappel ul li{
margin:0;
padding:0;
display: inline
}

#rappel a{
text-decoration: none;
color:#FFFFFF
}

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

#adresse{
height: 74px;
width: 693px;
padding-left: 30px;
padding-right: 30px;
background: url('../../images/adresse.gif') no-repeat;
font-size: 12px;
color: #999999;
padding-top: 21px;
text-align: center;
margin-bottom: 9px
}

#lien_ekinoxe{
text-align: center;
}

/*****Box de produit***********/

.produit_box{
float: left;
margin-top: 5px;
margin-bottom: 20px
}

.produit{
float: left;
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px
}

.fond_produit{
background: url('../../images/pix_produit.gif') repeat-y;
width: 199px
}

.haut_produit{
background: url('../../images/produit_haut.gif') no-repeat;
width: 199px;
height: 5px
}

.milieu_produit{
background: url('../../images/produit_fond.jpg') no-repeat bottom;
width: 183px;
padding-left: 8px;
padding-right: 8px;
padding-top: 5px;
padding-bottom: 5px;
height: 250px
}

.milieu_produit h2, .milieu_produit2 h2{
color: #333333;
font-weight: bold;
text-decoration: none;
font-size: 12px;
height: 30px
}

html>body .milieu_produit h2{
height: auto;
min-height: 30px;
}

html>body .milieu_produit2 h2{
height: auto;
min-height: 30px;
}

.milieu_produit h2 a, .milieu_produit2 h2 a{
color: #333333;
font-weight: bold;
text-decoration: none;
font-size: 12px
}

.milieu_produit h2 a:hover, .milieu_produit2 h2 a:hover{
text-decoration: underline;
}

.milieu_produit div.vignette_haut, .grd_encar div.vignette_haut{
background: url('../../images/haut_vignette.gif') no-repeat;
width: 180px;
height: 6px;
margin-top: 8px; 
margin-left: 1px
}

.milieu_produit div.vignette, .grd_encar div.vignette{
background-color: #fff;
width: 178px;
text-align: center;
border-left: 1px solid #EDEFF0;
border-right: 1px solid #EDEFF0;
height: 150px;
margin-left: 1px
}

.milieu_produit div.vignette_bas, .grd_encar div.vignette_bas{
background: url('../../images/bas_vignette.gif') no-repeat;
width: 180px;
height: 6px;
margin-bottom: 10px;
margin-left: 1px
}

.vignette2{
color:#333;
text-decoration:none;
display:block;
background-color: #fff;
width: 168px;
text-align: center;
border-left: 1px solid #EDEFF0;
border-right: 1px solid #EDEFF0;
height: 55px;
padding:5px;
margin-left: 1px
}

.milieu_produit2{
background: url('../../images/produit_fond.jpg') no-repeat bottom;
width: 183px;
padding:0 8px 5px;
height: 125px
}

.haut_produit2{
background: url('../../images/produit_haut2.gif') no-repeat;
width: 199px;
height: 5px
}

.fond_produit2{
background: url('../../images/pix_produit2.gif') repeat-y;
width: 199px
}

.critere_stock{
text-align: center;
width: 200px;
}

.critere_stock a#bouton_commander{
display: block;
background: url('../../images/bouton_commander.jpg') no-repeat top;
width: 117px;
height: 31px;
margin-left: auto;
margin-right: auto
}

.critere_stock a#bouton_commander:hover{
background-position: bottom
}

.direaunami{
text-decoration: none;
color: #333333;
font-weight: bold
}

.direaunami:hover{
text-decoration: underline
}

#description_produit{
float: left;
margin-top: 20px;
margin-bottom: 20px;
color: #16203A;
width: 480px
}

.separateur{
margin-top: 20px;
margin-bottom: 20px;
height: 1px;
background-color: #DEE3E4;
width: 100%;
clear: both 
}

.zoom{
position: absolute;
background-color: #DEE2E4
}

.zoom1{
position: absolute;
background-color: #DEE2E4;
margin-top: 40px;
}

.zoom img{
border: 1px solid #DEE2E4;
}

.zoom1 img{
border: 1px solid #DEE2E4;
}

.zoom_close a{
color:#333333;
margin-left:300px;
text-decoration: none
}

.zoom_close a:hover{
color:#000000;
margin-left:300px;
text-decoration: underline;
}

/*************/

.champ_qte {
border: 0;
background: none;
color: #000;
width: 18px
}

ul.compte {
padding: 5px;
border: 1px solid #ccc;
list-style: none
}

p.centre {
text-align: center;
margin: 10px
}

p.erreur { color: #c00; font-weight: bold; text-align: center }
span.erreur { font-size: 11px; color: #c00 }
span.rouge { color: #c00 }

/***Plan du site***********/
h2.rub a{
text-decoration: none;
font-weight: bold;
color: #4A5A76;
font-size: 14px
}

h2.rub a:hover{
color: #76B23E;
}

ul.map{
margin:10px 0 10px 30px;
padding:0;
list-style-type: none
}

ul.map a{
text-decoration: none;
font-weight: bold;
color: #76B23E;
font-size: 12px
}

ul.map a:hover{
color: #4A5A76
}

ul.map2{
margin:10px 0 10px 60px;
padding:0;
list-style-type: none
}

ul.map2 a{
text-decoration: none;
font-weight: bold;
color: #4A5A76;
font-size: 11px
}

ul.map2 a:hover{
color: #76B23E
}

.titre_compte_liste{
font-weight: bold
}

ul.compte{
list-style-type: none;
margin: 0 0 0 20px;
padding:0;
border: 0
}

.vert{
color: #76B23E;
font-weight: bold
}

#suivi_commande{
background: #0B101C url('../../images/pix_commande.jpg') repeat-x;
padding-top: 47px;
height: 30px;
width: 702px;
padding-left: 51px
}

.suivi_commande_vert{
width: 108px;
height: 15px;
background: url('../../images/bouton_vert_commande.jpg') no-repeat;
margin-left: 12px;
padding-top: 15px;
float: left;
text-align: center;
color:#FFFFFF;
font-size: 13px
}

.suivi_commande_bleu{
width: 108px;
height: 15px;
background: url('../../images/bouton_bleu_commande.jpg') no-repeat;
margin-left: 12px;
padding-top: 15px;
float: left;
text-align: center;
color:#FFFFFF;
font-size: 13px
}

#prod_associes{
margin:0 0 20px 0;
padding:4px;
border-collapse:collapse;
width:100%
}

.entete_prod_associes{
text-align:center;
background:#dde1e3;
color:#333;
font-weight:bold
}

#prod_associes td{
border:1px solid #dde1e3;
padding:3px;
}

.prod_associes_image{
text-align:center
}

#haut_encar{
width:436px;
height:146px;
background:url('../../images/pix_haut_encar.jpg') repeat-x;
padding:16px 0 0 27px
}

#haut_encar img{
margin:0 30px 0 0
}

#encar_haut{
background:#1e4914 url('../../images/encar_haut_vert.jpg') no-repeat top left;
width:413px;
padding:9px 20px 7px 30px;
font-weight:bold;
color:#fff
}

#encar{
background:url('../../images/pix_encar.jpg') repeat-x;
width:423px;
padding:5px 20px 5px 20px 
}

.grd_encar_haut{
background:#1e4914 url('../../images/grd_encar_haut_vert.jpg') no-repeat top left;
width:670px;
padding:9px 20px 7px 30px;
font-weight:bold;
color:#fff
}

.grd_encar{
background:url('../../images/pix_encar.jpg') repeat-x;
width:680px;
padding:5px 20px 5px 20px 
}

.image_encar_produit{
float:left;
width:200px
}

.critere_encar_produit{
float:left;
width:480px
}

.description_encar_produit{
clear:both
}

.grd_encar_prix{
padding-left: 18px;
font-size: 12px;
color: #333333;
height: 19px;
margin-bottom: 5px
}

.grd_encar_prix span{
color: #009900;
font-size: 11px;
font-weight: bold
}

#lien_gauche{
list-style:none;
clear:both;
margin:0;
padding:0 5px
}

#lien_gauche li{
padding:3px 0
}

.grd_encar a.point_cadeau{
padding:12px 0 12px 7px;
color:#fff;
display:block;
width:143px;
height:12px;
background:url('../../images/points_cadeaux.png') no-repeat
}

.fleche_mini_logo{
display:block;
height:50px;
width:10px;
padding:22px 0 0
}

.bouton_cat{
float:left;
margin:0 20px 20px;
padding:0;
background:url('../../images/pix_bouton_cat.jpg') repeat-y
}

.bouton_cat_titre{
margin:0;
display:block;
font-size:12px;
width:179px;
padding:2px 10px;
height:34px;
color:#313A62;
background:url('../../images/bouton_cat.jpg') no-repeat
}

.bouton_cat_titre a{
color:#313A62
}

.bouton_cat_titre a:hover{
color:#313A62;
text-decoration:underline
}

.bas_bouton_cat{
background:url('../../images/bas_bouton_cat.jpg') no-repeat bottom left;
width:179px;
padding:10px;
height:50px
}

.table_categorie{
width:100%;
border-bottom:1px solid #E4E4E4
}

.table_categorie_td{
width:193px;
height:124px;
text-align:center
}

.table_categorie_td2{
padding:0;
font-family:Georgia, Arial;
vertical-align:top
}

.table_categorie_td3{
padding:0 0 15px 30px;
font-family:Georgia, Arial;
vertical-align:top
}

.table_cat_td_savoir_plus{
width:166px;
text-align:center;
height:124px;
}

.table_categorie_savoir_plus{
margin:auto;
width:105px;
height:31px;
display:block
}

h2.titre_cat a{
font-weight:normal;
background: url('../../images/fleche_vert_blanc.gif') no-repeat;
padding-left: 18px;
padding-bottom: 4px;
color: #76B23E;
font-size: 14px;
clear:both
}