*
{
  margin:0;
  padding: 0;
}

html
{
  height:100%;
  width:100%;
}

body
{
  height:100%;
  width:100%;

  background-color:white;
  /*background-image:url(../images/background.gif);*/
  /*background-image:url(../images/background-nr.gif);*/
  /*background-image:url(../images/background_cookooning.jpg);*/
  /*background-image:url(../images/background_rondo_volutes2.jpg);*/
  background-image:url(../images/background-mains.gif);
  background-position:top center;
  background-repeat:no-repeat;

  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:11px;
}

hr.clear
{
  visibility:hidden;
  clear:both;
}

#page
{
  width:990px;
  margin-left:auto;
  margin-right:auto;
  
  background-image:url('../images/bckgrnd-left-sidebar.png');
  background-position:left;
  background-repeat:repeat-y;
}

#logo
{
  width:200px;
  height:125px;

  /*clear:left;*/
  float:left;
  overflow:auto;

  margin:0px;  
  padding:0px;  

  text-align:right;
  
  /*background-color:#00FF00;*/
}

#logo .logo-wrapper
{
  display:block;
  
  width:178px;
  
  clear:both;
  float:none;
  
  margin-top:25px;  
  margin-left:0px;
  margin-right:auto;     
}

#logo .logo-wrapper img
{
  display:block;
   
  margin-left:auto;
  margin-right:auto;
  
  border:0px;
}

#header
{
  width:770px;

  clear:right;
  float:left;
}

#links_area
{
  text-align:right;
  vertical-align:top;
  height:30px;
}

#links_area img
{
  margin-right:5px;
  margin-top:10px;
  border-width:0px;
}

#links_area a:last-child img
{
  margin-left:10px;
  margin-right:10px;
}

#ad
{
  margin-top:10px;
  margin-bottom:10px;
}

#ad.empty
{
  height:60px;
}

#ad img
{
  display:block;
  float:left;
}

#promotion
{
  padding:10px;
  margin-bottom:10px;
  background-color:#f49b00;
  font-weight:bold;
  font-size:14px;
  color:#ffffff;
}

#menu_rootlevel
{
  list-style-type:none;
  margin-left:10px;
}

#menu_rootlevel li
{
  float:left;    
}

#menu_rootlevel li a, #menu_rootlevel li a:link, #menu_rootlevel li a:visited
{
  /*display:block;*/
  
  margin-right:8px;
  margin-left:8px;
  
  padding-left:10px;
  padding-right:10px;
  
  padding-top:4px;
  padding-bottom:4px;
  
  height:20px;

  line-height:20px;
  
  font-weight:bold;
  text-decoration:none;
  white-space:nowrap;
  
  color:#FFFFFF;
  background-color:#51832e;  
}

#left_menu
{
  width:200px;
  height:470px; /* Reduit de 20 a cause du padding-top */

  padding-top:10px;
  
  clear:left;
  float:left;
}

/* menu-v-* */

#content
{
  width:770px;
  
  margin-top:10px;

  clear:right;
  float:left;

  /*overflow:auto;*/
  background-color:white;
  text-align:left;
}

#content h1
{
  font-size:16px;
  color:#2F751F;
  clear:left;
}

#content h2, h2
{
  font-size:14px;
  color:#2F751F;
  margin-top:5px;
  clear:left;
}

#content h3
{
  font-size:12px;
  color:#2F751F;
  margin-top:5px;
  clear:left;
}

#content h1, #content h2, #content h3
{
  margin-bottom:4px;
  clear:left;
}

#content a
{
  color:#2F751F;
  text-decoration:underline;
}

#content ul
{
  margin-left:15px;
}

/* GESTION DES LETTRINES */

#content p.clear, #content li.clear
{
  clear:left;
}

#content p img.lettrine, #content li img.lettrine
{
  float:left;
  margin: 0em 1em 0.5em 0em;
  border:none;
}

#content ul li
{
  clear:left;
  
  /* Forcer HasLayout */
}

/* FIN DE GESTION DES LETTRINES */

#footer
{   
  background-color:#ffffff;
  
  text-align:right;
  padding-top:10px;
}

#footer p
{
  height:30px;
  line-height:30px;
  background-color:#e8ab2c;    
  padding-right:10px;
  color:#FFFFFF;
}

#footer p a
{
  color:#FFFFFF;
  text-decoration:none;
  vertical-align:middle;  
}

/* Workaround(s) pour les inconscients qui utilisent IE6 */
.workaround_IE6_clear_right
{
  clear:both;
  height:0px;
  line-height:0px;
  width:0px;
  overflow:hidden;

  border-left-style:solid;
  border-left-width:1px;
  border-left-color:#2F751F;

  border-right-style:solid;
  border-right-width:1px;
  border-right-color:#2F751F;
}

