/*--------------------------------------------------------------------------------
/*          =BALISES
/*          =STRUCTURE
/*               @Entête
/*               @Conteneur
/*               @Pied de page
/*          =CLASSES
/*          =MODULES
/*              @Navigation
/*              @contenu
/*              @carousels
/*              @lightbox
/*              @aside
/*             =CATALOGUE
/*              @Couleurs categories
/*              @Formulaires
/*              @fiches race Felins
/*          =AJOUT
/*              @site distrib
-------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------
          =BALISES
-------------------------------------------------------------------------------- */

html, body {
    font-size: 100%;
    text-align: center;
    padding: 0;
    border: 0;
    margin: 0;
    height: 100%;
}

body {
    font: 0.625em/1em arial, helvetica, sans-serif;
    text-align: left;
    background: #fff url(../images/bg-body.png) repeat-x left top;
}

body.nobg {
    background: none;
    width: 660px;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
    margin: 0;
    padding: 0;
}

h1, .h1 {
    color: #e2001a;
    font: normal 1.8em/1em arial, helvetica, sans-serif;
}

h2, .h2 {
    color: #e2001a;
    font: 1.6em/1em arial, helvetica, sans-serif;
}

h3, .h3 {
    color: #645330;
    font: bold 1.2em/1em arial, helvetica, sans-serif;
    margin-bottom: 4px;
}

h4, .h4 {
    color: #645330;
    font: 1.2em/1em arial, helvetica, sans-serif;
}

h5 {
    font: 1.1em/1em arial, helvetica, sans-serif;
}

h6 {
    font: 1em/1em arial, helvetica, sans-serif;
}

p {
    color: #645330;
    font: 1.2em/1.2em arial, helvetica, sans-serif;
    padding: 0 0 5px 0;
    margin: 0;
}

ul, ol {
    list-style: none;
    padding: 0 0 0.75em 0;
    margin: 0;
}

li {
    color: #645330;
    font: 1.2em/1.2em arial, helvetica, sans-serif;
    padding: 0;
    margin: 0;
}

a {
    color: #e2001a;
    text-decoration: underline;
}

a:hover,
a:focus {
    text-decoration: none;
}

img {
    border: 0;
}

hr {
    height: 0;
    color: #fff;
    background: #fff;
    border: none;
    border-top: 1px solid #fff;
    margin: 0px;
}

form {
    padding: 0;
    margin: 0;
    display: inline;
}

textarea {
    line-height: 1.25;
}

label {
    cursor: pointer;
}

table {
    padding: 0;
    border: 0;
    margin: 0 0 0.75em 0;
    border-collapse: collapse;
}

th,
td {
    padding: 0;
}

blockquote {
    padding: 0;
    margin: 0.8em 1.5em;
}

small {
    font: 0.8em/1em arial, helvetica, sans-serif;
}

kbd {
    padding: 1px 2px;
    border: 1px solid #000;
}

sup {
    position: relative;
    bottom: 0.3em;
    vertical-align: baseline;
}

sub {
    position: relative;
    bottom: -0.2em;
    vertical-align: baseline;
}

acronym,
abbr {
    cursor: help;
    letter-spacing: 1px;
    border-bottom: 1px dashed;
}


/*--------------------------------------------------------------------------------
          =STRUCTURE
-------------------------------------------------------------------------------- */

#site, #siteDistrib  {
    position: relative;
    width: 940px;
    margin: 0 auto;
    background: url(../images/bg-site.png) no-repeat right 161px;
}


/*          @Entête
---------------------------------------- */

#header {
    position: relative;
}

#header .top {
    position: relative;
    height: 60px;
    width: 709px;
}

#header h1 {
    position: absolute;
    top: 7px;
}

#liensHeader {
    position: absolute;
    top: 1px;
    right: 0px;
}

#liensHeader a {
    display: block;
    float: left;
    color: #7c6b4a;
    font-size: 1.1em;
    border-left: 1px solid #bca887;
    padding: 11px 6px 8px;
    font-weight: bold ;
}

#liensHeader .groupe {
    padding-left: 58px;
    background: transparent url(../images/bg-lien-groupe.png) no-repeat 12px 5px;
}

#toolsBox {
    width: 231px;
    height: 161px;
    position: absolute;
    top: 0px;
    right: 0px;
    background: transparent url(../images/bg-toolsbox.png) repeat-x left top;
}

#toolsBox .recherche, #toolsBox .contact {
    padding: 5px 0 0 46px;
}

#toolsBox .recherche {
    height: 26px;
    background: transparent url(../images/bg-recherche.png) no-repeat left top;
}

#toolsBox .contact {
    height: 24px;
    background: transparent url(../images/bg-contact.png) no-repeat left top;
}

#toolsBox .recherche input {
    float: left;
    margin: 0;
}

#toolsBox .recherche input[type=text] {
    width: 141px;
    height: 18px;
    border: none;
    padding: 1px 0 0 10px;
    background: transparent url(../images/bg-input-recherche.png) no-repeat right top;
    color: #7c6a4d;
    font-size: 12px;
}

#espacePartenaire {
    height: 90px;
    padding: 11px 0 0 46px;
    background: transparent url(../images/bg-espace-partenaire.png) no-repeat left top;
    position: relative;
}

#espacePartenaire .aide {
    position: absolute;
    top: 10px;
    right: 10px;
}

#espacePartenaire input {
    font-size: 11px;
    color: #7a7878;
    border: none;
    float: left;
    margin-bottom: 5px;
}

#espacePartenaire input#login {
    width: 160px;
    height: 16px;
    padding: 3px 0 0 10px;
    background: transparent url(../images/bg-input-login-partenaire.png) no-repeat right top;
}

#espacePartenaire input#mdp {
    width: 141px;
    height: 16px;
    padding: 3px 0 0 10px;
    background: transparent url(../images/bg-input-passeport-partenaire.png) no-repeat right top;
}

#espacePartenaire h3 {
    padding: 0 0 3px 3px;
}

#espacePartenaire .lien {
    clear: left;
    padding: 0 0 0 3px;
}

#espacePartenaire .lien a {
    color: #fc3f55;
    font: normal 10px verdana, helvetica, sans-serif;
}

/*          @Conteneur
---------------------------------------- */

#container, #container_small {
    float: left;
    width: 709px;
    position: relative;
    border-bottom: 1px solid #ccc19f;
}

#container_small {
    width: 660px;
}

#content {
    padding-top: 20px;
}

#RCHome {
    width: 445px;
    height: 430px;
    float: left;
}

#aside {
    width: 231px;
    min-height: 460px;
    padding-top: 9px;
    float: right;
    background: url(../images/bg-aside.png) no-repeat left top;
}

#ariane {
    padding: 5px 0px 3px 7px;
    background: #f2ede2;
    color: #a69b80;
}

/*          @Pied de page
---------------------------------------- */

#footer {
    clear: left;
    width: 709px;
    padding: 6px 0 20px;
}

#footer p {
    font-size: 1em;
    text-align: center;
    color: #493c24;
}

#footer a {
    color: #493c24;
}

/*--------------------------------------------------------------------------------
          =CLASSES
-------------------------------------------------------------------------------- */

.textLeft { text-align: left; }
.textRight { text-align: right; }
.textCenter { text-align: center; }
.textJustify { text-align: justify; }

.bold { font-weight: bold; }
.italic, .italic li { font-style: italic; }

.floatLeft { float: left; }
.floatRight { float: right; }

.imgLeft { float: left; margin: 0 4px 4px 0; }
.imgRight { float: right; margin: 0 0 4px 4px; }

.clear { clear: both; }
.clearLeft { clear: left; }
.clearRight { clear: right; }

.separateur1 { clear:left; border-bottom: 4px solid #cec5ae; }

.color1 { color: #e2001a; }

/*--------------------------------------------------------------------------------
          =MODULES
-------------------------------------------------------------------------------- */

/*          @elements caches
----------------------------------------------*/

#js #sousNav, #js #sousNav .sousNav, #js #overlayLightbox, #js .lightBox, #js .descVideo, #js .imageURL, #js .descPhoto, #js #descVideo, #js #nouvelleRecherche form, #js #resultats .evenement .detail, #js #resultats .evenement .urlVisuel, #js #ficheProduit .prodContent, #js #sousCatalogue .sousCatalogue, #js #sousCatalogue .navLeft .sNavLeft, #js #sousCatalogue table, #js #resultats .document .detail, #js #sousCatalogue .hide, #js #rechercheAnnuaire .blocNewRecherche, #js #infoFelin .blocContenu, #js #lightBoxOnglets .detail .subDetail, #js #lightBoxOnglets .navContenu, #js #telechargementLightbox .produit {
    display: none;
}

#js #ficheProduit .actif, #js #sousCatalogue .nouveautes, #js #infoFelin li.actif .blocContenu, #js #lightBoxOnglets .navContenuActif {
    display: block;
}

/*          @Navigation
---------------------------------------- */

#nav {
   clear: left;
   width: 709px;
   position: relative;
}

#nav #flecheMenu {
    display: none;
    position: absolute;
    top: 90px;
    left: 0px;
    width: 17px;
    height: 11px;
    background: transparent url(../images/fleche-nav.png) no-repeat left top;
}


#nav a, #nav a span {
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}

#nav a {
    display: block;
    height: 101px;
    color: #fff;
    text-decoration: none;
}

#nav li {
    display: inline;
    padding: 0px;
    font: normal 1.6em verdana, helvetica, sans-serif;
}

#nav a .textNav {
    cursor: pointer;
    padding: 7px 2px 0px 5px;
}

#nav a:hover, #nav a:focus, #nav li.actif a {
    text-decoration: none;
    color: #765b19;
    background: transparent url(../images/nav-bg-on.png) repeat-x left top;
}

#nav .chien .textNav {
    width: 94px;
}

#nav .aliments .textNav {
    width: 93px;
}

#nav .chat .textNav, #nav .nutrition .textNav {
    width: 93px;
}

#js #sousNav {
    position: relative;
    /*overflow: hidden;*/
}

#sousNav {
    clear: left;
    width: 709px;
    /*width: 940px;*/
    padding: 5px 0 20px;
    background: #dcd1b2 url(../images/bg-sous-nav.png) repeat-x left bottom;
}

#sousNav .sousNav {
    padding: 7px 0 0 0;
}

#sousNav .h2 {
    border-bottom: #efe9db 3px solid;
    padding-bottom: 3px;
    margin-bottom: 2px;
    color: #765b19;
    font-family: verdana, helvetica, sans-serif;
}

#sousNav .colNav {
    padding: 0px 16px 0px;
    width: 320px;
    float: left;
}

#sousNav li {
    border-bottom: #faf9f5 1px solid;
    padding: 0px;
    width: 180px;
    font-size: 1.2em;
}

#sousNav a {
    padding: 3px 0 2px;
    display: block;
    color: #765b19;
    text-decoration: none;
}

#sousNav a:hover, #sousNav a:focus {
    text-decoration: underline;
}

/*      @contenu
----------------------------------------------------------------*/

#ariane a {
    color: #a69b80;
    text-decoration: none;
}

#ariane a:hover, #ariane a:focus {
    text-decoration: underline;
}

#ariane span {
    color: #e2001a;
}

.contenu, .rechercheMod, .agenda, .catalogue, .librairie, .annuaire {
    width: 696px;
    padding: 20px 0px 10px 0;
}

.intro {
    padding: 0;
}

.intro .filetClear {
    clear: left;
}

.intro .visuel {
    padding: 0px;
}

.intro .marge {
    margin-left: 177px;
}

.intro h1 {
    padding-bottom: 11px;
    margin-bottom: 5px;
    background: url(../images/bg-titre-h1.png) no-repeat left bottom;
}

.intro p {
    font-size: 1.6em;
    line-height: 1.2em;
}

.articles h2, .bloc h2, .annuaire h2 {
    padding-bottom: 9px;
    margin: 18px 0 4px;
    background: url(../images/bg-titre-h2.png) no-repeat left bottom;
}

.articles  h2.margeLeft, .bloc h2.margeLeft {
    margin-left: 102px;
}

.articles  p, .bloc p {
    padding-bottom: 10px;
}

.articles  li, .bloc li {
    padding-left: 10px;
    background: url(../images/puce-rouge.png) no-repeat left 5px;
}

#navFiltre {
    margin-bottom: 15px;
}

#navFiltre a {
    color: #645330;
    text-decoration: none;
    display: block;
    float: left;
    padding: 10px 5px 16px;
    font-size: 1.4em;
}

#navFiltre a:hover, #navFiltes a:focus {
    color: #e2001a;
}

#nouvelleRecherche, #rechercheAnnuaire {
    border-bottom: 1px solid #bfb193;
    margin-bottom: 8px;
}

#nouvelleRecherche .blocLien, #rechercheAnnuaire .blocLien {
    display: block;
    background: #f2ede3;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #e3051e;
}

.lienPdf, .imprimer {
    text-align: right;
    float: right;
}

.lienPdf a, .imprimer a {
    color: #e2001a;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding-right: 20px;
}

.lienPdf a {
    background: url(../images/picto-pdf.png) no-repeat right top;
}

.imprimer a {
    background: url(../images/picto-imprimer.png) no-repeat right top;
}

.lienPdf a:hover, .lienPdf a:focus, .imprimer a:hover, .imprimer a:focus {
    text-decoration: underline;
}

.bloc .retourPrev, .bloc .retourPrev a {
    color: #e2001a;
}

.bloc .retourPrev {
    font-weight: bold;
    padding: 0;
    text-align: right;
}

.bloc .retourPrev a {
    text-decoration: none;
}

.bloc .retourPrev a:hover, .bloc .retourPrev a:focus {
    text-decoration: underline;
}

.evenement {
    position: relative;
    padding: 30px 0 0;
    border-bottom: 1px dotted #bfb193;
}

.evenement h3 {
    padding-bottom: 13px;
}

.evenement h4 {
    padding-bottom: 7px;
}

