/*
fait par: Thierry Vigneau
le: 22/09/2009

modifie par:
le:
*/


/* - - - GLOBAL - - - */

/* style wysiwyg */
p, ol, li, dd, table {
	margin: 9px 0 9px 0;
	font-size: 1em;
  }

a { color: rgb(1, 45, 132);/* #326fb4 */ text-decoration: none; }
a:hover { color: rgb(1, 45, 132);/* #326fb4 */ text-decoration: underline; }

h1, h2, h3, h4, h5, h6 {
	margin: 11px 0 5px 0; padding: 0;
	color: rgb(78,109,149);	background-color: transparent;
  text-align: left; font-weight: bold;
  }

h1 { margin: 5px 0 18px 0; padding-bottom: 3px; font-size: 1.4em; color: #012D84; border-bottom: 1px solid #F3F3F3; }
h2 { padding-bottom: 3px; font-size: 1.1em; color: #326FB4; }
h3 { font-size: 1.05em; color: rgb(51,51,102); }
h4 { font-size: 1em; color: rgb(95,95,95); }
h5 { color: rgb(102,102,102); font-size: 1.3em; }
h6 { color: rgb(102,102,102); font-size: 1.3em; font-weight: normal; }

small, .small { font-size: 0.9em !important; }
big, .big { font-size: 1.1em !important; }

strong, .strong { font-weight: bold; }

label { cursor: pointer; }
acronym { cursor: help; }

ul {
	margin: 11px 0 11px 0; padding-left: 18px;
  }
li {
	margin: 3px 0 3px 0;
  }

tr, td {
	vertical-align: top;
  }
td, th {
	text-align: left;
  }

fieldset {
  margin: 13px 0 13px 0; padding: 0 10px 10px 10px;
  }
legend {
  margin-bottom: 10px;
  color: rgb(102,102,102); font-weight: bold;
  }

img {
	border: 0;
  }

hr {
	height: 1px; margin: 0 0 10px 0; clear: both; width: 100%;
	background: transparent; color: rgb(204,204,204);
	border: 0;
  }

form {
	margin: 0; padding: 0;
  }

.Indentation { text-indent: 15px; }
.TexteEnPetit { font-size: 0.85em; }
.TexteEnGrand { font-size: 1.15em; }
.PremiereLettreMotEnMaj { text-transform: capitalize; }
.TexteEnMajuscules { text-transform: uppercase; }
.TexteEnMinuscules { text-transform: lowercase; }
.TexteEnPetitesCapitales { font-variant: small-caps; }

.TexteDroite { text-align: right; }
.TexteGauche { text-align: left; }
.TexteCentre { text-align: center; }

.ImageDroite { float: right; margin: 5px 0 5px 8px; }
.ImageGauche { float: left; margin: 5px 8px 5px 0; }

/*
.CouleurRouge { color: red; }
.CouleurBleu { color: blue; }
.CouleurJaune { color: yellow; }
.CouleurVert { color: green; }
.CouleurViolet { color: violet; }
.CouleurGris { color: gray; }
.CouleurOrange { color: orange; }
.CouleurOrange { color: orange; }
.CouleurMarron { color: maroon; }
*/
.CouleurBleuClair { color: #64768E; }
.CouleurGrisClair { color: rgb(95,95,95); }
/* - - - */


/* autres */
.listdisc { list-style-type: disc; }
.listcircle { list-style-type: circle; }
.listsquare { list-style-type: square; }
.listdecimal { list-style-type: decimal; }
.listlr { list-style-type: lower-roman; }
.listla { list-style-type: lower-alpha; }
.listua { list-style-type: upper-alpha; }
.listnone { list-style-type: none; }

.clear {
  clear: both; height: 0; font-size: 0;
  /* display: block; visibility: hidden; margin: 0; padding: 0; */
  }

.obligatoire { font-style: normal; }

del {
  color: #FF6C00;
  }

label, .label { cursor: pointer; }
acronym, .help { cursor: help; }
.c_pointer { cursor: pointer; }

.succes { color: rgb(0,102,51); }
.error { padding: 3px 15px 3px 8px; background-color: rgb(248,248,248); color: rgb(204,0,0); }
.error ul { margin: 0 0 0 15px; padding: 0; }
.error ul li { margin: 2px 0; padding: 0; list-style-type: square; }

/* liste à puce prédéfinie */
.edit_wysiwyg ul {
  list-style-type: none; padding-left: 1px;
  }
.edit_wysiwyg li {
  padding: 0 0 0 13px;
  /* background: url(../images/content-bullet.gif) 0 3px no-repeat; */
  }

/* bouton de retour (liste actualités, etc.) */
.bt_retour {
  margin: 20px 0 10px 0;
  }
.bt_retour a, .bt_retour a:hover {
  padding: 2px 5px; text-decoration: none;
  background-color: rgb(245,245,245); color: rgb(153,0,0);
  border: 1px solid rgb(251,251,251);
  }
.bt_retour a:hover {
  text-decoration: underline;
  background-color: rgb(235,235,235); color: rgb(102,0,0);
  }

.margtop { margin-top: 20px !important; }
.margbottom { margin-bottom: 20px !important; }
.margtbmin { margin: 0 !important; }
.nomargb { margin-bottom: -5px !important; }
.nomargt { margin-top: 0 !important; }
/* - - - */


/* - - - - - - */


/* - - - STRUCTURE - - - */
body {
  padding: 0; margin: 0;
  font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
  font-size: 0.8em;
  background-color: rgb(255,255,255); color:#333;
  }


  #page {
    position: relative; margin: 10px auto; width: 1007px;
    }


    #header {
      float: left; width: 100%; position: relative;
      background: url('../images/zoogoods/backg-zoogoods.png') 211px 0 no-repeat;
      }
      /* 3 colonnes */
      #header .col1, #header .col2, #header .col3 {
        float: left; width: 269px;
        }
      #header .col2 {
        width: 468px;
        }
      #header .col3 {
        float: left; width: 245px;
        }
      /* logo */
      .logo {
        margin: 0 0 0 0; padding: 0;
        }
      /* accroche */
      .accroche {
        margin: 10px 0 0 0; padding: 0;
        }
      /* tools */
      #menu-entete-top-pub {
        margin: 3px 0 0 35px; padding: 0; list-style-type: none; clear: both;
        font-size: 0.85em;
        }
      #menu-entete-top-pub li {
        margin: 0 0 0 5px; padding: 0; display: inline;
        background: url('../images/zoogoods/puce-tools.png') right 1px no-repeat;
        }
      #menu-entete-top-pub .idli87 { background-image: none; }
      #menu-entete-top-pub a, #menu-entete-top-pub a:hover {
        margin: 0 4px 0 -1px; padding: 0 0 0 0;
        color: rgb(0,0,0);
        }
      /* pub */
      .pub {
        margin: 0; padding: 0; position: absolute; top: 80px; left: 270px;
        }
      /* cpt-client */
      .cpt-client {
        /* c.f. IDENTIFIATION */
        }
      /* menu-rapide */
      .bt1, .bt2, #menu-entete-top-cheminnav {
        margin: 2px 0 0 0; padding: 0; list-style-type: none;
        }
      #menu-entete-top-cheminnav {  }
      .menurapide-col1, .menurapide-col2, .menurapide-col3 {
        float: left; width: 11.5%;
        }
      .menurapide-col2 { width: 72.5%; }
      .menurapide-col3 { width: 15.5%; }
        /* accueil */
        .bt1 {
          width: 98px; height: 21px; padding: 7px 0 0 0; margin-left: 5px;
          background: url('../images/zoogoods/bt-home.jpg') 0 0 no-repeat;
          text-align: center; font-weight: bold;
          }
        .bt1 a, .bt1 a:hover { color: #323433; }
        /* tools */
        #menu-entete-top-cheminnav {
          font-size: 0.9em; font-weight: bold;
          }
          #menu-entete-top-cheminnav li {
            float: left; padding: 11px 0 0 0; margin: 0 3px 0 3px;
            }
          #menu-entete-top-cheminnav li a, #menu-entete-top-cheminnav li a:hover {
            color: #64768E; padding: 11px 0 0 28px;
            }
          #menu-entete-top-cheminnav li a {
            background: url('../images/zoogoods/link-contact.png') 0 0 no-repeat;
            }
          #menu-entete-top-cheminnav .idli34 a { background-image: url('../images/zoogoods/link-contact.png'); }
          #menu-entete-top-cheminnav .idli35 a { background-image: url('../images/zoogoods/link-parrainage.png'); }
          #menu-entete-top-cheminnav .idli36 a { background-image: url('../images/zoogoods/link-aide.png'); }
          #menu-entete-top-cheminnav .idli37 a { background-image: url('../images/zoogoods/link-mail.png'); }
          #menu-entete-top-cheminnav .idli38 a { background-image: url('../images/zoogoods/link-etoile.png'); }
          #menu-entete-top-cheminnav .idli39 a { background-image: url('../images/zoogoods/link-coeur.png'); }
          #menu-entete-top-cheminnav .idli75 a, #menu-entete-top-cheminnav .idli75 a:hover { padding-left: 18px; background-position: 2px 5px; background-image: url('../images/zoogoods/link-pi.png'); }
          #menu-entete-top-cheminnav .idli83 a, #menu-entete-top-cheminnav .idli83 a:hover,
          #menu-entete-top-cheminnav .idli84 a, #menu-entete-top-cheminnav .idli84 a:hover { padding-left: 22px; background-position: 2px 5px; background-image: url('../images/zoogoods/link-flash.png'); }
        /* conseils véto / mon compte */
        .bt2 {
          font-weight: bold;
          }
        .bt2 a, .bt2 a:hover { color: #323433; }
        .bt2 .moncompte, .bt2 .moncompte:hover { color: rgb(255,255,255); }
          .bt2 .conseils, .bt2 .moncompte {
            display: block; width: 127px; height: 28px; float: left; height: 21px; padding: 7px 0 0 0;
            background: url('../images/zoogoods/bt-backg-conseils.jpg') 0 0 no-repeat;
            text-align: center;
            }
          .bt2 .moncompte {
            width: 97px; margin-left: 5px;
            background-image: url('../images/zoogoods/bt-backg-mon-compte.jpg');
            }
      /* chemin-recherche */
      .chemin-recherche {
        width: 100%; float: left; min-height: 31px;;
        background: url('../images/zoogoods/menup-backg.jpg') 0 0 no-repeat;
        }
      * html .chemin-recherche { height: 31px; }
        .chemin-recherche ul {
          margin: 0; padding: 0; list-style-type: none;
          }
        .chemin-recherche .nav {
          width: 60%; float: left;
          }
        .chemin-recherche ul li, .chemin-recherche ul li a, .chemin-recherche ul li a:hover {
          display: block; float: left; color: rgb(0,0,0); font-weight: bold;
          }
        .chemin-recherche ul li.r48,.chemin-recherche ul li.r33 {display:none;}
        .chemin-recherche ul li {
          margin: 0 0 0 5px; padding: 0 10px 3px 0;
          background: url('../images/zoogoods/puce-tools.png') right 50% no-repeat;
          }
        .chemin-recherche ul li.active { background-image: none; }
        .chemin-recherche ul li a, .chemin-recherche ul li a:hover {
          padding: 8px 0 5px 0;
          }
		   .chemin-recherche ul li.navigation a, .chemin-recherche ul li.navigation a:hover {
          padding: 0px 0 5px 0;
          }
        /* specifique */
        .chemin-recherche ul .home, .chemin-recherche ul .navigation {
          padding-right: 15px;
          background: url('../images/zoogoods/menup-next.jpg') right 1px no-repeat;
          }
        .chemin-recherche ul .home a, .chemin-recherche ul .home a:hover {
          padding: 7px 2px 5px 2px;
          }
        .chemin-recherche ul .navigation {
          padding: 8px 15px 6px 2px;
          }
        /* liste marque */
        #listBrand {
          margin: 0 0 0 10px; padding: 0; float: left;
          /* border-left: 1px solid rgb(153,153,153); */
          }
        select#listBrand {
          margin: 6px 0 0 0;
          }
        #listBrand .navigation {
          background-image: none;
          }
          #listBrand li {
            }
          #listBrand li a, #listBrand li a:hover {
            color: rgb(153,0,0);
            }
        #formulaire-recherche {
          margin: 0 30px 0 0; padding: 0;
          text-align: right;
          }
        #formulaire-recherche #txtSearch {
          margin: 7px 0 0 0; padding: 0; vertical-align: top;
          border: 1px solid rgb(180,180,180);
          }
        #formulaire-recherche .btnGo {
          margin: 4px 0 0 0;
          }


    #content {
      float: left; margin: 5px 0 0 0;
      }

      #gauche-centre {
        width: 797px; float: left;
        }

      #partie-gauche {
        width: 180px; float: left;
        }

      #centre {
        margin: 0; padding: 0 5px; float: right; width: 607px; position: relative;
        }
      .edit_wysiwyg {
        }
      .contentsmall {
        width: 98%;
        }
	  #paginationWrapper {
	  	text-align: center;
	    }
	  #pagination a {
		padding: 0 3px;
	    }
      #partie-droite {
        width: 210px; float: right; _overflow: hidden;
        }


    #footer {
      float: left; width: 100%; margin: 30px 0 0 0; padding: 0 0 10px 0; position: relative;
      color: rgb(150,150,150);
      }

    #footer .infomenu {
      float: left;
      }
    #footer #menu-footer {
      margin: 10px 0 0 0; padding: 0; list-style-type: none;
      text-align: center; color: #425F85;
      }
      #footer #menu-footer li {
        margin: 0; padding: 0; display: inline;
        }
        #footer #menu-footer a, #footer #menu-footer a:hover {
          padding: 0 5px 0 10px;
          color: #425F85; background: url('../images/zoogoods/puce-footer.png') 0 2px no-repeat;
          }
        #footer #menu-footer .idli49 a, #footer #menu-footer .idli49 a:hover {
          background-image: none; padding-left: 0;
          }
