@charset "utf-8";
/* CSS Document */

.bold{font-weight:bold;}
.padLeft40{padding-left:40px;}
.padLeft30{padding-left:30px;}
.padLeft15{padding-left:15px;}
.marginL10{margin-left:10px;}
.marginL20{margin-left:20px}
.marginL45{margin-left:80px !important}
.marginL145{margin-left:159px !important}
.marginL245{margin-left:240px !important}
.marginL345{margin-left:319px !important}
.marginL445{margin-left:398px !important}
.marginT10{margin-top:10px !important}
.marginT20{margin-top:20px !important}
.marginB5{margin-bottom:5px !important}
.marginR15{margin-right:15px !important}

/* AJOUT JMS 2011/01/04 */ 

.favoris-liste .favoris
{
    position: relative; 
    left: 20px;
}

.marginMenuColonne6{}
.marginMenuColonne5{margin-left:80px !important}
.marginMenuColonne4{margin-left:159px !important}
.marginMenuColonne3{margin-left:240px !important}
.marginMenuColonne2{margin-left:319px !important}
.marginMenuColonne1{margin-left:398px !important}

.marginT10only { margin : 10px 0 0 0 !important; } 

.tAlignC { text-align:center;}
.tAlignR { text-align:right;}

.width100P { width:100%; } 

.w186 { width:186px !important; }
.w184 { width:184px !important; }
.w148 { width:148px !important; }
      
.width80 { width:80px !important; }
.width95 { width:95px !important; }
.width120 { width:120px !important; }
.width138 { width:138px !important; }
.width145 { width:145px !important; }
.width175 { width:175px !important; }
.width183{ width:183px !important; }
.width186{ width:186px !important; }
.width220 { width:187px !important; } /* mbe 26/09/2011 : reduction de la largeur suite au resize de l'image en 133 */
.width260 { width:227px !important; } /* mbe 26/09/2011 : reduction de la largeur suite au resize de l'image en 133 */
.width280 { width:280px !important; }
.widthAuto { width : auto !important; }
.marginL0{margin-left:0px;}
.marginT0{margin-top:0px !important}
.marginT30{margin-top:30px !important}
.marginAuto { margin : 0px auto !important; text-align:center; }
.paddingL0{padding-left:0px !important;}
.clearL {  clear:left; }

/* */
.favoris-liste, .favoris-mosaique, .favoris-produit { position:relative }
.favoris-liste  .pop-in-ajout-favoris   { position: absolute; z-index: 5000000; left: -128px; top: -5px; width: 115px; }
.favoris-mosaique  .pop-in-ajout-favoris   { position: absolute; z-index: 5000000; left: 9px; top: -6px; width: 115px; }
.favoris-produit  .pop-in-ajout-favoris   { position: absolute; z-index: 5000000; left: 38px; top: -7px; width: 115px; }
.pop-in-ajout-favoris .pop-in-ajout-favoris-content { width: 123px; height: 12px; background: url(../images/portlet/portlet-titre-bg.png) no-repeat scroll -8px -2px transparent; padding: 4px 0pt; text-align: center; }
.pop-in-ajout-favoris a,.favoris-mosaique .pop-in-ajout-favoris a, .favoris-produit .pop-in-ajout-favoris a{ font-weight: bold; color:#ffffff; }
.favoris-produit  .favoris  { float:none !important }
.promo-block { width:97px; height:100%; text-align:center}
.caddie .picto_panier-liste {   margin: 5px 0 3px 15px; }


#contenu_blanc .content .ligne_liste_2 .bloc_infos .bloc_panier_promo {
    height: 36px;
    width: 76px;
}

#bloc_menu .leftSide .Mes-boutiques{float:left;text-align:center;font-weight:bold;padding:10px 0 0 0;width:91px;height:30px;background:url(/style%20library/ECH/Images/menu/bgItemBoutique.png) no-repeat;overflow:hidden;cursor:pointer;}
#bloc_menu .leftSide .Showroom-et-Bons-plans{float:left;text-align:center;font-weight:bold;padding:10px 0 0 0;width:91px;height:30px;background:url(/style%20library/ECH/Images/menu/bgItemShowroom.png) no-repeat;cursor:pointer;}

.smiles-img { margin : 20px 0 0 0 !important; float:none !important }

.ligne_mosaique .container-mosaique-produit { height:77px; overflow:hidden; }

/*  */

/* BEGIN */
html{height:100%;}
body {height:100%; background-repeat:repeat-x; font-size:62.5%; font-family:Arial, Helvetica, sans-serif; color:#505050;}

.float-container{overflow:hidden; width:100%; position:relative;}
.clearer{clear:both; height:1%; font-size:1%; line-height:1%;}
.floatL{float:left}
.floatR{float:right}
a {text-decoration:none;color:#275d24;}
a:hover {text-decoration:underline;}
#nuage{ background-repeat:no-repeat; background-position:top center; width:100%; position:relative;  min-height: 100%;  }
#container {width:976px; margin:0 auto; min-height: 100%; position:relative; font-size:1.1em;}


/* FOOTER */
#footer {position:relative;bottom:0;width:100%; height:173px; background:no-repeat center top; border:0px solid red;}
#footer ul {list-style:none; width:690px; padding-top:65px; margin:0 auto;}
#footer ul li { float:left; background:url(/style%20library/ECH/Images/footer-separateur.gif) no-repeat bottom right;   padding:0 13px 0 13px;  font-size:9px;}
#footer ul li.last {background:none;}
#footer ul li.first {padding:0 13px 0 0;}

/* HEADER */
#header { height:120px;}
#logo {width:387px; height:61px;float:left; }
#logo img{border:none;}
#header #pub{ margin:0 0 0 118px; width:468px; height:60px; float:left;}
#header #accroche{width:382px;height:45px;float:left;clear:left;    background:url(/style%20library/ECH/Images/bg_links_header.png) no-repeat;color:#275d24;font-size:1.1em;font-weight:normal;text-align:center;margin:10px 0 0 0;padding:7px 0 0 10px;}
#header #accroche a.btnDeconnexion{margin:74px 0  0 0;}
#header .link_top{font-weight:bold; text-align:left;line-height:15px;}
.tab-form-connexion{width:300px;}

/* BARRE DE RECHERCHE */
#rechercher{padding:35px 0 0 0; float:left}
#rechercher img,#rechercher input{float:left; margin:0 5px 0 5px}
#recherche-bar{float:left;width:473px; height:45px; margin:10px 0 0 111px; background:url(/style%20library/ECH/Images/rechercher/bg_bloc_rechercher.png) no-repeat;}
#recherche-bar img{margin:15px 0 0 15px;float:left;}
#recherche-bar .recherche-saisie{float:left;border:none; background:url(/style%20library/ECH/Images/rechercher/recherche-saisie-bg.png) no-repeat; font-size:1.1em; height:15px; width:308px; margin:12px 0 0 10px; padding:5px 5px; color:#302620; font-style:italic;}
#recherche-bar .recherche-btn{float:left;margin:12px 0 0 10px;border:none;}
#recherche-bar .validRecherche{float:left;display:block;margin-left:125px;}

/* */
.pop-in-ajout-favoris   { position: absolute; z-index: 5000000; left: 9px; top: 210px; width: 115px; }
.pop-in-ajout-favoris .pop-in-ajout-favoris-content { width: 123px; height: 12px; background: url(/style%20library/ECH/Images/portlet/portlet-titre-bg.png) no-repeat scroll -8px -2px transparent; padding: 4px 0pt; text-align: center; }
.pop-in-ajout-favoris a { font-weight: bold; color:#ffffff; }
/* MENU */

.w155 { width:155px !important; }
.marginR10 { margin-right:10px !important; }

#bloc_container_menu{/*width:964px;*/ margin-left:-2px; position:relative;z-index: 30000}
#bloc_menu{background:url(/style%20library/ECH/Images/menu/bg_menu.png) no-repeat;width:966px;height:52px;margin:11px 0 0 0;padding:12px 0 0 11px; float:left; position: relative; }
#bloc_menu ul { float:left; display:block; width:100%; }
#bloc_menu ul li.item { float:left; display:block; width:68px; cursor:pointer;}
#bloc_menu ul li.Showroom--bons-plans, #bloc_menu ul li.Mes-boutiques { width:91px; }  
#bloc_menu ul li.item  li.item-rubrik, #bloc_menu ul  li.Showroom--bons-plans, #bloc_menu ul li.Mes-boutiques { color:#ffffff; text-decoration:none; display:block; padding: 0; width:69px; height:40px; float:left}
#bloc_menu ul li.Showroom--bons-plans, #bloc_menu ul li.Mes-boutiques { width:91px; }
#bloc_menu ul li.item  .menu-item-left-top, #bloc_menu ul li.item  .menu-item-content-top, #bloc_menu ul li.item  .menu-item-right-top, #bloc_menu ul li.item  .menu-item-left, #bloc_menu ul li.item  .menu-item-content, #bloc_menu ul li.item  .menu-item-right { display:block; float:left; }
#bloc_menu ul li.item  .menu-item-left-top{ height: 8px; width: 8px; 
    background: url(/style%20library/ECH/Images/menu/bgItem-left.png) no-repeat scroll 0 0 transparent; }
#bloc_menu ul li.item  .menu-item-content-top{ color: #000000; height: 8px;  width: 52px;
    background: url(/style%20library/ECH/Images/menu/bgItem-content.png) repeat-x scroll 0 0 transparent; }
#bloc_menu ul li.Mes-boutiques .menu-item-content-top,  #bloc_menu ul li.Showroom--bons-plans .menu-item-content-top {  width: 75px; } 
#bloc_menu ul li.item   .menu-item-right-top,  #bloc_menu ul li.Showroom--bons-plans .menu-item-right-top, #bloc_menu ul li.Mes-boutiques .menu-item-right-top{ height: 8px; width: 8px;
    background: url(/style%20library/ECH/Images/menu/bgItem-right.png) no-repeat scroll 0 0 transparent; }
#bloc_menu ul li.item  .menu-item-left{  height: 32px; width: 2px;
    background: url(/style%20library/ECH/Images/menu/bgItem-left.png) no-repeat scroll 0 -8px transparent;  }
#bloc_menu ul li.item  .menu-item-content{ color: #000000; height: 30px;  padding: 2px 0 0; width: 64px; text-align:center; overflow:hidden; background: url(/style%20library/ECH/Images/menu/bgItem-content.png) repeat-x scroll 0 -8px transparent; }

#bloc_menu ul li.Showroom--bons-plans  .menu-item-content a { font-weight:bold; color: #ffffff; width : 87px; text-decoration:none; } 
#bloc_menu ul li.Mes-boutiques  .menu-item-content a { font-weight:bold; color: #ffffff; width : 87px; text-decoration:none; } 
#bloc_menu ul  li.Showroom--bons-plans .menu-item-content a:hover {text-decoration:none; } 
#bloc_menu ul li.Mes-boutiques  .menu-item-content a:hover {text-decoration:none; } 
#bloc_menu ul li .menu-item-content a { font-weight:normal; color: #000; width : 87px; text-decoration:none; } 
#bloc_menu ul li .menu-item-content a:hover {text-decoration:none;color: #ffffff;font-weight:bold; } 
#bloc_menu ul li:hover .menu-item-content a {text-decoration:none;color: #ffffff;font-weight:bold; } 
#bloc_menu ul  li.Showroom--bons-plans  .menu-item-content, #bloc_menu ul li.Mes-boutiques  .menu-item-content { font-weight:bold; color: #ffffff; width : 87px } 

#bloc_menu ul li.item  .menu-item-right {  width: 2px;  height: 32px;
    background: url(/style%20library/ECH/Images/menu/bgItem-right.png) no-repeat scroll -6px -8px transparent; }
    
/* Hover item */ 
#bloc_menu ul li:hover.item .menu-item-left-top{background: url(/style%20library/ECH/Images/menu/bgItem-left.png) no-repeat scroll 0 -40px transparent; }
#bloc_menu ul li:hover.item .menu-item-content-top{ background: url(/style%20library/ECH/Images/menu/bgItem-content.png) repeat-x scroll 0 -40px transparent; }
#bloc_menu ul li:hover.item .menu-item-right-top{  background: url(/style%20library/ECH/Images/menu/bgItem-right.png) no-repeat scroll 0 -40px transparent; }
#bloc_menu ul li:hover.item .menu-item-left{  background: url(/style%20library/ECH/Images/menu/bgItem-left.png) no-repeat scroll 0 -48px transparent;  }
#bloc_menu ul li:hover.item .menu-item-content{  background: url(/style%20library/ECH/Images/menu/bgItem-content.png) repeat-x scroll 0 -48px transparent; font-weight:bold; color:#ffffff; }
#bloc_menu ul li:hover.item .menu-item-right { background: url(/style%20library/ECH/Images/menu/bgItem-right.png) no-repeat scroll -6px -48px transparent; }


/* Override special item */

#bloc_menu ul li.Mes-boutiques .menu-item-left-top{background: url(/style%20library/ECH/Images/menu/bgItem-boutique-left.png) no-repeat scroll 0 0 transparent !important; }
#bloc_menu ul li.Mes-boutiques .menu-item-content-top{  background: url(/style%20library/ECH/Images/menu/bgItem-boutique-content.png) repeat-x scroll 0 0 transparent !important; }
#bloc_menu ul li.Mes-boutiques .menu-item-right-top{  background: url(/style%20library/ECH/Images/menu/bgItem-boutique-right.png) no-repeat scroll 0 0 transparent !important; }
#bloc_menu ul li.Mes-boutiques .menu-item-left{  background: url(/style%20library/ECH/Images/menu/bgItem-boutique-left.png) no-repeat scroll 0 -8px transparent !important;  }
#bloc_menu ul li.Mes-boutiques .menu-item-content{  background: url(/style%20library/ECH/Images/menu/bgItem-boutique-content.png) repeat-x scroll 0 -8px transparent !important; }
#bloc_menu ul li.Mes-boutiques .menu-item-right { background: url(/style%20library/ECH/Images/menu/bgItem-boutique-right.png) no-repeat scroll -6px -8px transparent !important; }

#bloc_menu ul li.Showroom--bons-plans .menu-item-left-top{background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-left.png) no-repeat scroll 0 0 transparent !important; }
#bloc_menu ul li.Showroom--bons-plans .menu-item-content-top{   background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-content.png) repeat-x scroll 0 0 transparent !important; }
#bloc_menu ul li.Showroom--bons-plans .menu-item-right-top{  background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-right.png) no-repeat scroll 0 0 transparent !important; }
#bloc_menu ul li.Showroom--bons-plans .menu-item-left{  background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-left.png) no-repeat scroll 0 -8px transparent !important;  }
#bloc_menu ul li.Showroom--bons-plans .menu-item-content{  background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-content.png) repeat-x scroll 0 -8px transparent !important; }
#bloc_menu ul li.Showroom--bons-plans .menu-item-right { background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-right.png) no-repeat scroll -6px -8px transparent !important; }