.evenement p, .evenement address, .evenement address a {
    color: #645330;
    text-decoration: none;
}

.evenement address {
    font-size: 1.3em;
    line-height: 1.2em;
    font-style: normal;
}

.evenement .date, .document h3 {
    font-size: 1.2em;
    color: #e2001a;
    padding: 0;
    font-weight: normal;
}

.evenement p.date{
    font-weight: bold;
}

.evenement .logoSmall img {
    position: absolute;
    top: 30px;
    left: 215px;
}

.evenement .logoBig img {
    position: absolute;
    top: 30px;
    right: 30px;
}

.evenement .lien, .document .lien {
    font-size: 1.1em;
    font-weight: bold;
}

.evenement .lien a, .document .lien a {
    text-decoration: none;
    background: url(../images/fleche-rouge-right.png) no-repeat left 1px;
    padding-left: 13px;
}

.evenement .lien a:hover, .evenement .lien a:focus, .evenement address a:hover, .evenement address a:focus, #navEvenement a:hover, #navEvenement a:focus, .document .lien a:hover, .document .lien a:focus {
    text-decoration: underline;
}

.evenement .detail li {
    float: left;
    width: 226px;
    margin-bottom: 18px;
    display: block;
    background: none;
    font-size: 1em;
    padding: 0px;
}

.evenement .detail .left {
    margin-right: 45px;
    border-right: 1px solid #bfb193;
}

.evenement .detail p {
    clear: left;
}

#navEvenement {
    padding: 8px 0;
}

#navEvenement, #navEvenement a {
    color: #e2001a;
    font-size: 11px;
    text-align: center;
    text-decoration: none;
}

#navEvenement a {
    padding: 0 10px;
}

#navEvenement .precedent {
    background: url(../images/fleche-rouge-left.png) no-repeat left 1px;
    padding-left: 13px;
}

#navEvenement .suivant {
    background: url(../images/fleche-rouge-right.png) no-repeat right 1px;
    padding-right: 13px;
}

#navContact {
    height: 125px;
    padding: 0;
    margin-top: 15px;
}

#navContact li {
    position: relative;
    background: none;
    float: left;
    width: 110px;
    height: 114px;
    padding: 0px;
    border: 1px solid #dcd0c1;
    margin-right: 4px;
}

#navContact a {
    display: block;
    text-decoration: none;
}

#navContact span {
    width: 98px;
    height: 28px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 11px;
    line-height: 1em;
    color: #6c593a;
    font-weight: bold;
    text-align: center;
    padding: 4px 6px 11px;
    background: transparent url(../images/bg-navContact-span.png) no-repeat left top;
}

#ficheProduit {
    position: relative;
    width: 663px;
    margin-top: 20px;
}

.rationing .prodContent, #ingredients {
    padding: 0 40px 0 150px;
}

.prodHeader {
    height: 272px;
    position: relative;
    margin-bottom: 35px;
}

#ficheProduit .prodHeader h3 {
    color: #fff;
    font-size: 1.2em;
    font-weight: bold;
    position: absolute;
    bottom: 51px;
    right: 240px;
}

.prodHeader .visuel {
    position: absolute;
    bottom: 10px;
    right: 30px;
}

.prodHeader .product_name {
    position: absolute;
    top: 56px;
    left: 230px;
}

.prodContent h4, .prodContent p {
    color: #333;
    font-size: 1.1em;
}
.prodContent p {
	font-style:italic;
}
.prodContent .intro {
    padding: 0px 40px 20px 150px;
}

.prodContent .intro p {
    font-weight: bold;
}

.avantagePrincipal {
    width: 567px;
    margin: 0 0 30px 56px;
    border: 1px dotted #333;
    border-width: 1px 0;
    background: url(../images/product_images/main_benefit_background-310.jpg) repeat-y right top;
}

.avantagePrincipal td {
    vertical-align: middle;
}

.avantagePrincipal h4, .avantagePrincipal p {
    margin-left: 15px;
}

.avantagePrincipal h4 {
    font-size: 1.4em;
    margin-bottom: 1em;
}

.avantageSecondaire {
    padding-left: 150px;
}

.avantageSecondaire h4 {
    font-weight: bold;
    margin-bottom: 1em;
}

.detailsProd {
    padding: 0 40px 0 150px;
    margin-top: 40px;
}

.detailsProd h4, .detailsProd p {
    font-weight: bold;
    color: #666;
}

.detailsProd h4 {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px dotted #333;
}

.detailsProd .visuel {
    float: right;
    position: relative;
    top: -30px;
}

.rationing h4 {
    font-weight: bold;
    padding-bottom: 3px;
    border-bottom: 3px solid #2a3c6a;
}

#rationingTable {
    width: 100%;
    margin: 5px 0 50px;
}

#rationingTable th, #ingredients table th {
    background: #fff;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px;
    white-space: nowrap;
    color: #333;
    border-bottom: 3px solid #2a3c6a;
}

#rationingTable td, #ingredients table td {
    border: 1px solid #fff;
    padding: 6px;
    color: #333;
    font-size: 1.1em;
}

#rationingTable .odd {
    background: #90a5dc;
}

#rationingTable .even {
    background: #b5c5f0;
}

#ingredients {
    margin-bottom: 50px;
}

#ingredients h4 {
    font-weight: bold;
    margin-bottom: 1em;
}

#ingredients table td {
    width: 50%;
    background: #b5c5f0;
}

#ingredients table {
    width: 75%;
}

.navFiches {
    clear: both;
    width: 696px;
    text-align: center;
    margin-bottom: 10px;
}

.navFiches a {
    margin: 0px 18px;
}

.librairie .descList {
    color: #271c06;
    padding: 0px;
}

.librairie .document {
    clear: left;
    padding: 10px 0;
    margin-bottom: 8px;
}

.librairie .document .visuel {
    display: block;
    float: left;
    margin: 0 15px 5px 0;
}

.librairie #resultats hr.filet {
    clear: both;
    border-top: 1px dotted #bfb193;
}

.librairie .document .lienPdf {
    float: none;
    text-align: left;
}

.librairie #resultats .document .detail .close {
    text-align: right;
}

.annuaire h2 {
    margin-bottom: 15px;
}

#container .annuaire #rechercheAnnuaire {
    margin-bottom: 10px;
}

.annuaire #resultats {
    width: 696px;
}

.annuaire #resultats h4, .annuaire #resultats h3, .annuaire #resultats .lien {
    color: #e2001a;
}

.annuaire #resultats .lien {
    font-size: 1.1em;
}

.annuaire #resultats h3 {
    text-transform: uppercase;
    font-weight: normal;
}

.annuaire .addOff h3 {
    border-bottom: 1px dotted #bfb193;
    margin-bottom: 14px;
    padding-bottom: 5px;
}

.annuaire #resultats h4 {
    margin-bottom: 8px;
}

.annuaire #resultats .resultat {
    clear: left;
    margin-bottom: 10px;
}

.annuaire #resultats .resultat .bloc {
    float: left;
    margin-bottom: 20px;
}

.annuaire .addOff .resultat .bloc {
    width: 340px;
}

.annuaire #resultats .resultat .bloc .grand{
    font-size: 1.2em ;
}

.annuaire #resultats .resultat .boxSmall {
    background: url(../images/box-annuaire-small.png) no-repeat left bottom;
    float: right;
    padding-bottom: 17px;
    width: 208px;
}

.annuaire #resultats .resultat .boxLarge .prestaProposees {
    display: block;
    padding: 5px 11px 0px 15px;
}

.resultat .boxLarge p.prestaPara {
    margin-top: 10px ;
    margin-bottom: 5px ;
    font-weight: bold ;
}

.resultat .boxLarge .top .plus a{
    background: url(../images/picto-plus.png) no-repeat right center;
    padding-right: 20px;
}


.resultat .boxLarge .prestations .imgPresta,
.resultat .boxLarge .prestaProposees .imgPresta {
    margin: 0px 3px 5px;
    border: 0px;
}

.annuaire #resultats .resultat .boxLarge {
    background: url(../images/box-annuaire-large.png) no-repeat left bottom;
    float: right;
    padding-bottom: 12px;
    width: 290px;
}

.annuaire #resultats .resultat .boxSmall p, .annuaire #resultats .resultat .boxLarge p, .annuaire #resultats .resultat .boxSmall h4, .annuaire #resultats .resultat .boxLarge h4 {
    color: #e2001a;
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 0 15px 0px 23px;
}

.annuaire #resultats .resultat .boxSmall .top {
    background: url(../images/box-annuaire-small-top.png) no-repeat left top;
    height: 11px;
    margin-bottom: 0px;
    padding: 0px;
    width: 208px;
}

.annuaire #resultats .resultat .boxLarge .top {
    background: url(../images/box-annuaire-large-top.png) no-repeat left top;
    height: 11px;
    margin-bottom: 0px;
    padding: 0px;
    width: 290px;
}

.annuaire #resultats .resultat .boxSmall .lien,.annuaire #resultats .resultat .boxLarge .lien {
    background: transparent url(../images/fleche-rouge-small.png) no-repeat 23px center;
    clear: left;
    font-weight: bold;
}

.annuaire #resultats .resultat .boxSmall h4, .annuaire #resultats .resultat .boxLarge h4 {
    font-weight: bold;
    margin: 10px 0 0 0;
    padding-left: 31px;
}

.annuaire #resultats .resultat .boxSmall .info, .annuaire #resultats .resultat .boxLarge .info {
    margin-top: 4px;
}

.annuaire #resultats .resultat .boxSmall .lien a, .annuaire #resultats .resultat .boxLarge .lien a {
    padding-left: 9px;
}

.annuaire #resultats .resultat .boxSmall .plus a, .annuaire #resultats .resultat .boxLarge .plus a {
    background: url(../images/picto-plus.png) no-repeat right center;
    padding-right: 20px;
}

.annuaire #resultats .resultat .boxLarge .prestations {
    padding: 5px 11px 0px 15px;
}

.annuaire #resultats .resultat .boxLarge .prestations img {
    float: left;
    margin: 0 3px 5px;
}

.annuaire .addOff .resultat .clear {
    clear: both;
    float: none;
    height: 10px;
}

.annuaire #resultats address {
    color: #645330;
    font-style: normal;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 3px;
}

.annuaire #resultats p {
    padding-bottom: 0px;
}

.annuaire #navPages {
    background: #f8f6f1;
    clear: left;
    font-size: 1.2em;
    height: 30px;
    margin-bottom: 11px;
    padding: 0px 12px;
    width: 672px;
}

.annuaire #navPages div {
    float: left;
}

.annuaire #prev {
    background: url(../images/bg-prev-annuaire.png) no-repeat left center;
    border-right: 1px solid #e2001a;
    margin-top: 10px;
    padding: 1px 7px 1px 18px;
}

.annuaire #next {
    background: url(../images/bg-next-annuaire.png) no-repeat right center;
    border-left: 1px solid #e2001a;
    margin-top: 10px;
    padding: 1px 18px 1px 7px;
}

.annuaire #navPages a {
    text-decoration: none;
}

.annuaire #prev a:hover, .annuaire #prev a:focus, .annuaire #next a:hover, .annuaire #next a:focus, .annuaire #pages a:hover, .annuaire #pages a:focus, .annuaire .topPage a:hover, .annuaire .topPage a:focus {
    text-decoration: underline;
}

.annuaire #pages {
    text-align: center;
    width: 75%;
    padding: 10px 0px;
}

.annuaire #pages a {
    border: 1px solid #e2001a;
    padding: 2px 5px;
    height: 14px;
    margin-bottom: 1px;
}

.annuaire #pages span {
    color: #e2001a;
    padding: 2px 7px;
}


.annuaire .topPage a {
    background: url(../images/fleche-retour-top.png) no-repeat left center;
    font-style: italic;
    text-decoration: none;
    padding-left: 15px;
}

.annuaire #resultats .imprimer {
    float: none;
    border-bottom: 1px dotted #bfb193;
    padding: 8px 7px 4px 0px;
    margin-bottom: 15px;
}

.annuaire #resultats .imprimer a {
    display: block;
}

.annuaire .dresseur, .annuaire .addOff {
    margin-top: 10px;
    padding-top: 15px;
}

.annuaire .dresseur {
    border-top: 1px dotted #bfb193;
}

.annuaire .bloc #enseignements{
    width: 420px ;
}

.annuaire .bloc #prestations{
    width: 420px ;
}

/*      tableau
----------------------------------------------*/

table.floatLeft {
    margin: 0px 10px 0px 0px;
}

table.floatRight {
    margin: 0px 0px 0px 10px;
}

.basic th {
    background: #d9172d url(../images/bg-table-basic-th.png) repeat-x left top;
    color: #fff;
    font-weight: bold;
}

.basic th, .basic td {
    border: 1px solid #fff;
    border-width: 0px 1px 1px 0px;
    font-size: 1.2em;
    line-height: 1.1em;
    padding: 7px 9px 8px;
}

.basic td {
    background: #f2ede2;
    color: #645330;
}
/*          @carousels
-----------------------------------------------------*/

#js #carouselActu {
    position: relative;
    width: 209px;
    height: 415px;
    overflow: hidden;
}

#js #carouselActu .jcarousel-clip {
    position: relative;
    height: 350px;
    margin: 30px 0;
    overflow: hidden;
}

#carouselActu {
    float: right;
    width: 209px;
    height: 415px;
    margin-right: 14px;
    background: #fff;
}

#carouselActu ul {
    height: 415px;
}

#carouselActu li {
    width: 209px;
    padding: 3px 0 0;
    border-bottom: 1px solid #b9a283;
}

#carouselActu .cadreActif {
    cursor: pointer;
}

#carouselActu .image {
    width: 209px;
    text-align: center;
    margin: 0 0 2px 0;
}

#carouselActu .texte {
    width: 192px;
    padding: 0 7px 0 10px;
    margin: 0;
}

#carouselActu .texte p {
    color: #4e4848;
    font-size: 11px;
    padding-bottom: 7px;
}