/* - - - - - - */



/* * * * * * * * * */
/* GLOBAL WEB SITE */
/* * * * * * * * * */


/* - - - MENU SHOP - - - */
#menu_din ul {
	margin: 0; padding: 0; float: left; width: 99%; list-style-type: none; overflow: hidden;
	border-style: solid; border-width: 1px 1px 0 1px; border-color: #E6E6E6;
	}
#menu_din ul ul {
	border-width: 0;
	}
  #menu_din  li {
  	margin: 0; padding: 0; float: left; width: 100%;
  	text-align: center;
    border-style: solid; border-width: 0 0 1px 0; border-color: #E6E6E6;
  	}
  #menu_din  li li {
    border-width: 1px 0 0 0;
  	}
  #menu_din  li a, #menu_din  li a:hover {
    display: block; padding: 4px 2px 4px 2px;
    text-decoration: none;
  	}
  #menu_din li a:hover, #menu_din .active a, #menu_din .openssmenu a {
    background-color: #efede6 !important;
  	}
  #menu_din .active ul a, #menu_din .openssmenu ul a {
    background-color: #faf9f7 !important;
  	}
    /* menu */
    #menu_din .effectssmenu a, #menu_din .effectssmenu a:hover {
      padding-right: 20px;
    	background: #faf9f7 url('../images/zoogoods/puce-menup-hover.png') 98% 50% no-repeat;
      color: #0A0064; font-size: 1.2em; font-weight: bold;
    	}
    #menu_din .openssmenu a, #menu_din .openssmenu a:hover {
    	background-image: url('../images/zoogoods/puce-menup.png');
    	}
      /* sous-menu */
      #menu_din .ssmenu {
      	margin: 0; padding: 0;
      	text-align: left !important;
      	}
      #menu_din .ssmenu li {
      	margin: 0; padding: 0;
      	text-align: left !important;
      	}
      #menu_din .ssmenu a, #menu_din .ssmenu a:hover {
        padding-left: 25px;
    	  background: #faf9f7 url('../images/zoogoods/puce-ssmenup.png') 1% 50% no-repeat; color: #5e60cd; /* #8788DA */
    	  font-size: 1em;
      	}
      #menu_din .ssmenu a:hover { background-color: #f5f3f0 !important; }