#bloc_menu ul li:hover.Mes-boutiques  .menu-item-left-top{background: url(/style%20library/ECH/Images/menu/bgItem-boutique-left.png) no-repeat scroll 0 -40px transparent !important; }
#bloc_menu ul li:hover.Mes-boutiques  .menu-item-content-top{   background: url(/style%20library/ECH/Images/menu/bgItem-boutique-content.png) repeat-x scroll 0 -40px transparent !important; }
#bloc_menu ul li:hover.Mes-boutiques .menu-item-right-top{  background: url(/style%20library/ECH/Images/menu/bgItem-boutique-right.png) no-repeat scroll 0 -40px transparent !important; }
#bloc_menu ul li:hover.Mes-boutiques .menu-item-left{  background: url(/style%20library/ECH/Images/menu/bgItem-boutique-left.png) no-repeat scroll 0 -48px transparent !important;  }
#bloc_menu ul li:hover.Mes-boutiques .menu-item-content{  background: url(/style%20library/ECH/Images/menu/bgItem-boutique-content.png) repeat-x scroll 0 -48px transparent !important;  }
#bloc_menu ul li:hover.Mes-boutiques .menu-item-right { background: url(/style%20library/ECH/Images/menu/bgItem-boutique-right.png) no-repeat scroll -6px -48px transparent !important; }

#bloc_menu ul li:hover.Showroom--bons-plans .menu-item-left-top{background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-left.png) no-repeat scroll 0 -40px transparent !important; }
#bloc_menu ul li:hover.Showroom--bons-plans .menu-item-content-top{ background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-content.png) repeat-x scroll 0 -40px transparent !important; }
#bloc_menu ul li:hover.Showroom--bons-plans .menu-item-right-top{  background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-right.png) no-repeat scroll 0 -40px transparent !important; }
#bloc_menu ul li:hover.Showroom--bons-plans .menu-item-left{  background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-left.png) no-repeat scroll 0 -48px transparent !important;  }
#bloc_menu ul li:hover.Showroom--bons-plans .menu-item-content{  background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-content.png) repeat-x scroll 0 -48px transparent !important;  }
#bloc_menu ul li:hover.Showroom--bons-plans .menu-item-right { background: url(/style%20library/ECH/Images/menu/bgItem-Showroom-right.png) no-repeat scroll -6px -48px transparent !important; }

/* Sub container */ 
#bloc_menu ul li.item:hover .container-sub-menu { display:block !important; cursor:default; }
#bloc_menu .container-sub-menu { display:none; width:956px;position:absolute;top:51px;left:0; 
    z-index:500; padding: 9px 9px 0 9px; float:left;border-left:1px solid #aec0bf; border-right:1px solid #aec0bf;
    background:#eeeeef url(/style%20library/ECH/Images/menu/bg_sous_menu.jpg) repeat-x; min-height:251px; border-top: 4px solid #602C1D;}
#bloc_menu .container-sub-menu  .container-rubriks { margin : 0 auto; position:relative; display:block; min-height: 251px;  z-index:2000;  } 
#bloc_menu .container-sub-menu-bottom { background: url(/style%20library/ECH/Images/menu/sous_menu_bas.png) no-repeat scroll 0 bottom transparent;
    float: left; height: 9px; width:975px; display:block; position:relative; top:9px; left:-9px; z-index:900; }
#bloc_menu .rubrik {display:block; float:left; margin: 0 4px 40px 0; }
#bloc_menu .rubrik-title, #bloc_menu .rubrik .rubrik-title-hover { display:block; position:relative;z-index:3000; }
#bloc_menu .rubrik-title p a { display: block; font-size: 14px; font-weight: bold; padding: 5px; text-transform: uppercase; width: 100%; color: #3B1C13}
#bloc_menu .rubrik-title p { display: block; font-size: 14px; font-weight: bold; padding: 5px; text-transform: uppercase; width: 100%; color: #3B1C13}
#bloc_menu .rubrik .rubrik-title-hover { position:absolute;  display:block; color : #000000; font-weight:bold; }
#bloc_menu .rubrik .rubrik-title-hover p a{  background: url(/style%20library/ECH/Images/menu/fleche_boutique.jpg) no-repeat scroll 150px 10px transparent; cursor:pointer; text-decoration:none; }
#bloc_menu .rubrik-title-hover .sub-rubriks { font-weight:normal; display:none; background: url(/style%20library/ECH/Images/menu/bg_liste_boutique.jpg) repeat-x scroll 0 0 #D4D4D5;
    width: 100%; }
#bloc_menu .rubrik-title .sub-rubriks { font-weight:normal;  width: 100%; padding : 0;} 
#bloc_menu .rubrik-title .sub-rubriks  li , #bloc_menu .rubrik-title-hover .sub-rubriks li { background: url(/style%20library/ECH/Images/puce-droite.gif) no-repeat scroll 0 3px transparent;
    line-height: 14px; margin: 5px 0 0 5px; padding: 0 0 0 7px; }
#bloc_menu .rubrik-title .sub-rubriks  li  {  overflow: hidden; }
#bloc_menu .rubrik-title-hover .sub-rubriks {  padding : 0 0 10px 0; }

#bloc_menu .rubrik-title-hover .sub-rubriks li a { padding : 0px; height:auto;  }
#bloc_menu .rubrik-title-hover:hover { border : 1px solid #AEC0BF; width:100%;  background: url(/style%20library/ECH/Images/menu/bg_liste_boutique.jpg) repeat-x scroll 0 0 #D4D4D5;}
#bloc_menu .rubrik-title-hover:hover .sub-rubriks  { display:block; }

/*#bloc_menu .leftSide{float:left;margin:0 5px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FFF;}
#bloc_menu .rightSide{float:left;}
#bloc_menu .leftSide .itemBoutique{float:left;text-align:center;font-weight:bold;padding:10px 0 0 0;width:91px;height:30px;background:url(/style%20library/ECH/Images/menu/bgItemBoutique.png) no-repeat;overflow:hidden;cursor:pointer;}
#bloc_menu .leftSide .itemBoutiqueOver{background:url(/style%20library/ECH/Images/menu/bgItemBoutique.png) 0 -40px no-repeat;}
#bloc_menu .leftSide .itemShowroom{float:left;text-align:center;font-weight:bold;padding:10px 0 0 0;width:91px;height:30px;background:url(/style%20library/ECH/Images/menu/bgItemShowroom.png) no-repeat;cursor:pointer;}
#bloc_menu .leftSide .itemShowroomOver{background:url(/style%20library/ECH/Images/menu/bgItemShowroom.png) 0 -40px no-repeat;}
#bloc_menu .rightSide .item{float:left;text-align:center;color:#000;padding:10px 0 0 0;width:64px;height:30px;background:url(/style%20library/ECH/Images/menu/bgItem.png) no-repeat;cursor:pointer;border:0px solid red;}
#bloc_menu .rightSide .itemOver{color:#FFF;font-weight:bold;background:url(/style%20library/ECH/Images/menu/bgItem.png) 0 -40px no-repeat;}

.bloc_on_roll_over{width:972px;position:absolute;top:183px;left:0;display:none; z-index:5; padding: 0 0 0 0}
.bloc_on_roll_over .center{float:left;overflow:hidden;background:#eeeeef url(/style%20library/ECH/Images/menu/bg_sous_menu.jpg) repeat-x;width:972px;min-height:251px;border-left:1px solid #aec0bf; border-right:1px solid #aec0bf;padding:0;}
.bloc_on_roll_over .bas_menu{float:left;background:url(/style%20library/ECH/Images/menu/sous_menu_bas.png) no-repeat 0 bottom;width:974px;height:9px;}
*/


#bloc_scroll
{
    width: 964px;
    height: 133px;
    /*overflow: auto;*/
    position: absolute;
    outline: none;
    z-index:0;
}

#scroll_menu{
    width:1200px;
    height:107px;
}