#carouselActu .texte .lien {
    padding-bottom: 5px;
}

#carouselActu .texte .lien a {
    color: #e2001a;
    padding-right: 21px;
    background: transparent url(../images/picto-plus.png) no-repeat right top;
}

#carouselActu .texte h2 {
    color: #645330;
    font-size: 1.5em;
    margin-bottom: 2px;
}

#carouselActu .prev {
    position: absolute;
    top: 0px;
    left: 0px;
}

#carouselActu .next {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

/*          @lightbox
--------------------------------------------------------------*/

#overlayLightbox {
    height: 100%;
    width: 100%;
    background: url(../images/bg-overlay.png) repeat left top;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 100;
}

.lightBox {
    position: relative;
    width: 687px;
    height: 392px;
    padding: 30px 30px 40px 40px;
    background: transparent url(../images/bg-lightbox.png) no-repeat left top;
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -263px 0 0 -385px;
    z-index: 110;
}

#standByLightbox {
    background: transparent url(../images/message-standby.png) no-repeat left top;
}

.lightBox h2 {
    font-size: 24px;
    font-style: italic;
    color: #e1011b;
    padding: 3px 0 0 20px;
    margin-bottom: 40px;
    background: url(../images/bg-titre-h2-lightbox.png) no-repeat left 6px;
}

.lightBox .fermer {
    position: absolute;
    top: 23px;
    right: 28px;
}

#annuaireLightBox {
    background: transparent url(../images/bg-lightboxAnnuaire.png) no-repeat left top;
    width: 687px;
    height: 449px;
}

#annuaireLightBox h2 {
    margin-bottom: 13px;
}

#annuaireLightBox .infos {
    margin-bottom: 30px;
}

#annuaireLightBox .infos address {
    margin-bottom: 9px;
}

#annuaireLightBox .infos address, #annuaireLightBox .infos p {
    color: #645330;
    font-size: 1.2em;
    font-style: normal;
    line-height: 1.2em;
}

#annuaireLightBox .infos p {
    padding-bottom: 0px;
}

#annuaireLightBox .infos .small {
    font-size: 1.1em;
}

#lightBoxOnglets {
    width: 660px;
}

#lightBoxOnglets .onglets {
    border-bottom: 3px solid #ede6cf;
    color: #6c593a;
    text-transform: uppercase;
    padding-bottom: 5px;
    margin-bottom: 12px;
}

#lightBoxOnglets .onglets a {
    color: #6c593a;
    font-size: 1.1em;
    font-weight: bold;
    text-decoration: none;
}

#lightBoxOnglets .onglets a:hover, #lightBoxOnglets .onglets a:focus, #lightBoxOnglets .onglets .actif {
    color: #e2001a;
}

#lightBoxOnglets .onglets span {
    padding: 0px 19px;
}

#lightBoxOnglets .detail .texte, #lightBoxOnglets .navContenuActif {
    height: 270px;
    overflow: auto;
}

#lightBoxOnglets .edit .detail .texte, #lightBoxOnglets .edit .navContenuActif {
    height: auto;
}


#lightBoxOnglets .detail .texte .lien {
   color: #e2001a;
   font-size: 1.1em;
}

#lightBoxOnglets .detail .texte .lien a:hover, #lightBoxOnglets .detail .texte .lien a:focus {
    text-decoration: none;
}

#lightBoxOnglets .detail .visu {
    background: url(../images/bg-img-lightboxAnnuaire.png) no-repeat left top;
    float: left;
    height: 227px;
    padding: 3px;
    width: 220px;
    margin: 0 20px 0 0;
}

#lightBoxOnglets .navGauche {
    float: left;
    width: 220px;
    margin: 0 20px 0 0;
}

#lightBoxOnglets .navGauche li {
    border-bottom: 1px solid #ded4b5;
    font-size: 1.2em;
    margin-bottom: 12px;
    padding: 0px;
    text-transform: uppercase;
}

#lightBoxOnglets .navGauche a {
    background: url(../images/lightbox-navLeft.png) no-repeat 207px center;
    color: #6c593a;
    display: block;
    padding: 7px 18px 5px 2px;
    text-decoration: none;
}

#lightBoxOnglets .navGauche a:hover, #lightBoxOnglets .navGauche a:focus {
    background: #ede8da url(../images/lightbox-navLeft-hover.png) no-repeat 207px center;
}

#lightBoxOnglets .navGauche li a.actif {
   background: url(../images/lightbox-navLeft-actif.png) no-repeat 207px center;
   color: #e2001a;
}

#lightBoxOnglets  .navContenuActif .bloc {
    min-height: 78px;
    margin: 0 0 14px 0;
}

#lightBoxOnglets  .navContenuActif img {
    float: left;
    margin-right: 11px;
}

#telechargementLightbox {
    background: none;
    text-align: center;
}

#telechargementLightbox h2 {
    background: url(../images/bg-titre-h2-lightbox.png) no-repeat left 36px;
    margin: 0px 25px 5px 10px;
    text-align: left;
    padding-top: 30px;
}

#telechargementLightbox .produit {
    background: #fff;
    margin: 0 auto;
    position: relative;
    border: 3px solid #ccc;
}

#telechargementLightbox .image {
    text-align: center;
    padding: 20px;
}

#telechargementLightbox .fermer {
    top: 5px;
    right: 3px;
}

/*          @aside
------------------------------------*/
#aside .bloc {
    clear: left;
    width: 202px;
    margin: 0 15px;
}

.miseEnAvant .sBloc {
    padding-top: 10px;
    padding-bottom: 10px;
}

.miseEnAvant .sBloc a {
    color: #493c24;
    text-decoration: none;
}

.miseEnAvant .sBloc a:hover, .miseEnAvant .sBloc a:focus {
    text-decoration: none;
}

.miseEnAvant .textBig {
    font-size: 1.4em;
    line-height: 1.4em;
}

.miseEnAvant .normal {
    font-size: 1.2em;
    line-height: 1.2em;
}

.miseEnAvant .small {
    font-size: 11px;
}

#espaceParticulier {
   text-align: center;
}

#espaceParticulier a {
    margin: 0px 1px;
}

#menu {
    float: right;
    width: 221px;
    margin-top: 19px;
    padding-bottom: 9px;
}

#menu ul {
    padding: 2px 0 0 0;
    background: url(../images/bg-li-menu.png) no-repeat center top;
}

#menu li {
    font-size: 1.4em;
    margin: 0px;
    background: url(../images/bg-li-menu.png) no-repeat center bottom;
}

#menu li a {
    display: block;
    width: 185px;
    color: #645330;
    text-decoration: none;
    padding: 0px 0 2px 7px;
    margin: 0px;
}

#menu li a span {
    display: block;
    padding: 2px 0 2px 29px;
    width: 185px;
}

#menu li a:hover, #menu li a:focus, #menu li.actif a {
    color: #fff;
    padding-left: 7px;
    background: url(../images/bg-li-span-menu-hover.png) no-repeat left center;
}

#menu li a:hover span, #menu li a:focus span, #menu li.actif a span {
    cursor: pointer;
    background: #d70018 url(../images/bg-li-menu-hover.png) repeat-x left center;
}

.btBiblio, .btQuelAliment {
    clear: right;
    margin: 0 15px 13px 14px;
}

.btBiblio a {
    display: block;
    width: 203px;
    height: 19px;
    text-decoration: none;
    background: transparent url(../images/bt-consulter-la-bibliotheque.png) no-repeat left top;
}

.btBiblio a:hover, .btBiblio a:focus {
   background: transparent url(../images/bt-consulter-la-bibliotheque-on.png) no-repeat left top;
}

.enSavoirPlus, .infoProduit {
    border-top: 1px solid #cec5ae;
    padding-top: 5px;
}

#aside .enSavoirPlus {
    margin-bottom: 20px;
}

.enSavoirPlus h4, .infoProduit h4 {
    text-align: center;
    padding: 2px 0 17px;
}

.enSavoirPlus h4 {
    background: url(../images/bg-titre-aside-jaune.png) no-repeat left top;
}

.infoProduit h4 {
    color: #fff;
    background: url(../images/bg-titre-aside-rouge.png) no-repeat left top;
}

.enSavoirPlus li {
    padding-left: 10px;
    background: url(../images/fleche-jaune.png) no-repeat left 2px;
}

.enSavoirPlus a {
    color: #645330;
    text-decoration: none;
}

.enSavoirPlus a:hover, .enSavoirPlus a:focus {
    text-decoration: underline;
}

.infoProduit .lien {
    display: block;
    background: #fff;
    width: 96px;
    height: 98px;
    margin-bottom: 6px;
    border: 1px solid #d6c9b4;
    text-align: center;
}

.infoProduit .lien a {
    text-decoration: none;
    padding-top: 4px;
}

.infoProduit .lien a:hover .descProduit, .infoProduit .lien a:focus .descProduit {
    text-decoration: underline;
}

.lien a img {
    margin-bottom: 5px;
}

.lien a .descProduit {
    display: block;
    text-align: left;
    color: #6c593a;
    font-size: 1.1em;
    line-height: 1.2em;
    padding: 0 5px 5px 5px;
}

#aside .telechargement h4 {
    background: url(../images/picto-telechargement.png) no-repeat left top;
    color: #d70018;
    font-size: 1.6em;
    padding: 1px 0 3px 29px;
    margin-bottom: 10px;
    margin-top:15px;
}

#aside .telechargement ul {
    border-bottom: 1px solid #cec5ae;
    margin-bottom: 7px;
    padding-bottom: 15px;
}

#aside .telechargement li {
    background: url(../images/fleche-rouge-right.png) no-repeat left 2px;
    font-size: 1.2em;
    padding-left: 13px;
}
#aside .telechargement li a {
    color: #645330;
    text-decoration: none;
}

#aside .telechargement li a:hover, #aside .telechargement li a:focus {
    text-decoration: underline;
}

#aside .telechargement .toutTelecharger {
    background: url(../images/fleche-rouge-small.png) no-repeat left 2px;
    font-size: 1.1em;
    font-weight: bold;
    float: right;
    padding-left: 10px;
}

#aside .telechargement .toutTelecharger a {
    color: #e2001a;
    text-decoration: none;
}

#aside .telechargement .toutTelecharger a:hover, #aside .telechargement .toutTelecharger a:focus {
    text-decoration: underline;
}

/*      @new
------------------------*/

#aside .blocMenu {
    margin: 0 15px;
}

#aside .noBorder, #aside .fondPhoto {
    clear: both;
    width: 202px;
    padding: 10px 0;
    margin-bottom: 11px;
    border: 1px solid #cec5ae;
    border-width: 4px 0 0;
}

#aside h2.videos, #aside h2.photos {
    color: #d70018;
    font-size: 1.6em;
    font-weight: normal;
    padding: 4px 0 2px 28px;
    margin-bottom: 10px;
}

#aside h2.videos {
    background: url(../images/bg-titre-video.png) no-repeat left top;
}

#aside h2.photos {
    background: url(../images/bg-titre-photo.png) no-repeat left top;
}

#aside .imgFlash {
    position: relative;
}

#aside .imgFlash, #aside .imgFlash img, #aside .imgFlash a, #aside .imgFlash a span {
    display: block;
    height: 151px;
    width: 202px;
}

#aside .imgFlash a {
    text-decoration: none;
}

#aside .imgFlash a span {
    width: 202px;
    height: 151px;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/picto-play.png) no-repeat left top;
}

#aside .blocSlider {
    position: relative;
    width: 202px;
}

#aside .blocSlider .masqueSlider {
    margin: 0 18px;
    overflow: hidden;
    width: 168px;
    height: 51px;
    position: relative;
}

#aside .blocSlider .masqueSlider .slider {
    height: 38px;
    position: relative;
    width: 1000px;
}

#aside .blocSlider .masqueSlider .slider a {
    width: 51px;
    height: 38px;
    display: block;
    float: left;
    margin: 0 6px 0 0;
    position: relative;
    text-decoration: none;
}

#aside .blocSlider .masqueSlider .slider a:hover, #aside .blocSlider .masqueSlider .slider a:active, #aside .blocSlider .masqueSlider .slider a:focus {
    background: none;
    text-decoration: none;
}

#aside .blocSlider .masqueSlider #sliderVideo a span, #aside .blocSlider .masqueSlider #sliderPhoto a span {
    width: 51px;
    height: 38px;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    background: url(../images/picto-play-small.png) no-repeat;
}

#aside .blocSlider .masqueSlider #sliderVideo a:hover span, #aside .blocSlider .masqueSlider #sliderPhoto a:hover span {
    width: 50px;
    height: 37px;
    border: 1px solid #df041d;
    background: none;
}

#aside .blocSlider .masqueSlider #sliderPhoto a span.descPhoto,
#aside .blocSlider .masqueSlider #sliderVideo a span.descVideo,
#aside .blocSlider .masqueSlider #sliderVideo a span.imageURL {
    display: none;
}

#aside .blocSlider .sliderPrec, #aside .blocSlider .sliderSuiv {
    display: block;
    width: 13px;
    height: 21px;
}

#aside .blocSlider .sliderPrec {
    position: absolute;
    top: 9px;
    left: 2px;
    background: transparent url(../images/carousel-video-prev.png) no-repeat left top;
}

#aside .blocSlider .sliderSuiv {
    position: absolute;
    top: 9px;
    left: 187px;
    background: transparent url(../images/carousel-video-next.png) no-repeat left top;
}

#aside .fondPhoto {
    background: url(../images/border-photo-desc.png) no-repeat center 90px;
}

#aside #descPhoto {
    margin: 20px 0 10px;
    color: #6c593a;
    font-size: 1.2em;
    padding: 0px;
}

#videotheque .playerFlash {
    width: 320px;
    height: 240px;
    float: left;
    margin: 0 30px 30px 0;
    background: #000 url(../images/picto-play-seul.png) no-repeat center;
}

/** Slider Video et photo  **/