/* - - - - - - */


/* - - - DIVERS - - - */
#bubble, .bubble { background: #fff; border: 1px solid rgb(242, 163, 1); width: auto; position: absolute; display: none; padding: 0 10px; filter: alpha(opacity=90); -moz-opacity: 0.90; opacity: 0.90; z-index: 300; }
#bubble p, .bubble p { text-align: left; }
.bbbmin, .bubble { width: 250px; top: -150px; left: 130px; filter:alpha(opacity=93); -moz-opacity:.93; opacity:.93; }
.bbbmin { top: -120px; left: 20px; }
.zindex { position: relative; z-index: 10; }
/* - - - - - - */


/* - - - CHEMIN DE NAVIGATION - - - */
#cheminnav {
  margin: 5px 0 18px 0; padding: 0 0 4px 0; float: left; width: 99%; list-style-type: none;
  color: rgb(153,153,102); font-family: Tahoma;
  background-color: white;
  }
  #cheminnav li {
    margin: 0 3px 0 0; padding: 0; display: inline;
    }
  #cheminnav li span {
    margin: 0 3px 0 0; padding: 0 0 4px 0;
    }
  #cheminnav li a, #cheminnav li a:hover {
    padding: 1px 2px 4px 10px;
    font-size: 0.8em; text-decoration: none;
    color: rgb(219, 76, 8);
    }
  #cheminnav li a:hover {
    color: rgb(110,110,110);
    }
/* - - - - - - */


/* - - - PAGINATION - - - */
#pagenav, .pagenavspe {
  margin-top: 35px; margin-bottom: 5px;
  color: rgb(105,105,105); text-align: center; font-weight: normal;
  }
  #pagenav a, #pagenav a:hover,
  .pagenavspe a, .pagenavspe a:hover  {
    padding: 0 5px;
    text-decoration: none; border: 1px solid rgb(204,204,204);
    background-color: rgb(235,235,235); color: rgb(51,51,51);
    }
  #pagenav a:hover,
  .pagenavspe a:hover  {
    background-color: rgb(248,248,248); color: rgb(75,75,75);
    }
  #pagenav .select,
  .pagenavspe .select  {
    font-weight: bold; color: rgb(255,0,0);
    }
/* - - - - - - */


/* - - - ETAPE DE NAVIGATION - - - */
#etapenav {
  float: left; width: 98%; margin: 0 0 10px 0; padding: 0; list-style-type: none;
  font-size: 1em;
  background-color: rgb(225,225,225);
  }
#etapenav li {
  margin: 0; padding: 2px 1px; float: left; display: block;
  }
#etapenav li span {
  margin: 0; padding: 4px 7px; float: left; display: block;
  color: rgb(51,51,102); text-decoration: none; text-transform: uppercase;
  }
#etapenav .active span {
  background-color: rgb(204,204,153); color: rgb(35,35,35);
  text-decoration: underline;
  }
#etapenav a, #etapenav a:hover {
  color: rgb(51,51,102);
  }
/* - - - - - - */


/* - - - FORMULAIRES - - - */
#formulaire {
  float: left; width: 100%; margin: 10px 0 0 0;
  }
#formulaire label {
  width: 160px; line-height: 1.8em; float: right; text-align: right; cursor: pointer; padding: 0 5px;
  background-color: rgb(250,250,250); color: rgb(51,51,102);
  }
#formulaire .submitform {
  margin-left: 175px; width: 120px; height: 22px; padding: 0 0 2px 0;
  border: none; background-color: rgb(230,230,230); cursor: pointer;
  }
.champsobligatoires {
  margin: 20px 0 0 0; float: left; width: 100%;
  color: rgb(153,51,51);
  }
#tblform td { padding: 2px 0; }
/* - - - - - - */


/* - - - PLAN DU SITE - - - */
.ulplandusite {
  margin: 0 0 20px 5%; padding: 0; float: left; width: 44%;
  }
.ulplandusite li {
  color: rgb(153,153,153); padding: 0; margin: 0; list-style-type: none;
  background-image: none;
  }
.ulplandusite .plan_niveau_0 {
  margin-top: 8px; margin-left: 7%; width: 90%; list-style-type: square;
  padding: 0 5px 0 0px; background-image: none; background-color: transparent;
  }
.ulplandusite .plan_niveau_0 a { color: rgb(55,55,55); font-size: 1.2em; /* letter-spacing: 1px; */ }
.ulplandusite .plan_niveau_1 {
  margin-top: 5px; margin-left: 30px; list-style-type: circle; width: 80%;
  padding: 0 3px; background-image: none; background-color: transparent;
  }
.ulplandusite .plan_niveau_2 {
  margin-top: 3px; margin-left: 38px; list-style-type: disc;
  padding: 0; background-image: none;
  }
.ulplandusite .plan_niveau_2 a { color: rgb(51,51,51); }
.ulplandusite .plan_niveau_3 {
  margin-top: 1px; padding: 0; margin-left: 48px; list-style-type: disc;
  }
.ulplandusite .plan_niveau_3 a { color: rgb(153,0,0); }
/* specifique */
.ulplandusite .nostyle {
  margin: 0 !important; padding: 0;
  }
/* - - - - - - */


/* - - - RECHERCHE - - - */
#bloc-recherche {
  margin: 8px 0 0 0; padding: 0 15px 0 0; float: right;
  text-align: right;
  }
  #bloc-recherche form { /* fix extra spacing in IE PC */
    margin: 0; padding: 0;
    }
  div#bloc-recherche label {
    width: auto; margin: 0; padding: 0 4px 0 12px; display: inline; float: none;
    vertical-align: middle; border: 0;
    }
  div#bloc-recherche form label img {
    vertical-align: middle;
    }
  div#bloc-recherche .selectlang {
    width: 153px; margin: 0 0 5px 0; padding: 0;
    }
  div#bloc-recherche input#txtSearch {
    width: 113px; margin: 0 0 0 0; padding: 0;
    /*	border: 1px solid rgb(0,255,0); */
    }
  div#bloc-recherche .btnGo {
    margin: 0; padding: 0 0 3px 2px;
    border: 0; vertical-align: middle;
    }

/* résultats */
.searchlist {
  margin: 0 0; padding: 20px 10px 20px 10px;
  color: rgb(102,102,102); border-bottom: 1px solid rgb(230,230,230);
  }
.searchlist:hover {
  background-color: rgb(245,245,245);
  }
.searchlist a {
  font-weight: bold; color: rgb(0,102,102);
  }
.searchlist a:hover {
  color: rgb(0,102,153);
  }
/* - - - - - - */


/* - - - RECHERCHE SHOP - - - */
/* resultat */
.search {
}
.search .bloc-gauche {
  float: left; width: 58%;
  }