div.workaround_invisible_clear_both
{
  clear:both;
  visibility:hidden;
  line-height:0px;
  height:0px;
}

hr.clear
{
  clear:both;
  visibility:hidden;
  line-height:0px;
  height:0px;  
}

/* Classes reprises des anciennes CSS */

.Paragraph
{
  padding-bottom:11px;
}

.ParagraphNospacing
{
}

.sectioncolored
{
  border:1px solid #F49B00;
  margin-left:0px;
  margin-top:0px;
  padding:5px 5px;
}

.sectionuncolored
{
  margin-top:0px;
  padding:0px 11px;
}

.coloredsectiontitle
{
  color:#2F751F;
  font-weight:bold;
}

h2.coloredsectiontitle
{
  font-size:11px;
}

.forminput
{
  background-color:#FFFFFF;
  border:1px solid #000000;
}

.form_fiedlabel
{
  white-space:nowrap;
}

.form_tips
{
  font-family:Verdana, Helvetica, Arial, sans-serif;
  font-size:10px;
}

.form_avertissement
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color:#E60000;
}

#RightColumn
{
  background-color:#FFFFFF;
  float:right;
  height:490px;
  overflow:hidden;
  width:190px;
}

.rightsectioncoloredIndent
{
  background-color:#B6C630;
  margin-top:0px;
  padding:5px 5px 5px 11px;
}

.rightsectionuncoloredIndent
{
  background-color:white;
  margin-top:0px;
  padding:0px 5px 0px 11px;
}

/* Classes reprises de la V1 de EXKi Delivery */
.Errors, .Erreurs
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#CC0000;
}

fieldset.Erreurs, fieldset.Errors
{
  border-color:#CC0000;
}

fieldset.Erreurs legend, fieldset.Errors legend
{
  color:#CC0000;
}

ul.Erreurs li, ul.Errors li
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#CC0000;
}

/* DEBUT : Ecran de login */

#login_section
{
  width:80%; 
  
  margin-left:auto;
  margin-right:auto;
  
  background-color:#c1ce38;
  
  padding:20px;
}

#login_section div
{
  float:left; 
  
  font-size:13px;
  color:#ffffff;
  
  width:45%;
}

#login_section input[type="submit"]
{
  display:block;
  
  background-color:#50822f;
  color:#ffffff;
  font-weight:bold;
  
  border-width:0px;
  
  padding:4px;
  
  margin-left:auto;
  margin-right:auto;
}

#login_section div:first-child
{
  background-image:url('../images/bckgrnd-login-section.png');
  background-position:right;
  background-repeat:repeat-y;
  
  margin-right:10px;
  width:50%;
}

#login_section div h2
{
  color:#50822f;  
}

#login_section div p
{
  display:block;
  margin-bottom:8px;
}

#login_section div label
{
  display:block;
}

#login_section input[type="text"],
#login_section input[type="password"]
{
  border-width:0px;

  line-height:12px;
  font-size:12px;
  
  width:100%;
}

#login_section div a,
#login_section div a:visited,
#login_section div a:hover
{
  display:block;
  
  margin-left:auto;
  margin-right:auto;  
  
  text-align:center;
  
  color:#50822f;
  text-decoration:none;
  font-weight:bold;    
}

/* FIN : Ecran de login */


/* DEBUT : Contr�le des disponibilit�s */
#delivery_availability
{
  width:45%;
  float:left;
  margin-right:10px;
}


#delivery_availability .zone_ok
{
  color:#51832e;
}

#delivery_availability .zone_ko
{
  color:#b81a11;
}

/* FIN : Contr�le des disponibilit�s */

/* DEBUT : Tarif des livraisons */

#delivery_rates
{
  width:45%;
  float:left;
  
  margin-left:10px;
}



/* FIN : Tarif des livraisons */


/* DEBUT - Page de catalogue */

#catalogue
{
  width:550px;
  float:left;
}

#catalogue_basket
{
  width:200px;
  float:left;
  
  background-color:#51832e;
}

#catalogue_basket h1
{
  color:#ffffff;
  padding-left:5px;
}

#catalogue_basket a,
#catalogue_basket a:visited
{
  color:#ffffff;
  text-decoration:none;
  
  padding-left:5px;
}

#catalogue_basket #cabasse_synthese
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  
  border-color:#B6C630;
  border-width:1px;
  border-style:solid;
  
  padding: 5px 5px 5px 11px;
  width:175px;
}

#catalogue_basket #cabasse_synthese tr
{
  border-bottom-color:#B6C630;
  border-bottom-width:1px;
  border-bottom-style:solid;  
}

#catalogue_basket #cabasse_synthese td.basket_synthese_item_quantite
{
  background-color:#B6C630;
}

#catalogue_basket #cabasse_synthese td.basket_synthese_set_quantite form
{
  padding:0px;
  margin:0px;
}