#videotheque .blocSlider, #phototheque .blocSlider {
    clear: both;
    position: relative;
    width: 589px;
    height: 63px;
    margin: 0px;
    padding: 10px 40px 0;
    background: url(../images/bg-carousel-videotheque.png) repeat-x left top;
}

#videotheque .blocSlider .sliderPrec, #videotheque .blocSlider .sliderSuiv, #phototheque .blocSlider .sliderPrec, #phototheque .blocSlider .sliderSuiv {
    display: block;
    width: 21px;
    height: 63px;
    position: absolute;
    top: 0px;
    text-decoration: none;
}
#videotheque .blocSlider .sliderPrec, #phototheque .blocSlider .sliderPrec {
    left: 0px;
    background: url(../images/bt-prev-videotheque.png) no-repeat;
}

#videotheque .blocSlider .sliderSuiv, #phototheque .blocSlider .sliderSuiv {
    right: 0px;
    background: url(../images/bt-next-videotheque.png) no-repeat;
}

#videotheque .blocSlider .masqueSlider, #phototheque .blocSlider .masqueSlider {
    margin: 0;
    overflow: hidden;
    width: 590px;
    height:50px;
    position: relative;
}


#videotheque .blocSlider .masqueSlider .slider, #phototheque .blocSlider .masqueSlider .slider {
    height:50px;
    position:relative;
    width:2000px;
}

#videotheque .blocSlider .masqueSlider .slider a, #phototheque .blocSlider .masqueSlider .slider a {
    width: 58px;
    height: 44px;
    display: block;
    float: left;
    margin: 0 18px 0 0;
    position: relative;
    text-decoration: none;
}

#videotheque .blocSlider .masqueSlider .slider a:hover, #phototheque .blocSlider .masqueSlider .slider a:hover {
    background: none;
    text-decoration: none;
}

#videotheque .blocSlider .masqueSlider #sliderVideoLight a span, #phototheque .blocSlider .masqueSlider #sliderPhotoLight a span {
    width: 58px;
    height: 44px;
    display: block;
    position: absolute;
    top:0px;
    left: 0px;
    background: url(../images/photo-slider-video-overlay.png) no-repeat;
}

#videotheque .blocSlider .masqueSlider #sliderVideoLight a:hover span, #phototheque .blocSlider .masqueSlider #sliderPhotoLight a:hover span {
    width: 52px;
    height: 38px;
    border: 3px solid #df041d;
    background: none;
}

#phototheque .photo {
    float:left;
    height:240px;
    margin:0 30px 30px 0;
    width:320px;
}

/*          =CATALOGUE
-----------------------------------------------------------------------*/

#navCatalogue {
    background: url(../images/bg-navCatalogue.png) repeat-x left top;
    height: 29px;
    margin-bottom: 8px;
}

#navCatalogue li {
    position: relative;
    background: url(../images/bg-li-navCatalogue.png) no-repeat right top;
    float: left;
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 2px 0 0;
    text-align: center;
}

#navCatalogue .nouveautes {
    width: 148px;
}

#navCatalogue .magasins {
    width: 271px;
}

#navCatalogue .veterinaires {
    width: 273px;
    background: none;
    padding-right: 0px;
}

#navCatalogue li a {
    display: block;
    color: #6c593a;
    text-decoration: none;
    text-align: center;
}

#navCatalogue li a {
    padding: 5px 0;
}

#navCatalogue li a:hover, #navCatalogue li a:focus {
    background: url(../images/bg-li-navCatalogue-hover.png) repeat-x right top;
}

#navCatalogue li.actif a {
    color: #fff;
    background: url(../images/bg-li-navCatalogue-on.png) repeat-x right top;
}

#navCatalogue li.actif a:hover, #navCatalogue li.actif a:focus {
    background: url(../images/bg-li-navCatalogue-on.png) repeat-x right top;
}

#flecheNav {
    display: block;
    text-align: center;
    height: 6px;
    background: url(../images/fleche-navCatalogue.png) no-repeat center top;
    position: absolute;
    top: 23px;
    left: 0px;
}

#sNavCatalogue {
    border-bottom: 3px solid #ede6cf;
    margin-bottom: 28px;
    padding-bottom: 8px;
}

#sNavCatalogue li {
    float: left;
    text-transform: uppercase;
    font-weight: normal;
    font-size: 1.1em;
    border-right: 1px solid #6c593a;
}

#sNavCatalogue li.last {
    border-right: none;
}

#sNavCatalogue li a {
    color: #6c593a;
    padding: 0px 10px;
    text-decoration: none;
}

#sNavCatalogue li a:hover, #sNavCatalogue li a:focus, #sNavCatalogue li.actif a {
    color: #d00018;
}

#sousCatalogue {
    position: relative;
    min-height: 300px;
}

#sousCatalogue .navLeft {
    border: 1px solid #ede6cf;
    float: left;
    height: 220px;
    overflow: auto;
    padding: 5px;
    width: 200px;
}

#sousCatalogue .navLeft li {
    padding-bottom: 7px;
    text-transform: uppercase;
}

#sousCatalogue .navLeft li a {
    background: transparent url(../images/fleche-catalogue-navLeft.png) no-repeat right center;
    border-bottom: 1px solid #ded4b5;
    color: #6c593a;
    display: block;
    font-size: 0.9em;
    padding: 2px 3px;
    text-decoration: none;
}

#sousCatalogue .navLeft li a:hover, #sousCatalogue .navLeft li a:focus {
    background: #f6f2e6 url(../images/fleche-catalogue-navLeft.png) no-repeat right center;
}

#sousCatalogue .navLeft .sNavLeft {
    padding: 5px 0 0 0;
}

#sousCatalogue .navLeft .sNavLeft li {
    text-transform: none;
    padding-bottom: 0px;
    background: none;
    font-size: 12px;
    margin-left: 20px;
    padding: 7px 0 0 10px;
}

#sousCatalogue .navLeft li .sNavLeft li a {
    background: none;
    padding: 0;
    display: inline;
    color: #6c593a;
    border-bottom: none;
}

#sousCatalogue .navLeft li.open .sNavLeft li a:hover, #sousCatalogue .navLeft li.open .sNavLeft li a:focus {
    background: none;
    color: #988a75;
}

#sousCatalogue .blocProduits {
    width: 470px;
    margin-left: 225px;
}

#sousCatalogue .blocProduits table {
    margin-bottom: 0px;
}

#sousCatalogue .blocProduits td {
    padding-top: 18px;
    width: 235px;
    vertical-align: top;
    border-bottom: 1px solid #fff;
}

#sousCatalogue .blocProduits .detail {
    background: #fff;
    margin: 0 0 6px 8px;
    width: 212px;
    padding-right: 5px;
}

#sousCatalogue .blocProduits .detail .visuel {
    position: relative;
    background: transparent url(../images/bg-detail-prod-catalogue.png) no-repeat right top;
    float: left;
    text-align: center;
    width: 97px;
    padding-top: 6px;
}

#sousCatalogue .blocProduits .detail .visuel a {
    display: block;
}

#sousCatalogue .blocProduits h3 {
    margin-left: 8px;
    width: 221px;
}

#sousCatalogue .blocProduits .detail p {
    padding-top: 6px;
    margin-left: 105px;
}

#sousCatalogue .blocProduits p.lien {
    font-size: 11px;
    font-weight: bold;
    clear: left;
}

#sousCatalogue .blocProduits p.lien a {
    color: #e2001a;
    background: transparent url(../images/fleche-lien-produit.png) no-repeat left 1px;
    padding-left: 12px;
    margin-left: 8px;
    text-decoration: none;
}

#sousCatalogue .blocProduits p.lien a:hover, #sousCatalogue .blocProduits p.lien a:focus {
    text-decoration: underline;
}

#sousCatalogue .nouveautes .navLeft {
    width: 205px;
    float: left;
}

#sousCatalogue .nouveautes .navLeft li a {
    display: block;
    border-bottom: none;
    padding: 5px 0px 3px 5px;
    background: url(../images/filet-navLeft-nouveautes.png) no-repeat right bottom;
}

#sousCatalogue .nouveautes .navLeft li a:hover, #sousCatalogue .nouveautes .navLeft li a:focus {
    background: url(../images/filet-navLeft-nouveautes-hover.png) no-repeat right bottom;
}

#sousCatalogue .nouveautes .navLeft li a.actif {
    color: #fff;
    background: url(../images/navLeft-nouveaute-prod-actif.png) no-repeat right top;
}

#sousCatalogue .nouveautes .blocProduits table {
    width: 100%;
    background: #f2ede2 url(../images/bg-catalogue-produits-nouveautes.png) repeat-x left top;
}

#sousCatalogue .nouveautes .blocProduits td {
    padding: 22px 0px 18px;
    border-bottom: none;
    vertical-align: top;
}

#sousCatalogue .nouveautes .blocProduits td.visuel {
    padding-left: 18px;
    width: 145px;
}

#sousCatalogue .nouveautes .blocProduits td.visuel .divVisu {
    background: #fff;
    border: 1px solid #ba9e4d;
    height: 122px;
    width: 142px;
    display: table-cell;
    vertical-align: middle;
}

#sousCatalogue .nouveautes .blocProduits td.detail {
    vertical-align: top;
    background: none;
    padding-right: 18px;
}

#sousCatalogue .nouveautes .blocProduits td.detail div {
    min-height: 100px;
    position: relative;
    padding-bottom: 30px;
}

#sousCatalogue .nouveautes .blocProduits h3 {
    color: #6c593a;
    text-transform: uppercase;
}

#sousCatalogue .nouveautes .blocProduits .detail p {
    color: #ba9e4d;
    margin-left: 8px;
}

#sousCatalogue .nouveautes  .blocProduits p.lien {
    position: absolute;
    bottom: 0px;
    left: 0px;
}

#sousCatalogue .nouveautes  .blocProduits p.lien a {
    margin-left: 0px;
}

/*          @zoom produits
---------------------------------------------------------------------*/

.jqzoom {
    padding: 0px;
    cursor: pointer;
    position: relative;
}

div.zoomdiv {
    position: relative;
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 100px;
    width: 200px;
    height: 200px;
    background: #ffffff;

    border:1px solid #CCCCCC;
    display:none;
    text-align: center;
    overflow: hidden;
}

div.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 50px;
    height: 50px;
    border: 1px solid #aaa;
    background: transparent url(../images/bg-popZomm.png) repeat left top;
}

/*           @Couleurs categories
----------------------------------------------------------*/

    /*  RACE
    ------------------------------------------*/

#sousCatalogue .race .navLeft li a.actif, #sousCatalogue .navLeft .race a.actif {
    color: #ba9e4d;
    background: #fff url(../images/fleche-catalogue-navLeft-race-actif.png) no-repeat right center;
}

#sousCatalogue .race .navLeft li a.open, #sousCatalogue .navLeft .race a.open {
    color: #ba9e4d;
    background: #fff url(../images/fleche-catalogue-navLeft-race-open.png) no-repeat right center;
}

#sousCatalogue .race .navLeft .sNavLeft li, #sousCatalogue .navLeft .race .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-race.png) no-repeat left 12px;
}

#sousCatalogue .race .navLeft li .sNavLeft li a:hover,
#sousCatalogue .race .navLeft li .sNavLeft li a:focus,
#sousCatalogue .race .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .race .sNavLeft li a:hover,
#sousCatalogue .navLeft .race .sNavLeft li a:focus,
#sousCatalogue .navLeft .race .sNavLeft li a.actif {
    background: none;
    color: #ba9e4d;
}

#sousCatalogue .race .blocProduits, #sousCatalogue .prodRace {
    background: #f2ede2 url(../images/bg-catalogue-produits-race.png) repeat-x left top;
}

#sousCatalogue .race .blocProduits .detail, #sousCatalogue .prodRace .detail {
    border: 1px solid #d2c08d;
}

#sousCatalogue .race .blocProduits h3, #sousCatalogue .prodRace h3 {
    color: #ba9e4d;
}

/*  CHIENS ACTIFS + GESTATION
    ------------------------------------------*/

#sousCatalogue .actifs .navLeft li a.actif, #sousCatalogue .navLeft .actifs a.actif, #sousCatalogue .gestation .navLeft li a.actif, #sousCatalogue .navLeft .gestation a.actif {
    color: #6e6e6e;
    background: #fff url(../images/fleche-catalogue-navLeft-actifsGest-actif.png) no-repeat right center;
}

#sousCatalogue .actifs .navLeft li a.open, #sousCatalogue .navLeft .actifs a.open, #sousCatalogue .gestation .navLeft li a.open, #sousCatalogue .navLeft .gestation a.open {
    color: #6e6e6e;
    background: #fff url(../images/fleche-catalogue-navLeft-actifsGest-open.png) no-repeat right center;
}

#sousCatalogue .actifs .navLeft .sNavLeft li, #sousCatalogue .navLeft .actifs .sNavLeft li, #sousCatalogue .gestation .navLeft .sNavLeft li, #sousCatalogue .navLeft .gestation .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-actifsGest.png) no-repeat left 12px;
}

#sousCatalogue .actifs .navLeft li .sNavLeft li a:hover,
#sousCatalogue .actifs .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .actifs .sNavLeft li a:hover,
#sousCatalogue .navLeft .actifs .sNavLeft li a:focus,
#sousCatalogue .gestation .navLeft li .sNavLeft li a:hover,
#sousCatalogue .gestation .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .gestation .sNavLeft li a:hover,
#sousCatalogue .navLeft .gestation .sNavLeft li a:focus,
#sousCatalogue .actifs .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .actifs .sNavLeft li a.actif,
#sousCatalogue .gestation .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .gestation .sNavLeft li a.actif {
    background: none;
    color: #6e6e6e;
}

#sousCatalogue .actifs .blocProduits, #sousCatalogue .prodActifs, #sousCatalogue .gestation .blocProduits, #sousCatalogue .prodGestation {
    background: #ededed url(../images/bg-catalogue-produits-actifsGest.png) repeat-x left top;
}