.search .moteur-resultat-recherche h2 {
  font-size: 1.25em;
  }
/* bloc resultat recherche */
.search .moteur-resultat-recherche {
  margin: 0 0 15px 0; padding: 0 8px;
  border-color: rgb(230,230,230);
  border-width: 1px;
  border-style: solid;
  background-color: rgb(248,248,248);
}
/* bloc resultat recherche produit */
.search .resultat-recherche {
  margin: 18px 0 1px 0; padding: 0;
  font-weight: bold;
  }
.search .resultat-recherche p {
  margin: 0; padding: 0;
  }
.search .resultat-recherche a, .search .resultat-recherche a:hover {
  color: rgb(153,0,51); text-decoration: none;
  }
/* chemin de navigation du produit trouve */
.search .cheminnav-resultsearch {
  margin: 1px 0 0 0; padding: 0;
  font-size: 0.8em; text-align: left;
  }
.search .cheminnav-resultsearch li {
  display: inline;
  }
.search .cheminnav-resultsearch a, .search .cheminnav-resultsearch a:hover {
  color: rgb(51,102,153); text-decoration: none;
  }
/* lien vers les autres resultats */
.search .voir-autres-result {
  margin: 20px 0 0 -8px; list-style-type: none;
  }
.search .voir-autres-result a {
  padding: 1px 3px; display: block; height: 100%;
  color: rgb(153,102,102); text-decoration: none;
  }
.search .voir-autres-result a:hover {
  padding-left: 15px;
  color: rgb(85,85,85); text-decoration: none;
  }
/* aucun resultat trouve */
.search .aucun-result {
  list-style-type: none;
  }
/* resume de l'article trouve */
.search .resume-resultsearch {
  }
/* page navigation */
.pagenav { margin: 10px 0 15px 0; padding: 0 0 20px 0; }
* + html .pagenav { padding: 0; }
* html .pagenav { padding: 0; }
/* - - - - - - */






/* * * * * * * */
/* DIRECT SHOP */
/* * * * * * * */

/* - - - IDENTIFICATION - - - */
.cpt-client {
  margin: 0; padding: 0 15px; width: 162px; height: 185px; float: right; position: relative; z-index: 500;
  background: url('../images/zoogoods/backg-compte-client.jpg') 0 0 no-repeat;
  }
.cpt-client #mdpoubliesmall {
  background-color: rgb(215,215,215);
  }
.cpt-client .moncpt {
  margin: 12px -15px 0 -15px; padding: 5px 0 15px 15px;
  font-size: 1.4em;
  color: #0A0064; background: url('../images/zoogoods/ico-compte-client.png') 94% 0 no-repeat;
  }
.cpt-client ul {
  margin: 7px 0 0 0; padding: 0; list-style-type: none;
  font-size: 0.9em;
  }
.cpt-client ul li {
  margin: 0; padding: 0;
  }

/* illustration "mon animal" */
.cadre-small img {
  padding: 5px;
  vertical-align: middle; text-align: center;
  border: 1px solid rgb(220,220,220); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
  }

#identification {
  margin: 0 0 0 0; padding: 0;
  }
  /* connexion */
  #identification .mdp, #identification .id, #mdpoubliesmall .email_oublie {
    width: 90%; margin: 5px 0 0 0; padding: 1px;
    font-size: 0.85em;
    border: 1px inset #ACADB2; background-color: white; color: #707070;
    }
  #identification .btnGo {
    margin: 7px 0 0 0; padding: 2px 0 5px 4px; width: 144px; cursor: pointer;
    background: url('../images/zoogoods/bt-backg-acces-compte.jpg') 0 0 no-repeat; border: none;
    color: white; font-size: 0.9em; letter-spacing: -1px; text-align: left;
    }
  * + html #identification .btnGo { padding: 3px 0 5px 6px; }
  * html #identification .btnGo { padding: 3px 0 5px 6px; }

/* mot de passe oublie : petit formulaire */
#mdpoubliesmall {
  font-size: 0.85em;
  }
#mdpoubliesmall .email_oublie {
  }
#mdpoubliesmall label {
  padding: 15px 0 0 0;
  color: rgb(51,51,51);
  }
#mdpoubliesmall .submit {
  margin: 5px 0 0 45px; padding: 0;
  border: 1px solid rgb(102,102,102); background-color: rgb(235,235,235);
  font-size: 0.9em; font-weight: bold;
  }
/* - - - - - - */


/* - - - PROFIL - - - */
/* options */
#options-profil {
  margin: -5px 0 15px 0; float: left; width: 100%;
  color: rgb(85,85,85);
  }
/* bouton de retour */
.boutonretour {
  margin: 15px 0 20px 0; padding: 0 0 0 13px;
  background: url(../images/puce-fleche.gif) 0 4px no-repeat; color: rgb(153,0,0);
  }
.boutonretour a {
  color: rgb(153,0,0);
  }
/* bouton pour ajouter, etc. */
.addparam {
  margin: 15px 0 20px 0; padding: 2px 3px 2px 3px;
  border-style: solid; border-color: rgb(242, 163, 1); border-width: 1px 0;
  text-align: right;
  }
.addparam a {
  padding: 1px 4px;
  color: rgb(51,51,51);
  }
.addparam a:hover {
  background-color: rgb(242, 163, 1); color: white;
  }
/* profilcustomers */
.profilcustomers p {
  line-height: 1.4em;
  }
/* tableau profil */
.tab-profil {
  margin: 5px 0 10px 0; padding: 0 0; position: relative;
  }
.tab-profil td {
  border-bottom: 1px solid white;
  }
.tab-profil .infoprofil {
  width: 170px;
  color: rgb(85,85,85); font-weight: bold;
  }
.tab-profil .submit { margin-top: 15px; }
/* - - - - - - */


/* - - - TABLEAU PANIER et autre - - - */
.tab-defaut {
  width: 98%; margin: 5px 0 15px 0; padding: 0;
  font-family: tahoma, sans-serif; color: 333333;
  }
.tab-defaut thead tr {
  padding: 3px 2px; margin: 0;
  }
.tab-defaut thead tr th {
  font-weight: bold; padding: 5px 2px 5px 5px;
  background-color: rgb(240,240,240); color: rgb(127,32,48);
  }
.tab-defaut tbody tr {
  padding: 3px 2px; margin: 0;
  border-bottom: 1px dotted rgb(150,150,150);
  }
.tab-defaut tbody tr td {
  vertical-align: middle; padding: 7px 2px 10px 2px; margin: 0;
  background-color: rgb(225,225,225);
  }
.tab-defaut tbody .chcolor td { background-color: rgb(220,220,190); }
.tab-defaut tfoot tr th {
  padding-top: 5px;
  }
.tab-defaut tfoot .margtopbig th {
  padding-top: 10px;
  }
/* link */
.tab-defaut a {
  color: rgb(1, 45, 132);
  }
/* image */
.tab-defaut img.photo_panier {
  display: block; border: 1px solid rgb(102,102,102);
  }
/* plus & moins quantité */
.incrementationqt { width: 30px; float: left; text-align: center; margin: 3px 5px 0 8px }
.plusqt, .moinsqt { cursor: pointer; display: block; margin-top: 2px; }
.plusqt { margin-top: 2px }
.panierforce { width: 60px; }
/* - - - - - - */