#catalogue_basket #cabasse_synthese td.basket_synthese_set_quantite input
{
  padding:0px;
  margin:0px;
  border-width:0px;
  background-color:transparent;
  color:#c1ce38;
}

/* FIN - Page de catalogue */



h2.CabasseRubrique
{
  background-color:#B6D39B;
  color: #006633;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  padding:4px;
  margin-bottom:0px;
}

.PanierFondTableau
{
  background-color:#EAE5E0;
}

.PanierTexte {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #666666;
  background-color: #FFFFFF;
}
.PanierTexte a:link{
  color: #000000;
  background-color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
.PanierTexte a:visited{
  color: #000000;
  background-color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
}
.PanierTexte a:hover{
  color: #000000;
  background-color: #FFFFFF;
  font-weight: bold;
  text-decoration: underline;
}
.PanierBarre {
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #000000;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
}
.PanierTitreColonne {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #666666;
}
.PanierSousCompteCel {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
}

.Categorie_Entete
{
  font-size: 20px;
  font-weight: bold;
  text-decoration:underline;
}

/* Liste HORECA */

.ListeProduitBG {
  background-color: #CCCCCC;
}
.ListeProduitsTitreCol {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
  background-color: #666666;
}
.ListeProduitsArticleDesc {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
  background-color: #FFFFFF;
}
.ListeProduitsArticleDesc a:link{
  color: #000000;
  text-decoration: none;
  font-style: italic;
}
.ListeProduitsArticleDesc a:visited{
  color: #000000;
  text-decoration: none;
  font-style: italic;
}
.ListeProduitsNomProduit {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
}

div.product_description img
{
  float:left;
}


.BoxQuantite {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #006600;
  background-color: #FFFFFF;
  border: 1px solid #666666;
}
.BoutonAjouter {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  background-color: #FFFFFF;
  border: 1px solid #666666;
}
.BoutonSupprimer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color:#E60000;
  background-color: #FFFFFF;
  border: 1px solid #E60000;
}

.section_delivery_home
{  
/*  height:420px;*/
}

.section_delivery_home img.section_footer
{
  display:block;
  
  margin-left:auto;
  margin-right:auto;
  
  margin-top:15px;
  margin-bottom:15px;
}

.enhanced_button a
{
    background-color:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;

    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* top, right, bottom, left */
}

.enhanced_button a img
{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
}

table#my_delivery_addresses th
{
  border-bottom-style:solid;
  border-width:1px;
  border-color:#000000;
}

table#my_delivery_addresses td
{
  height:25px;
  vertical-align:middle;

  border-bottom-style:dashed;
  border-width:1px;
  border-color:#F49B00;
}

table#my_delivery_addresses td.impaire
{
}

table#my_delivery_addresses td.paire
{
}

td.ligne_adresse.no_delivery
{
  font-weight:bold;
  color:#b81a11;
}

table#my_delivery_orders th
{
  border-bottom-style:solid;
  border-width:1px;
  border-color:#000000;
}

table#my_delivery_orders td
{
  height:25px;
  vertical-align:middle;

  border-bottom-style:dashed;
  border-width:1px;
  border-color:#F49B00;
}

table#my_delivery_orders td.impaire
{
}

table#my_delivery_orders td.paire
{
}

table#my_delivery_order_synthese
{
  width:500px;
  float:left;
}

table#my_delivery_order_synthese
{
  width:500px;
  float:left;
}


table#my_delivery_order_synthese td
{
  
}

table#my_delivery_order_synthese td.synthese_label
{
  font-weight:bold;
  text-align:right;
  vertical-align:top;
  width:175px;
}

table#my_delivery_order_synthese td.synthese_value
{
  text-align:left;
  vertical-align:top;
}

#order_toolbox
{
  width:230px;
  height:200px;
  float:left;
}

table#my_delivery_order_detail th
{
  border-bottom-style:solid;
  border-width:1px;
  border-color:#000000;
  background-color:#F49B00;
  color:#FFFFFF;
}

table#my_delivery_order_detail td
{
  height:25px;
  vertical-align:middle;

  border-bottom-style:dashed;
  border-width:1px;
  border-color:#F49B00;
}

table#my_delivery_order_detail td.impaire
{
  background-color:#FFF2DB;
}

table#my_delivery_order_detail td.paire
{
  background-color:#FFFFFF;
}

table#my_delivery_order_detail td.subtotal_label
{
  font-weight:bold;
  text-align:right;

  border-bottom-style:solid;
  border-width:1px;
  border-color:#2F751F;
}

table#my_delivery_order_detail td.subtotal_value
{
  font-weight:bold;
  text-align:right;

  border-bottom-style:solid;
  border-width:1px;
  border-color:#2F751F;
}