#sousCatalogue .actifs .blocProduits .detail, #sousCatalogue .prodActifs .detail, #sousCatalogue .gestation .blocProduits .detail, #sousCatalogue .prodGestation .detail {
    border: 1px solid #6e6e6e;
}

#sousCatalogue .actifs .blocProduits h3, #sousCatalogue .prodActifs h3, #sousCatalogue .gestation .blocProduits h3, #sousCatalogue .prodGestation h3 {
    color: #6e6e6e;
}

    /*  MINI
    ------------------------------------------*/

#sousCatalogue .mini .navLeft li a.actif, #sousCatalogue .navLeft .mini a.actif {
    color: #0b734e;
    background: #fff url(../images/fleche-catalogue-navLeft-mini-actif.png) no-repeat right center;
}

#sousCatalogue .mini .navLeft li a.open, #sousCatalogue .navLeft .mini a.open {
    color: #0b734e;
    background: #fff url(../images/fleche-catalogue-navLeft-mini-open.png) no-repeat right center;
}

#sousCatalogue .mini .navLeft .sNavLeft li, #sousCatalogue .navLeft .mini .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-mini.png) no-repeat left 12px;
}

#sousCatalogue .mini .navLeft li .sNavLeft li a:hover,
#sousCatalogue .mini .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .mini .sNavLeft li a:hover,
#sousCatalogue .navLeft .mini .sNavLeft li a:focus,
#sousCatalogue .mini .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .mini .sNavLeft li a.actif {
    background: none;
    color: #0b734e;
}

#sousCatalogue .mini .blocProduits, #sousCatalogue .prodMini {
    background: #cce1d9 url(../images/bg-catalogue-produits-mini.png) repeat-x left top;
}

#sousCatalogue .mini .blocProduits .detail, #sousCatalogue .prodMini .detail {
    border: 1px solid #67a991;
}

#sousCatalogue .mini .blocProduits h3, #sousCatalogue .prodMini h3 {
    color: #0b734e;
}

    /*  MEDIUM
    ------------------------------------------*/

#sousCatalogue .medium .navLeft li a.actif, #sousCatalogue .navLeft .medium a.actif {
    color: #b00024;
    background: #fff url(../images/fleche-catalogue-navLeft-medium-actif.png) no-repeat right center;
}

#sousCatalogue .medium .navLeft li a.open, #sousCatalogue .navLeft .medium a.open {
    color: #b00024;
    background: #fff url(../images/fleche-catalogue-navLeft-medium-open.png) no-repeat right center;
}

#sousCatalogue .medium .navLeft .sNavLeft li, #sousCatalogue .navLeft .medium .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-medium.png) no-repeat left 12px;
}

#sousCatalogue .medium .navLeft li .sNavLeft li a:hover,
#sousCatalogue .medium .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .medium .sNavLeft li a:hover,
#sousCatalogue .navLeft .medium .sNavLeft li a:focus,
#sousCatalogue .medium .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .medium .sNavLeft li a.actif {
    background: none;
    color: #b00024;
}

#sousCatalogue .medium .blocProduits, #sousCatalogue .prodMedium {
    background: #fcd6e1 url(../images/bg-catalogue-produits-medium.png) repeat-x left top;
}

#sousCatalogue .medium .blocProduits .detail, #sousCatalogue .prodMedium .detail {
    border: 1px solid #d36880;
}

#sousCatalogue .medium .blocProduits h3, #sousCatalogue .prodMedium h3 {
    color: #b00024;
}

    /*  MAXI
    ------------------------------------------*/

#sousCatalogue .maxi .navLeft li a.actif, #sousCatalogue .navLeft .maxi a.actif {
    color: #0b265c;
    background: #fff url(../images/fleche-catalogue-navLeft-maxi-actif.png) no-repeat right center;
}

#sousCatalogue .maxi .navLeft li a.open, #sousCatalogue .navLeft .maxi a.open {
    color: #0b265c;
    background: #fff url(../images/fleche-catalogue-navLeft-maxi-open.png) no-repeat right center;
}

#sousCatalogue .maxi .navLeft .sNavLeft li, #sousCatalogue .navLeft .maxi .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-maxi.png) no-repeat left 12px;
}

#sousCatalogue .maxi .navLeft li .sNavLeft li a:hover,
#sousCatalogue .maxi .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .maxi .sNavLeft li a:hover,
#sousCatalogue .navLeft .maxi .sNavLeft li a:focus,
#sousCatalogue .maxi .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .maxi .sNavLeft li a.actif {
    background: none;
    color: #0b265c;
}

#sousCatalogue .maxi .blocProduits, #sousCatalogue .prodMaxi {
    background: #d8e8f9 url(../images/bg-catalogue-produits-maxi.png) repeat-x left top;
}

#sousCatalogue .maxi .blocProduits .detail, #sousCatalogue .prodMaxi .detail {
    border: 1px solid #7186a9;
}

#sousCatalogue .maxi .blocProduits h3, #sousCatalogue .prodMaxi h3 {
    color: #0b265c;
}

    /*  GIANT
    ------------------------------------------*/

#sousCatalogue .giant .navLeft li a.actif, #sousCatalogue .navLeft .giant a.actif {
    color: #6d1874;
    background: #fff url(../images/fleche-catalogue-navLeft-giant-actif.png) no-repeat right center;
}

#sousCatalogue .giant .navLeft li a.open, #sousCatalogue .navLeft .giant a.open {
    color: #6d1874;
    background: #fff url(../images/fleche-catalogue-navLeft-giant-open.png) no-repeat right center;
}

#sousCatalogue .giant .navLeft .sNavLeft li, #sousCatalogue .navLeft .giant .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-giant.png) no-repeat left 12px;
}

#sousCatalogue .giant .navLeft li .sNavLeft li a:hover,
#sousCatalogue .giant .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .giant .sNavLeft li a:hover,
#sousCatalogue .navLeft .giant .sNavLeft li a:focus,
#sousCatalogue .giant .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .giant .sNavLeft li a.actif {
    background: none;
    color: #6d1874;
}

#sousCatalogue .giant .blocProduits, #sousCatalogue .prodGiant {
    background: #e2d1e3 url(../images/bg-catalogue-produits-giant.png) repeat-x left top;
}

#sousCatalogue .giant .blocProduits .detail, #sousCatalogue .prodGiant .detail {
    border: 1px solid #a46fa8;
}

#sousCatalogue .giant .blocProduits h3, #sousCatalogue .prodGiant h3 {
    color: #6d1874;
}

    /*  CARDIAQUE
  ------------------------------------------*/

#sousCatalogue .cardiaque .navLeft li a.actif, #sousCatalogue .navLeft .cardiaque a.actif {
    color: #fea500;
    background: #fff url(../images/fleche-catalogue-navLeft-cardiaque-actif.png) no-repeat right center;
}

#sousCatalogue .cardiaque .navLeft li a.open, #sousCatalogue .navLeft .cardiaque a.open {
    color: #fea500;
    background: #fff url(../images/fleche-catalogue-navLeft-cardiaque-open.png) no-repeat right center;
}

#sousCatalogue .cardiaque .navLeft .sNavLeft li, #sousCatalogue .navLeft .cardiaque .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-cardiaque.png) no-repeat left 12px;
}

#sousCatalogue .cardiaque .navLeft li .sNavLeft li a:hover,
#sousCatalogue .cardiaque .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .cardiaque .sNavLeft li a:hover,
#sousCatalogue .navLeft .cardiaque .sNavLeft li a:focus,
#sousCatalogue .cardiaque .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .cardiaque .sNavLeft li a.actif {
    background: none;
    color: #fea500;
}

#sousCatalogue .cardiaque .blocProduits, #sousCatalogue .prodCardiaque {
    background: #ffebc0 url(../images/bg-catalogue-produits-cardiaque.png) repeat-x left top;
}

#sousCatalogue .cardiaque .blocProduits .detail, #sousCatalogue .prodCardiaque .detail {
    border: 1px solid #fec554;
}

#sousCatalogue .cardiaque .blocProduits h3, #sousCatalogue .prodCardiaque h3 {
    color: #fea500;
}

    /*  ORAL BAR
  ------------------------------------------*/

#sousCatalogue .oralbar .navLeft li a.actif, #sousCatalogue .navLeft .oralbar a.actif {
    color: #03754e;
    background: #fff url(../images/fleche-catalogue-navLeft-oralbar-actif.png) no-repeat right center;
}

#sousCatalogue .oralbar .navLeft li a.open, #sousCatalogue .navLeft .oralbar a.open {
    color: #03754e;
    background: #fff url(../images/fleche-catalogue-navLeft-oralbar-open.png) no-repeat right center;
}

#sousCatalogue .oralbar .navLeft .sNavLeft li, #sousCatalogue .navLeft .oralbar .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-oralbar.png) no-repeat left 12px;
}

#sousCatalogue .oralbar .navLeft li .sNavLeft li a:hover,
#sousCatalogue .oralbar .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .oralbar .sNavLeft li a:hover,
#sousCatalogue .navLeft .oralbar .sNavLeft li a:focus,
#sousCatalogue .oralbar .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .oralbar .sNavLeft li a.actif {
    background: none;
    color: #03754e;
}

#sousCatalogue .oralbar .blocProduits, #sousCatalogue .prodOralBar {
    background: #bde4d7 url(../images/bg-catalogue-produits-oralbar.png) repeat-x left top;
}

#sousCatalogue .oralbar .blocProduits .detail, #sousCatalogue .prodOralBar .detail {
    border: 1px solid #56a88c;
}

#sousCatalogue .oralbar .blocProduits h3, #sousCatalogue .prodOralBar h3 {
    color: #03754e;
}

    /*  DIABETIQUE
  ------------------------------------------*/

#sousCatalogue .diabet .navLeft li a.actif, #sousCatalogue .navLeft .diabet a.actif {
    color: #79bd50;
    background: #fff url(../images/fleche-catalogue-navLeft-diabet-actif.png) no-repeat right center;
}

#sousCatalogue .diabet .navLeft li a.open, #sousCatalogue .navLeft .diabet a.open {
    color: #79bd50;
    background: #fff url(../images/fleche-catalogue-navLeft-diabet-open.png) no-repeat right center;
}

#sousCatalogue .diabet .navLeft .sNavLeft li, #sousCatalogue .navLeft .diabet .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-diabet.png) no-repeat left 12px;
}

#sousCatalogue .diabet .navLeft li .sNavLeft li a:hover,
#sousCatalogue .diabet .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .diabet .sNavLeft li a:hover,
#sousCatalogue .navLeft .diabet .sNavLeft li a:focus,
#sousCatalogue .diabet .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .diabet .sNavLeft li a.actif {
    background: none;
    color: #79bd50;
}

#sousCatalogue .diabet .blocProduits, #sousCatalogue .prodDiabet {
    background: #e1f3d4 url(../images/bg-catalogue-produits-diabet.png) repeat-x left top;
}

#sousCatalogue .diabet .blocProduits .detail, #sousCatalogue .prodDiabet .detail {
    border: 1px solid #a9d68d;
}

#sousCatalogue .diabet .blocProduits h3, #sousCatalogue .prodDiabet h3 {
    color: #79bd50;
}

    /*  HEPATIQUE
  ------------------------------------------*/

#sousCatalogue .hepatic .navLeft li a.actif, #sousCatalogue .navLeft .hepatic a.actif {
    color: #b2233c;
    background: #fff url(../images/fleche-catalogue-navLeft-hepatic-actif.png) no-repeat right center;
}

#sousCatalogue .hepatic .navLeft li a.open, #sousCatalogue .navLeft .hepatic a.open {
    color: #b2233c;
    background: #fff url(../images/fleche-catalogue-navLeft-hepatic-open.png) no-repeat right center;
}

#sousCatalogue .hepatic .navLeft .sNavLeft li, #sousCatalogue .navLeft .hepatic .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-hepatic.png) no-repeat left 12px;
}

#sousCatalogue .hepatic .navLeft li .sNavLeft li a:hover,
#sousCatalogue .hepatic .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .hepatic .sNavLeft li a:hover,
#sousCatalogue .navLeft .hepatic .sNavLeft li a:focus,
#sousCatalogue .hepatic .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .hepatic .sNavLeft li a.actif {
    background: none;
    color: #b2233c;
}

#sousCatalogue .hepatic .blocProduits, #sousCatalogue .prodHepatic {
    background: #fee4e8 url(../images/bg-catalogue-produits-hepatic.png) repeat-x left top;
}

#sousCatalogue .hepatic .blocProduits .detail, #sousCatalogue .prodHepatic .detail {
    border: 1px solid #d87f8f;
}

#sousCatalogue .hepatic .blocProduits h3, #sousCatalogue .prodHepatic h3 {
    color: #b2233c;
}

    /*  HYPOALLERGIQUE
  ------------------------------------------*/

#sousCatalogue .hypoal .navLeft li a.actif, #sousCatalogue .navLeft .hypoal a.actif {
    color: #08a7d0;
    background: #fff url(../images/fleche-catalogue-navLeft-hypoal-actif.png) no-repeat right center;
}

#sousCatalogue .hypoal .navLeft li a.open, #sousCatalogue .navLeft .hypoal a.open {
    color: #08a7d0;
    background: #fff url(../images/fleche-catalogue-navLeft-hypoal-open.png) no-repeat right center;
}

#sousCatalogue .hypoal .navLeft .sNavLeft li, #sousCatalogue .navLeft .hypoal .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-hypoal.png) no-repeat left 12px;
}

#sousCatalogue .hypoal .navLeft li .sNavLeft li a:hover,
#sousCatalogue .hypoal .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .hypoal .sNavLeft li a:hover,
#sousCatalogue .navLeft .hypoal .sNavLeft li a:focus,
#sousCatalogue .hypoal .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .hypoal .sNavLeft li a.actif {
    background: none;
    color: #08a7d0;
}

#sousCatalogue .hypoal .blocProduits, #sousCatalogue .prodHypoal {
    background: #eaf9fe url(../images/bg-catalogue-produits-hypoal.png) repeat-x left top;
}