/* - - - TABLEAU Fiche produit - - - */
#declinaisons {
	width: 100%;
	border: rgb(170,170,170) 1px solid;
}
	/* thead */
	#declinaisons thead td {
		padding: 1px;
		border-right: rgb(170,170,170) 1px solid; border-bottom: rgb(170,170,170) 1px solid;
		color: #65658B; text-align: center; font-weight: bold;
	}
	#declinaisons thead .noborder { border-right: none; }
	/* tbody */
	#declinaisons tbody td {
		padding: 4px 2px 4px 8px;
		color: black; vertical-align: middle; font-size: .9em;
	}
	#declinaisons tbody .impair td { background-color: rgb(192,192,192); }
	/* form */
	#declinaisons tbody form input {
		margin: 0; vertical-align: middle;
	}
	#declinaisons tbody form .quantity {
		width: 50px; margin: 0 8px 0 50px; float: left;
		text-align: center; border: 1px solid rgb(150,150,150);
	}
	#declinaisons tbody form .btnAddTo {
		float: right; margin: -27px 70px 0 0;
	}

/* sans déclinaisons */
.sansdecli {
	float: right; width: 68%; padding: 8px 0 5px 0;
	border: 1px solid rgb(215,215,215); background-color: rgb(235,235,235);
}
	#CartProductPrice {
		float: left; width: 30%;
		font-size: 1.5em;
	}
	.ajout-panier {
		float: left; width: 70%;
	}
		.ajout-panier p {
			float: left; width: 60%; margin: 0;
		}
			.ajout-panier .quantity {
				width: 50px; margin: 4px 8px 0 50px; float: left;
				text-align: center; border: 1px solid rgb(150,150,150);
			}
			.ajout-panier .btnAddTo {
				margin: 0 25px 0 0;
			}
/* - - - - - - */


/* - - - INPUT / LABEL : shipping, etc. - - - */
.inputlabel {
  float: left; margin-bottom: 0; padding: 5px 10px 5px 3px;
  background-color: rgb(245,245,245);
  }
.changecolor {
  background-color: rgb(235,235,235);
  }
.inputlabel input {
  float: left; margin-right: 5px;
  }
.inputlabel span {
  display: block; float: left;
  }
/* defaultadd & autresadd */
.defaultadd, .autresadd {
  }
/* adresse par defaut */
.defaultadd {
  float: left; width: 49%;
  }
/* autres adressses */
.autresadd {
  float: right; width: 49%;
  }
/* texte ajoutez une adresse */
.addaddlivraison {
  margin: 20px 0;
  }
/* - - - - - - */


/* - - - PANIER - - - */
#cart {
  margin: 0 0 10px 0; padding: 0; float: left; width: 86%; position: relative;
  border: 2px solid #DBD9D4;
  }
  #cart .marg {
    padding: 0 10px;
    }
  #cart p {
    }
  #cart .title {
    margin: 0; padding: 3px 0;
    background-color: #DBD9D4;
    text-align: center; font-size: 1.3em;
    }
  #cart .title a, #cart .title a:hover {
    color: #0A0064;
    }

  #cart .panier img {
    position: absolute; top: 0; right: -27px;
    }

  #cart .info {
    color: #AE500A;
    }
/* - - - - - - */


/* - - - PANIER - - - */
.ligne_panier td {
  margin-bottom: 5px;
  }

.poursuivrecmd {
  margin: 0 20px 0 0;
  text-align: right;
  }
.poursuivrecmd span {
  }
.poursuivrecmd span a , .poursuivrecmd button {
  color:#666;
  }
/* - - - - - - */


/* - - - LOGIN (mot de passe, création compte) - - - */
.form_inscription {
  margin: 8px 0; padding: 0;
  }
/* p par ligne (label + input) */
.form_inscription p {
  margin: 2px 0; padding: 0;
  }
/* pour aligner les label et span */
.form_inscription p .spanblock {
  display: block; width: 100px; float: left;
  }
/* supprimer dans certains cas la longueur attribuée au input */
.form_inscription .nowidth {
  width: auto;
  }
/* bouton de validation */
.form_inscription .submit {
  margin: 3px 0 0 100px;
  border: none; background-color: rgb(210,210,210); color: rgb(55,55,55);
  font-weight: bold; cursor: pointer;
  }
.form_inscription .indication {
  background-color: rgb(244,243,247); font-style: italic;
  }
/* formulaire d'inscription */
#pasencoreinscrit .spanblock {
  width: 190px;
  }
#pasencoreinscrit .submit {
  margin-left: 0;  padding: 3px 0;
  }
/* mot de passe oublié */
#mot_de_passe_ensemble {
  padding: 8px 5px; width: 300px;
  background-color: rgb(244,243,247);
  }
/* dejainscrit */
#dejainscrit {
  float: left; width: 47.5%; margin-right: 3%; margin-left: 1%;
  margin-bottom: 20px;
  }
#dejainscrit .submit {
  margin-left: 0 !important;
  }
/* pasencoreinscritpetit */
#pasencoreinscritpetit {
  float: left; width: 47.5%; margin-right: 1%;
  }
/* texte d'intro sous le legend */
.introlegend {
  width: 99%; margin: 0 0 11px 0 !important;
  font-style: italic;
  }
/* info complémentaire après input généralement */
.infocomplementaire {
  font-size: 1em; font-weight: bold;
  color: rgb(153,0,0);
  }
/* - - - - - - */



/* * * * * * * */
/* DIRECT NEWS */
/* * * * * * * */


/* - - - FAQ - - - */
.faq {
  }
/* box par Q/R */
.faq .grp-faq {
  margin: 18px 0;
  }
/* question */
.faq h2 a, .faq h2 {
  color: rgb(100,100,100); text-decoration: none; font-weight: normal;
  border: none; font-weight: bold;
  }
.faq h2 a:hover {
  text-decoration: underline; color: rgb(100,100,100);
  }
/* reponse */
.faq .resume, .faq .detail {
  margin: 0 0 0 4px; padding: 0 0 0 8px;
  border-left: 15px solid rgb(243,243,243);
  }
/* lien afficher/cacher reponse */
.faq .fermerrep a:hover, .faq .ouvrerep a:hover {
  text-decoration: none;
  }
.faq .fermerrep span, .faq .fermerrep a, .faq .ouvrerep span, .faq .ouvrerep a {
  padding: 1px 8px 1px 8px; width: 110px; display: block;
  cursor: pointer; font-weight: bold;
  }
.faq .fermerrep span, .faq .fermerrep a {
  color: rgb(102,51,102); text-align: right;
  }
.faq .btretour a {
  width: 100% !important;
  }
/* - - - - - - */


/* - - - ACTUALITES - - - */
div.contentseparator {
	clear: both; display: block; height: 1px; margin: 15px auto 5px auto; padding: 0; overflow: hidden; width: 80%;
	background: white url('../images/zoogoods/imgDottedLineHor.gif') left top repeat-x; color: rgb(189,200,208);
  }

/* bloc actu */
.actu {
  padding: 3px 5px; margin: 0 0 5px 0; cursor: default; height: 100%; float: left; width: 100%;
  background-color: rgb(250,250,250);
  }
  /* titre */
  .actualites .titre {
  	padding-left: 15px; margin-bottom: 0; border: none !important;
    background: transparent url(../images/zoogoods/puce-fleche.gif) 5px 4px no-repeat;
    }
  .actualites .titre a, .actualites .titre {
  	color: rgb(0,51,153);
    }
  /* sous titre */
  .actualites .sstitre {
    margin: 0 0 15px 0;
  	color: rgb(153,102,102);
  	font-weight: bold; font-style: italic;
    }
  .actualites .actu .sstitre {
    margin: 0 0 -2px 15px;
    }
  /* content resume */
  .actualites .rscontent {
  	margin-left: 15px;
    }
  /* vignette */
  .actualites .vignette {
    float: left; margin: 0 10px 5px 0;
    }
  .actualites .actu .vignette {
    float: right; margin: 0 0 5px 10px;
    }
/* - - - - - - */




/* * * * * * * * * * * * */
/* GLOBAL WEB SITE EXTRA */
/* * * * * * * * * * * * */