/* sous menu */
.subMenu{float:left;border-top:4px solid #602c1d; padding:9px;width:972px;}
.subMenu ul{float:left;margin:0 11px 0 0}
.subMenu ul.boutique{margin:0 4px 0 0; height:125px;}
li.rayon img{display:block; padding:0 0 16px 0;}
ul.boutique li.rayon img{display:block; padding:0 0 5px 0;}
li.rayon{font-size:14px; color:#3b1c13; font-weight:bold; text-transform:uppercase; height:auto; left:5px; position:relative; width:145px;}
li.segment{background:url(/style%20library/ECH/Images/puce-droite.gif) no-repeat 0 3px; padding :0 0 0 7px; margin:5px 0 0 5px;width:135px;line-height:14px;}
.liste li{padding :0 0 0 7px; margin:5px 0 0 5px;width:135px;line-height:14px;}
.subMenu .titre{margin:0 0 0 5px;width:186px;cursor:pointer;position:absolute;height:22px;z-index:2;}
.subMenu .titre p{z-index:4;padding:5px; font-size:14px; font-weight:bold; text-transform: uppercase; position:absolute; background:url(/style%20library/ECH/Images/menu/fleche_boutique.jpg) no-repeat 170px 10px;display:block; width:186px;}
.subMenu .titre:hover .liste{display:block;}
.subMenu .liste{
    display:none;
    float:none; 
    position:absolute;
    top:0;
    z-index:2;
    width:183px;
    border:#aec0bf solid 1px;
    background:#d4d4d5 url(/style%20library/ECH/Images/menu/bg_liste_boutique.jpg) repeat-x;
    padding:23px 0 16px 0;
}

#menu{width:1200px;height:107px;/*background:url(/style%20library/ECH/Images/menu-bg.png) no-repeat;*/}
#menu li{list-style:none; float:left; height:107px; padding:0 0 0 1px; width:79px;}
#menu li a{display:block; width:79px; height:107px; text-decoration:none; float:left; background-position:center top ; background-repeat:no-repeat; overflow:hidden;}
#menu li a:hover, #menu li a:focus, #menu li.on a{background-position:center -107px;}
#menu li.select a{background-position:center -107px;}
#menu li a span{margin-left:-9999px;}
#menu li.rub01 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub01.png);}
#menu li.rub02 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub02.png);}



#menu li.rub03 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub03.png);}
#menu li.rub04 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub04.png);}
#menu li.rub05 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub05.png);}
#menu li.rub06 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub06.png);}
#menu li.rub07 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub07.png);}
#menu li.rub08 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub08.png);}
#menu li.rub09 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub09.png);}

#menu li.rub10 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub10.png);}
#menu li.rub11 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub11.png);}
#menu li.rub12 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub12.png);}
#menu li.rub13 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub13.png);}
#menu li.rub14 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub14.png);}
#menu li.rub15 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub15.png);}
#menu li.rub16 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub16.png);}
#menu li.rub17 a{background-image:url(/style%20library/ECH/Images/menu/menu_rub17.png);}

/* ENVIES */
#envies{
    margin:0 0 0 50px;


    padding:35px 0 0 0;
    float:left;
    width:105px;
}

#mainBottomContent{margin:0; padding:0;width:auto; height:auto;overflow:hidden;}

/* PORTLETS */
#portlets{ width:263px; float:right; z-index:50;}
.portletsFixed{position:fixed;margin-left:713px;top:0;}
#portlets h2{height:24px; font-weight:normal;}
#portlets h2 a{display:block; padding-left:20px; height:24px; line-height:24px; color:#fff; font-size:1.2em; text-decoration:none; background-image:url(/style%20library/ECH/Images/portlet/portlet-titre-bg.png); background-position:center top; background-repeat:no-repeat;}                                

#portlets h2 a:hover,
#portlets h2 a:focus{background-position:center -24px;}
#portlets h2 a.open{background-position:center -48px;}
#portlets h2 a.open:hover,
#portlets h2 a.open:focus{background-position:center -72px;}
#portlets h2.first {height:30px;}
#portlets h2.first a{padding-top:6px; background-image:url(/style%20library/ECH/Images/portlet/portlet-titre-first-bg.png);}
#portlets h2.first a:hover,
#portlets h2.first a:focus{background-position:center -30px;}
#portlets h2.first a.open{background-position:center -60px;}
#portlets h2.first a.open:hover,
#portlets h2.first a.open:focus{background-position:center -90px;}

#portlets h2.titre-appelez-nous{padding-left:20px; line-height:24px; color:#fff; font-size:1.2em; text-decoration:none; background-image:url(/style%20library/ECH/Images/portlet/portlet-titre-bg.png)); background-position:center -48px; background-repeat:no-repeat;}

#portlets .appelez-nous{background:url(/style%20library/ECH/Images/portlet/portlet-img-call.png) no-repeat; width:167px; height:87px; padding:15px 0 0 96px;}
#portlets .appelez-nous a{display:block; padding:3px 0 3px 10px; background:url(/style%20library/ECH/Images/puce-droite.gif) left center no-repeat; font-size:1.1em;}

#portlets .portlet-bottom{background:url(/style%20library/ECH/Images/portlet/portlet-bottom-bg.png) no-repeat; width:263px; height:16px;}

#portlets .portlet-contenu{ background:url(/style%20library/ECH/Images/portlet/portlet-bg.png) repeat-y;}

#scrollPortlet{ width:100%; overflow-x:hidden;}

#portlets .accordeon{padding:8px 0;}
#portlets .tab-form-connexion{width:100%;}
#portlets .tab-form-connexion tr{}
#portlets .tab-form-connexion th{width:85px; color:#505050; font-size:1.1em; text-align:right; padding:2px; font-weight:normal;}
#portlets .tab-form-connexion td{padding:1px;}
#portlets .tab-form-connexion .identifiant{width:157px;  }
#portlets .tab-form-connexion .mdp{width:111px;}

#portlets .portlet-panier .txt-intro{font-size:1.1em; background:url(/style%20library/ECH/Images/portlet/portlet-panier-picto.png) 30px 0px no-repeat; padding:5px 15px 5px 89px; min-height:25px; line-height:14px;}
#portlets .portlet-panier .cady{ font-size:1.1em; margin-top:4px; clear:both; height:20px; padding-left:6px; padding-right:5px;}
#portlets .portlet-panier span.left{ float:left;}
#portlets .portlet-panier .refresh{ padding:0 0 5px 7px;}
#portlets .portlet-panier span.right{ float:right; display:block; width:60px; text-align:right;}
#portlets .portlet-panier .cady span.right{ padding-top:2px;}

#portlets .portlet-panier .valider{margin:6px 0 0 70px;}
#portlets .portlet-panier .alignC a{ padding-left:10px; background:url(/style%20library/ECH/Images/puce-droite.gif) 0 4px no-repeat;}
span.ajaxLoader
{
    background-image : url(/style%20library/ECH/Images/basketLoader.gif);
    background-repeat: no-repeat;
    display : block;
    height : 16px;
    width : 16px;
}

div.panierQtyProd span.ajaxLoader
{
    display : inline-block;
    width : 20px;
}

div.price span.ajaxLoader
{
    margin-left: 50px;
}

div.nbarticles span.ajaxLoader
{
    margin-left: 70px;
}

#portlets .portlet-selection .txt-intro{ font-size:1.1em; background:url(/style%20library/ECH/Images/portlet/portlet-selection-picto.png) 25px 0px no-repeat; padding:5px 15px 5px 65px;}
#portlets .portlet-favoris .liste-intro{ background:url(/style%20library/ECH/Images/portlet/portlet-favoris-picto.png) 30px 0px no-repeat; padding:5px 15px 5px 89px;}
#portlets .portlet-livraison .txt1,
#portlets .portlet-livraison .txt2{ font-size:1.1em; background:17px 0px no-repeat; padding:5px 15px 5px 40px;}
#portlets .portlet-mon-compte .txt1{ font-size:1.1em; background:17px 0px no-repeat; padding:5px 15px 5px 20px;}
#portlets .portlet-livraison .txt1{ background-image:url(/style%20library/ECH/Images/portlet/portlet-livraison-picto1.png)}
#portlets .portlet-livraison .txt2{ background-image:url(/style%20library/ECH/Images/portlet/portlet-livraison-picto2.png)}

#portlets .portlet-livraison .form-livraison{background:url(/style%20library/ECH/Images/portlet/portlet-livraison-boxin-bg.png) no-repeat; margin:0 auto; width:226px; padding:3px 15px; font-size:1.1em; color:#777777;}
#portlets .portlet-livraison .form-livraison p{padding:0 0 2px 0;}
#portlets .portlet-livraison #form-livraison{background:url(/style%20library/ECH/Images/portlet/portlet-livraison-boxin-bg.png) no-repeat; margin:0 auto; width:226px; height:42px; padding:12px 15px; font-size:1.1em; color:#777777;}
#portlets .portlet-livraison #form-livraison p{padding:0 0 2px 0;}
#portlets .portlet-livraison .validRechercheCP{padding:0 0 2px 0;}

#portlets .portlet-btn{ vertical-align:bottom;}
#portlets .liste{padding:5px 15px;}
#portlets li{padding:3px 0 3px 10px; background:url(/style%20library/ECH/Images/puce-droite.gif) left center no-repeat; font-size:1.1em;}

#portlets .portlet-smiles img{float:left;padding:0 0 0 20px;}
#portlets .portlet-smiles div{float:left;margin:15px 0 0 10px;width:135px;}
#portlets .portlet-smiles .smilesLinks{width:100%;text-align:center;margin:0;}
#portlets .portlet-smiles p.bold{font-size:1.5em;color:#f29600;padding-bottom:10px;}
#portlets .portlet-smiles p {color:#505050;margin:0;padding:0 0 7px 0;font-size:1.1em;text-align:center;font-weight:bold;}
#portlets .portlet-smiles a {font-size:1.1em;}
#portlets .pub{margin:0 4px 0 0}

/*CONTENU */
#contenu_blanc{width:702px;float:left;min-height:300px;}
#contenu_blanc .content_header{background:transparent url(/style%20library/ECH/Images/autres/content_header.png) no-repeat scroll 0 0;height:45px;}
#contenu_blanc .content_header p{color:#336833;font-size:1.5em;font-weight:bold;padding:16px 0 0 14px;}

#contenu_blanc .content{background:transparent url(/style%20library/ECH/Images/autres/content_background.png) repeat-y scroll 0 0; width:691px;padding:0 5px; overflow:hidden;}
#contenu_blanc .content .content_sub_header{height:51px;margin-bottom:10px;}
#contenu_blanc .content .content_sub_header_numered{height:30px;margin-bottom:10px;background:transparent url(/style%20library/ECH/Images/autres/bandeau_etape.png) no-repeat scroll 0 0;padding-top:7px;}
#contenu_blanc .content .content_sub_header_numered .num{color:#FFFFFF;font-size:1.2em;font-weight:bold;margin:0;padding:0 15px 0 12px;}
#contenu_blanc .content .content_sub_header_numered .title{color:#1a5021;font-weight:bold;margin-left:6px;}

#contenu_blanc .content .element .ligne{padding-bottom:25px;}
#contenu_blanc .content .element .ligne div{float:left;padding-left:20px;}
#contenu_blanc .content .element .ligne .label{font-weight:bold;width:58px;}
#contenu_blanc .content .element .ligne .address{float:none;}
#contenu_blanc .content .element .ligne .address div{float:none;padding:0;}
#contenu_blanc .content .element .ligne .link{float:none;padding-top:10px;}
#contenu_blanc .content .element .ligne .link img{padding-right:5px;}
#contenu_blanc .content .element .ligne select{margin-top:15px;}

#contenu_blanc .content .element .ligne-recap {padding-top:10px;padding-bottom:10px;}
#contenu_blanc .content .element .ligne-recap div{float:left;padding-left:20px;}
#contenu_blanc .content .element .ligne-recap .label{font-weight:bold;width:58px;}
#contenu_blanc .content .element .ligne-recap .address{float:none;}
#contenu_blanc .content .element .ligne-recap .address div{float:none;padding:0;}
#contenu_blanc .content .element .ligne-recap .link{float:none;padding-top:10px;}
#contenu_blanc .content .element .ligne-recap .link img{padding-right:5px;}
#contenu_blanc .content .element .ligne-recap select{margin-top:5px;}

#contenu_blanc .content .epicerie-sucree{background:transparent url(/style%20library/ECH/Images/autres/sous_bandeaux_epicerie_sucree.png) no-repeat scroll 0 0;}
#contenu_blanc .content .epicerie_sucree{background:transparent url(/style%20library/ECH/Images/autres/sous_bandeaux_epicerie_sucree.png) no-repeat scroll 0 0;}
#contenu_blanc .content .epicerie-salee{background:transparent url(/style%20library/ECH/Images/autres/sous_bandeaux_epicerie_salee.png) no-repeat scroll 0 0;}
#contenu_blanc .content .epicerie_salee{background:transparent url(/style%20library/ECH/Images/autres/sous_bandeaux_epicerie_salee.png) no-repeat scroll 0 0;}
#contenu_blanc .content .autres{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_autres.png) no-repeat scroll 0 0;}
#contenu_blanc .content .produits-casino{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_produits_casino.png) no-repeat scroll 0 0;}
#contenu_blanc .content .le-marche{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_le_marche.png) no-repeat scroll 0 0;}
#contenu_blanc .content .charcuterie-traiteur-boulangerie-patisserie{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_charcuterie_traiteur_boulangerie_patisserie.png) no-repeat scroll 0 0;}
#contenu_blanc .content .produits-laitiers{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_produits_laitiers.png) no-repeat scroll 0 0;}
#contenu_blanc .content .conserves-et-plats-cuisines{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_conserves_et_plats_cuisines.png) no-repeat scroll 0 0;}
#contenu_blanc .content .surgeles{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_surgeles.png) no-repeat scroll 0 0;}
#contenu_blanc .content .boissons-sans-alcool{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_boissons_sans_alcool.png) no-repeat scroll 0 0;}
#contenu_blanc .content .alcools-et-vins{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_alcools_et_vins.png) no-repeat scroll 0 0;}
#contenu_blanc .content .bebe{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_bebe.png) no-repeat scroll 0 0;}
#contenu_blanc .content .hygiene-et-beaute{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_hygiene_et_beaute.png) no-repeat scroll 0 0;}
#contenu_blanc .content .maison{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_maison.png) no-repeat scroll 0 0;}
#contenu_blanc .content .animaux{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_animaux.png) no-repeat scroll 0 0;}
#contenu_blanc .content .bio-et-dietetique{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_bio_et_dietetique.png) no-repeat scroll 0 0;}
#contenu_blanc .content .produits-hallal{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_produits_hallal.png) no-repeat scroll 0 0;}
#contenu_blanc .content .saveurs-dici-et-dailleurs{background:transparent url(/style%20library/ECH/Images/categories/sous_bandeaux_saveurs_dici_et_dailleurs.png) no-repeat scroll 0 0;}


#contenu_blanc .content .content_sub_header p{color:#336833;font-size:1.3em;font-weight:bold;padding:26px 0 0 60px;}
#contenu_blanc .content .content_block {background:#C0D34B none repeat scroll 0 0;color:#275D24;font-weight:bold;height:30px;margin:0 0 10px;}
#contenu_blanc .content .content_block .title {width:360px;padding:10px 0 0 10px;float:left;}
/*
    Modif JMS 2011/01/05

#contenu_blanc .content .content_block .price{font-size:2em;font-weight:bold;float:right;margin:3px 50px 0 0;}
#contenu_blanc .content .content_block .nbarticles {float:right;margin:10px 145px 0 0;}
*/
#contenu_blanc .content .content_block .price{font-size:2em;font-weight:bold;float:right;margin:3px 50px 0 0;width: 95px; text-align: right;}
#contenu_blanc .content .content_block .nbarticles {float:right;margin:10px 0 0; width: 175px; text-align: center;}


#contenu_blanc .content .content_button{float:right;}
#contenu_blanc .content .element .title{font-weight:bold;margin-bottom:10px;}

#contenu_blanc .content .element #codePromo{margin-left:5px;width:150px;}
#contenu_blanc .content .element input.portlet-btn{vertical-align:bottom;}


#contenu_blanc .content .content_button{text-align:center;float:none;}



/* Pages du footer  */
/*
#contenu p {
font-size:1.1em;
text-align:left;
vertical-align:middle;
}*/
.contenu-edito p {
line-height:16px;
margin-right:25px;
}

/*CONTENU */

#contenu .contenuTrait { border-top:1px dashed #629739;margin:0 0 0 5px;}
#contenu_blanc .content_footer{background:transparent url(/style%20library/ECH/Images/autres/content_footer.png) no-repeat scroll 0 0;height:10px;}
#contenu { width:710px; float:left; margin-top:2px;}
#contenuTop{z-index:4;position:relative;background:none;top:0;width:707px;overflow:hidden;}
#contenuTopFixed{z-index:5;position:fixed;background:#fff;top:0;width:707px;overflow:hidden;display:none;}
#contenu h1{font-size:1.1em; color:white; padding:10px; font-weight:bold; margin-bottom:10px;text-align:left;}
#contenu h2{color:#53863b; font-weight:bold; font-size:1.2em; margin:7px 0 3px 0;}
#contenu h3{color:#505050; font-weight:bold; font-size:16px;}
#contenu p{ font-size:1.2em;}
#contenu .accroche{ font-weight:bold; color:#53863b;}
#contenu.contenu-edito { float:none; margin: 2px  auto;}
#nuage #contenu.contenu-edito { float:left; margin: 2px  auto;}
#contenu div.errorMessage { margin: 0 0 15px 20px; }

.titre_back_office{font-size:1.1em; padding:10px; font-weight:bold; margin-bottom:10px;text-align:left;color:green;background:url(/style%20library/ECH/Images/Back-Office/bg_menu.png); background-repeat:no-repeat; overflow:hidden;}
.titre_planning_livraison{float:right;}
.titre_recherche_client{float:left;}

.float-left-image { margin:0 10px 10px 0; float:left;}
.float-right-image { margin:0 0 10px 10px; float:right;}
.alignT{vertical-align:top;}
.alignD{ text-align:right !important;}
#contenu .btnC, .btnC{ vertical-align:middle;}
#contenu .btnB, .btnB{ vertical-align:bottom;}
#contenu .alignC, .alignC{ text-align:center;}
#contenu p{ margin-bottom:10px;}
#contenu p.vert{ color:#53863b;}

/* CONTENU PAIEMENT */
#contenuPaiement
{
    text-align:center;
    border-top:1px dashed #629739;
    margin:0 0 0 5px;
    width:580px;
}

#contenuPaiement h1
{
    /*border-bottom:1px dashed #629739;*/
    color:#53863B;
    font-size:1.8em;
    font-weight:normal;
    margin-bottom:10px;
    padding:10px;
    text-transform:uppercase;
}

#contenuPaiement h2
{
    color:#53863B;
    font-size:1.2em;
    font-weight:bold;
    margin:7px 0 3px;
}

/* Contenu generique */
.boxin-big {width:580px;}
.boxin-big-top{background:url(/style%20library/ECH/images/boxin-big-bg-haut.png) no-repeat; height:3px; font-size:0;}
.boxin-big-bottom{background:url(/style%20library/ECH/images/boxin-big-bg-bas.png) no-repeat; height:3px;font-size:0;}
.boxin-big-centre{background:url(/style%20library/ECH/images/boxin-big-bg.png) repeat-y; padding:15px;}

/* BANDEAU RESULT */
.bandeau_result{
    background:url(/style%20library/ECH/Images/rechercher/bandeaux/bg_frais.png) no-repeat;
    width:704px;
    height:67px;
    margin:10px 0 10px 0 ;
    color:#275d24;
}
.bandeau_result .choix{
    float:left;
    margin:9px 0 0 145px!important;
    margin:9px 0 0 70px;
}
.bandeau_result .choix select{
    margin:0 0 0 10px;
}
.bandeau_result .nb_produit{
    float:right;
    margin:28px 30px 0 0!important;
    margin:28px 15px 0 0;
    font-weight:bold;
}

.nombreProduits
{
    color:#275D24;
    float:left;
    font-size:1.2em;
    font-weight:bold;
    text-align:left;
    text-align:left;
    float:left;
    height : 42px;
}

.bandeauRight
{
    float: right;
    height : 42px;
}

.trier{
    color:#275d24;
    font-size:1.2em;
    margin:0 0 0 50px;
    text-align:center;
    float:left;
}
.trier a{
    font-weight:normal;
    margin:0 21px;
}
.trier a.selection{
    text-decoration:none;
    font-weight:bold
}

/* LSITE PRODUITS */
.affichage{width:648px;}
.affichage .niveau{width:570px}
.affichage .btn_tous, .affichage .btn_tous_on {background:url(/style%20library/ECH/Images/btn-tous.png) no-repeat; width:73px; height:26px; display:block; font-size:11px; font-weight:bold; color:#FFF; padding:5px 0 0 0; text-align:center; margin-left:5px}
.affichage .btn_tous:hover, .affichage .btn_tous_on:hover, .affichage .btn_tous_off:hover{text-decoration:none;}
.affichage .btn_tous_off{background:url(/style%20library/ECH/Images/btn-tous_off.png) no-repeat; width:73px; height:26px; display:block; font-size:11px; font-weight:bold; color:#FFF; padding:5px 0 0 0; text-align:center; margin-left:5px}


/* Modif */ 

/*.affichage .btn_niveau4{background:url(../images/btn_niveau4_right.png) no-repeat right 0; display:block; min-width:73px; padding: 0 6px 0 0; margin-left:5px}
.affichage .btn_niveau4:hover {text-decoration:none;}
.affichage .btn_niveau4 span{background:url(../images/btn_niveau4.png) no-repeat; display:block; height:27px; color:#fff; text-align:center;  padding:6px 5px 0 5px; font-size:13px; font-weight:bold;}
*/

.affichage .btn_niveau4 , .affichage .btn_niveau4  a {display:block;background:none !important;padding: 0 0 0 6px; /*min-width:73px; padding: 0 6px 0 0; margin-left:5px*/}
.affichage .btn_niveau4:hover {text-decoration:none;}

/* Ajout */ 
.affichage .btn_niveau4 .on span, .affichage .btn_niveau4 .off span { background:none;  display:block;  white-space: nowrap; } 
.affichage .btn_niveau4 .on span.left { background:url(/style%20library/ECH/Images/btn_niveau4_left_on.png) no-repeat left 0; display:block; width:5px; height:27px;  float:left; } 
.affichage .btn_niveau4  .on span.content { background:url(/style%20library/ECH/Images/btn_niveau4_content_on.png) repeat-x; display:block; height:27px; color:#fff; text-align:center;  padding:5px 5px 0 5px; font-size:11px; font-weight:bold; float:left;  width:auto } 
.affichage .btn_niveau4 .on span.right { background:url(/style%20library/ECH/Images/btn_niveau4_right_on.png) no-repeat right 0; display:block; width:5px; height:27px;  float:left; } 

.affichage .btn_niveau4 .off span.left { background:url(/style%20library/ECH/Images/btn_niveau4_left.png) no-repeat left 0; display:block; width:5px; height:27px;  float:left; } 
.affichage .btn_niveau4  .off span.content { background:url(/style%20library/ECH/Images/btn_niveau4_content.png) repeat-x; display:block; height:27px; color:#fff; text-align:center;  padding:5px 5px 0 5px; font-size:11px; font-weight:bold; float:left; width:auto } 
.affichage .btn_niveau4 .off span.right { background:url(/style%20library/ECH/Images/btn_niveau4_right.png) no-repeat right 0; display:block; width:5px; height:27px;  float:left; } 
/*  */


.mode_affichage{padding:0 12px 0 0}
.mode_affichage .mosaique_on{
    float:left;
    background:url(/style%20library/ECH/Images/picto_mosaique_on.jpg) no-repeat;
    display:block;
    height:22px;
    width:23px;
}
.mode_affichage .mosaique_off{
    float:left;
    background:url(/style%20library/ECH/Images/picto_mosaique_off.jpg) no-repeat;
    display:block;
    height:22px;
    width:23px;
}
.mode_affichage .liste_off{
    float:left;
    background:url(/style%20library/ECH/Images/picto_liste_off.jpg) no-repeat;
    display:block;
    height:22px;
    width:24px;
}
.mode_affichage .liste_on{
    float:left;
    background:url(/style%20library/ECH/Images/picto_liste_on.jpg) no-repeat;
    display:block;
    height:22px;
    width:24px;
}
.picto_gauche{position:absolute; bottom:2px; left:2px}
.picto_droite{position:absolute; bottom: 2px; left:96px}
.picto_gauche_mosaique{position:absolute; bottom:108px; left:2px}
.picto_droite_mosaique{position:absolute; bottom: 108px; left:96px}
/*.picto_gauche_produit{bottom: -1px;left: 31px;position: absolute;}
.picto_droite_produit{bottom: -1px;left: 196px;position: absolute;}*/

.picto_droite_produit {
    left: 213px;
    position: absolute;
    top: 148px;
}

.picto_gauche_produit {
    left: 50px;
    position: absolute;
    top: 158px;
}

.ligne_liste_2 > img, .ligne_liste_first  > img, .ligne_liste_last  > img
{
	width:133px !important; /* mbe 26/09/2011 : resize de l'image en 133px */
	height:100px !important;
}

.ligne_liste_2, .ligne_liste_first, .ligne_liste_last, .bloc{position:relative}
.ligne_liste_2{
    background:url(/style%20library/ECH/Images/bg_liste_produit2.png) no-repeat;
    margin:0 0 0 2px;
    height:116px;
}

.ligne_liste_first img, .ligne_liste_2 img, .ligne_liste_last img{
    margin:8px;
    float:left;
}
.ligne_liste_first .img_promo, .ligne_liste_2 .img_promo, .ligne_liste_last .img_promo{
    float:none!important;
    margin:6px 0 10px 0 !important;
}
.ligne_liste_first .smiles, .ligne_liste_2 .smiles, .ligne_liste_last .smiles{
    float:none !important;
    margin:0 0 0 15px !important;
}
.ligne_liste_first .bloc_texte, .ligne_liste_2 .bloc_texte, .ligne_liste_last .bloc_texte{
    float:left;
    margin:0 30px 0 0 ;
}
.ligne_liste_first .bloc_texte_favoris, .ligne_liste_2 .bloc_texte_favoris, .ligne_liste_last .bloc_texte_favoris{
    float:left;
    
    /* Modif JMS 2011/01/05 
    margin:0 80px 0 0 ;*/
    width : 460px;
    
}
.ligne_liste_first .bloc_infos, .ligne_liste_2 .bloc_infos, .ligne_liste_last .bloc_infos{
    float:left;
    margin:25px 0 0 15px
}
#contenu_blanc .ligne_liste_first .bloc_infos, #contenu_blanc .ligne_liste_2 .bloc_infos, #contenu_blanc .ligne_liste_last .bloc_infos{
    float:left;
    margin:0 0 0 15px
}
.ligne_liste_first .titre_categorie, .ligne_liste_2 .titre_categorie, .ligne_liste_last .titre_categorie{
    font-weight:bold;
    color:#275d24;
    padding:23px 0 0 10px;
}

.ligne_liste_first .titre_panier, .ligne_liste_2 .titre_panier, .ligne_liste_last .titre_panier{
    font-weight:bold;
    color:#275d24;
    padding:23px 0 0 10px;
    font-size : 1.2em;
    margin-bottom : 10px;
}

.ligne_liste_first .liste, .ligne_liste_2 .liste, .ligne_liste_last .liste{
    margin:0 0 0 10px;
    color:#275d24;
    text-transform:uppercase;
    font-style:italic;
}

.ligne_liste_first .liste_2, .ligne_liste_2 .liste_2, .ligne_liste_last .liste_2{
    margin:10px 0 0 10px;
    color:#275d24;
    font-size:1.2em;
}
.bloc .liste_2{
    margin:0 0 0 10px;
    color:#275d24;
    font-size:1.2em;
}
.ligne_liste_first .liste_3, .ligne_liste_2 .liste_3, .ligne_liste_last .liste_3{
    margin:40px 0 0 10px;
    color:#275d24;
    font-size:1.1em;
}
.ligne_liste_first .prix, .ligne_liste_2 .prix, .ligne_liste_last .prix{
    margin:7px 0 0 10px!important;
    margin:7px 0 0 5px;
    color:#275d24;
    font-size:2.0em;
    font-weight:bold;
}
#contenu_blanc .ligne_liste_first .prix, #contenu_blanc .ligne_liste_2 .prix, #contenu_blanc .ligne_liste_last .prix{
    margin:7px 0 0 19px!important;
    margin:7px 0 0 10px;
    color:#275d24;
    font-size:2.0em;
    font-weight:bold;
}
.stars {
    width: 80px;
    margin:0 0 0 8px
}
.stars img{margin:10px 2px 0 0}
.bloc .stars img{margin:5px 2px 0 0 !important}

/* BLOC PRODUIT */

/* bloc_mosaique */

.ligne_mosaique{
    margin:10px 0 12px 2px;
    height:270px;
}
.ligne_liste_first{
    background:url(/style%20library/ECH/Images/bg_liste_produit_first.png) no-repeat;
    margin:0 0 0 2px;
    height:117px;
}

.ligne_liste_last{
    background:url(/style%20library/ECH/Images/bg_liste_produit_last.png) no-repeat;
    margin:0 0 0 2px;
    height:117px;
}

.bloc .img_smiles{margin:0;}
.ligne_liste_first .img_smiles, .ligne_liste_2 .img_smiles, .ligne_liste_last .img_smiles{padding-left:50px; padding-top:25px; width:55px;}
.favoris{  float: right;  margin: -10px 4px 0 0!important; position:relative;}

.bloc_produit{
    /*background:url(/style%20library/ECH/Images/cadre_produit.png) no-repeat;*/
    width:132px;
    height:185px;
    float:left;
    margin:0 8px 0 0!important;
    margin:0 4px 0 0;
    cursor:pointer;
}
.bloc_produit img{
    margin:12px 17px;
}

.bloc_produit .titre_categorie{
    font-size:1.3em;
    font-weight:bold;
    color:#336833;
    margin:0 0 0 13px;
}
.bloc_produit .liste{
    background:url(/style%20library/ECH/Images/bg_liste_deroulante.jpg) no-repeat;
    margin:7px 0 0 13px;
    width:109px;
    height:22px;
}
.bloc_produit .liste p{
    padding:5px 0 0 10px;
    font-size:1.0em!important;
}
.bloc_produit ul{
    display:none;
}
.bloc_produit:hover ul{
    display:block;
    position:absolute;
    z-index:10;
    width:107px;
    border:#e2e8ef solid 1px;
    background:#FFFFFF;
    margin:0 0 0 13px;
    padding:0 0 3px 0;
}
.bloc_produit li{
    margin:3px 0 0 0;
}
.bloc_produit li a{
    text-decoration:none;   
    display:block;
    padding:3px 0 0 10px;
}
.bloc_produit li a:hover{
    background:#d1ddd1;
}

/* bloc_mosaique */

.bloc{
    background:url(/style%20library/ECH/Images/cadre_mosaique.png) no-repeat 0 24px;
    width:161px;
    height:260px;
    float:left;
    margin:0 8px 0 0!important;
    margin:0 4px 0 0;
}

.bloc_promo, .bloc_nouveau{
    position:absolute;
    height:27px;
    width:132px;
}

.bloc_promo .picto_promos, .bloc_nouveau .picto_nouveau{margin:0px;}

.bloc .titre_categorie{
    font-weight:bold;
    color:#275d24;
    padding:0 10px 0 10px;
    margin-bottom: 4px !important;
}

.bloc .liste{
    margin:0 0 0 10px;
    color:#275d24;
    text-transform:uppercase;
    font-style:italic;

}

.bloc .prix{
    margin:5px 0 0 9px!important;
    margin:5px 0 0 5px;
    color: #CA1900;
    font-size:14px;
    font-weight:bold;
}

.bloc table{margin:2px 3px 0 2px}

.bloc  .smiles_40{position:absolute; width:55px; height:40px; /*background:url(/style%20library/ECH/Images/badge_smiles.gif);*/ right:5px; top:5px;}

.panier{
    background:url(/style%20library/ECH/Images/picto_panier.gif) no-repeat right top;
    height:20px;
    width:20px;
    float:right;
    margin : 0 8px 0 0;
    padding : 0 0 0 0;
}

.panier_gd{
    background:url(/style%20library/ECH/Images/picto_panier_gd.jpg) no-repeat right top;
    height:32px;
    width:33px;
    float:right;
    margin:40px 30px 0 0!important;
    margin:40px 15px 0 0 ;
    cursor:pointer;
}

.caddie{
    width:60px;
    float:right;
    margin:15px 24px 0 0!important;
    margin:15px 24px 0 0 ;
}
.caddie img{float:none; margin:0 0 0 24px}
.caddie .picto_panier{margin:20px 0 3px 24px}
.bloc .picto_panier{margin:0 0 0 5px;}

.bloc_mosaique{
    background:url(/style%20library/ECH/Images/cadre_mosaique.png) no-repeat;
    width:132px;
    height:215px;
/*  height:210px; si plus moins */
    float:left;
    margin:0 8px 8px 0!important;
    margin:0 8px 8px 0;     
}
.bloc_mosaique .centParCent{
    width:100px;
    height:100px;
    min-width:100px;
    min-height:100px;
    margin:29px 18px 11px;
    padding : 0 0 0 0;
}
.bloc_mosaique .centParCent img{
    padding : 0 0 0 0;
    margin : 0 0 0 0;
}

.bloc img, .bloc_promo img{
    margin:37px 0 15px 14px; /* mbe 26/09/2011 : reduction marge left suite au resize de l'img en 133 */
}

.bloc > img {
    width:133px !important; /* mbe 26/09/2011 : resize de l'img en 133 */
	height:100px !important;
}

.bloc_mosaique .titre_categorie, .bloc_promo .titre_categorie{
    font-size:1.1em;
    font-weight:bold;
    color:#e20026;
    margin:0 0 0 13px;
    text-transform: uppercase;
}
.bloc_mosaique .liste, .bloc_promo .liste{
    margin:4px 0 0 13px;
    color:#275d24;
    font-size:1.0em;
}
.bloc_mosaique .prix, .bloc_promo .prix{
    margin:7px 0 0 13px!important;
    margin:7px 0 0 6px;
    color:#275d24;
    font-size:1.3em;
    font-weight:bold;
    float:left;
}
.bloc_panier
{
    float:right;
    width:100%;
    margin:-3px 0 0 0;
}
.bloc_panier .bloc_nombre
{
    margin:4px 0 0 8px;
    display:inline-block;
    float:left;
}
.bloc_panier .bloc_nombre .panier
{
    margin : 0 0 0 0;
    padding : 0 0 0 0;
}

/* Pagination */
.pagination{background:url(/style%20library/ECH/Images/bg_pagination.png) no-repeat; height:44px; width:695px; margin: 20px 0 0 2px; font-size:13px; padding:10px 0 0 0; text-align:center}
.pages{margin:0 0 0 65px}
.pages a, .pages span{margin:0 8px 0 8px}
.pages .select{font-weight:bold}
/* ------------------- */

/* INFO BULLE */

.info_bulle{
    background:url(/style%20library/ECH/Images/info_bulle/info_bulle_bas.png) no-repeat center bottom;
    padding:0 0 7px 0;
    width:405px;
    display:none;
    position:absolute;
    font-size:1.3em;
    z-index:499;
}
.info_bulle_haut{
    background:url(/style%20library/ECH/Images/info_bulle/info_bulle_haut.png) no-repeat center top;
    width:405px;
}
#contenu .info_bulle h1{
    text-transform: uppercase;
}
.info_bulle p{
    margin:0!important;
    padding:0 18px 5px 13px;
    color:#275d24;  
    font-size:1.0em!important;
}
.prix_detail{
    float:left;
    margin:7px 0 0 32px;
    text-align:right;
}
.contIF
{
    padding:0 0 0 0;
    margin:15px 0 0 0;
    float:left;
    vertical-align:bottom;
    bottom:0px;
    height:100%;
}

.info_bulle_haut .prixIF
{
    color:#275D24;
    font-size:1.3em;
    font-weight:bold;
    margin:7px 0 0 10px;
    text-align:right;
    display:block;
}
.info_bulle_haut .prix_detail
{
    margin:7px 0 0 10px!important;
    text-align:right;
    display:block;
    line-height:1.6em;
}
.info_bulle_haut .prix_detail p
{
    text-align:right!important;
    padding : 0 0 5px 13px;
}
.info_bulle_haut .contImgIF
{
    margin:0 0 0 0;
    padding-right:10px;
    float:right;
    text-align:center;
    vertical-align:middle;
}
/* Panier boutons plus moins */
/*
.bloc_nombre .btn-moins,.bloc_nombre .btn-plus
{
    width:14px;
    height:14px;
    margin:0 0 0 0;
    /* padding:0 3px 0 3px;*//*
    cursor:pointer;
    display:inline-block;
}*/
.bloc_nombre .btn-moins
{
    background:url(/style%20library/ECH/images/autres/remove.png) no-repeat center top;
}
.bloc_nombre .btn-plus
{
    background:url(/style%20library/ECH/images/autres/add.png) no-repeat center top;
}
/* div des petites etoiles */
.notation 
{
    color:#275d24;
    font-size:0.8em;
    position: relative;
    left: 20px;
    bottom: 20px;
}

.liste-produits-notation
{
    color:#275D24;
    font-size:0.8em;
    margin:2px 0 4px 10px;
}

#contenu .notation h2
{
    font-size:1.0em;
}

/*************************************/
/*  surcharges +/- liste produits    */
/*************************************/
#contenu .ligne_liste_first .bloc_nombre, 
#contenu .ligne_liste_2 .bloc_nombre, 
#contenu .ligne_liste_last .bloc_nombre
{float:left;margin:58px 0 0 15px !important;display:inline;vertical-align:bottom;} 
#contenu .ligne_liste_first .bloc_nombre input,
#contenu .ligne_liste_2 .bloc_nombre input,
#contenu .ligne_liste_last .bloc_nombre input,
#contenu .bloc_panier .bloc_nombre input
{width:20px;height:12px;padding:0 0 0 0;margin:2px 3px 0 3px;vertical-align:middle;text-align:right}
#contenu .ligne_liste_first .bloc_delete, 
#contenu .ligne_liste_2 .bloc_delete, 
#contenu .ligne_liste_last .bloc_delete 
{float:left;margin:50px 0 0 40px !important;} 
#contenu .ligne_liste_first .panier_gd, 
#contenu .ligne_liste_2 .panier_gd,  
#contenu .ligne_liste_last .panier_gd
{float:left;margin:40px 0 0 30px !important;} 

/*FORMZ */
.champs-obligatoires{text-align:right; font-style:italic;}
.saisie{ background:#fff url(/style%20library/ECH/Images/form-saisie-bg.gif) repeat-x; border:1px solid #dcdcdc; color:#777777; font-size:1.0em;padding:2px; font-family:Arial, Helvetica, sans-serif;}
.focus{border-color:#9dbb24;}
form .textarea1{ width:300px;}
form .big,
form .textarea2{ width:185px;}
form .nb-xxxx{ width:40px;}
form .nb-xxx{ width:30px;}
form .nb-xx{ width:20px;}
form .cp{width:40px;}
form .classic{width:160px;}
form .mois{ width:30px;}
form .annee{ width:40px;}
form .mdp{width:120px;}
form .petit,
form .date,
form .tel{ width:100px;}
.tab-form{ width:100%; margin:15px 0 10px 0;}
.tab-form th{ text-align:right;padding:3px; font-size:1.1em; color:#302620; font-weight:normal;}
.tab-form td{ padding:3px;color:#302620;}
.tab-form td label{ font-size:1.1em;}
.form-zone-btn{text-align:center;margin-left:-85px;}
.form-zone-btn input{margin:5px;}
.form-zone-btn a{margin:5px;}
.btn-lien{background-position:center top; background-repeat:no-repeat; text-align:center; font-size:1.1em; display:block; height:20px; line-height:20px;}
.btn-lien:hover,
.btn-lien:focus{background-position:center -20px;}
.btn-lien-suivant, 
.btn-lien-precedent{ background-image:url(/style%20library/ECH/Images/btn-link-suivant.png); width:100px; float:right;}
.btn-lien-terminer{ background-image:url(/style%20library/ECH/Images/btn-link-terminer.png); width:162px; float:right;}
.btn-lien-terminer-185{ background-image:url(/style%20library/ECH/Images/btn-link-terminer-185.png); width:185px; float:right;}
.btn-lien-creneau{ background-image:url(/style%20library/ECH/Images/btn-link-suivant.png); width:100px; float:right; margin-right:30px;}

fieldset{position:relative; background:url(/style%20library/ECH/Images/fieldset-bg.png) center bottom no-repeat; margin:13px 13px 7px 13px; padding:0 0 6px 0;}
legend{font-size:1.1em; font-weight:bold; color:#302620;}


/* Page Accueil */

#homepage {width:590px; margin:0 0 0 0px; }
.box{ float:left; display:block; width:191px; height:197px; position:relative; margin-bottom:6px; margin-right:2px; background-repeat:no-repeat; background-position:left top;}
.box span{ position:absolute; bottom:14px; left:12px; padding-left:10px; background:url(/style%20library/ECH/Images/puce-droite.gif) 0 2px no-repeat; font-size:1.1em; text-align:center;}
.bio{ background-image:url(/style%20library/ECH/Images/thematique-bio.png);}
.kot{ background-image:url(/style%20library/ECH/Images/thematique-kot.png);}
.halal{ background-image:url(/style%20library/ECH/Images/thematique-halal.png);}
.parfumerie{ background-image:url(/style%20library/ECH/Images/thematique-parfumerie.png);}
.casino{ background-image:url(/style%20library/ECH/Images/thematique-casino.png);}
.region{ background-image:url(/style%20library/ECH/Images/thematique-region.png);}
.box:hover{ background-position:left -197px;}
.nouveaute{background:url(/style%20library/ECH/Images/push-nouveaute.png);}
.promotion{background:url(/style%20library/ECH/Images/push-promotion.png);}

.promo{ background:url(/style%20library/ECH/Images/push-promo.png); padding:10px;width:171px; height:177px; color:#1a5021;}
.promo h3{ font-size:1.2em; color:#e98903; font-weight:bold;}
.promo img{ float:left; margin:10px;}
.promo p{ font-size:1.1em; margin-top:5px;}
.promo p.prix{ font-size:1.8em; font-weight:bold; color:#df4646;}
.promo .produit-panier{ margin-top:10px;}

.box span.barre{text-decoration:line-through; position:static !important; background:none; padding-left:0; font-weight:bold; }

.box span.nom{ background:none; padding-left:0;font-weight:bold; top:115px; left:10px; text-transform:uppercase; width:88px;text-align:left;}
.box span.accroche{font-weight:normal;text-transform:none;background:none; text-align:left; padding-left:0; font-size:0.9em;position:static !important; }
.box span.lien{ position:absolute; bottom:14px; left:12px; padding-left:10px; background:url(/style%20library/ECH/Images/puce-droite.gif) 0 2px no-repeat; font-size:1.1em; text-align:center;}
.box span.lien:hover{ text-decoration:underline !important;}

.nouveaute span.nom{ color:#2177ab;}
.nouveaute span.nom span.accroche{font-weight:normal;text-transform:none;}
#homepage .nouveaute:hover{ text-decoration:none !important;}

.promotion span.nom{ color:#df4646;}
.promotion span.nom span.accroche{font-weight:normal;text-transform:none;}
#homepage .promotion:hover{ text-decoration:none !important;}

.box img{ position:absolute; bottom:30px; right:10px;}

.demi-box{height:97px; width:191px; position:relative; float:left;}
.demi-box span{ position:absolute; bottom:14px; left:12px; padding-left:10px; background:url(/style%20library/ECH/Images/puce-droite.gif) 0 2px no-repeat; font-size:1.1em; text-align:center;}
.livraison{ background:url(/style%20library/ECH/Images/push-livraison.png);}
.temps{ background:url(/style%20library/ECH/Images/push-temps.png);}




#choix-livraison{ background:url(/style%20library/ECH/Images/choix-livraison.png) no-repeat; width:590px; height:287px; margin-top:20px; position:relative;}
#choix-livraison .commande{ position:absolute; top:190px; left:10px; width:80px; color:#fff; font-size:1.1em;}
#choix-livraison .domicile{ position:absolute; top:136px; left:130px; width:150px;}
#choix-livraison .drive{ position:absolute; top:136px; left:430px; width:140px;}
#choix-livraison .domicile li, #choix-livraison .drive li{ margin-bottom:4px;}
#choix-livraison .domicile a, #choix-livraison .drive a{ font-size:1.2em; font-weight:bold; color:#1a5021; padding-left:10px; background:url(/style%20library/ECH/Images/puce-droite.gif) 0 4px no-repeat;}



/* Page Aide */
.contenu-aide .boxin {float:left; width:287px;}
.contenu-aide .boxin-top{background:url(/style%20library/ECH/images/aide-boxin-bg-haut.png) no-repeat; height:3px; font-size:0;}
.contenu-aide .boxin-bottom{background:url(/style%20library/ECH/images/aide-boxin-bg-bas.png) no-repeat; height:3px;font-size:0;}
.contenu-aide .boxin-centre{background:url(/style%20library/ECH/images/aide-boxin-bg.png) repeat-y; padding:15px;}
.contenu-aide .liste-faq{}
.contenu-aide .liste-faq li{ padding:2px 0 8px 0;}
.contenu-aide .liste-faq li a{ display:block; background:url(/style%20library/ECH/images/aide-picto-lien.png) no-repeat; padding-left:50px; font-size:1.1em;}
.contenu-aide .liste-faq li a:hover,
.contenu-aide .liste-faq li a:focus{background:url(/style%20library/ECH/images/aide-picto-lien-hover.png) no-repeat;}
.contenu-aide .question{ background:url(/style%20library/ECH/images/aide-picto.png) no-repeat; padding-left:50px; font-size:1.1em; color:#53863b; font-weight:bold;}

/* Page Creer compte */
#form-creer-compte .tab-form th{ width:33%;}

/* Page Livraison */
.box-mode-livraison{ background:url(/style%20library/ECH/images/livraison-visuel.png) no-repeat; width:532px; height:189px; padding:34px 24px 0 24px;}

.mode-livraison1{
    min-height:120px;
    padding:15px 0;
}
.mode-livraison2{
    min-height:120px;
    padding:30px 0 0 0;
}
.mode-livraison3{
    min-height:120px;
    padding:3px;
    font-size:0.8em;
}

.bulle1{padding:20px 0 15px 45px; background:url(/style%20library/ECH/images/bulle1.png) no-repeat; font-weight:bold; color:#53863b;}
.bulle2{padding:20px 0 15px 45px; background:url(/style%20library/ECH/images/bulle2.png) no-repeat; font-weight:bold; color:#53863b;}
.mode-livraison2 .bulle2,.mode-livraison3 .bulle2{ width:85px; float:right;}


.planning-livraison
{
    width:580px;
    background:url(/style%20library/ECH/images/livraison-tab-header.png) center top no-repeat;
    margin:0 0 0 40px;
}
.planning-livraison .planning-livraison-contenu{width:572px; padding:0 4px; background:url(/style%20library/ECH/images/livraison-tab-bg.png) center top repeat-y;}
.planning-livraison .planning-livraison-bottom{width:580px; font-size:0; height:8px; background:url(/style%20library/ECH/images/livraison-tab-bottom.png) center top no-repeat;}
.planning-livraison h3{text-align:center; font-size:1.4em; color:#505050; line-height:48px; height:48px; font-weight:normal;}
.planning-livraison a.precedent{display:block; float:left; padding:22px 0 0 15px; font-size:1.1em;}
.planning-livraison a.suivant{display:block; float:right; padding:22px 15px 0 0; font-size:1.1em;}

.tab-livraison{ width:100%; }
.tab-livraison .pair{background:#fff;}
.tab-livraison .impair{background:#f1f1f1;}
.tab-livraison th{ font-size:8pt; padding:2px; width:50px;}
.tab-livraison td{ text-align:center; font-size:8pt; padding:2px;}

/* Page Paiement */
.box-zone-livraison{ background:url(/style%20library/ECH/images/paiement-zone-LAD-visuel.png) no-repeat; padding:25px 25px 0 230px; width:350px; height: 276px; margin-left:45px;}
.box-zone-livraison .bulle2{margin-left:55px;}
.box-zone-livraison .float-boxin{ float:left; width:165px; padding:10px 10px 10px 0; line-height:14px;}

.box-zone-retrait{ background:url(/style%20library/ECH/images/paiement-zone-RET-visuel.png) no-repeat; padding:25px 25px 0 230px; width:350px; height: 276px; margin-left:45px;}
.box-zone-retrait .bulle2{margin-left:55px;}
.box-zone-retrait .float-boxin{ float:left; width:165px; padding:10px 10px 10px 0; line-height:14px;}

.box-zone-drive{ background:url(/style%20library/ECH/images/paiement-zone-DRV-visuel.png) no-repeat; padding:25px 25px 0 230px; width:350px; height: 276px; margin-left:45px;}
.box-zone-drive .bulle2{margin-left:55px;}
.box-zone-drive .float-boxin{ float:left; width:165px; padding:10px 10px 10px 0; line-height:14px;}

.zone-cb img,
.zone-cb input{ vertical-align:middle;}
.zone-cb label{ margin-right:15px;}

.tab-form-cb { width:100%;}
.tab-form-cb th{ text-align:left; font-weight:bold; padding:3px; font-size:1.1em; color:#302620; }
.tab-form-cb .tab-form-cb-titre-num{ width:40%;}
.tab-form-cb .tab-form-cb-titre-date{ width:25%;}
.tab-form-cb img{ vertical-align:middle;}

/* Pages Contact */
.contact-col-droite{margin-left:380px;}
.boxin-contact {width:370px; float:left;}
.boxin-contact-top{background:url(/style%20library/ECH/images/boxin-contact-bg-haut.png) no-repeat; height:3px; font-size:0;}
.boxin-contact-bottom{background:url(/style%20library/ECH/images/boxin-contact-bg-bas.png) no-repeat; height:3px;font-size:0;}
.boxin-contact-centre{background:url(/style%20library/ECH/images/boxin-contact-bg.png) repeat-y; padding:15px;}
.boxin-contact fieldset{background:none; padding-bottom:0;}
.contact-label{ width:37%;}

/* Pages Historique Commande */
.tab-liste{ width:100%; border-collapse:collapse; border:solid 1px #e0e8e1;margin-top:10px; margin-bottom:15px;}
.tab-liste tr{}
.tab-liste th{ font-weight:normal; font-size:1.1em; padding:7px 2px; background:#689841 url(/style%20library/ECH/images/table-bg-th.gif) top left no-repeat; color:#fff; font-weight:bold;}
.tab-liste th.first{background:#689841 url(/style%20library/ECH/images/table-bg-th.gif) top right no-repeat;}
.tab-liste td{ text-align:center; font-size:1.1em; padding:10px 2px; color:#505050; font-weight:bold; background:#ffffff url(/style%20library/ECH/images/table-bg-td.gif) no-repeat;border-collapse:collapse; border-top:solid 1px #e0e8e1;}
.tab-liste td.first{background:#ffffff;}
.tab-liste td a{ font-weight:normal; padding-left:10px;  background:url(/style%20library/ECH/images/puce-droite.gif)0 3px no-repeat;} 
.tab-liste .rollOn td.first{background:#f0ecef url(/style%20library/ECH/images/table-bg-td-over.gif) no-repeat;}
.tab-liste .rollOn td{background:#f0ecef url(/style%20library/ECH/images/table-bg-td-over-2.gif) no-repeat; cursor:pointer;}

/* Pages LogPaiement */
.tab-log{ width:100%; border-collapse:collapse; border:solid 1px #e0e8e1;margin-top:10px; margin-bottom:15px;}
.tab-log tr{}
.tab-log th{ font-weight:normal; font-size:1.1em; padding:7px 2px; background:#689841 url(/style%20library/ECH/images/table-bg-th.gif) top left no-repeat; color:#fff; font-weight:bold;}
.tab-log th.first{background:#689841 url(/style%20library/ECH/images/table-bg-th.gif) top right no-repeat; width:10px}
.tab-log td{ text-align:left; font-size:1.1em; padding:5px 2px; color:#505050; font-weight:bold; background:#ffffff; border-collapse:collapse; border-top:solid 1px #e0e8e1;}
.tab-log td.first{background:#ffffff;width:10px}
.tab-log td a{ font-weight:normal; padding-left:10px;  background:url(/style%20library/ECH/images/puce-droite.gif)0 3px no-repeat;} 
.tab-log .rollOn td.first{background:#f0ecef url(/style%20library/ECH/images/table-bg-td-over.gif) no-repeat;}
.tab-log .rollOn td{background:#f0ecef url(/style%20library/ECH/images/table-bg-td-over-2.gif) no-repeat; cursor:pointer;}

.tab-detail{ width:100%; border-collapse:collapse; border:solid 1px #e0e8e1; margin:10px 0;}
.tab-detail th{ font-weight:normal; font-size:1.1em; padding:7px 15px; background:#689841 url(/style%20library/ECH/images/table-bg-th.gif) top right no-repeat; color:#fff; font-weight:bold; text-align:left;}
.tab-detail .enteteCenter th{ text-align:center;}
.tab-detail th.last{background:#689841 url(/style%20library/ECH/images/table-bg-th.gif) top left no-repeat;}
.tab-detail .entete td{ text-align:center; font-size:1.1em; padding:10px 2px; color:#505050; font-weight:bold; background:#ffffff url(/style%20library/ECH/images/table-bg-td.gif) no-repeat;border-collapse:collapse; border-top:solid 1px #e0e8e1;}
.tab-detail .entete td.first{background:#ffffff;}
.tab-detail td{ font-size:1.1em; color:#275d24; border-collapse:collapse; border-top:solid 1px #e0e8e1; padding-bottom:4px;}
.tab-detail .pair td{background:#fff url(/style%20library/ECH/images/table-bg-td-detail-pair.gif) left bottom repeat-x;}
.tab-detail .impair td{background:#fff url(/style%20library/ECH/images/table-bg-td-detail-impair.gif) left bottom repeat-x;}
.tab-detail .total td{background:#1c5222 url(/style%20library/ECH/images/table-bg-td-detail-total.gif) left top repeat-x; font-weight:bold; font-size:1.4em; color:#fff; text-align:center; padding:6px 0;}
.tab-detail .total td.first{ font-size:1.1em; text-align:left; padding-left:20px;}

.tab-detail td img{ float:left; margin:5px 30px 5px 30px;}
#contenu .tab-detail td h3, .tab-detail td h3{ margin-top:15px}
#contenu .tab-detail td .description, .tab-detail td .description{margin-top:5px; text-align:center;}
#contenu .tab-detail td p, .tab-detail td p{ margin-bottom:4px;color:#1a5021; margin-top:4px;}
#contenu .tab-detail td p.prix, .tab-detail td p.prix{ font-size:1.8em; font-weight:bold;}
#contenu .tab-detail td p.detail, .tab-detail td p.detail{ font-size:0.9em; line-height:11px;}
#contenu .tab-detail td p.produit-panier, .tab-detail td p.produit-panier{ text-align:center; margin-top:15px;}


/* Pages Panier */
.tab-recap{ width:100%; border-collapse:collapse; border:solid 1px #e0e8e1;}
.smiles{ margin-top:0px;}
/* Hack pour Safari */
html[xmlns*=""] body:last-child .smiles {margin-top:65px;}
/* ------ */
.tab-recap th{ font-weight:normal; font-size:1.1em; padding:7px 20px; background:#0ba3a4 url(/style%20library/ECH/images/table-bg-th-recap.gif) top left repeat-x; color:#fff; font-weight:bold; text-align:left;}
.tab-recap td{ font-size:1.1em; color:#302620; border-collapse:collapse; border-top:solid 1px #e0e8e1; padding-bottom:4px; background:#fff; text-align:right; padding:6px 20px 6px 0;}
.smiles td{ text-align:left; vertical-align:middle;}
.smiles td img{ margin-left:10px;}
.smiles td p{ margin-bottom:4px;}
.tab-recap .total td{ font-weight:bold;}


/* COLONNE GAUCHE */
#colonne-gauche{float:left; width:146px;}
#colonne-gauche h2.current{color:#ef5f10;border-top:1px dashed #629739; border-bottom:1px dashed #629739; font-size:1.2em; font-weight:bold; text-transform:uppercase; padding:5px; margin-bottom:10px;}

ul.ssmenu{ padding-bottom:10px;}
ul.ssmenu li{padding:4px 0 4px 12px; background:url(/style%20library/ECH/images/puce-ssmenu-li-off.png) 0 6px no-repeat;}
ul.ssmenu li.actif{background:url(/style%20library/ECH/images/puce-ssmenu-li-on.png) 0 6px no-repeat;}
ul.ssmenu li a{font-size:1.1em;}
ul.ssmenu li.actif a{color:#ef5f10;}
ul.ssmenu li li{padding:4px 0 0px 12px; background:url(/style%20library/ECH/images/puce-ssmenu-li-li-off.png) 0 6px no-repeat;}
ul.ssmenu li li.actif{background:url(/style%20library/ECH/images/puce-ssmenu-li-li-on.png) 0 6px no-repeat;}

.bouton{margin-bottom:20px;}
.bouton a{ margin:2px 0; display:block; width:138px; height:26px; background-position:top left; overflow:hidden;}
.bouton a:hover{ background-position:left -26px;}
.bouton a span{ margin-left:-9999px;}

a#bio-dietetique{ background-image:url(/style%20library/ECH/images/bouton-bio-dietetique.png);}
a#regime-kot{ background-image:url(/style%20library/ECH/images/btn-regime-kot.png);}
a#halal{background-image:url(/style%20library/ECH/images/btn-halal.png);}
a#parfumerie{background-image:url(/style%20library/ECH/images/btn-parfumerie.png);}
a#produit-casino{background-image:url(/style%20library/ECH/images/btn-produits-casino.png);}
a#produits-regionaux{background-image:url(/style%20library/ECH/images/btn-produits-regionaux.png);}
a#epicerie-salee{background-image:url(/style%20library/ECH/images/btn-epicerie-salee.png);}


.menu-recherche{ padding:5px 5px 0 10px; background:url(/style%20library/ECH/images/produit-recherche-menu-bg.png) repeat-y;}
#contenu h3.menu-recherche-titre{ font-size:1.1em; color:#302620;font-weight:normal; background:url(/style%20library/ECH/images/produit-recherche-menu-h3.png) no-repeat; height:30px; line-height:30px;padding:0px 5px 0 10px;}
#contenu .menu-recherche h2{ font-size:1.1em; color:#302620; text-transform:uppercase; font-weight:normal; padding-bottom:0;}
.menu-recherche-bas{ background:url(/style%20library/ECH/images/produit-recherche-menu-bottom.png) no-repeat; width:140px; height:10px;}


/* COLONNE CENTRE */
#colonne-centre{margin-left:0px; padding:10px 0;margin-top:3px;}

/* CONTENU MOSAIQUE PRODUIT */
.contenu-produit-haut{ margin-top:20px; background:url(/style%20library/ECH/images/contenu-produit-haut-bg.png) top left no-repeat; padding-top:3px;}
.contenu-produit-bas{ background:url(/style%20library/ECH/images/contenu-produit-bas-bg.png) bottom left no-repeat; padding-bottom:3px;}
.contenu-produit{background:url(/style%20library/ECH/images/contenu-produit-bg.png) repeat-y; padding:2px 0 2px 4px;}

.contenu-produit .produit{ width:115px; height:174px; float:left; margin:0 2px 2px 0; padding:10px;}
.contenu-produit .produit-roll{background:url(/style%20library/ECH/images/produit-bg-hover.png) no-repeat;}

.contenu-produit .produit-separateur{ width:1px; height:200px; background:url(/style%20library/ECH/images/produit-separateur-vertical.png) left center no-repeat; float:left;}

.produit h3{ font-size:1.2em; color:#275d24; padding:15px 0 5px 8px; background:url(/style%20library/ECH/images/un-peu-de.png) no-repeat; height:24px;}
.produit img{ float:left;}
.produit .description{ margin-left:50px; height:64px}
#contenu .produit  p{ margin-bottom:4px;color:#1a5021;}
#contenu .produit p.prix{ font-size:1.8em; font-weight:bold;}
#contenu .produit p.detail{ font-size:0.9em; line-height:11px;}
#contenu .produit .produit-panier{ margin:10px 0 10px 6px;}

/* CONTENU CATEGORIE PRODUIT */
.contenu-categorie{padding:2px 0 2px 0px; background:none;}

.contenu-categorie .categorie{ width:119px; height:87px; float:left; margin:0 2px 10px 0; padding:10px;background:url(/style%20library/ECH/images/categorie-bg.png) no-repeat; cursor:pointer;}
.contenu-categorie .categorie-roll{width:119px; height:87px; float:left; margin:0 2px 10px 0; padding:10px;background:url(/style%20library/ECH/images/categorie-bg-hover.png) no-repeat; cursor:pointer;}

.categorie h3, .categorie-roll h3{ font-size:1.1em; color:#275d24; padding:0px; text-align:center; font-weight:bold; height:22px;}
#contenu .categorie p, #contenu .categorie-roll p{ margin-bottom:4px;color:#1a5021;}
#contenu .categorie .image, #contenu .categorie-roll .image{ height:50px; overflow:hidden;}
#contenu .categorie p a, #contenu .categorie-roll p a{ background:url(/style%20library/ECH/images/puce-droite.gif) 0 4px no-repeat; padding-left:6px; font-size:0.9em;}

/* CONTENU RECHERCHE PRODUIT */
.produit-recherche{ background-image:url(/style%20library/ECH/images/produit-recherche-resultat-bg.png);width:425px; height:85px; margin-bottom:5px;background-position:top left; cursor:pointer;}
.produit-recherche-hover{ background-position: left -85px;}

.produit-recherche a.info-bulle{ display:block; background:url(/style%20library/ECH/images/exclamation-picto-lien.png) center center no-repeat; width:60px; height:80px; float:left; overflow:hidden; }
.produit-recherche a.info-bulle:hover,
.produit-recherche a.info-bulle:focus{background:url(/style%20library/ECH/images/exclamation-picto-lien-hover.png) center center no-repeat;}
.produit-recherche a.info-bulle span{ margin-left:-9999px;}

.produit-recherche .recherche-image{width:90px; height:80px; float:left; }
.produit-recherche .description{width:115px; height:80px; float:left;}
.produit-recherche .recherche-panier{width:155px; height:80px; float:left;}

.produit-recherche h3{ font-size:1.2em; color:#275d24; padding:10px 0 5px 0px;}
.produit-recherche img{ float:left;}
.produit-recherche .description{ height:50px;padding:12px 0 5px 0px;}
#contenu .produit-recherche  p{ margin-bottom:4px;color:#1a5021;}
#contenu .produit-recherche p.prix{ font-size:1.8em; font-weight:bold;}
#contenu .produit-recherche p.detail{ font-size:0.9em; line-height:11px;}
#contenu .produit-recherche .produit-panier{ margin:15px 0 10px 6px;}
.delamarge {margin:7px 13px 3px 13px !important;}
.btn-sup-adresse {position:absolute; top:-16px; left:120px;}
.btn-recopier-adresse {position:absolute; top:-16px; left:256px;}

.livraison-visu-bottom {
    width:auto; height:auto;
    padding:0 0 10px 0;
    background:url(/style%20library/ECH/images/livraison-visu-bottom.png) left bottom no-repeat;    
    margin:0 0 0 40px;
}

.livraison-visu-bottom-sans-lad{
    width:auto; height:auto;
    padding:0 0 10px 0;
    margin:0 0 0 40px;
}
.livraison-visu-top-DRV {
    width:auto; height:auto;
    min-height:307px;
    padding:10px 0 0 238px;
    background:url(/style%20library/ECH/images/livraison-visu-top-DRV.png) left top no-repeat;
}
.livraison-visu-top-DRV2 {
    width:auto; height:auto;
    min-height:200px;
    padding:10px 0 0 238px;
    background:url(/style%20library/ECH/images/livraison-visu-top-DRV2.png) left top no-repeat;
}
.livraison-visu-top-RET {
    width:auto; height:auto;
    min-height:307px;
    margin:0; padding:10px 0 0 238px;
    background:url(/style%20library/ECH/images/livraison-visu-top-RET.png) left top no-repeat;
}
.livraison-visu-top-RET2 {
    width:auto; height:auto;
    min-height:200px;
    margin:0; padding:10px 0 0 238px;
    background:url(/style%20library/ECH/images/livraison-visu-top-RET2.png) left top no-repeat;
}
.underlined {
    background:url(/style%20library/ECH/images/adresse-sep2.gif) left bottom no-repeat; 
}
.adresse {
    float:left;
    width:155px; height:auto;
    margin:0 10px 0 0; padding:10px 0 10px 0;
    background:url(/style%20library/ECH/images/adresse-sep.gif) right center no-repeat;
}
.adresse2 {
    float:left;
    width:155px; height:auto;
    margin:0px; padding:10px 0 10px 0;
    background:url(/style%20library/ECH/images/adresse-sep.gif) right center no-repeat;
}
.nobg {background:none;}
.mode-livraison1 .lbl, .mode-livraison2 .lbl , .mode-livraison3 .lbl {
    position:relative; top:-2px;
    font-size:12px; font-weight:bold;
    color:#759e62;
}
.mode-livraison1 .lblError, .mode-livraison2 .lblError, .mode-livraison3 .lblError {
    position:relative; top:-2px;
    font-size:12px; font-weight:bold;
    color:Red;
}
.mode-livraison1 .lblInfo, .mode-livraison2 .lblInfo, .mode-livraison3 .lblInfo {
    position:relative; top:-2px;
    font-size:12px; font-weight:bold;
    color:Black;
}
.mode-livraison2 label,.mode-livraison3 label {
    position:relative; top:-2px;
    font-weight:bold;
}

.mode-livraison2 .decalage,.mode-livraison3 .decalage {padding:0 0 0 25px;}

.txtalignC {text-align:center !important;}
.basic {
    width:auto; height:auto;
    margin:0; padding:0;
}
.clearb {
    clear:both;
    font-size:1%; height:1%;
}
.padleft {padding:0 0 0 25px;}

/* HOME PAGE */
.link_puce{
    background:transparent url(/style%20library/ECH/Images/puce-droite.gif) no-repeat scroll left center;
    padding:0 0 0 10px ;
}

#pub_flash{
    float:left;
}
#pub_carte{
    float:left;
    width:284px;
    height:221px;
    margin: 0 0 0 21px;
}
#pub_courses{
    width:390px;
    height:220px;
    float:left;
}
#petite_pub{
    float:left;
    width:287px;
    height:220px;
    margin: 0 0 0 21px;
}
#petite_pub img{
    margin:0 0 0 4px;
}
#flashcontent{
    width:389px;
    height:210px;
    margin:0;
    padding:0;
}

.pub_222x87{float:left;width:222px;height:87px;margin:15px 14px 0 0;}
.pub_692x87{float:left;width:692px;height:87px;margin:10px 14px 0 0;}
.pub_222x87 img, .pub_692x87 img{border:none;}

.bas_flash{
    background:url(/style%20library/ECH/Images/pub/_bas_flash.png) no-repeat;
    width:209px;
    height:27px;
    padding:10px 0 0 180px;
}

/* CAROUSSEL */
#envies_caroussel{
    float:left;
    width:365px;
    margin: 10px 0 0 17px;
}
#envies_caroussel *{
    float:left;
}
#envies_caroussel .fleche{
    margin-top:30px;
}

.caroussel{
    margin:0 4px;
    position:relative;
    width:332px;
    height:75px;
    overflow:hidden;
}

.ms-siteaction {
    height: 0px;
}

/****** ajout ech ******/

.echMiniCart {
    width:260px !important;
}


.btnPanierMoins
{
    vertical-align:bottom;
    margin:0px 0px !important;
    float:none !important;
    padding-right:5px;
}

.btnPanierPlus
{
    vertical-align:bottom;
    margin:0px 0px !important;
    float:none !important;
    padding-left:5px;
    padding-right:5px;
}

.selectedCreneau
{
    border:2px solid #0972A9 !important;
    padding:0 5px !important;
}

.confirm
{
    background-image:url(/style%20library/ECH/images/portlet-livraison-picto2.png);
    background-repeat:no-repeat;
    font-size:1.1em;
    font-weight:bold;
    margin-left:10px;
    padding:5px 15px 5px 30px;
}

.error
{
    background-image:url(/style%20library/ECH/images/portlet-livraison-picto2.png);
    background-repeat:no-repeat;
    min-width:18px;
    min-height:25px;    
    color:Red;
    font-size:1.1em;
    font-weight:bold;
    margin-left:10px;
    padding:5px 15px 5px 30px;
}

#divLoading
{
    display:none;
    position:fixed;
    height:200px;
    left:50%;
    top:50%;
    margin-top:-100px;
    margin-left:-175px;
    width:400px;
    background-repeat:no-repeat;
    background-position:center;
    background-color:#FFFFFF;   
    -moz-opacity:0.9;
    -khtml-opacity: 0.9;    
    border:1px solid #275D24;
    z-index:40001;    
    text-align:center;
    opacity: 0.9;
    filter:alpha(opacity=90);   
}

#txtLoading
{       
    color:#505050;
    font-size:12px;
    font-weight:bold;
    text-align:center;  
    margin-top:50px;
}

#imgLoading
{   
    margin-top:25px;
}
/****** Statistiques ******/
.celluleStats 
{
    width:150px;
    padding:2px 3px  2px  3px!important;
}
.ligneResultStats
{
}
.libelle
{
    font-size:1.2em;
    font-weight:bold;
    text-align:left;
    width:auto;
    background-color:White;
    padding-left:10px!important;
    padding-top:3px!important;
}
.ligneRupture
{
}
.entete1
{
    font-size:1.3em;
    font-weight:bold;
    text-align:left;
    width:50%;
    padding-left:5px!important;
    vertical-align:middle;
}
.entete2
{
    font-size:1.3em;
    font-weight:bold;
    text-align:right;
    width:50%;
    padding-right:5px!important;
    vertical-align:middle;
}
.btnStats
{
    margin: 5px 5px 5px 5px!important;
    display:inline!important;
}
/* BO / Commande.aspx */
.infoCommande
{
    font-size : 1.1em;
    width:100%;
    clear: both;
}
.returnHome
{
    cursor:pointer;
    float: left;
    height: 61px;
    width: 387px;
}

/*****************************/
/*        surcharges         */
/*****************************/
#contenu_blanc .content .ligne_liste_2{margin:0;padding-bottom:10px;}
#contenu_blanc .content .ligne_liste_2 .bloc_nombre {float:left;/* MODIF JMS 2011/01/04 margin:58px 0 0 15px !important;*/ margin: 45px 0 0 20px !important;;}
#contenu_blanc .content .ligne_liste_2 .bloc_nombre input{width:20px; /* AJOUT JMS 2011/01/04 */ display: inline-block;  vertical-align: middle; }
#contenu_blanc .content .ligne_liste_2 .bloc_nombre img{float:none;}
#contenu_blanc .content .ligne_liste_2 .bloc_nombre .btn-plus{width:14px;/* AJOUT JMS 2011/01/04 */ display: inline-block;  vertical-align: middle; }
#contenu_blanc .content .ligne_liste_2 .bloc_nombre .btn-moins{width:14px;/* AJOUT JMS 2011/01/04 */ display: inline-block;  vertical-align: middle; }
#contenu_blanc .content .ligne_liste_2 .bloc_delete {float:left;/*MODIF JMS 2011/01/04  margin:58px 0 0 40px !important;*/  margin: 50px 0 0 30px !important;} 
#contenu_blanc .content .ligne_liste_2 .panier_gd  {float:left;margin:40px 0 0 30px !important;} 
#contenu_blanc .content .ligne_liste_2 .bloc_infos .bloc_panier_promo .bloc_add_cart {height:36px;width:76px;}
/*#contenu_blanc .content .ligne_liste_2 .titre_categorie {padding:25px 0 0 10px;}*/
/*#contenu_blanc .content .ligne_liste_2 .liste{padding:1px 1px 1px 1px;width:280px;}*/

/*
* panier_finalisation
*/
#recapitulatif{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    width:360px;
}
#recapitulatif dt{
    text-align:right;
    width:200px;
    float:left;
    padding-bottom:5px;
}
#recapitulatif dd{
    text-align:left;
    width:156px;
    float:left;
    padding-left:4px;
    padding-bottom:5px;
}
#recapitulatif dt.hight,
#recapitulatif dd.hight{
    font-weight:bold;
    font-size:15px;
}

#recap-smiles img{float:left;margin:0 0 0 15px;}
#recap-smiles div{float:left;margin:0 0 0 15px;width:135px;}
#recap-smiles p.bold{font-size:1.5em;color:#f29600;padding-bottom:10px;}
#recap-smiles p {margin:0;padding:0;font-size:1.1em;}

.recap-info-bulle
{
    display:block;
    /*
    Modif JMS 2011/01/07
    left: 50%;
    top: 431px;*/
    top: 80px;
    margin-left:30px; 
    background:url(/style%20library/ECH/Images/info_bulle/info_bulle_bas.png) no-repeat center bottom;
    width:405px;    
    position:absolute;
    font-size:1.3em;
    z-index:499;
}
.recap-info-bulle .recap-info-bulle-haut{
    background:url(/style%20library/ECH/Images/info_bulle/info_bulle_haut.png) no-repeat center top;
    width:405px;
}

.recap-info-bulle h1{
    text-transform: uppercase;
}

.recap-info-bulle p{
    margin:0!important;
    padding:0 18px 5px 13px;
    color:#275d24;  
    font-size:1.0em!important;
}
.hidden{
    display:none;
}
/* CGV */
.gras{
    font-weight:bold;
}
.italique{
    font-style:italic;
}
div#cgv
{
    color:#505050;
    font-family:Arial,Helvetica,sans-serif;
    padding:5px 15px 5px 10px;
    margin:5px 10px 5px  10px;
    font-size:1em;
}
div#cgv *
{
    margin:0 0 0 0;
    padding:0 0 0 0;
    font-size:1em;
}
div#cgv h1
{
    color:#505050;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.3em;
    padding-left:0;
    margin:0 0 10px 0;
}
div#cgv p
{
    margin-bottom:10px;
    text-align:justify;
}
div#cgv ul li
{
    margin-bottom:10px;
}
div#cgv ul li p
{
    margin-bottom:5px;
}
div#cgv ul
{
    list-style-image:url(/style%20library/ECH/images/puce.gif);
}
div#cgv ul li h3
{
    font-size:1.2em;
    margin-bottom:5px;
}
div#cgv ul li ul
{
    list-style-image:none;
    list-style-type:disc;
    margin-left:10px;
    font-size:1em;
}
div#cgv ul li ul li p
{
    margin:0;
    padding:0;
}

/* Scrollpane panier */
.panier_scrollpane
{
    height:112px;
    width:255px;
}

.panier_scrollpane table
{
    width:220px;
    margin:0 0 0 12px;
}

.panier_scrollpane table tr td, .caddie table tr td, .bloc table tr td
{
    vertical-align:middle;
}
.panier_scrollpane table tr td.td_saisie, .caddie table tr td.td_saisie, .bloc table tr td.td_saisie
{
    width:30px;
}
.caddie .saisie, .bloc .saisie{margin:0 2px 0 2px}

.panier_scrollpane table tr.sep
{
    height:3px;
}

/* Favoris */
.boutons_favoris{margin:15px 0 0 5px}

/* Ajout JMS 2011/01/05 */ 
.boutons_favoris h3{width:100px;}
.boutons_favoris .btn{width:452px;}
/* */ 

.boutons_favoris a{margin:0 10px 0 0}
.onglet{font-weight:bold; font-size:13px; height:21px; padding:10px 30px 0 10px; background:#ffffff; display: inline-block; margin-top:10px;margin-left:3px}
.coche{width:90px; float:right; margin-right: 10px; height:115px; background:url(/style%20library/ECH/Images/sep_favoris.jpg) no-repeat left center;}
.coche input{margin:50px 0 0 43px}
/*-------------*/

/* Recup courses */
.intro_recup_courses{width:688px;height:127px;padding:10px 0 0 10px;background:url(/style%20library/ECH/Images/recup_courses/bg_intro.png) no-repeat;font-size:13px;line-height:16px;}
.intro_recup_courses .nature_livraison {float:left}
.intro_recup_courses .nombre_colis {float:right}
.intro_recup_courses div.bold{font-size:13px;margin:0 0 15px 0;width:100%;}
.mode_livraison{width:215px;height:85px;clear:left;float:left;}
.mode_livraison .label{width:80px;float:left;}
.mode_livraison .picto{width:90px;float:left;}
.adresse_livraison{width:235px;height:85px;float:left;}
.adresse_facturation{width:220px;height:85px;float:left;}
.adresse_livraison .title, .adresse_facturation .title{margin:0 0 5px 0;width:100%;font-weight:bold;}
.tableau_horaires_container{width:688px;height:591px;padding:10px 0 0 10px;margin:15px 0 0 0;background:url(/style%20library/ECH/Images/recup_courses/bg_tableau_horaires.png) no-repeat;font-size:13px;line-height:16px;}
.tableau_horaires_container div.bold{font-size:13px;margin:0 0 15px 0;width:100%;}
.tableau_horaires{width:671px;height:390px;margin:0 0 0 3px;}
.tableau_horaires .header{width:671px;height:57px;background:url(/style%20library/ECH/Images/recup_courses/header_tableau.png) no-repeat;}
.tableau_horaires .header .link_semaine{width:154px;float:left;padding:22px 0 0 10px;font-size:13px;text-align:center;}
.tableau_horaires .header .label_horaires{width:330px;float:left;padding:18px 0 0 10px;font-size:16px;text-align:center;}
.tableau_horaires .footer{width:671px;height:11px; background:url(/style%20library/ECH/Images/recup_courses/bg_tableau_footer.png) no-repeat;}
.tableau_horaires .center{width:671px;height:330px;background:url(/style%20library/ECH/Images/recup_courses/bg_tableau_center.png) repeat-y;}
.tableau_horaires .center .line_jour{float:left;clear:left;color:#505050;}
.tableau_horaires .center .line_jour .label_80{padding:0;}
.tableau_horaires .center .label_90{float:left;width:70px;padding:5px 0 0 20px; font-size:11px;}
.tableau_horaires .center .label_80{float:left;width:80px;font-size:12px;text-align:center;padding:4px 0 0 0;}
.tableau_horaires .center .label_80_radio{float:left;width:80px;font-size:12px;text-align:center;}
.tableau_horaires .center .label_80 div.bold{clear:left;}
.tableau_horaires .center .line_content{float:left;clear:left;height:24px;color:#505050;margin-left:2px;width:667px;}
.tableau_horaires .center .bg_grey{background:#f1f1f1;}
.custom_radio{width:15px;height:15px;cursor:pointer;margin-top:-5px;}
.custom_radio_on{background: url(/style%20library/ECH/Images/recup_courses/radio_on.gif) no-repeat;}
.custom_radio_off{background: url(/style%20library/ECH/Images/recup_courses/radio_off.gif) no-repeat;}
.container_coment{float:left;width:550px;padding:20px 0 0 70px;}
.container_coment div.bold{margin:0 0 5px 0;}
.container_coment TEXTAREA{border:none;width:537px;height:77px;padding:10px 0 0 10px;overflow:hidden;background:url(/style%20library/ECH/Images/recup_courses/bg_textarea.png) no-repeat;}
.bt_valider{width:76px;height:20px;background:url(/style%20library/ECH/Images/recup_courses/bg_bt_valider.png) no-repeat;border:none;text-align:center;cursor:pointer;color:#275D24;float:right;margin:5px 0 0 0;padding:3px 0 0 0;}
/*--------------------------*/

/*REmerciements*/
/* bloc TOP */
.bloc_remerciement_top{background:url(/style%20library/ECH/Images/remerciement/bloc_remerciement_top.png) no-repeat; height:106px; width:670px; margin:0 0 15px 0; padding:13px 13px  6px 13px}
.bloc_small_remerciement{float:left;  height:61px; padding:0 30px 0 12px; margin:10px 0 0 0}
.bloc_remerciement_top .bordure{ background:url(/style%20library/ECH/Images/sep_favoris.jpg) no-repeat right center;}

/* bloc BOTTOM */
.bloc_remerciement_bottom{background:url(/style%20library/ECH/Images/remerciement/bloc_remerciement_bottom.png) no-repeat; width:641px; height:266px; margin:0 0 15px 0; padding:25px 30px 30px 25px}
.bloc_remerciement_bottom .texte{width:360px; margin:0 0 0 17px; line-height:17px}
.bloc_remerciement_bottom .titre_info{background: url(/style%20library/ECH/Images/remerciement/bandeau_info.png) no-repeat; width:322px; height:26px; color:#FFF; padding:2px 0 0 7px}
.bloc_remerciement_bottom .info{padding:0 0 0 7px}
/*--------------------------*/

.portlet_panier_quantity
{
    color:#777777;
    font-family:Arial,Helvetica,sans-serif;
    font-size:1.1em;
    padding:3px;
}

.colonne-centre .stars{
    width:110px;
    float:left;
}

.colonne-centre .avis{
    margin:20px 0 0 0;  


    padding:0 5px 0 10px;
}
.colonne-centre .avis span{
    padding-top:3px;
    display:inline-block;
}

.btn_avis{
    float:right;


    margin-right: 24px;
}

.lien_fleche{
    background:url(/style%20library/ECH/images/puce-gauche.gif) no-repeat left center;
    padding:0 0 0 10px;
    float:right;
    margin:15px 15px 0 0 ;
}
.marginT0  {
margin-top:0 !important;
}

/**** ADDED 2010-08-17 ****/

div#economie
{
    font-size:1.2em;
    color:#1a5021;
    padding:12px;
}
    div#economie span
    {
        color:#e2001a;
        font-weight:bold;
    }
    
ul#economie-head
{
    font-size:1.2em;
    width:680px;


    float:left;
    height:24px;
    margin-left:4.5px;
}
    ul#economie-head li
    {
        background:url(/style%20library/ECH/images/bg_economie_head.gif) no-repeat right;
        float:left;
        display:block;
        width:272px;
        height:24px;
        line-height:24px;
        color:#FFF;
        font-weight:bold;
        padding-left:10px;
    }
    ul#economie-head li.tight   {width:27px;padding-left:5px}
    ul#economie-head li.small   {width:83px}
    ul#economie-head li.medium  {width:263px}
    
    ul#economie-head li.last    {background-position:left}
    
        ul#economie-head li input
        {
            margin-top:5px;
            float:left;
        }
        
        ul#economie-head li a
        {
            color:#FFF;
            font-weight:bold;
        }
        ul#economie-head li a:hover {text-decoration:none}
        

div.economie-line .gris
{
    background-color: #D8DFB2;
}       
        
div.economie-line
{
    background:url(/style%20library/ECH/images/bg_economie_line.png) no-repeat;
    width:687px;
    height:117px;
    margin-left: 2px;
}
    div.economie-line div
    {
        float:left;
        height:117px;
        width:280px;
    }
    div.economie-line div.tight {width:33px}
    div.economie-line div.small {width:95px}
    div.economie-line div.medium{width:270px; margin-left:4px;}
    div.economie-line div > img {width:133px; height:100px;}  

    
    /** Standard lines **/
    div.economie-line div input
    {
        float:left;
        margin:55px 0 0 13px;
    }
    div.economie-line div img
    {
        float:left;
        margin:8px 0 0 10px
    }
    div.economie-line div p
    {
        float:left;
        width: 112px;
        display:block;
        margin: 10px 0 5px;
        height: 52px;
        overflow:hidden;
        font-size:1.2em;
    }
        div.economie-line div p span
        {
            float:left;
            color:#e20026;
            font-size:14px;
            text-transform:uppercase;
            width:145px;
            font-weight:bold;
        }
    div.economie-line div span
    {
        float:left;
        width: 112px;
        font-size:1.3em;
        color:#1a5021;
    }
    
    div.economie-line div span.packaging
    {
        margin-top:5px;
    }
    
    div.economie-line div div
    {
        background-color:#d8dfb2;
        width:100%;
        line-height:117px;
        text-align:center;
        color:#1a5021;
        font-weight:bold;
        font-size:20px;
        margin-left:2px;
        opacity : 0.7;
        filter : alpha(opacity=70); 
    }
    
    /** First line **/
    div.economie-line-first
    {
        background:url(/style%20library/ECH/images/bg_economie_line_first.png) no-repeat;
        height:123px;
    }
    div.economie-line-first div {height:123px}
        div.economie-line-first div input   {margin-top:58px}
        div.economie-line-first div img     {margin-top:14px}
        div.economie-line-first div p       {margin-top:37px}
        div.economie-line-first div div     {margin-top:5px; height:118px}
        
    /** Last line **/
    div.economie-line-last
    {
        background:url(/style%20library/ECH/images/bg_economie_line_last.png) no-repeat;
        height:119px;
    }
    div.economie-line-last div {height:119px}
        div.economie-line-last div input    {margin-top:57px}
        div.economie-line-last div img      {margin-top:10px}
        div.economie-line-last div p        {margin-top:34px}
        div.economie-line-last div div      {height:116px}
        
div#product-result
{
    background-color:#c0d34b;
    height:36px;
    line-height:36px;
    color:#1a5021;
    font-size:13px;
    font-weight:bold;
    padding:0 14px 0 10px;
    margin:8px 3px;
}
    div#product-result p
    {
        float:left;
    }
    div#product-result p.right
    {
        float:right;
    }
        div#product-result p span
        {
            font-size:18px;
        }
        div#product-result p span.economie-result
        {
            color:#ff0000;
            text-decoration:line-through;
        }
        
div#product-buttons
{
    margin:10px 4px 0 0;
    float:left;
}

div#product-buttons a
{
        margin-left:4px;
}
    
/*rajout de styles pour un tooltip*/
.texterror
{
    border: 1px solid red !important;
    color: red !important;
}

#tooltip-error 
{



    border: 1px solid red;
    color: red;
    background-color: white;
    -moz-box-shadow: black 0px 0px 5px;
    -webkit-box-shadow: black 0px 0px 5px;
    padding: 8px;
}

table.tableAnomalies
{
    text-align: center;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: normal;
    font-size: 11px;
    color: #fff;
    width: 500px;
    background-color: #666;
    border: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}
table.tableAnomalies td
{
    background-color: #CCC;
    color: #000;
    padding: 4px;
    text-align: left;
    border: 1px #fff solid;
}
table.tableAnomalies th
{
    background-color: #666;
    color: #fff;
    padding: 4px;
    text-align: left;
    border-bottom: 2px #fff solid;
    font-size: 12px;
    font-weight: bold;
}

.pnlColis {
    float: left;
    width: 300px;
    overflow: hidden;
    padding-bottom: 10px;
}
.pnlColis .panelSubTitle {
    float: left;
    font-weight: bold;
    padding-right: 15px;
}
.pnlColisReadOnly .panelSubTitle {
    font-weight: bold;
    padding-right: 15px;
}
.pnlColis ul {
    float: left;
    width: 105px;
}
.pnlColis li {
    padding-bottom: 2px;
}
.pnlColis li label {
    overflow: hidden;
    width: 100%;
    display: block;
}
.pnlColis li label span {
    float: left;
    width: 75px;
    display: block;
}
.pnlColis li label input {
    float: left;
    padding: 0 3px;
    font-size: 1em;
}
.GestionZonesStockage label {
    overflow: hidden;
    width: 100%;
}
.GestionZonesStockage label {
    float: left;
    width: 135px;
}
.GestionZonesStockage .btn-lien {
    float: none;
    display: inline-block;
}
.pnlColisReadOnly {
    padding-top: 10px;
}
.pnlColisReadOnly ul {
    padding-left: 98px;
}
.horairesTable {
    border: 1px solid #ccc;
    border-bottom: 0;
    border-top: 0;
    width: 730px;
    margin: 0 auto;
}
.horairesTable td {
    background: #fff;
    padding: 2px 5px 2px 5px;
    text-align: center;
}
.horairesTable td img {
    margin-right: 3px;
}
.horairesTable td.time {
    color: green;
    padding: 2px 5px;
    text-align:left;
}
.horairesTable span.full  {
    color:red 
}
.horairesTable th {
    background: #fff;
    text-align: center;
    padding: 2px 10px;
    width: 70px;
    font-weight: bold;
    color: green;
}
.horairesTable tr.odd td {
    background: #eee;
}
#contenu p.btnHoraires {
    text-align: center;
    padding: 10px 0 0;
}
#contenu p.btnHoraires  .btn-lien-precedent {
    float: none;
    display: inline-block;
    margin: 0 70px; 
}
.selectedHorairesCell {
    border:2px solid #F00;
    padding:1px 0;
    width:35px;
    margin: auto;
}
.nbColisHorraire {
    margin-left: 110px;
    margin-top: 10px;
}

#carte_list{padding:0px}
#carte_list label img{padding-right:5px;}

.carte_liste_item{
    width:100%;
    padding:0px 0px;
    margin:0px 0px;
    line-height:38px;
    height:38px;
    margin-bottom:5px;
}

.carte_liste_item_label{

    width:200px;
    text-align:right;
    float:left;
    padding:0px 0px;
    margin:0px 0px;
    line-height:38px;
    height:38px;
    /*background-color:#ff0000;*/
}

.carte_liste_item_content{
    float:left;
    padding:0px 0px;
    margin:0px 0px;
    line-height:38px;
    height:38px;
    font-size:38px;
    /*background-color:#ff00ff;*/
}

#PaymentMethod_MASTERCARD,#PaymentMethod_CB,#PaymentMethod_VISA,
#PaymentMethod_COFINOGA_CASINOGEANT,#PaymentMethod_COFINOGA,#PaymentMethod_AMEX {
    vertical-align:top;
    margin-top:12px;
    margin-right:5px;
}

.bloc_relative{position:relative;}

.smiles_mosaique{position:absolute; width:55px; height:40px; right:5px; top:5px; }

.smiles_productDetails
{
    position:absolute; width:55px; height:40px; right:5px; top:5px;}e-height:38px;
    height:38px;
    font-size:38px;
}

.incidentsPaiementTable {
    border: 1px solid #000000;
    margin: 0 auto;
}

.incidentsPaiementTable td 
{
    border: 1px solid #000000;
    padding: 2px 2px 2px 2px;
}

.incidentsPaiementTable th 
{
    border: 1px solid #000000;
    text-align: center;
    padding: 2px 2px;
    width: 60px;
    font-weight: bold;
    color: green;
}

.customCatalogTable td
{
    border: 1px solid #000000;
    padding: 2px 2px 2px 2px;
}

.customCatalogTable th 
{
    border: 1px solid #000000;
    text-align: center;
    padding: 2px 2px;
}


#contenu_blanc .horairesTable {
    width: 100%;
}
#contenu_blanc .intro_recup_courses {
    width: 660px;
    margin: 0;
}
#contenu_blanc .adresse_facturation {
    width: 180px;
}
#contenu_blanc .intro_recup_courses .title {
    margin: 0 0 5px;
    font-weight: bold;
}
#contenu_blanc .colisList {
    float: left;
    width: 310px;
}
#contenu_blanc .colisNb {
    width: 30px;
}
#contenu_blanc .horairesTable th,
#contenu_blanc .horairesTable td {
    padding: 2px;
    text-align: center;
}
#contenu_blanc .horairesTable {
    border: 0;
}
#contenu_blanc .planning-livraison {
    margin: 10px 0 0 50px;
}
#contenu_blanc .horairesFull {
    font-size: 9px;
    color: #f00;
}
#contenu_blanc .btnActions {
    text-align: center;
}
#contenu_blanc .intro_recup_courses textarea {
    width: 620px;
    height: 75px;
    margin: 0;
    overflow-y: auto;
}
#contenu_blanc .label_80_radio .custom_radio input {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0 3px 0 0;
}
#contenu_blanc .label_80_radio .custom_radio {
    display: inline-block;
    height: 15px;
    margin: 0;
    width: 28px;
}
/*parrainage*/

.parWrapper input
{
    margin:0 5px 5px 300px;
    width:110px;
    text-align:left;    
}

.parWrapper input.parSendAction
{
    text-align:center;
    margin:0 5px 5px 325px;
}

.parFocus 
{
    font-weight:bold;
    font-size:13px;
    text-align:center;
}

.parRunning 
{
    font-size:13px;
    text-align:center;
}

.indispoMosaique
{
    margin-left: 62px;
    width: 90px;
}

.indispoMosaique span
{
    display: inline-block;
    width: 60px;
}

.indispoMosaique img
{
    margin: 0 7px 2px 0;
}

.indispoListe{
    width: 65px;
    margin-top: 15px;
}

.indispoListe span
{
    display: inline-block;
    width: 65px;
    text-align: center;
    margin-top: 5px;
}

.indispoListe img
{
    text-align: center;
}

.produit-panier img
{
    margin-right: 10px;
}


.indispoHistorique
{
    width: 70px;
    margin-top: 15px;
}

.indispoHistorique span
{
    display: inline-block;
    width: 70px;
    text-align: center;
    margin-top: 2px;
    margin-left: 4px;
}

.indispoHistorique img
{
    text-align: center;
}