#sousCatalogue .hypoal .blocProduits .detail, #sousCatalogue .prodHypoal .detail {
    border: 1px solid #78d0e7;
}

#sousCatalogue .hypoal .blocProduits h3, #sousCatalogue .prodHypoal h3 {
    color: #08a7d0;
}

    /*  INTESTINAL
  ------------------------------------------*/

#sousCatalogue .intestin .navLeft li a.actif, #sousCatalogue .navLeft .intestin a.actif {
    color: #6c3d01;
    background: #fff url(../images/fleche-catalogue-navLeft-intestin-actif.png) no-repeat right center;
}

#sousCatalogue .intestin .navLeft li a.open, #sousCatalogue .navLeft .intestin a.open {
    color: #6c3d01;
    background: #fff url(../images/fleche-catalogue-navLeft-intestin-open.png) no-repeat right center;
}

#sousCatalogue .intestin .navLeft .sNavLeft li, #sousCatalogue .navLeft .intestin .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-intestin.png) no-repeat left 12px;
}

#sousCatalogue .intestin .navLeft li .sNavLeft li a:hover,
#sousCatalogue .intestin .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .intestin .sNavLeft li a:hover,
#sousCatalogue .navLeft .intestin .sNavLeft li a:focus,
#sousCatalogue .intestin .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .intestin .sNavLeft li a.actif {
    background: none;
    color: #6c3d01;
}

#sousCatalogue .intestin .blocProduits, #sousCatalogue .prodIntestin {
    background: #f8f0e6 url(../images/bg-catalogue-produits-intestin.png) repeat-x left top;
}

#sousCatalogue .intestin .blocProduits .detail, #sousCatalogue .prodIntestin .detail {
    border: 1px solid #b29673;
}

#sousCatalogue .intestin .blocProduits h3, #sousCatalogue .prodIntestin h3 {
    color: #6c3d01;
}

    /*  MOBILITY SUPPORT
  ------------------------------------------*/

#sousCatalogue .mobility .navLeft li a.actif, #sousCatalogue .navLeft .mobility a.actif {
    color: #87c1e3;
    background: #fff url(../images/fleche-catalogue-navLeft-mobility-actif.png) no-repeat right center;
}

#sousCatalogue .mobility .navLeft li a.open, #sousCatalogue .navLeft .mobility a.open {
    color: #87c1e3;
    background: #fff url(../images/fleche-catalogue-navLeft-mobility-open.png) no-repeat right center;
}

#sousCatalogue .mobility .navLeft .sNavLeft li, #sousCatalogue .navLeft .mobility .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-mobility.png) no-repeat left 12px;
}

#sousCatalogue .mobility .navLeft li .sNavLeft li a:hover,
#sousCatalogue .mobility .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .mobility .sNavLeft li a:hover,
#sousCatalogue .navLeft .mobility .sNavLeft li a:focus,
#sousCatalogue .mobility .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .mobility .sNavLeft li a.actif {
    background: none;
    color: #87c1e3;
}

#sousCatalogue .mobility .blocProduits, #sousCatalogue .prodMobility {
    background: #f2fbfe url(../images/bg-catalogue-produits-mobility.png) repeat-x left top;
}

#sousCatalogue .mobility .blocProduits .detail, #sousCatalogue .prodMobility .detail {
    border: 1px solid #b7ddf1;
}

#sousCatalogue .mobility .blocProduits h3, #sousCatalogue .prodMobility h3 {
    color: #87c1e3;
}

    /*  OBESITY
  ------------------------------------------*/

#sousCatalogue .obesity .navLeft li a.actif, #sousCatalogue .navLeft .obesity a.actif {
    color: #02653a;
    background: #fff url(../images/fleche-catalogue-navLeft-obesity-actif.png) no-repeat right center;
}

#sousCatalogue .obesity .navLeft li a.open, #sousCatalogue .navLeft .obesity a.open {
    color: #02653a;
    background: #fff url(../images/fleche-catalogue-navLeft-obesity-open.png) no-repeat right center;
}

#sousCatalogue .obesity .navLeft .sNavLeft li, #sousCatalogue .navLeft .obesity .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-obesity.png) no-repeat left 12px;
}

#sousCatalogue .obesity .navLeft li .sNavLeft li a:hover,
#sousCatalogue .obesity .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .obesity .sNavLeft li a:hover,
#sousCatalogue .navLeft .obesity .sNavLeft li a:focus,
#sousCatalogue .obesity .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .obesity .sNavLeft li a.actif {
    background: none;
    color: #02653a;
}

#sousCatalogue .obesity .blocProduits, #sousCatalogue .prodObesity {
    background: #e4f9f0 url(../images/bg-catalogue-produits-obesity.png) repeat-x left top;
}

#sousCatalogue .obesity .blocProduits .detail, #sousCatalogue .prodObesity .detail {
    border: 1px solid #6fac91;
}

#sousCatalogue .obesity .blocProduits h3, #sousCatalogue .prodObesity h3 {
    color: #02653a;
}

    /*  RECOVERY
  ------------------------------------------*/

#sousCatalogue .recovery .navLeft li a.actif, #sousCatalogue .navLeft .recovery a.actif {
    color: #758995;
    background: #fff url(../images/fleche-catalogue-navLeft-recovery-actif.png) no-repeat right center;
}

#sousCatalogue .recovery .navLeft li a.open, #sousCatalogue .navLeft .recovery a.open {
    color: #758995;
    background: #fff url(../images/fleche-catalogue-navLeft-recovery-open.png) no-repeat right center;
}

#sousCatalogue .recovery .navLeft .sNavLeft li, #sousCatalogue .navLeft .recovery .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-recovery.png) no-repeat left 12px;
}

#sousCatalogue .recovery .navLeft li .sNavLeft li a:hover,
#sousCatalogue .recovery .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .recovery .sNavLeft li a:hover,
#sousCatalogue .navLeft .recovery .sNavLeft li a:focus,
#sousCatalogue .recovery .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .recovery .sNavLeft li a.actif {
    background: none;
    color: #758995;
}

#sousCatalogue .recovery .blocProduits, #sousCatalogue .prodRecovery {
    background: #f7f8f2 url(../images/bg-catalogue-produits-recovery.png) repeat-x left top;
}

#sousCatalogue .recovery .blocProduits .detail, #sousCatalogue .prodRecovery .detail {
    border: 1px solid #b6c0c3;
}

#sousCatalogue .recovery .blocProduits h3, #sousCatalogue .prodRecovery h3 {
    color: #758995;
}

    /*  REHYDRATATION SUPPORT
  ------------------------------------------*/

#sousCatalogue .rehydrat .navLeft li a.actif, #sousCatalogue .navLeft .rehydrat a.actif {
    color: #567aac;
    background: #fff url(../images/fleche-catalogue-navLeft-rehydrat-actif.png) no-repeat right center;
}

#sousCatalogue .rehydrat .navLeft li a.open, #sousCatalogue .navLeft .rehydrat a.open {
    color: #567aac;
    background: #fff url(../images/fleche-catalogue-navLeft-rehydrat-open.png) no-repeat right center;
}

#sousCatalogue .rehydrat .navLeft .sNavLeft li, #sousCatalogue .navLeft .rehydrat .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-rehydrat.png) no-repeat left 12px;
}

#sousCatalogue .rehydrat .navLeft li .sNavLeft li a:hover,
#sousCatalogue .rehydrat .navLeft li .sNavLeft li a:focus,
v#sousCatalogue .navLeft .rehydrat .sNavLeft li a:hover,
#sousCatalogue .navLeft .rehydrat .sNavLeft li a:focus,
#sousCatalogue .rehydrat .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .rehydrat .sNavLeft li a.actif {
    background: none;
    color: #567aac;
}

#sousCatalogue .rehydrat .blocProduits, #sousCatalogue .prodRehydrat {
    background: #cfdcee url(../images/bg-catalogue-produits-rehydrat.png) repeat-x left top;
}

#sousCatalogue .rehydrat .blocProduits .detail, #sousCatalogue .prodRehydrat .detail {
    border: 1px solid #8ea6ca;
}

#sousCatalogue .rehydrat .blocProduits h3, #sousCatalogue .prodRehydrat h3 {
    color: #567aac;
}

    /*  RENAL
  ------------------------------------------*/

#sousCatalogue .renal .navLeft li a.actif, #sousCatalogue .navLeft .renal a.actif {
    color: #024582;
    background: #fff url(../images/fleche-catalogue-navLeft-renal-actif.png) no-repeat right center;
}

#sousCatalogue .renal .navLeft li a.open, #sousCatalogue .navLeft .renal a.open {
    color: #024582;
    background: #fff url(../images/fleche-catalogue-navLeft-renal-open.png) no-repeat right center;
}

#sousCatalogue .renal .navLeft .sNavLeft li, #sousCatalogue .navLeft .renal .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-renal.png) no-repeat left 12px;
}

#sousCatalogue .renal .navLeft li .sNavLeft li a:hover,
#sousCatalogue .renal .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .renal .sNavLeft li a:hover,
#sousCatalogue .navLeft .renal .sNavLeft li a:focus,
#sousCatalogue .renal .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .renal .sNavLeft li a.actif {
    background: none;
    color: #024582;
}

#sousCatalogue .renal .blocProduits, #sousCatalogue .prodRenal {
    background: #b8d4ef url(../images/bg-catalogue-produits-renal.png) repeat-x left top;
}

#sousCatalogue .renal .blocProduits .detail, #sousCatalogue .prodRenal .detail {
    border: 1px solid #8ea6ca;
}

#sousCatalogue .renal .blocProduits h3, #sousCatalogue .prodRenal h3 {
    color: #024582;
}

    /*  CALM
  ------------------------------------------*/

#sousCatalogue .calm .navLeft li a.actif, #sousCatalogue .navLeft .calm a.actif {
    color: #caa7cf;
    background: #fff url(../images/fleche-catalogue-navLeft-renal-actif.png) no-repeat right center;
}

#sousCatalogue .calm .navLeft li a.open, #sousCatalogue .navLeft .calm a.open {
    color: #caa7cf;
    background: #fff url(../images/fleche-catalogue-navLeft-calm-open.png) no-repeat right center;
}

#sousCatalogue .calm .navLeft .sNavLeft li, #sousCatalogue .navLeft .calm .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-calm.png) no-repeat left 12px;
}

#sousCatalogue .calm .navLeft li .sNavLeft li a:hover,
#sousCatalogue .calm .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .calm .sNavLeft li a:hover,
#sousCatalogue .navLeft .calm .sNavLeft li a:focus,
#sousCatalogue .calm .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .calm .sNavLeft li a.actif {
    background: none;
    color: #caa7cf;
}

#sousCatalogue .calm .blocProduits, #sousCatalogue .prodCalm {
    background: #fef4ff url(../images/bg-catalogue-produits-calm.png) repeat-x left top;
}

#sousCatalogue .calm .blocProduits .detail, #sousCatalogue .prodCalm .detail {
    border: 1px solid #e4cce5;
}

#sousCatalogue .calm .blocProduits h3, #sousCatalogue .prodCalm h3 {
    color: #caa7cf;
}

    /*  SKIN SUPPORT
  ------------------------------------------*/

#sousCatalogue .skin .navLeft li a.actif, #sousCatalogue .navLeft .skin a.actif {
    color: #86208b;
    background: #fff url(../images/fleche-catalogue-navLeft-skin-actif.png) no-repeat right center;
}

#sousCatalogue .skin .navLeft li a.open, #sousCatalogue .navLeft .skin a.open {
    color: #86208b;
    background: #fff url(../images/fleche-catalogue-navLeft-skin-open.png) no-repeat right center;
}

#sousCatalogue .skin .navLeft .sNavLeft li, #sousCatalogue .navLeft .skin .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-skin.png) no-repeat left 12px;
}

#sousCatalogue .skin .navLeft li .sNavLeft li a:hover,
#sousCatalogue .skin .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .skin .sNavLeft li a:hover,
#sousCatalogue .navLeft .skin .sNavLeft li a:focus,
#sousCatalogue .skin .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .skin .sNavLeft li a.actif {
    background: none;
    color: #86208b;
}

#sousCatalogue .skin .blocProduits, #sousCatalogue .prodSkin {
    background: #f4d5f3 url(../images/bg-catalogue-produits-skin.png) repeat-x left top;
}

#sousCatalogue .skin .blocProduits .detail, #sousCatalogue .prodSkin .detail {
    border: 1px solid #b773b9;
}

#sousCatalogue .skin .blocProduits h3, #sousCatalogue .prodSkin h3 {
    color: #86208b;
}

    /*  URINARY SUPPORT
  ------------------------------------------*/

#sousCatalogue .urinary .navLeft li a.actif, #sousCatalogue .navLeft .urinary a.actif {
    color: #62ba4a;
    background: #fff url(../images/fleche-catalogue-navLeft-urinary-actif.png) no-repeat right center;
}

#sousCatalogue .urinary .navLeft li a.open, #sousCatalogue .navLeft .urinary a.open {
    color: #62ba4a;
    background: #fff url(../images/fleche-catalogue-navLeft-urinary-open.png) no-repeat right center;
}

#sousCatalogue .urinary .navLeft .sNavLeft li, #sousCatalogue .navLeft .urinary .sNavLeft li {
    background: transparent url(../images/fleche-sNavLeft-urinary.png) no-repeat left 12px;
}

#sousCatalogue .urinary .navLeft li .sNavLeft li a:hover,
#sousCatalogue .urinary .navLeft li .sNavLeft li a:focus,
#sousCatalogue .navLeft .urinary .sNavLeft li a:hover,
#sousCatalogue .navLeft .urinary .sNavLeft li a:focus,
#sousCatalogue .urinary .navLeft li .sNavLeft li a.actif,
#sousCatalogue .navLeft .urinary .sNavLeft li a.actif {
    background: none;
    color: #62ba4a;
}

#sousCatalogue .urinary .blocProduits, #sousCatalogue .prodUrinary {
    background: #f6fef4 url(../images/bg-catalogue-produits-urinary.png) repeat-x left top;
}