/* - - - ACCUEIL - - - */
.accueil {
  }


/* liste des categories */
.listcat {
  margin: 0 auto 0 10px; padding: 0 0 5px 0; list-style-type: none; /* float: left; */
  width: 96%; float: left;
  }
* html .listcat { margin-left: 5px; }
.clearmenuspe { clear: both; width: 100%; height: 15px; font-size: 0; }
* + html .clearmenuspe { height: 0; }
* html .clearmenuspe { height: 0; }
  .listcat li {
    margin: 0 auto 0 auto; padding: 0px; float: left;
    }
  .listcat li a, .listcat li a:hover {
    display: block; float: left; width: 72px; height: 23px; margin: 0 0 0 3px; padding: 60px 0 0 0;
    color: white; font-weight: bold; text-align: center;
    background: rgb(100,100,100) url('../images/zoogoods/cat-chiens.jpg') 0 0 no-repeat;
    filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60;
    }
  .listcat .active a,
  .activeallrub li a,
  .listcat li a:hover { filter: alpha(opacity=100) !important; -moz-opacity: 1 !important; opacity: 1; !important }
  * html .listcat li a { margin-left: 2px; overflow: hidden;}
  * html .listcat li a:hover { margin-left: 2px; overflow: hidden;}
  /* specifique */
  .listcat .cat-chiens a, .listcat .cat-chiens a:hover {
    background-image: url('../images/zoogoods/cat-chiens.jpg');
    }
  .listcat .cat-chats a, .listcat .cat-chats a:hover {
    background-image: url('../images/zoogoods/cat-chats.jpg');
    }
  .listcat .cat-furets a, .listcat .cat-furets a:hover {
    background-image: url('../images/zoogoods/cat-furets.jpg');
    }
  .listcat .cat-rongeurs a, .listcat .cat-rongeurs a:hover {
    background-image: url('../images/zoogoods/cat-rongeurs.jpg');
    }
  .listcat .cat-reptiles a, .listcat .cat-reptiles a:hover {
    background-image: url('../images/zoogoods/cat-reptiles.jpg');
    }
  .listcat .cat-oiseaux a, .listcat .cat-oiseaux a:hover {
    background-image: url('../images/zoogoods/cat-oiseaux.jpg');
    }
  .listcat .cat-chevaux a, .listcat .cat-chevaux a:hover {
    background-image: url('../images/zoogoods/cat-chevaux.jpg');
    }
  .listcat .cat-poissons a, .listcat .cat-poissons a:hover {
    background-image: url('../images/zoogoods/cat-poissons.jpg');
    }
  .listcat .cat-volailles a, .listcat .cat-volailles a:hover {
    background-image: url('../images/zoogoods/cat-volailles.jpg');
    }
  .listcat .cat-autres a, .listcat .cat-autres a:hover {
    background-image: url('../images/zoogoods/cat-autres.jpg');
    }

/* réseaux sociaux */
.bt-conseils {
  margin: 0 0 0 10px;
  }
.bt-conseils a, .bt-conseils a:hover {
  display: block; width: 130px; height: 30px; padding: 11px 0 0 11px;
  background: url('../images/zoogoods/bt-conseils.jpg') 0 0 no-repeat;
  color: black; font-weight: bold;
  }

/* box faq */
.box-faq {
  float: left; width: 100%; margin: 10px 0; min-height: 200px;
  background: url('../images/zoogoods/backg-faq.png') 0 45px no-repeat;
  }
.box-faq .title {
  padding: 10px 0 13px 50px;
  background: url('../images/zoogoods/ico-faq.png') 0 0 no-repeat;
  font-weight: bold; font-size: 0.9em;
  }
.box-faq .lienq, .box-faq .lienq:hover {
  color: black; font-weight: bold;
  }
.box-faq .lienr, .box-faq .lienr:hover {
  color: black;
  }

/* box newsletter */
.box-parrainage {
  float: left; width: 100%; margin: 0 0 0 0; min-height: 155px;
  background: url('../images/zoogoods/backg-parrainage.png') 0 45px no-repeat;
  }
.box-parrainage .title {
  padding: 12px 0 1px 30px; margin-bottom: -5px;
  background: url('../images/zoogoods/ico-parrainage.png') 0 0 no-repeat;
  font-weight: bold; font-size: 1.1em;
  }

/* box newsletter */
.box-newsletter {
  float: left; width: 100%; margin: -20px 0 0 0;
  }
.box-newsletter .title {
  padding: 12px 50px 1px 0; margin-bottom: -5px;
  background: url('../images/zoogoods/ico-newsletter.png') 53% 0 no-repeat;
  font-weight: bold; font-size: 1.1em;
  }

/* support */
.support {
  float: left; width: 79%; margin: -17px 0 0 0; padding: 5px 0 0 0;
  background: url('../images/zoogoods/ico-support.png') right 0 no-repeat;
  text-align: right;
  }
.min .support { width: 77%; }
  .support small {
    padding: 5px 0 3px 27px; margin: 0 70px 0 0;
    background: url('../images/zoogoods/ico-tel.jpg') 0 0 no-repeat;
    color: #64768E; font-size: 0.8em;
    }
  .support big {
    display: block; margin: 0 0 0 0; margin: 0 110px 0 0;
    font-weight: bold; font-size: 1.3em !important;
    }

/* accroche1 */
.accroche1 {
  margin: 10px 0 15px 0; float: left; width: 100%;
  font-size: 1.4em; font-weight: bold; text-transform: uppercase;
  color: #FF710D;
  }
  .accroche1 .noir { color: black; }
  .accroche1 .orange { color: #FF710D; }
  .accroche1 .big { font-size: 1.5em; letter-spacing: 3px; }

/* accroche2 */
.accroche2 {
  float: left; width: 95%; padding: 0 0 0 10px; min-height: 211px;
  background: url('../images/zoogoods/backg-soins.png') 0 0 no-repeat;
  }
.accroche2 .imgbackg2 {
  padding: 70px 0 0 0;
  background: url('../images/zoogoods/ico-pipette.png') 80% 30px no-repeat;
  }

/* accroche3 */
.accroche3 {
  float: left; width: 95%; margin: 10px 0; padding: 0 0 0 10px;
  }
  .accroche3 ul {
    margin: 0 0 0 0; padding: 0; list-style-type: none;
    }
  .accroche3 ul li {
    margin: 0; padding: 0;
    }
  .accroche3 ul li a {
    color: black;
    }


/* bloc texte libge */
.textelibre {
  float: left; width: 100%; margin: 15px 0;  padding: 0 10px;
  }
/* - - - - - - */


/* - - -  float : top fiche produit, liste produits - - - */
.fleft {
  float: left; width: 23%;
  }
.fright {
  float: left; width: 77%;
  }


/* bloc remise */
.bloc_remise {
  margin: 5px 0 5px 0; position: relative; z-index: 100;
  text-align: center;
  }
/* - - - - - - */


/* - - - BLOC REMISE - - - */
.boxfloat {
  float: left; width: 32%; margin: 0 0 0 0.8%; position: relative; z-index: 100;
  }
/* - - - - - - */


/* - - - LISTE DES PRODUITS - - - */
.listprod {
  }

.listprod #centre, .listprod #partie-gauche {
  margin: -13px 0 0 0; position: relative; z-index: 100;
  }
/* - - - - - - */


/* - - - SOUS CATEGORIE - - - */
#list-product {
  /* float: left; width: 100%; */
  }

