*
{
  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-position:top left;
  background-repeat:no-repeat;

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

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

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

  clear:left;
  float:left;

  margin:0px;
  padding:0px;

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

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

#header
{
  width:760px;
  height:125px;

  clear:right;
  float:left;

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

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

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

#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:10px;
  height:20px;

  font-weight:bold;
  text-decoration:none;
  color:#2F751F;
  white-space:nowrap;
}

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

  padding-top:20px;
  
  clear:left;
  float:left;

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

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

#menu_sublevels
{
  width:200px;
  margin:0px;
  padding:0px;

  list-style-type:none;
}

#menu_sublevels li a
{
  display:block;
  width:185px;
  line-height:20px;
  margin:1px;
  padding-right:5px;
  text-align:right;
  text-decoration:none;
  color:#FFFFFF;
  background-color:#B6C72B;
}

#menu_sublevels li.selected_category a
{
  background-color:#F49B00;
}

#menu_sublevels li.selected_category
{
  display:block;
  width:190px;
  line-height:20px;
  margin:1px;
  text-align:right;
  text-decoration:none;
  color:#FFFFFF;
  font-weight:bold;
  background-color:#F49B00;
}

#menu_sublevels li ul
{
  list-style-type:none;
  padding:0px;
}

#menu_sublevels li ul li a
{
  display:block;
  width:170px;
  line-height:20px;
  margin:1px;
  margin-left:15px;
  padding-right:5px;
  text-align:right;
  text-decoration:none;
  color:#FFFFFF;
  background-color:#B6C72B;
}

#content
{
  width:760px;
  height:490px;

  clear:right;
  float:left;

  /*overflow:auto;*/
  overflow:scroll;

  background-color:white;

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

  text-align:left;
  
  /* Hack pour palier aux déficiences d'IE7... */
  position:relative;  
}

#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
{
  width:761px; /* +1 pixel pour tenir compte de l'�paisseur de la bordure du menu (2e et 3e niveau) */
  height:30px;
  line-height:30px;
  margin-left:200px; 

  background-color:#2F751F;

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

#footer 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:11px;
  margin-top:0px;
  padding:5px 11px;
}

.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;
}

#cabasse_synthese
{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
  color:#FFFFFF;
  margin-top:25px;
  background-color:#B6C630;
  padding: 5px 5px 5px 11px;
  width:175px;
}

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:87%;
  background-image:url("../images_visuel/exki_delivery_small.jpg");
  background-repeat:no-repeat;
  background-position:bottom center;
  
  height:420px;
}

.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
{
}


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;
}