#sousCatalogue .urinary .blocProduits .detail, #sousCatalogue .prodUrinary .detail {
    border: 1px solid #a9dc9c;
}

#sousCatalogue .urinary .blocProduits h3, #sousCatalogue .prodUrinary h3 {
    color: #62ba4a;
}

/*          @Formulaires
---------------------------------------- */

.required {
    text-align: right;
    color: #e20a22;
}

.text label, .select .label, .selectSmall .label, .radio .label {
    float: left;
    display: block;
    text-align: left;
    padding: 2px 0;
    font-size: 1.2em;
    color: #645330;
    width: 150px;
    margin-right: 10px;
    line-height: 1.2em;
}

.text, .select, .radio {
    margin: 0 0 10px 0;
}

#container .annuaire .radio {
    margin-left: 76px;
}

.radio input {
    margin: 0 25px 0 0;
}

.text .jour, .text .mois, .text .annee {
    color: #aea593;
    text-align: center;
    font-size: 1.3em;
    padding: 0px;
    margin-right: 2px;
}

.text .jour, .text .mois {
    width: 32px;
}

.text .annee {
    width: 55px;
}

.agenda .selectSmall, .agenda .select {
    margin: 10px 0 0 0;
}

.agenda .selectSmall .label {
    width: 65px;
}

.agenda .select .label {
    width: 105px;
}

.select select {
    /*width: 165px;*/
}

.select select, .selectSmall select, .text input, .radio label {
    color: #4c4c4c;
    font-size: 1.1em;
}

.text input {
    width: 160px;
    padding: 1px 2px;
}

.text textarea {
    width: 320px;
    height: 64px;
    padding: 1px 2px;
    font: normal 1.1em arial, helvetica, sans-serif;
    color: #4c4c4c;
    overflow: auto;
}

.text input, .text textarea {
    border: 1px solid #bfb193;
}

.text div {
    float: left;
    width: 345px;
    padding: 0 0 10px 0;
}

.submit {
    margin: 30px 0 20px;
    text-align: center;
}

.rechercheMod .select {
    clear: left;
    margin-bottom: 7px;
}

.rechercheMod .select .label, .rechercheMod .text label {
    width: 110px;
}

.rechercheMod .select select {
    width: 165px;
}

.rechercheMod .submit {
    margin: 22px 0 0 50px;
    padding-bottom: 10px;
}

.agenda .submit, .librairie .submit {
    text-align: left;
    margin: 13px 0 10px 50px;
}

.annuaire .left, .annuaire #annuaire {
    float: left;
}

.annuaire .left {
    width: 420px;
}

.annuaire #annuaire {
    width: 275px;
}

.annuaire .select {
    margin: 0 0 8px;
}

.annuaire .margeTop {
    margin-top: 25px;
}

.annuaire .color1 {
    display: block;
    font-size: 1.2em;
    line-height: 1.2em;
    margin-bottom: 3px;
}

.annuaire .select select {
    margin-bottom: 7px;
}
.annuaire .select .label {
    width: 115px;
    text-align: right;
    margin-right: 5px;
}

.annuaire span.small {
    display: block;
    clear: both;
    font-size: 1.1em;
    color: #645330;
    margin-bottom: 10px;
}

.annuaire .checkbox .small, .annuaire .checkbox .large {
    display: block;
    float: left;
}

.annuaire .checkbox .large {
    height: 30px;
    margin-bottom: 14px;
    padding: 0px 8px 0px 37px;
    width: 165px;

}

.annuaire .checkbox .small {
    width: 140px;
    margin-bottom: 10px;
}

.annuaire .checkbox input {
    margin-right: 0px;
    padding-top: 3px;
}

.annuaire .checkbox label, .annuaire .checkbox .label {
    color: #645330;
    font-size: 1.2em;
    line-height: 1.2em;
}

.annuaire .checkbox .label {
    color: #e2001a;
    display: block;
    margin: 0px 0px 17px;
    width: 100%;
}

.annuaire .submit {
    clear: left;
    text-align: left;
    margin: 0px;
    padding: 20px 0px 10px 50px;
}

.pensionChien, .pensionchien {
    background: url(../images/picto-chien.png) no-repeat left top;
}

.pensionChat, .pensionchat {
    background: url(../images/picto-chat.png) no-repeat left top;
}

.boxIndiv, .boxindiv {
    background: url(../images/picto-box-indiv.png) no-repeat left top;
}

.boxChaud, .boxchaud {
    background: url(../images/picto-box-chaud.png) no-repeat left top;
}

.boxOmbre, .boxombre {
    background: url(../images/picto-box-ombre.png) no-repeat left top;
}

.chienExt, .chienext {
    background: url(../images/picto-chien-ext.png) no-repeat left top;
}

.promenadeIndiv, .promenadeindiv {
    background: url(../images/picto-promenade-indiv.png) no-repeat left top;
}

.alimMesure, .alimmesure {
    background: url(../images/picto-aliment-mesure.png) no-repeat left top;
}

.chienDom, .chiendom {
    background: url(../images/picto-domicile.png) no-repeat left top;
}

.cbAutor, .cbautor {
    background: url(../images/picto-cb.png) no-repeat left top;
}


/*   @fiches race Felins
---------------------------------------------------------------------*/

#ficheFelin {
    background: #fff;
    margin: auto;
    width: 610px;
}

#head {
    position: relative;
}

#head .felinImg {
    float: right;
    margin: 0px 0 40px 40px;
}

#ficheFelin h1 {
    color: #df0028;
    font: bold 33px 'arial black', helvetica, sans-serif;
    margin: 0 0 25px;
}

#ficheFelin h2 {
    font-size: 11px;
    font-weight: bold;
    letter-spacing: 0.05em;
    margin: 0 0 10px;
    background: none;
}

#head .presentation h3 {
    font-size: 10px;
    line-height: 1.2em;
    font-weight: bold;
    margin: 0 0 4px;
}

#historique p, #head .presentation h3, #ficheFelin h2, #infosSup p {
    color: #4b4b4d;
}

#head .presentation h3 strong, #historique h4, #infosSup h4 {
    color: #df0028;
}

#infosSup {
    clear: both;
    margin: 9px 0 17px;
}

#historique {
    margin: 17px 0;

}

#infosSup {
    margin-left: 15px;
}

#historique h4, #infosSup h4 {
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 5px;
    padding-top: 8px;
}

#historique p, #infosSup p {
    font-size: 11px;
    line-height: 1.5em;
    margin: 0 0 1em;
    padding: 0;
}

#infoFelin {
    clear: both;
    border-top: 1px solid #c3c1c1;
}

#infoFelin h4 {
    color: #4b4b4d;
    font-size: 16px;
    font-weight: bold;
    margin: 25px 0 10px 20px;
}

#infoFelin ul {
    position: relative;
    margin-left: 15px;
}

#infoFelin li {
    background: none;
    float: left;
    margin: 0px;
    padding: 0px;
}

#infoFelin h5 {
    background: #eee;
    border: 1px solid #ddd;
    color: #999999;
    cursor: pointer;
    margin-right: -1px;
    padding: 8px 10px 5px;
    font-size: 16px;
    font-weight: bold;
}

#infoFelin .actif h5 {
    color: #6c6c6c;
    background: #e00a30 url(../images/bg-fiche-race-onglet-actif.png) repeat-x left top;
    border-color: #c3c1c1;
    border-width: 1px 1px 0 1px;
}


#infoFelin .blocContenu {
    background: #e7e7e7;
    border: 1px solid #c3c1c1;
    left: 0px;
    position: absolute;
    width: 595px;
}

#infoFelin .texte {
    float: left;
    padding: 10px 0 10px 20px;
    width: 380px;
}

#infoFelin .texte p {
    color: #707070;
    font-size: 11px;
    line-height: 1.5em;
}

#infoFelin .visuFelin {
    float: right;
    margin: 0 15px 10px 0;
    position: relative;
}

#infoFelin .visuFelin span {
    position: absolute;
    border: 1px solid #df0028;
}

#infoFelin .visuFelin .tete {
    height: 28px;
    left: 19px;
    top: 23px;
    width: 28px;
}

#infoFelin .visuFelin .oreilles {
    height: 8px;
    left: 29px;
    top: 25px;
    width: 18px;
}

#infoFelin .visuFelin .yeux {
    height: 5px;
    left: 28px;
    top: 34px;
    width: 5px;
}

#infoFelin .visuFelin .cou {
    height: 10px;
    left: 30px;
    top: 43px;
    width: 20px;
}

#infoFelin .visuFelin .corps, #infoFelin .visuFelin .robe {
    height: 35px;
    left: 43px;
    top: 43px;
    width: 57px;
}

#infoFelin .visuFelin .pattes {
    height: 25px;
    left: 33px;
    top: 73px;
    width: 85px;
}

#infoFelin .visuFelin .queue {
    height: 45px;
    left: 107px;
    top: 5px;
    width: 13px;
}

/*--------------------------------------------------------------------------------
          =AJOUT
-------------------------------------------------------------------------------- */

#aside .quelAliment, #aside .btRight {
    text-align: right;
    margin-bottom: 20px;
    height: 170px;
}

#aside .espacePerso, #aside .btLeft {
    height: 183px;
}

#RCAideChoixChien {
    width: 695px;
    outline: none;
}

#RCAideChoixChat, #annuaire {
    outline: none;
}

.margeTop {
    margin-top: 25px;
}

.librairie .select .label {
    margin-right: 5px;
    text-align: left;
    width: 75px;
    padding-top: 4px;
}

/*      Espace Eleveur edition de contenu
----------------------------------------------------------------------*/

.content-edit-draft {
    width: 696px;
}

.content-edit-draft h1 {
    padding-bottom: 11px;
    margin-bottom: 5px;
    background: url(../images/bg-titre-h1.png) no-repeat left bottom;
}

.content-edit-draft .object {
    border-bottom: 1px solid #ccc19f;
    margin-bottom: 15px;
    padding-bottom: 5px;
}

.content-edit-draft .info {
    font-weight: bold;
}

.content-edit-draft h2 {
    padding-bottom: 9px;
    margin: 18px 0 10px;
    background: url(../images/bg-titre-h2.png) no-repeat left bottom;
}

.content-edit-draft table {
    border: 1px solid #ccc19f;
}

.content-edit-draft table th {
    background: #f0ead7;
    padding: 5px 0 5px 4px;
    color: #645330;
    font-size: 1.2em;
}

.content-edit-draft table th, .content-edit-draft table td {
    color: #645330;
    padding: 5px 0 5px 4px;
}

.content-edit-draft table td {
    font-size: 1.1em;
}

.content-edit-draft .bt-edit-draft {
    float: left;
    padding: 10px;
}

.content-edit .hide {
    display: none;
}

.content-edit fieldset {
    border: none;
}

.content-edit legend {
    padding-bottom: 9px;
    margin: 18px 0 10px;
    background: url(../images/bg-titre-h2.png) no-repeat left bottom;
    width: 100%;
    color:#e2001a;
    font:1.6em/1em arial,helvetica,sans-serif;
}

.content-edit .block {
    clear: left;
    margin-bottom: 15px;
}

.content-edit .element label, .content-edit .block label {
    float: left;
    display: block;
    text-align: left;
    padding: 2px 0;
    font-size: 1.2em;
    color: #645330;
    width: 150px;
    margin-right: 10px;
}

.content-edit .ezcca-edit-datatype-ezxmltext label {
    float: none;
    padding-bottom: 9px;
    margin: 18px 0 10px;
    background: url(../images/bg-titre-h2.png) no-repeat left bottom;
    width: 100%;
    color:#e2001a;
    font:1.6em/1em arial,helvetica,sans-serif;

}

.content-edit .oe-window textarea {
    border: 1px solid #bfb193;
    padding: 1px 2px;
    width: 100%;
    font: normal 1.2em/1.2em arial, helvetica, sans-serif;
    color: #645330;
}

.content-edit .element {
    margin-bottom: 5px;
}

.content-edit .element input {
    border: 1px solid #bfb193;
    padding: 1px 2px;
    width: 160px;
    font: normal 1.2em/1.2em arial, helvetica, sans-serif;
    color: #645330;
}

/*              @site distrib
---------------------------------------------------------------------------------------*/

#siteDistrib #header {
    background: url(../images/bg-header-siteDistrib.png) no-repeat right top;
    height: 161px;
    margin-bottom: 22px;
    position: relative;
}

#infoPartenaire {
    left: 720px;
    position: absolute;
    top: 73px;
    width: 220px;
}

#infoPage {
    left: 285px;
    position: absolute;
    top: 20px;
}

#infoPage h2, #infoPage p, #infoPage p a {
    color: #e2001a;
}

#infoPage p a {
    text-decoration: none;
}

#infoPage h2 {
    font-size: 1.4em;
    font-weight: bold;
    margin-bottom: 2px;
}

#infoPage p {
    font-size: 1.1em;
}

#infoPartenaire p, #infoPartenaire h2 {
    color: #fff;
    font: normal 1.1em/1.1em verdana, helvetica, sans-serif;
    padding: 0;
}

#infoPartenaire h2 {
    font-weight: bold;
}


#siteDistrib #header  .deconnexion {
    left: 720px;
    position: absolute;
    top: 140px;
}

#siteDistrib #header  .deconnexion {
    background: url(../images/bg-deconnection.png) no-repeat left top;
    padding: 0 0 1px 13px;
}

#siteDistrib #header  .deconnexion a {
    color: #fff;
    font-size: 1.1em;
    text-decoration: underline;
}

#siteDistrib #header  .deconnexion a:hover, #siteDistrib #header  .deconnexion a:focus {
    text-decoration: none;
}

#siteDistrib #content {
    width: 696px;
}

#siteDistrib #content h1 {
    background: url(../images/bg-titre-h1.png) no-repeat left bottom;
    margin-bottom: 10px;
    padding-bottom: 11px;
}