/* on reforce les paramètres car la box est dans une autre */
.cadre-vs8 #list-product .top, .cadre-vs8 #list-product .bottom, .cadre-vs8 #list-product .content {
  width: 182px; float: left; overflow: hidden;
  }
  .cadre-vs8 #list-product .top, .cadre-vs8 #list-product .bottom  {
    height: 10px;
    }
  .cadre-vs8 #list-product .top  {
    background: url('../images/zoogoods/cadre-top-vs4.jpg') 0 0 no-repeat;
    }
  .cadre-vs8 #list-product .bottom {
    background: url('../images/zoogoods/cadre-bottom-vs4.jpg') 0 0 no-repeat;
    }
  /* content */
  .cadre-vs8 #list-product .content {
    margin: 0 0 0 2px; width: 87%; padding: 0 10px;
    }

#list-product .box {
  float: left; width: 32%; margin: 0 0 0 0.8%;
  }
  #list-product .box .title {
    border: none;
    }
/* - - - - - - */


/* - - - CADRE VS1 - - - */
.cadre-vs1, .cadre-vs1 .top, .cadre-vs1 .bottom, .cadre-vs1 .content {
  width: 178px; float: left; overflow: hidden;
  }
.cadre-vs1 {
  background: url('../images/zoogoods/cadre-middle-vs1.jpg') 0 0 repeat-y;
  }
  .cadre-vs1 .top, .cadre-vs1 .bottom  {
    height: 10px;
    }
  .cadre-vs1 .top  {
    background: url('../images/zoogoods/cadre-top-vs1.jpg') 0 0 no-repeat;
    }
  .cadre-vs1 .bottom {
    background: url('../images/zoogoods/cadre-bottom-vs1.jpg') 0 0 no-repeat;
    }
  /* content */
  .cadre-vs1 .content {
    margin: 0 0 0 2px; width: 86%; padding: 0 10px;
    background: rgb(237, 237, 239) url('../images/zoogoods/cadre-degrade-vs1.jpg') 0 0 repeat-x;
    }
  .cadre-vs1 .content h4 { margin: 5px 0 0 15px; }
/* - - - - - - */


/* - - - CADRE VS2 - - - */
.cadre-vs2, .cadre-vs2 .top, .cadre-vs2 .bottom, .cadre-vs2 .content {
  width: 606px; float: left; overflow: hidden;
  }
.cadre-vs2 {
  background: url('../images/zoogoods/cadre-middle-vs2.jpg') 0 0 repeat-y;
  }
  .cadre-vs2 .top, .cadre-vs2 .bottom  {
    height: 10px;
    }
  .cadre-vs2 .top  {
    background: url('../images/zoogoods/cadre-top-vs2.jpg') 0 0 no-repeat;
    }
  .cadre-vs2 .bottom {
    height: 25px;
    background: url('../images/zoogoods/cadre-bottom-vs2.jpg') 0 0 no-repeat;
    }
  /* content */
  .cadre-vs2 .content {
    margin: 0 0 0 2px; width: 95.5%; padding: 0 10px;
    }
    .cadre-vs2 .content .nouveaute-slide {
      width: 330px; float: left; min-height: 250px;
      background: url('../images/zoogoods/backg-degrade.jpg') 0 0 repeat-x;
      }
/* - - - - - - */
/* - - - CADRE VS2 min - - - */
.cadre-vs2min {
  margin: 20px 0 0 0;
  }
.cadre-vs2min, .cadre-vs2min .top, .cadre-vs2min .bottom, .cadre-vs2min .content {
  width: 590px !important; float: left !important;
  }
.cadre-vs2min {
  background: url('../images/zoogoods/cadre-middle-vs2min.jpg') 0 0 repeat-y !important;
  }
  .cadre-vs2min .top, .cadre-vs2min .bottom  {
    height: 10px !important;
    }
  .cadre-vs2min .top  {
    background: url('../images/zoogoods/cadre-top-vs2min.jpg') 0 0 no-repeat !important;
    }
  .cadre-vs2min .bottom {
    height: 25px !important;
    background: url('../images/zoogoods/cadre-bottom-vs2min.jpg') 0 0 no-repeat !important;
    }
  /* content */
  .cadre-vs2min .content {
    margin: -35px 0 0 2px !important; width: 97.5% !important; padding: 0 5px !important; position: relative; z-index: 100;
    }

    .cadre-vs2min .content .box {
      float: left; width: 32.5%; margin: 0 0 0 0.8%;
      }
    * html .cadre-vs2min .content .box { margin-left: 0.4%; }
      .cadre-vs2min .content .box .title {
        border: none;
        }
      .cadre-vs2min .content .box .title a, .cadre-vs2min .content .box .title a:hover {
        display: block; width: 182px; padding: 8px 0 26px 0; margin-bottom: -15px;
        background: url('../images/zoogoods/bt-backg-divers.jpg') 0 0 no-repeat;
        }
/* - - - - - - */


/* - - - CADRE VS3 - - - */
.cadre-vs3 {
  margin: 10px 0 0 0;
  }
.cadre-vs3, .cadre-vs3 .top, .cadre-vs3 .bottom, .cadre-vs3 .content {
  width: 789px; float: left; overflow: hidden;
  }
.cadre-vs3 {
  background: url('../images/zoogoods/cadre-middle-vs3.jpg') 0 0 repeat-y;
  }
  .cadre-vs3 .top, .cadre-vs3 .bottom  {
    height: 10px;
    }
  .cadre-vs3 .top  {
    background: url('../images/zoogoods/cadre-top-vs3.jpg') 0 0 no-repeat;
    }
  .cadre-vs3 .bottom {
    background: url('../images/zoogoods/cadre-bottom-vs3.jpg') 0 0 no-repeat;
    }
  /* content */
  .cadre-vs3 .content {
    margin: 0 0 0 2px; width: 97%; padding: 0 10px;
    }
    .cadre-vs3 .content .box {
      float: left; width: 24%; margin: 0 0 0 0.8%;
      }
      .cadre-vs3 .content .box .title {
        border: none;
        }
      .cadre-vs3 .content .box .title a, .cadre-vs3 .content .box .title a:hover {
        display: block; width: 182px; padding: 8px 0 26px 0; margin-bottom: -15px;
        background: url('../images/zoogoods/bt-backg-divers.jpg') 0 0 no-repeat;
        }
    .cadre-vs3 .content h4 {
      margin: 2px 0 0 0;
      text-transform: uppercase; color: black; font-size: 1.4em;
      }
    .cadre-vs3 .content .margtop {
      margin-top: 25px; float: left; width: 74%;
      }
/* - - - - - - */


/* - - - CADRE VS4 - - - */
.cadre-vs4 {
  margin: 10px 0 0 0;
  }
.cadre-vs4, .cadre-vs4 .top, .cadre-vs4 .bottom, .cadre-vs4 .content {
  width: 182px; float: left; overflow: hidden;
  }
.cadre-vs4 {
  background: url('../images/zoogoods/cadre-middle-vs4.jpg') 0 0 repeat-y;
  }
  .cadre-vs4 .top, .cadre-vs4 .bottom  {
    height: 10px;
    }
  .cadre-vs4 .top  {
    background: url('../images/zoogoods/cadre-top-vs4.jpg') 0 0 no-repeat;
    }
  .cadre-vs4 .bottom {
    background: url('../images/zoogoods/cadre-bottom-vs4.jpg') 0 0 no-repeat;
    }
  /* content */
  .cadre-vs4 .content {
    margin: 0 0 0 2px; width: 87%; padding: 0 10px;
    }
  .offrespeciales .cadre-vs4 .content  { min-height: 260px; _height: 260px; }
  .coupscoeur .cadre-vs4 .content  { min-height: 330px; _height: 330px; }
  .souscat .cadre-vs4 .content  { min-height: 300px; _height: 300px; font-size: .9em; }
    .cadre-vs4 .content h2 {
      padding: 0 0 5px 0; margin-top: 0;
      border-bottom: 1px dashed #CCCCCC;
      }
    .cadre-vs4 .content h2 a {
      }
    .cadre-vs4 .content .infoprix {
      margin-bottom: 0;
      }
    .cadre-vs4 .content .prix, .cadre-vs4 .content .poids {
      display: block; float: left;
	  font-weight: bold;
    }
    .cadre-vs4 .content .poids {
      float: right;
    }
    .cadre-vs4 .content .avis {
		margin-top: 2px;
		color: rgb(128,64,0);
    }
    .cadre-vs4 .content .detail {
		margin-top: 0; padding-top: 5px;
		border-top: 1px dashed rgb(195,195,195);
    }
    .cadre-vs4 .content .name {
		margin-bottom: 4px; margin-top: 3px;
    }
    .cadre-vs4 .content .small {
		font-size: .95em !important;
    }
    .cadre-vs4 .content .ill {
		display: block;
		text-align: center;
    }
