@import "init.css";
@import "menu.css";

/* tag */
body                { margin: 0 auto; background: #FFFFFF; }
body                { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #000000; }
h1                  { font: 13pt/1.2em Arial, Verdana, Sans-serif; color: #4579B0; font-weight: bold; }
h2                  { font: 13pt/1.4em Arial, Verdana, Sans-serif; color: #FF4800; font-weight: bold; }
h3                  { font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; }
h3 a                { font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; text-decoration: none; }
h4                  { font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #FF4800; font-weight: normal; }
h5                  { font: 10pt/1.4em Arial, Verdana, Sans-serif; color: #000000; font-weight: bold; }
h6                  { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #FF4800; font-weight: bold; }

.left_select { width: 200px;  }

.clear              { clear: both; font: 0pt/0em Arial; line-height: 0em; height: 0px; }
.space-h10          { height: 10px; font: 0pt/1em Arial; }
.space-h5           { height: 5px; font: 0pt/1em Arial; }
.ileft              { float: left; }
.iright             { float: right; }
.wor_red            { font: 8pt/1.2em Arial, Verdana, Sans-serif; color: #CC0000; font-weight: bold; border: 1px solid #CC0000; padding: 3px; }


a.lien              { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #000000; font-weight: normal; text-decoration: none; }
a.lien:hover        { color: #FF4800; }

a.lien_info         { font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #FF4800; font-weight: normal; text-decoration: none; font-weight: bold; }
a.lien_info:hover   { color: #000000; }

a.produit_self      { font: 10pt/1.4em Arial, Verdana, Sans-serif; color: #9900CC; font-weight: normal; text-decoration: none; font-weight: bold; }
a.produit_self:hover { color: #000000; }

a.selfdiet-link     {  }

a.txtcat            { font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #000000; font-weight: bold; text-decoration: none; }
a.txtcat:hover      { color: #FF4800; }

#footer a,#footer   { font: 8pt/1.0em Arial, Verdana, Sans-serif; color: #666666; text-decoration: none; }

.pair               { background: #CCCCCC; }
.impair             { background: #EEEEEE; }
.pair_panier        { background: #FFFFFF; }
.impair_panier      { background: #FCD5B6; }
.titre_panier       { background: #F57E20; color: #FFFFFF; font-weight: bold; }
.fond_prix          { background: #DCDCDC; }

ul li.puce          { background: url("../gif/site/ensavoirplus.jpg") 0 5px no-repeat; padding-left: 15px; padding-bottom: 1px; }
ul.p_15             { padding: 0 0 0 15px; }


/* id */
#site               { width: 980px; padding: 0; margin: 0 auto; }
#top                { width: 970px; height: 110px; font: 0pt/0em Arial; padding: 0 5px; }
#footer             { width: 970px; height: 20px; padding: 15px 0 0 0; }

/* partie gauche */
#left_site          { float: left; width: 240px; padding: 3px 7px 0 5px; }
.left_top           { width: 240px; height: 15px; background: url('../gif/site/left_top.jpg') no-repeat; font: 0pt/0em Arial; }
.left_titre         { width: 234px; height: 24px; background: url('../gif/site/left_titre.jpg') no-repeat; padding: 0 0 0 6px; }
.left_fond          { width: 230px; padding: 5px; background: url('../gif/site/left_fond.jpg') repeat-y top; }
.left_bottom        { width: 240px; height: 15px; background: url('../gif/site/left_bottom.jpg') no-repeat; font: 0pt/0em Arial; }
.left_fond ul li    { background: url("../gif/site/ensavoirplus.jpg") 0 5px no-repeat; padding-left: 15px; padding-bottom: 1px; }
.left_fond #menuleft li    { background: url(""); padding-left: 0px; padding-bottom: 1px; }
.left_fond #menuleft li li    { padding-left: 15px; padding-bottom: 1px; }
.left_logo          { float: left; width: 40px; padding: 0 10px 0 0; }
.right_logo         { float: left; width: 175px; padding: 2px 0 0 0; }
.left_logo2         { float: left; padding: 0 15px 15px 0; }
.left_logo3         { float: left; padding: 0 7px 0 0; }
#menuleft li.cat_selected a { color: #FFFFFF; }
.menu_selected { color: #F57E20; font-weight: bold; }
.selected_l0			{ color: #F57E20; font-weight: bold;  }


/* partie centrale home */
#bandeau             { float: left; width: 720px; height: 25px; padding: 0 0 5px 1px; }
#selfdiet            { float: left; width: 726px; height: 106px; padding: 0; background: url('../gif/home/selfdiet.jpg') no-repeat; text-decoration: none; }
.selfdiet-titre      { font: 14pt/1.2em Arial, Verdana, Sans-serif; color: #813D97; font-weight: bold; padding: 5px 0 0 60px; text-align: center; text-decoration: none; }
.selfdiet-sstitre    { padding: 6px 0 0 220px; font: 11pt/1.2em Arial, Verdana, Sans-serif; color: #FAAF16; font-weight: bold; text-decoration: none; }
.selfdiet-lien       { padding: 6px 0 0 300px; font: 10pt/1.4em Arial, Verdana, Sans-serif; color: #813D97; font-weight: bold; text-decoration: none; }
#home-center         { float: left; width: 471px; padding: 0; }
.minceur             { float: left; width: 220px; height: 142px; padding: 10px 0 0 15px; background: url('../gif/home/minceur.jpg') no-repeat; text-decoration: none; font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; }
.sante-forme         { float: left; width: 226px; height: 142px; padding: 10px 0 0 10px; background: url('../gif/home/sante-forme.jpg') no-repeat; text-decoration: none; font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; }
.sport-fitness       { float: left; width: 220px; height: 142px; padding: 3px 0 0 15px; background: url('../gif/home/sport-fitness.jpg') no-repeat; text-decoration: none; font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; }
.beaute-bienetre     { float: left; width: 226px; height: 142px; padding: 3px 0 0 10px; background: url('../gif/home/beaute-bienetre.jpg') no-repeat; text-decoration: none; font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; }
.relaxation          { float: left; width: 220px; height: 145px; padding: 3px 0 0 15px; background: url('../gif/home/relaxation.jpg') no-repeat; text-decoration: none; font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; }
.aromatherapie       { float: left; width: 226px; height: 145px; padding: 3px 0 0 10px; background: url('../gif/home/aromatherapie.jpg') no-repeat; text-decoration: none; font: 11pt/1.4em Arial, Verdana, Sans-serif; color: #0C8107; font-weight: bold; }
#home-right          { float: left; width: 250px; padding: 7px 0 0 7px; }
.home-produit-top    { width: 235px; height: 22px; padding: 3px 0 0 10px; background: url('../gif/home/home-produit-top.jpg') no-repeat; }
.home-produit-fond   { width: 245px; background: url('../gif/home/home-produit-fond.jpg') repeat-y top; }
.home-produit-bottom { width: 245px; height: 13px; padding: 0 0 10px 0; background: url('../gif/home/home-produit-bottom.jpg') no-repeat; }
.une-left            { float: left; width: 150px; padding: 5px 10px 0 10px; }
.une-right           { float: left; width: 70px; padding: 5px 0 0 0; }
.bdr                 { border: 1px solid #F57E20; }
.une-prix            { font: 12pt/1.4em Arial, Verdana, Sans-serif; color: #000000; font-weight: bold; padding: 10px 0 5px 0; }
.unebis-prix         { text-align: right; font: 12pt/1.4em Arial, Verdana, Sans-serif; color: #000000; font-weight: bold; padding: 0 0 5px 0; }



/* partie centrale commune sauf home */
#center_site        { float: left; width: 530px; background: #FFFFFF; padding: 5px 10px 0 5px; }
.center-top         { width: 520px; height: 25px; padding: 0px 0 0 10px; background: url('../gif/site/center-top.jpg') no-repeat; }
.center-fond        { width: 510px; padding: 10px; background: url('../gif/site/center-fond.jpg') repeat-y top; }
.center-bottom      { width: 530px; height: 13px; padding: 0 0 10px 0; background: url('../gif/site/center-bottom.jpg') no-repeat; }
.left-produit       { float: left; width: 200px; padding: 10px 10px 10px 0; }
.right-produit      { float: left; width: 290px; text-align: left; padding: 10px 0 10px 10px; }
.other_photo        { float: left; padding: 0 10px 20px 0; }
td.valider          { text-align: right; padding: 0 10px 0 0; background: #FCD5B6;  }
.total_produit      { text-align: right; padding: 10px 10px 0 0; }
.alert              { color: #FF0000; font-weight: bold; }
.prix_para          { font: 9pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; }
.prix_promo         { font: 11pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #FF0000; }
.prix_promo_home         { font: 9pt/1.4em Arial, Verdana, Sans-serif; font-weight: bold; color: #FF0000; }


.retour_liste a        { float: right; color: #FF4800; font-weight: normal; font-weight: bold; }
.retour_liste a:hover  { color: #000000; }

#right_site         { float: left; width: 180px; padding: 5px 0 0 0; }
.panier-top         { width: 170px; height: 25px; padding: 0 0 0 10px; background: url('../gif/site/panier-top.jpg') no-repeat; }
.panier2-top        { width: 170px; height: 11px; padding: 0 0 0 10px; background: url('../gif/site/panier2-top.jpg') no-repeat; }
.panier-fond        { width: 160px; padding: 0 10px; background: url('../gif/site/panier-fond.jpg') repeat-y top; }
.panier-bottom      { width: 180px; height: 13px; padding: 0 0 10px 0; background: url('../gif/site/panier-bottom.jpg') no-repeat; }

.left-espace        { float: left; width: 120px; padding: 10px 130px 0 30px; }
.right-espace       { float: left; width: 180px; padding: 10px 30px 0 0; }

.left_contact       { float: left; width: 120px; text-align: right; padding: 12px 10px 0 0; }
.right_contact      { float: left; width: 330px; text-align: left; padding: 10px 0 0 0; }

.left-adresse       { float: left; width: 290px; padding: 0; }
.right-adresse      { float: left; padding: 0; }

/* Selfdiet */
.left_diet          { float: left; width: 175px; padding: 0; }
.right_diet         { float: left; width: 295px; padding: 25px 0 0 40px; }
.gd_self            { font: 12pt/1.4em Arial, Verdana, Sans-serif; }
.self ul li         { background: url("../gif/site/ensavoirplus.jpg") 0 5px no-repeat; padding-left: 15px; padding-bottom: 1px; }
.selfdiet_rupture   { padding: 0 20px 0 0; font: 8pt/1.2em Arial, Verdana, Sans-serif; color: #CC0000; font-weight: bold; }


/* Page Panier */
#other_site        { float: left; width: 725px; padding: 5px 0 0 0; }
.other-top         { width: 711px; height: 22px; padding: 3px 0 0 10px; background: url('../gif/site/other-top.jpg') no-repeat; }
.other-fond        { width: 700px; padding: 10px; background: url('../gif/site/other-fond.jpg') repeat-y top; }
.other-bottom      { width: 720px; height: 13px; padding: 0 0 10px 0; background: url('../gif/site/other-bottom.jpg') no-repeat; }

/* Pagination */
a.page                  { padding: 0 2px; font: 9pt/1.4em Arial, Verdana, Sans-serif; color: #FF4800; font-weight: bold; text-decoration: none; }
a.page-selec            { padding: 0 2px; color: #000000; }
a.page-selec:hover      { color: #FFCC00; }
a.page:hover            { color: #B1C903; }


tr.bg_tab_info     { background: #FF4800; color: #FFFFFF; font-weight: bold; }  
td.tab_info        { width: 130px; border: 1px solid #FF4800; text-align: center; padding: 1px; }
td.tab_gly         { width: 220px; border: 1px solid #FF4800; text-align: center; padding: 1px; }