#rechercheFiltre {
    border-bottom: 1px solid #c4c2b3;
    margin-bottom: 15px;
}

#rechercheFiltre .label, #formDistrib .titre .label {
    color: #e2001a;
    font-size: 1.4em;
    margin-right: 25px;
}

#formDistrib .titre {
    padding: 8px 0 30px;
}

#rechercheFiltre label, #formDistrib .radio .label, #formDistrib label {
    color: #645330;
    font-size: 1.2em;
    margin-right: 10px;
}

#formDistrib .radio .label, #formDistrib label {
    width: 105px;
}

#formDistrib .radio .label {
    line-height: 1.2em;
    margin-bottom: 20px;
}

#formDistrib .text {
    clear: left;
    margin-bottom: 10px;
}

#rechercheFiltre input[type="text"] {
    border: 1px solid #d6d6d6;
    color: #4c4c4c;
    font-size: 1.1em;
    height: 15px;
    margin-right: 10px;
    padding: 1px 2px;
}

#formDistrib .text input {
    border: 1px solid #ccc19f;
    color: #645330;
    font-size: 1.1em;
    height: 15px;
    padding: 1px 2px;
    width: 366px;
}

#formDistrib label {
    position: relative;
    top: 2px;
}

#formDistrib .radio label {
    position: relative;
    top: 0;
}

#formDistrib .small {
    width: 230px;
}

#formDistrib .right label {
    width: 25px;
}

#formDistrib .small input {
    width: 89px;
}

#formDistrib .submit {
    clear: left;
    margin: 25px 0 15px 50px;
    text-align: left;
}

#rechercheFiltre input#enseigne {
    width: 116px;
}

#rechercheFiltre input#cp {
    width: 43px;
}

#rechercheFiltre select {
    border: 1px solid #d6d6d6;
    color: #4c4c4c;
    font-size: 1.1em;
    height: 18px;
    padding: 1px 0;
    width: 101px;
}

#rechercheFiltre  .submit {
    margin: 15px 0 18px 10px;
    text-align: left;
}

#siteDistrib .nbrResults {
    color: #6c593a;
    font-size: 1.2em;
}

#siteDistrib table {
    border-bottom: 1px solid #ebe6d9;
    margin-bottom: 15px;
    width: 100%;
}

#siteDistrib table th {
    background: #dd001a;
    border-bottom: 3px solid #fff;
    color: #fff;
    font-size: 1.2em;
    font-weight: normal;
    padding: 5px 0 3px 0;
    text-align: left;
}

#siteDistrib table td {
    color: #493c24;
    font-size: 1.1em;
    padding: 5px 0 3px 0;
}

#siteDistrib table td a {
    color: #493c24;
    text-decoration: none;
}

#siteDistrib table td a:hover, #siteDistrib table td a:focus {
    text-decoration: underline;
}


#siteDistrib table .check {
    text-align: right;
    padding-right: 10px;
    width: 40px;
}

#siteDistrib table .publie, #siteDistrib table .editer {
    cursor: pointer;
    padding-left: 5px;
    width: 45px;
}

#siteDistrib table .publie .hidden {
    display: none;
}


#siteDistrib table .even td {
    background: #f3eee4;
    border: 1px solid #ebe6d9;
    border-width: 1px 0;
}

#outilsCentres {
    margin-bottom: 15px;
    position: relative;
    text-align: center;
    width: 100%;
}

#outilsCentres .btSuppr {
    left: 0;
    position: absolute;
    top: 0;
}

#outilsCentres .btSauver {
    display: block;
    float: left;
    height: 60px;
    margin-top: 15px;
}

#outilsCentres .btAnnuler {
    display: block;
    float: right;
    height: 60px;
    margin-top: 15px;
}

#outilsCentres .btExport {
    position: absolute;
    right: 0;
    top: 0;
}

#outilsCentres .navPages {
    height: 17px;
    padding-top: 30px;

}

#outilsCentres .navPages a {
    color: #493c24;
    font-size: 1.2em;
    text-decoration: none;
}

#outilsCentres .navPages a.actif {
    color: #dd001a;
}

#outilsCentres .pagePrev, #outilsCentres .pageNext {
    position: relative;
    top: 3px;
}

#outilsCentres .pagePrev {
    margin-right: 8px;
}

#outilsCentres .pageNext {
    margin-left: 8px;
}

#outilsCentres .nouvelItem {
    border-top: 2px solid #dd001a;
    clear: left;
    margin-top: 10px;
    padding-top: 5px;
    text-align: left;
    width: 100%;
}

#rechercheFiltre .radio .label {

}

#formDistrib {
    border-bottom: 2px solid #dd001a;
}


/*              Page mot de passe oublie
------------------------------------------------------------------*/

#content .user-forgotpassword h1 {
    padding-bottom: 11px;
    margin-bottom: 25px;
    background: url(../images/bg-titre-h1.png) no-repeat left bottom;
}

#content .user-forgotpassword p {
    margin-bottom: 20px;
}

#content .user-forgotpassword label {
    float: left;
    display: block;
    text-align: left;
    padding: 2px 0;
    font-size: 1.2em;
    color: #645330;
    width: 100px;
    margin-right: 10px;
    line-height: 1.2em;
}

#content .user-forgotpassword .block input {
    border: 1px solid #bfb193;
    padding: 1px 2px;
    width: 320px;
}

#content .user-forgotpassword .buttonblock {
    margin: 20px 0 30px 110px;
}


/*          @scrollPane
----------------------------------------------------*/

#lightBoxOnglets .scrollPane {
    height: 270px;
}

.jScrollPaneContainer {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.jScrollPaneTrack {
    position: absolute;
    cursor: pointer;
    right: 0;
    top: 0;
    height: 100%;
    width: 5px !important;
    background: #afafb0;
}
.jScrollPaneDrag {
    position: absolute;
    background: #00a7e0;
    cursor: pointer;
    width: 5px !important;
    overflow: hidden;
}
.jScrollPaneDragTop {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
}
.jScrollPaneDragBottom {
    position: absolute;
    bottom: 0;
    left: 0;
    overflow: hidden;
}



/*          @divers
----------------------------------------------------*/


#aside .quelAliment {
    text-align: right;
    margin-bottom: 20px;
    height: 170px;
}

#aside .espacePerso {
    height: 183px;
}

/*  Aline 13 01 2010 */

#content .miseEnAvant {
    padding-bottom: 14px;
    margin-right: 5px;
}

#content .miseEnAvant h3 {
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    padding: 17px 16px 7px 28px;
    margin: 0px;
    border-bottom: none;
}

#content .miseEnAvant p {
    color: #5e5656;
    font-size: 1.1em;
    padding: 11px 16px 0px 20px;
    margin: 0px;
}

.meaSmall {
    background: url(../images/bg-miseEnAvant-small-bottom.png) no-repeat left bottom;
    width: 264px;
}

.meaSmall h3 {
    background: url(../images/bg-miseEnAvant-small-h3.png) no-repeat left top;
}

.meaSmall p {
    background: url(../images/bg-miseEnAvant-small-corps.png) repeat-y left top;
}

.meaMiddle {
    background: url(../images/bg-miseEnAvant-middle-bottom.png) no-repeat left bottom;
    width: 450px;
}

.meaMiddle h3 {
    background: url(../images/bg-miseEnAvant-middle-h3.png) no-repeat left top;
}

.meaMiddle p {
    background: url(../images/bg-miseEnAvant-middle-corps.png) repeat-y left top;
}

.meaBig {
    background: url(../images/bg-miseEnAvant-big-bottom.png) no-repeat left bottom;
    width: 705px;
}

.meaBig h3 {
    background: url(../images/bg-miseEnAvant-big-h3.png) no-repeat left top;
}

.meaBig p {
    background: url(../images/bg-miseEnAvant-big-corps.png) repeat-y left top;
}



/* Sebastien : pour eviter d'avoir a saisir les id des Tableaux dans Fiches Produits */

#rationingTable table {
    width: 100%;
    margin: 5px 0 50px;
}

#rationingTable table th, #ingredients table th {
    background: #fff;
    font-size: 1.1em;
    font-weight: bold;
    padding: 6px;
    white-space: nowrap;
    color: #333;
    border-bottom: 3px solid #2a3c6a;
}

#rationingTable table td, #ingredients table td {
    border: 1px solid #fff;
    padding: 6px;
    color: #333;
    font-size: 1.1em;
}

#rationingTable table .odd {
    background: #90a5dc;
}

#rationingTable table .even {
    background: #b5c5f0;
}


/* Sebastien : correction pour les slider qui sont trop court pour les fiches races */
#aside .blocSlider .masqueSlider .slider {
    width: 10000px;
}
#videotheque .blocSlider .masqueSlider .slider, #phototheque .blocSlider .masqueSlider .slider {
    width: 10000px;
}

/* Lien blanc colonne droite */
#espacePartenaire .lien a,
#espacePartenaire p {
    color:#FFFFFF;
}


#content #lightBoxOnglets {
    width: auto;
}
#content #lightBoxOnglets .detail .visu {
    float: left;
    padding: 3px;
    width: 220px;
    height: auto;
    background: none;
}
#content #lightBoxOnglets .detail .margeLeft {
    margin-left: 300px;
}
#content #lightBoxOnglets .detail .visu .block {
    margin-bottom: 10px;
}

.visu .block label {
    font-size: 1.1em;
    margin: 5px 0;
    display: block;
    color: #645330;
}

.visu .block img {
    padding-bottom: 10px;
}

.visu .block input {
    padding: 5px 0;
}

.separator {
    display: block;
    clear: both;
}

#ingredients table td {
    background: none;
}


.loiInfo {
    font-size: 0.8em;
}

.boolean {
    margin: 0 0 10px;
    clear: both;
}

.boolean .label {
    color: #645330;
    display: block;
    float: left;
    font-size: 1.2em;
    line-height: 1.2em;
    padding: 2px 0;
    text-align: left;
}

.departement {
    float: left;
    color:#E2001A;
    font-size:12px;
    font-weight:bold;
}

#addRow,
#addRowChat {
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: 15px;
    display: block;
}

h3.imprimer {
    text-align: left;
}

#sNavCatalogue {
    margin-bottom: 20px;
}

.notabene p {
    font-size: 1em;
    color: #E2001A;
}

#RCAideChoixChien,
#RCAideChoixChat {
    min-height: 300px;
}

/* Black Menu */
body.black {
    background: #fff url(../images/bg-body_black.png) repeat-x left top;
}

.black #espacePartenaire {
    background: transparent url(../images/bg-espace-partenaire_black.png) no-repeat left top;
}

.black #toolsBox {
    background: transparent url(../images/bg-toolsbox_black.png) repeat-x left top;
}

/* Blue Menu */
body.blue {
    background: #fff url(../images/bg-body_blue.png) repeat-x left top;
}

.blue #espacePartenaire {
    background: transparent url(../images/bg-espace-partenaire_blue.png) no-repeat left top;
}

.blue #toolsBox {
    background: transparent url(../images/bg-toolsbox_blue.png) repeat-x left top;
}


/*      modif pour navGauche */
#lightBoxOnglets .navGauche {
    float: left;
    height: 270px;
    margin: 0 20px 0 0;
    overflow: auto;
    padding-right: 5px;
    width: 220px;
}

#lightBoxOnglets .navGauche li {
    border-bottom: 1px solid #ded4b5;
    font-size: 1.2em;
    margin-bottom: 12px;
    padding: 0;
    text-transform: uppercase;
}

#lightBoxOnglets .navGauche a {
    background: url(../images/lightbox-navLeft.png) no-repeat right center;
    color: #6c593a;
    display: block;
    padding: 7px 18px 5px 2px;
    text-decoration: none;
}

#lightBoxOnglets .navGauche a:hover, #lightBoxOnglets .navGauche a:focus {
    background: #ede8da url(../images/lightbox-navLeft-hover.png) no-repeat right center;
}


#lightBoxOnglets .navGauche li a.actif {
   background: url(../images/lightbox-navLeft-actif.png) no-repeat right center;
   color: #e2001a;
}
/* fin modifs */

#editform .required {
    display: none;
}

.prodContent li {
	background:url("../images/bullet.gif") no-repeat scroll left 5px transparent;
	padding-left:15px;
	color:#333333;
	font-size:11px;
}
.prodContent .bloc{
	color:#333333;
	padding-bottom: 10px;
}
.prodContent .bloc p {
	padding-bottom: 5px;
}
.prodContent h5{
	font-size:11px;
	font-weight:bold;
	margin:0 0 1em;
}
.prodContent .intro .duree p {
	font-weight:normal;
}

/*              Page Inscription Véto
------------------------------------------------------------------*/

#content .register_veto h1 {
    padding-bottom: 11px;
    margin-bottom: 25px;
    background: url(../images/bg-titre-h1.png) no-repeat left bottom;
}

#content .register_veto p {
    margin-bottom: 20px;
}

#content .register_veto label {
    float: left;
    display: block;
    text-align: left;
    padding: 2px 0;
    font-size: 1.2em;
    color: #645330;
    width: 250px;
    margin-right: 10px;
    line-height: 1.2em;
}

#content .register_veto .block input {
    border: 1px solid #bfb193;
    padding: 1px 2px;
    width: 320px;
}
#content .register_veto .info_autre .block input {
    border: none;
    padding: 1px 2px;
    float: left;
    width: 30px;
}

#content .register_veto .info_autre label {
    float: none;
    width: 90%;
}

#content .register_veto .element, #content .register_veto .civilite,#content .register_veto .titre,#content .register_veto .nom,
#content .register_veto .prenom,#content .register_veto .ecole_veterinaire,#content .register_veto .annee_promotion,
#content .register_veto .statut,#content .register_veto .activite{
	height: 30px;
}

#content .warning li{
    color: red;
}
#content .register_veto .user_account label{
    display: none;
}
#content .register_veto .user_account .block .block label{
	display: inline;
}
#container iframe{
	border: medium none;
}

img.product_name
{
	position: absolute;
	top: 56px;
	left: 230px;
}