table#my_delivery_invoices th
{
  border-bottom-style:solid;
  border-width:1px;
  border-color:#000000;
}

table#my_delivery_invoices td
{
  height:25px;
  vertical-align:middle;

  border-bottom-style:dashed;
  border-width:1px;
  border-color:#F49B00;
}

table#my_delivery_invoices td.impaire
{
}

table#my_delivery_invoices td.paire
{
}


.favorite_indicator img
{
  border-style:none;
}

/* Formulaire d'inscription - v2 */
form#inscription
{
  padding-bottom:30px;
}

form#inscription fieldset legend
{
  font-size: 12px;
  font-weight:bold;
  color: #2f751f;
}

form#inscription fieldset label
{
  display:block;
  float:left;
  clear:left;

  margin-left:50px;  
  width:200px;
  
  text-align:right;
  padding-right:5px;
}

form#inscription p.field_same_as
{
  margin-left:255px;
}


form#inscription fieldset input, form#inscription fieldset select
{
  margin-bottom:5px;  
  background-color:#D5E2AD;  
  float:left;
}

form#inscription p.tips, form#inscription div.tips
{
  padding-left:255px;
  clear:both;
  float:none;
}

form#inscription fieldset div.radio_group,
form#inscription fieldset div.checkboxes_group
{
  float:left;
}

form#inscription fieldset div.radio_group input,
form#inscription fieldset div.checkboxes_group input
{
  float:left;
  clear:left;
  margin-bottom:5px;
  background-color:#FFFFFF;
}

form#inscription fieldset div.radio_group label,
form#inscription fieldset div.checkboxes_group label
{
  float:left;
  clear:none;
  width:auto;
  margin:0px;
  margin-bottom:5px;
}

form#inscription fieldset div.radio_group > p > label,
form#inscription fieldset div.checkboxes_group > p > label
{
  text-align:left;
  float:left;
  width:460px;
}

form#inscription iframe.cgv_content
{
  width:730px;
  height:90px;
  border-width:0px;
  margin-bottom:10px;
}

form#inscription input.cgv_ack,
form#inscription input.submit_btn
{
  margin-left:255px;
}

div#publicite
{
  position:absolute;
  top:120px;
  left:205px;
  
  z-index:10;

  width:650px;
  height:360px;
}

div#publicite p
{
  background-color:#2F751F;
  text-align:right;
  margin:0px;
}

div#publicite p a:link, div#publicite p a:active, div#publicite p a:visited  
{
  color:#FFFFFF;
  text-decoration:none;
}

div#publicite p a:link span, div#publicite p a:active  span, div#publicite p a:visited  span  
{
  color:#F49B00;
  text-decoration:none;
  font-weight:bold;
  padding-right:3px;
}

/* LABS */

div.catalogue_trailer a,
div.catalogue_trailer a *,
div.catalogue_trailer p a,
div.catalogue_trailer p a *
{
  border-width:0px;
  text-decoration:none;
}

div.catalogue_trailer
{
  float:left;
  
  width:180px;
  height:170px;
  
  overflow:hidden;
  
  position:relative;
  top:0px;
  border-width:0px;
}

div.catalogue_trailer div.catalogue_slideshow
{
  width:180px;
  height:170px;
  overflow:hidden;
}

div.catalogue_trailer div.catalogue_slideshow IMG
{
  position:absolute;
  top:0;
  left:0;
  z-index:8;  
  visibility:hidden; /* <--- Hack pour cacher les autres photos */
}

div.catalogue_trailer div.catalogue_slideshow img
{
  border-width:0px;
  
  width:180px;
  height:170px;  
}

div.catalogue_trailer div.catalogue_slideshow IMG.active
{
  z-index:10;  
  visibility:visible; /* <--- Hack pour afficher la photo courante */
}

div.catalogue_trailer div.catalogue_slideshow IMG.last-active
{
  z-index:9;
}

div.catalogue_trailer p
{
  position:absolute;
  bottom:0px;
  
  width:180px;
  padding-top:10px;
  padding-bottom:10px;
  
  background-image:url('../images/calque_blanc.png');
  
  font-size:12px;
  font-weight:bold;
  color:#2e741f;  
  text-decoration:none;
  
  z-index:20;
}

div.catalogue_trailer p.v_1
{
  background-image:url('../images/calque_blanc.png');
  font-size:12px;
  font-weight:bold;
  color:#2e741f;      
}

div.catalogue_trailer p.v_2
{
  background-image:url('../images/calque_noir.png');
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
}

div.catalogue_trailer p.v_3
{
  background-image:url('../images/calque_vert.png');
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
}

div.catalogue_trailer p.v_4
{
  background-image:url('../images/calque_orange_70pc.png');
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
}

div.catalogue_trailer p.v_4bis
{
  background-image:url('../images/calque_vert.png');
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
}