/* - - - - - - */


/* - - - CADRE VS8 - - - */
.cadre-vs8 {
  margin: 0 0 0 0;
  }
* + html .cadre-vs8 { margin-top: 15px; }
.cadre-vs8, .cadre-vs8 .top, .cadre-vs8 .bottom, .cadre-vs8 .content {
  width: 100%; float: left;
  }
.cadre-vs8 {
  background: url('../images/zoogoods/cadre-middle-vs8.jpg') 0 0 repeat-y;
  }
  .cadre-vs8 .top, .cadre-vs8 .bottom  {
    height: 15px;
    }
  .cadre-vs8 .top  {
    background: url('../images/zoogoods/cadre-top-vs8.jpg') 0 0 no-repeat;
    }
  .cadre-vs8 .bottom {
    height: 20px;
    background: url('../images/zoogoods/cadre-bottom-vs8.jpg') 0 0 no-repeat;
    }
  /* content */
  .cadre-vs8 .content {
    margin: 0 0 0 0; width: 100%; padding: 0 0;
    }
/* - - - - - - */


/* - - - CADRE VS10 - - - */
.cadre-vs10 {
  margin: 10px 0 10px 0;
  }
.cadre-vs10, .cadre-vs10 .top, .cadre-vs10 .bottom, .cadre-vs10 .content {
  width: 590px; float: left;
  }
.cadre-vs10 {
  background: url('../images/zoogoods/cadre-middle-vs10.jpg') 0 0 repeat-y;
  }
  .cadre-vs10 .top, .cadre-vs10 .bottom  {
    height: 30px;
    }
  .cadre-vs10 .top  {
    background: url('../images/zoogoods/cadre-top-vs10.jpg') 0 0 no-repeat;
    }
  .cadre-vs10 .bottom {
    height: 11px;
    background: url('../images/zoogoods/cadre-bottom-vs10.jpg') 0 0 no-repeat;
    }
  /* content */
  .cadre-vs10 .content {
    margin: -15px 0 0 0; width: 96%; padding: 0 10px; position: relative; z-index: 100;
    }
  .cadre-vs10 .content .box {
    float: left; width: 32%; margin: 0 0 0 1%;
    }
  .cadre-vs10 .content .box2 {
    float: left; width: 32%; margin: 10px 0 0 0;
    }
		.cadre-vs10 .content .box2 .avis {
			color: rgb(128,64,0);
		}
  .cadre-vs10 .content .box3 {
    float: left; width: 67%; margin: 10px 0 0 1%;
    }
  .cadre-vs10 .content .box4 {
    float: left; width: 66%; margin: 10px 0 0 1%;
    }
		.listprod .box4 .conditionnement {
		  }
			.listprod .box4 .conditionnement li {
				float: left; min-height: 30px; _height: 30px; margin-right: 11px; padding: 0;
				font-weight: bold; text-align: center; line-height: 1.4;
			}
		.listprod  .box4 .description .actions {
			margin-right: 45px;
		}
		.listprod  .box4 .prix {
			padding: 5px 10px 3px 10px;
			border: 1px solid rgb(205,205,205); background-color: rgb(245,245,245);
		}
/* - - - - - - */


/* - - - CADRE DERNIER ARTICLES - - - */
.cadre-derarticles {
  margin: 15px 0 0 5px;
  }
* html .cadre-derarticles { margin-left: 3px; }
.cadre-derarticles, .cadre-derarticles .top, .cadre-derarticles .bottom, .cadre-derarticles .content {
  width: 174px !important; overflow: hidden !important; float: left !important;
  }
.cadre-derarticles {
  background: url('../images/zoogoods/cadre-middle-derarticles.jpg') 0 0 repeat-y !important;
  }
  .cadre-derarticles .top, .cadre-derarticles .bottom  {
    /* height: 4px; */ height: auto !important;
    }
  .cadre-derarticles .top p  {
    padding: 0 5px; margin: 3px 0;
    color: white; font-size: 1.4em; text-align: center; line-height: 1em;
    }
  .cadre-derarticles .top  {
    background: rgb(231, 85, 28) url('../images/zoogoods/cadre-top-derarticles.jpg') 0 0 no-repeat !important;
    }
  .cadre-derarticles .bottom {
    height: 6px !important;
    background: url('../images/zoogoods/cadre-bottom-derarticles.jpg') 0 0 no-repeat !important;
    }
  /* content */
  .cadre-derarticles .content {
    margin: 0 0 0 0 !important; width: 88% !important; padding: 0 10px !important;
    }
  .cadre-derarticles .bt-listcomplete {
    text-align: center;
    }
/* - - - - - - */


/* - - - LOGO DES MARQUES - - - */
.logo-marques {
  margin: 20px 0 0 0; min-height: 50px; padding: 5px 0 0 0;
  background: url('../images/zoogoods/cadre-top-vs9.jpg') 0 0 no-repeat;
  }
/* - - - - - - */


/* - - - CADRE FICHE PRODUIT - - - */
.cadre-ficheprod1, .cadre-ficheprod2, .cadre-ficheprod3, .cadre-ficheprod4 {
  float: left; width: 149px; height: 187px; padding: 0 10px; margin: 10px 0 20px 0;
  background: url('../images/zoogoods/cadre-ficheprod1.jpg') 0 0 no-repeat;
  }
.cadre-ficheprod1 {

  }
.cadre-ficheprod2 {
  width: 150px;
  background: url('../images/zoogoods/cadre-ficheprod2.jpg') 0 0 no-repeat;
  }
.cadre-ficheprod3 {
  width: 89px;
  background: url('../images/zoogoods/cadre-ficheprod3.jpg') 0 0 no-repeat;
  }
.cadre-ficheprod4 {
  width: 125px;
  background: url('../images/zoogoods/cadre-ficheprod4.jpg') 0 0 no-repeat;
  }
  /* content */
  .cadre-ficheprod1 .content, .cadre-ficheprod2 .content, .cadre-ficheprod3 .content, .cadre-ficheprod4 .content {
    overflow: auto; height: 145px; width: 100%; margin: 0 0 0 0;
    }
  .cadre-ficheprod1 .title, .cadre-ficheprod2 .title, .cadre-ficheprod3 .title, .cadre-ficheprod4 .title {
    font-weight: bold;
    }
/* - - - - - - */


/* - - - LISTING MAILING - - - */
.listing_mailing .fleft {
  float: left; width: 48%; margin-right: 3%;
  }
.listing_mailing .fright {
  float: left; width: 48%;
  }

.listing_mailing ul {
	margin: 10px 0 10px 25px; padding: 0;
}
	.listing_mailing ul li {
		margin: 7px 0; padding: 0; list-style-type: circle;
	}
		.listing_mailing ul li a, .listing_mailing ul li a:hover {
			color: rgb(0,64,128);
		}
/* - - - - - - */