/* SET DEFAULT RULES  |============================================================================================================*/
* {
  margin: 0; }

html, body {
  height: 100%;
  background-color: black;
  width: 100%; }

ul, li{
  list-style: none;
  list-style-position: outside;
  margin: 0;
  float: left;
  padding: 0; }
ul.list{
  list-style:none;
  padding-left:20px;
  margin-top:10px;
  }
  ul.list li{
    background: url(../../images/charte/icon-list.jpg) no-repeat left 4px;
    padding-left:12px;
    line-height:14px;
    color:#4D4D4D;
    margin-top:4px
    }

p{
  color: #4d4d4d;
  line-height: 15px;
  text-align: justify;
  padding: 0; }
.couleur{color:#000000; }
.couleur1{color:#000000;}
.small{font-size:11px; font-weight:bold }

.left{
  float: left; }

.right{
  float: right;
  margin-left: 10px; }
.image-left{
  float: left;
  margin-right: 10px; }

#push, .clr	{
  clear: both; }

/* BEGIN STRUCTURAL ELEMENTS |===================================================================================================*/

#wrap-container{
  position:relative;
  z-index:4;
  width: 100%; }

  #wrap-intro{
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -300px 0px 0px -390px;
    height: 600px;
    width: 780px;}

  #container{
    margin:0px auto;
    background: url(../../images/charte/bg.jpg);
    width: 980px;
    height: 844px;
    text-align: left; }

    #enter-site{
      background-image: url(../../images/charte/enter-site.gif);
      width: 160px;
      height: 100px;
      position: absolute;
      margin-top: 480px;
      margin-left: 600px;
      z-index: 9999; }

      #enter-site #entrez{
        width: 80px;
        height: 100px;
        float: left; }

        #enter-site #entrez #fr{
          background-image: url(../../images/charte/lang-fr.gif);
          background-position: 0px 0px;
          width: 24px;
          height: 17px;
          display: inline;
          margin-left: 30px;
          margin-top: 10px;
          margin-bottom: 20px;
          float: left; }

          #enter-site #entrez #fr:hover{
            background-position: 0px 17px; }

        #enter-site #entrez #fr-txt{
          background-image: url(../../images/charte/entrez.jpg);
          background-position: 0px 0px;
          width: 58px;
          height: 11px;
          display: inline;
          margin-left: 0px;
          float: left; }

          #enter-site #entrez #fr-txt:hover{
            background-position: 0px 11px; }

      #enter-site #enter{
        width: 80px;
        height: 100px;
        float: left; }

        #enter-site #enter #en{
          background-image: url(../../images/charte/lang-en.gif);
          background-position: 0px 0px;
          width: 24px;
          height: 17px;
          display: inline;
          margin-left: 30px;
          margin-top: 10px;
          margin-bottom: 20px;
          float: left; }

          #enter-site #enter #en:hover{
            background-position: 0px 17px; }

        #enter-site #enter #en-txt{
          background-image: url(../../images/charte/enter.jpg);
          background-position: 0px 0px;
          width: 58px;
          height: 11px;
          display: inline;
          margin-left: 20px;
          float: left; }

          #enter-site #enter #en-txt:hover{
            background-position: 0px 11px; }


    /* LEFT MOST COLUMN ELEMENTS |===============================================================================================*/

    #site-header{
      height: 844px;
      float: left;
      width: 272px; }

    /* LEFT COLUMN ELEMENTS |====================================================================================================*/

    #left-outter{
      float:left;
      height: 844px;
      margin: 0;
      overflow: hidden;
      width: 203px; }

      #logo-flash{
        float: left;
        width: 203px;
        height: 311px;
       }

      #languages{
        width: 53px;
        height: 20px;
        margin-left: 80px;
        position: absolute;
        top: 198px;}

        #languages #fr{
          background-image: url(../../images/charte/lang-fr.gif);
          background-position: 0px 0px;
          float: left;
          display: block;
          margin-right: 5px;
          cursor: pointer;
          width: 24px;
          height: 17px; }

          #languages #fr:hover{
            background-position: 0px 17px; }

        #languages #en{
          background-image: url(../../images/charte/lang-en.gif);
          background-position: 0px 0px;
          float: left;
          display: block;
          cursor: pointer;
          width: 24px;
          height: 17px; }

          #languages #en:hover{
            background-position: 0px 17px; }

      #nos-produits{
        float: left;
        width: 195px;
        padding-left: 8px;
        height: 235px;
       }

        #nos-produits #jQ-menu{
          width: 195px; }

          #nos-produits #jQ-menu #btn-nos-produits{
            border-left: 5px solid #1b7309;
            background-color: #f4eebc;
            float: left;
            color: #1a0d1c;
            font-size: 12px;
            height: 25px;
            text-transform: uppercase;
            font-weight: bold;
            padding-top: 7px;
            padding-left: 15px;
            width: 174px; }

            .sub{
              font-size: 12px;
              font-family: Arial;
              margin-bottom: 2px;
              width: 160px;
              float:left;
              clear: both;
              padding-left: 20px;
              background-image: url(../../images/charte/bully.gif);
              background-position: 5px 5px;
              background-repeat: no-repeat;
              color: #292929; }

              .subsub li a{
                font-size: 12px;
                font-family: Arial;
                text-decoration: none;
                margin-bottom: 5px;
                width: 140px;
                padding-left: 40px;
                float:left;
                clear: both;
                color: #440f0b; }

              .subdown{
                font-size: 12px;
                font-family: Arial;
                text-decoration: none;
                margin-bottom: 5px;
                width: 140px;
                padding-left: 40px;
                float:left;
                clear: both;
                color: #440f0b; }

                .subsubsub li a{
                  font-size: 12px;
                  font-family: Arial;
                  text-decoration: none;
                  margin-bottom: 5px;
                  width: 120px;
                  padding-left: 60px;
                  float:left;
                  clear: both;
                  color: #440f0b; }


      #actualites{
        background-image: url(../../images/charte/title_actualites.jpg);
        background-position: 11px 0px;
        background-repeat: no-repeat;
        width: 192px;
        margin-bottom: 26px;
        overflow: hidden;
        padding: 30px 11px 0px 0px;
        float:left }

        #actualites-glide{
          position: absolute;
          visibility: hidden !important;

          width: 151px; }

        #p-select{
          width: 65px;
          position: absolute;
          top: 660px;
          margin-left: 130px;
          z-index: 9999; }

        #actualites em{
          font-size: 11px;
          float: left;
          width: 181px;
          font-style: normal;
          color: #554e35; }

        #actualites img{
          float: right;
          border: 1px solid white;
          margin-left: 6px;
          margin-top: 3px; }

        #actualites p{
          color: #656565;
          font-size: 11px;
          line-height: 14px; }

        #actualites a.savoirplus{
          background-image: url(../../images/charte/savoir_plus.jpg);
          background-position: 0px 0px;
          width: 57px;
          height: 12px;
          margin-top: 5px;
          float: left;
          clear: left; }

          #actualites a.savoirplus:hover{
            background-position: 0px 12px }

      #info{
        width: 196px;
        height: 80px;
        padding-left: 7px;
        float: left; }

        #info a{
          background-image: url(../../images/charte/prix_specifiques.jpg);
          background-position: 0px 0px;
          display: block;
          height: 80px;
          width: 190px;
          float: left; }

        #info a:hover{
          background-position: 0px 80px; }

    /* RIGHT COLUMN ELEMENTS |===================================================================================================*/

    #right-outter{
      float:left;
      margin:0;
      padding:0;
      overflow: hidden;
      width: 505px; }

      #newsletter-panier{
        width: 505px;
        height: 19px;
        float: left; }

        #newsletter-panier #btn-newsletter{
          background-image: url(../../images/charte/btn_newsletter.jpg);
          background-position: 0px 0px;
          width: 154px;
          height: 19px;
          display: block;
          float: left; }

          #newsletter-panier #btn-newsletter:hover{
            background-position: 0px 19px; }

            .hidden-newsletter{
              position: absolute;
              top: 20px;
              width: 240px;
              padding: 15px 5px 5px 5px;
              height: 48px;
              margin-left: 13px;
              background-image: url(../../images/charte/bg_newsletter.gif);
              background-repeat: no-repeat;
              display: none; }

              .hidden-newsletter input#mandatory-email-Email{
                width: 206px;
                height: 15px;
                float: left;
                font-size: 11px;
                padding-left: 3px;
                border: 1px solid #7f7a68;
                background-color: white; }

              .hidden-newsletter input#newsletter-ok{
                background-image: url(../../images/charte/newsletter_ok.jpg);
                background-position: 0px 0px;
                width: 25px;
                border: 0 none;
                display: inline;
                margin-left: 3px;
                height: 19px; }

                .hidden-newsletter input#newsletter-ok:hover{
                  background-position: 0px 19px;
                  cursor: pointer; }

              .hidden-newsletter span{
                font-size: 11px;
                float: left;
                padding-top: 3px;
                color: #69632a;
                width: 80px;
                padding-left: 3px; }

              .hidden-newsletter input#newsletter-check{
                float: left;
                margin-top: 5px; }

              .hidden-newsletter input#newsletter-check2{
                float: left;
                margin-top: 5px; }

        #newsletter-panier #panier-connexion{
          width: 170px;
          height: 19px;
          float: right; }

          #newsletter-panier #panier-connexion #btn_panier{
            background-image: url(../../images/charte/btn_panier.jpg);
            background-position: 0px 0px;
            width: 96px;
            height: 19px;
            float: left; }

            #newsletter-panier #panier-connexion #btn_panier:hover{
              background-position: 0px 19px; }

          #newsletter-panier #panier-connexion #btn_connexion{
            background-image: url(../../images/charte/btn_connexion.jpg);
            background-position: 0px 0px;
            width: 74px;
            height: 19px;
            float: left; }

            #newsletter-panier #panier-connexion #btn_connexion:hover{
              background-position: 0px 19px; }

          #newsletter-panier #panier-connexion #btn_deconnexion{
            background-image: url(../../images/charte/btn_deconnexion.jpg);
            background-position: 0px 0px;
            width: 74px;
            height: 19px;
            float: left; }

            #newsletter-panier #panier-connexion #btn_deconnexion:hover{
              background-position: 0px 19px; }

        #mon-panier{
          margin-left: -445px;
          padding: 10px;
          position: absolute;
          top: 240px;
          width: 80px;
          line-height: 15px;
          z-index: 9997; }

          #mon-panier a{
            color: #1b7309;
            font-weight: bold;
            text-decoration: none; }

            #mon-panier a:hover{
              color: #2ba512; }

        #mon-compte{
          position: absolute;
          top: 250px;
          margin-left: -349px;
          background-color: #f4eebc;
          border-left: 5px solid #1b7309;
          font-weight: bold;
          text-decoration: none;
          color: black;
          z-index: 9999;
          padding: 7px; }

        .carte-titre{
          padding: 5px;  }

      #header-flash{
        width: 505px;
        height: 363px;
        margin-bottom: 15px;
        float: left; }

        #right-inner{
          width: 444px !important;
          height: 390px;
          padding: 0px 21px 0px 26px;
          float: left;}

          h1{
            border-bottom: 1px solid #e2cd7e;
            margin-bottom: 20px;
            margin-left: 25px;
            display: inline;
            float: left; }

            #right-outter #right-inner .separator{
              width:100%;
              height:0px;
              clear:both;
              padding:0;
              margin:15px 0;
              border-top: 1px solid black;
              border-bottom: 1px solid white;
              line-height: 0px;
              font-size: 0;
              overflow: hidden;
              float:left;
               }


            #right-outter #right-inner .invisible{
              width:100%;
              height:0px;
              clear:both;
              padding:0;
              margin:10px 0;
              line-height: 0px;
              font-size: 0;
              overflow: hidden; }

            #right-outter #right-inner .coordonnees-box{
              width: 250px;
              color: #867e61;
              height: 130px;
              margin: 0 auto;
              padding: 15px 0px 0px 0px;
              border-top: 1px solid #cdcdcd;
              text-align: center; }

              #right-outter #right-inner h4{
                color: #4d4d4d;
                font-family: Georgia, Times New Roman;
                font-style: italic;
                letter-spacing: -1px;
                font-size: 19px; }

              #right-outter #right-inner h5{
                color: #4d4d4d;
                font-family: Arial;
                font-weight: bold;
                padding-bottom: 10px;
                font-size: 14px; }

              #right-outter #right-inner .half-widthed{
                border-right: 1px solid #cfc9b3;
                padding-right: 10px;
                float: left;
                font-family: Georgia, Times New Roman;
                font-size: 12px;
                font-style: italic;
                color: #6f6f6f;
                text-align: center;
                width: 210px; }

                #right-outter #right-inner .half-widthed #creer-compte{
                  background-image: url(../../images/charte/creer_compte.jpg);
                  background-position: 0px 0px;
                  width: 170px;
                  height: 36px;
                  display: inline;
                  margin-left: 20px;
                  float: left; }

                #right-outter #right-inner .half-widthed #creer-compte:hover{
                  background-position: 0px 36px; }

              #right-outter #right-inner .login{
                float: right;
                width: 190px;
                padding: 0px 10px 0px 20px; }

                #right-outter #right-inner .login input{
                  width: 180px;
                  float: left;
                  font-size: 11px;
                  padding: 5px;
                  border: 1px solid #968d69;
                  margin-bottom: 15px; }

                #right-outter #right-inner .login input#button{
                  width: 87px;
                  height: 30px;
                  float: left;
                  border: 0 none;
                  background-image: url(../../images/charte/envoyer.jpg);
                  background-position: 0px 0px;
                  margin: 0px 15px 10px 0px; }

                  #right-outter #right-inner .login input#button:hover{
                    background-position: 0px 30px;
                    cursor: pointer; }

                #right-outter #right-inner .login input#retablir{
                  width: 87px;
                  height: 30px;
                  float: left;
                  border: 0 none;
                  background-image: url(../../images/charte/retablir.jpg);
                  background-position: 0px 0px;
                  margin: 0px 0px 10px 0px; }

                  #right-outter #right-inner .login input#retablir:hover{
                    background-position: 0px 30px;
                    cursor: pointer; }

                #right-outter #right-inner .login a{
                  float: left;
                  clear: both;
                  color: #498f3a;
                  font-weight: bold;
                  font-size: 11px;
                  text-decoration: none;
                  margin-top: 10px;
                  padding-top: 10px;
                  border-top: 1px solid #efe3b6; }

                  #right-outter #right-inner .login a:hover{
                    color: #1a0d1c; }

                    #right-outter #right-inner .login .hidden-password-mail{
                      width: 193px;
                      float: left;
                      font-size: 12px;
                      padding-top: 10px;
                      display: none; }

                      #right-outter #right-inner .login .hidden-password-mail em{
                        font-style: italic;
                        font-family: Georgia, Times New Roman;
                        color: #6f6f6f;
                        border-bottom: 1px solid #dddacd;
                        padding-bottom: 15px;
                        margin-bottom: 15px;
                        float: left; }

                      #right-outter #right-inner .login .hidden-password-mail span{
                        font-size: 11px;
                        float: left; }

                      #right-outter #right-inner .login .hidden-password-mail #button-small{
                        width: 30px;
                        height: 25px;
                        float: left;
                        border: 0 none;
                        display: inline;
                        background-image: url(../../images/charte/ok.jpg);
                        background-position: 0px 0px;
                        margin: 0px 15px 10px 6px; }

                      #right-outter #right-inner .login .hidden-password-mail #button-small:hover{
                        background-position: 0px 25px;
                        cursor: pointer; }

                #right-outter #right-inner .diaporama-admin{
                  width: 440px;
                 /* padding: 0 20px;*/
                  border: 1px solid #cbc183;
                  background-color: #000000;
                  margin-bottom: 15px;
                  /*float: left; */
						      height: 422px;}



    /* FOOTER BOXES |============================================================================================================*/

    #wrap-footer {
      position:relative;
      z-index: 4;
      width: 100%;
      text-align: left; }

    #footer{
      background-image: url(../../images/charte/bg_footer.jpg);
      width: 980px;
      height: 16px;
      margin: 0 auto;
      padding: 0px;}

      .copyright{
        float: left;
        height: 16px;
        background-color: #f0eab6;
        margin: 0px;
        width: 980px; }

        .copyright p{
          color: #494949;
          margin: 0px auto;
          width:360px;
          font-size: 10px; }

          .copyright p a{
            color: #494949;
            text-decoration: none; }

            .copyright p a:hover{
              color: #221c00; }

      div.footer-menu{
        width: 980px;
        clear: both;
        float: left;
        color: #8F7E6B;
        background-color: #f0eab6;
        font-size: 11px;
        text-align: center;
        margin-top: 0px;
        padding: 3px 0px 5px 0px; }

        div.footer-menu ul{
          margin-left: 270px;
          width: 400px;
          display: inline;
          text-align: center; }

          div.footer-menu ul li{
            float: left;
            height: 15px;
            margin-right: 7px;
            padding-right: 7px;
            border-right: 1px solid #281c27; }

            div.footer-menu ul li span{
              color: #281c27;
              text-decoration: none; }

            div.footer-menu ul li a{
              color: #281c27;
              text-decoration: none; }

              div.footer-menu ul li a:hover{
                color: #40790f;
                text-decoration: underline; }

      div.ref{
        width: 980px;
        clear: both;
        color: #8F7E6B;
        background-color: black !important;
        font-size: 11px;
        text-align: center;
        float:left;
        margin-top: 10px;
        padding: 0px 0px 0px 0px; }


    /* CONTACT FORM |============================================================================================================*/

    #frmContact{
      margin: 0;
      padding: 5px;
      font-size: 11px;
      color: #4D4D4D;
      width: 440px; }

      .contact-halfs{
        float: left;
        width: 220px; }

      #frmContact label{
        display: block;
        padding: 6px 2px;
        clear:both; }

        #frmContact label span{
          display:block;
          width: 60px;
          float: left; }

        #frmContact label textarea{
          width: 151px;
          height: 114px;
          font-family: Arial;
          font-size: 12px;
          border: 1px solid #ccc;
          vertical-align: top; }

          #frmContact label textarea:focus{
            background-color:  #F5F5F5;
            font-family: Arial;
            font-size: 12px;
            border: 1px solid #ccc; }

        #frmContact label input {
          width: 135px;
          font-family: Arial;
          font-size: 12px;
          height: 21px;
          border: 1px solid #ccc;
          vertical-align: top; }

          #frmContact label input:focus{
            background-color:  #F5F5F5;
            font-family: Arial;
            font-size: 12px;
            height: 21px;
            border: 1px solid #ccc; }

      div.submit-buttons{
        clear: both;
        text-align: center;
        width: 250px;
        padding-left: 140px;
        margin-top: 20px;
        float: left;
        height: 25px; }

        #contact-envoyer{
          background-image: url(../../images/charte/contact-envoyer.jpg);
          background-position: 0px 0px;
          border: 0 none;
          font-size: 0px;
          line-height: 0px;
          margin-right: 8px;
          float: left;
          width: 80px;
          height: 24px; }

          #contact-envoyer:hover{
            background-position: 0px 24px; }

        #contact-retablir{
          background-image: url(../../images/charte/contact-retablir.jpg);
          background-position: 0px 0px;
          border: 0 none;
          font-size: 0px;
          line-height: 0px;
          float: left;
          width: 80px;
          height: 24px; }

          #contact-retablir:hover{
            background-position: 0px 24px; }

          div.submit-buttons a:hover input{
            border: 1px solid #ccc;
            background: #fff; }

          #capa{
            width: 151px !important}

          #merci a{
            font-family: Georgia, Times New Roman;
            font-style: italic;
            font-size: 12px;
            font-weight: bold;
            color: #2c6300;
            text-decoration: none;}


    /* PARTNERS |================================================================================================================*/

    .partenaires{
      width: 444px;
      margin-bottom: 7px;
      float: left; }

      .partenaires-img-holder{
        width: 102px;
        height: 102px;
        float: left;
        margin-right: 10px;
        margin-top: 4px;
        text-align: center; }

        .partenaires em{
          font-weight: bold;
          color: black;
          font-style: normal;
          text-transform: uppercase; }

        .partenaires p{
          margin-bottom: 5px;
          padding: 0px 5px 10px 5px; }

        .partenaires a{
          font-family: Georgia, Times New Roman;
          font-style: italic;
          font-size: 13px;
          font-weight: bold;
          color: green;
          text-decoration: none; }

        #part-pagination{
          width: 444px;
          float: left;
          text-align: center;
          font-size: 11px;
          font-family: Arial; }

          #part-pagination a{
            color: green;
            text-decoration: none; }



    /* CONTACT |====================================================================================================================*/

    #plan_contact{
      background-image: url(../../images/charte/plan_contact.jpg);
      background-position: 0px 20px;
      background-repeat: no-repeat;
      display: block;
      width: 250px;
      height: 209px;
      margin: 10px auto;
      border-top: 1px solid #CDCDCD; }

      #plan_contact:hover{
        background-position: 0px -189px; }



    /* NEW CLIENT INFO |============================================================================================================*/

    #new-client-form{
      width: 444px;
      font-size: 11px;
      color: #4d4d4d;
      float: left; }

      #profi, #parti{
        margin-top: 1px;
        margin-left: 20px;
        display: inline;
        width: 15px !important;
        float: left; }

      #new-client-form form span#new-profi{
        float: left;
        padding-left: 10px;
        padding-right: 10px; }

      #new-client-form form span#new-parti{
        float: left;
        padding-left: 10px; }

        #new-client-form input, #new-client-form textarea{
          height: 18px;
          margin-bottom: 5px;
          width:220px;
          margin-left:1px;
          font-size: 11px;
          border: 1px solid #cccccc; }

        #new-client-form textarea{
          height: 70px;
          margin-bottom: -12px; }

        #new-client-form #buttons-login{
          width: 444px; }

        #new-client-form #client-save{
          background-image: url(../../images/charte/btn_sauver.jpg);
          background-position: 0px 0px;
          font-size: 0px;
          line-height: 0px;
          float: left;
          margin-right: 10px;
          margin-left: 90px;
          display: inline;
          width: 80px;
          height: 24px;
          border: 0 none; }

          #new-client-form #client-save:hover{
            cursor: pointer;
            background-position: 0px 24px; }

        #new-client-form #client-reset{
          background-image: url(../../images/charte/contact-retablir.jpg);
          background-position: 0px 0px;
          font-size: 0px;
          line-height: 0px;
          float: left;
          margin-right: 10px;
          width: 80px;
          height: 24px;
          border: 0 none; }

          #new-client-form #client-reset:hover{
            cursor: pointer;
            background-position: 0px 24px; }

        .buttons-login #client-back{
          background-image: url(../../images/charte/btn_retour.jpg);
          background-position: 0px 0px;
          font-size: 0px;
          line-height: 0px;
          float: left;
          width: 80px;
          height: 24px;
          border: 0 none; }

          .buttons-login #client-back:hover{
            cursor: pointer;
            background-position: 0px 24px; }

        #client-back{
          background-image: url(../../images/charte/btn_retour.jpg);
          background-position: 0px 0px;
          font-size: 0px;
          line-height: 0px;
          float: left;
          width: 80px;
          height: 24px;
          border: 0 none; }

          #client-back:hover{
            cursor: pointer;
            background-position: 0px 24px; }

          #pError{
            clear: both;
            width: 440px;
            margin-top: 10px;
            float: left;
            text-align: center; }

          .carte a{
            color: green;
            text-decoration: none; }

            .carte a:hover{
              color: #3f8700; }




    /* LISTING |============================================================================================================*/

    .listing{
      margin-bottom: 10px;
      float: left;
      padding-bottom: 15px;
/*      border-bottom: 1px solid #CDCDCD;*/
      width: 444px; }

      .listing a{
        float: left; }

        .listing .list-img{
          width: 90px;
          float: left;
          margin-right: 6px;
          text-align: center; }

        .listing .list-img a{
          float: none; }

        .the-title{
          width: 260px;
          padding-bottom: 7px;
          margin-left: 4px;
          display: inline;
          float: left; }

        a.prod-title{
          font-size: 17px;
          text-decoration: none;
          color: #4fa800;
          float: left;
          width: 444px;
          margin-bottom: 10px;
          font-family: Arial;
          font-style: italic;
          font-weight: bold; }

      .listing em{
        width: 260px;
        font-style: normal;
        text-align: justify;
        color: #656565;
        float: left;
        clear: both;
        margin-left: 100px;
        display: inline; }

      .listing span{
        font-style: normal;
        text-align: justify;
        width: 260px;
        float: left;
        color: #656565; }

      .listing a.cats{
        position: absolute;
        margin-right: 10px;
        padding: 7px;
        background-color: #d1b961;
        border: 1px solid #998334;
        right: 0px;
        font-style: normal;
        font-size: 11px;
        font-weight: normal;
        text-transform: capitalize;
        text-align: center;
        color: #4e4217;
        width: 70px; }

    #breadcrumbs{
      width: 444px;
      margin-bottom: 20px;
      border-bottom: 1px solid #e2cd7e;
      padding-bottom: 20px;
      float: left; }

      #breadcrumbs a{
        margin-right: 10px;
        background-image: url(../../images/charte/crumb.jpg);
        background-position: left;
        background-repeat: no-repeat;
        padding-left: 17px;
        float: left;
        color: #3a7208;
        text-decoration: none; }


    /* VOTRE PANIER SPECIFICS |============================================================================================================*/

    #mycart{
      float: left;
      width: 445px; }

      .tabled{
        width:445px;
        border:1px solid #FEDFC0;
        float:left;
        margin-bottom:2px; }


    /* PRODUCT DETAIL /====================================================================================================================*/

    #detail-large-thumb{
      width: 250px;
      float:left;
      clear: both;
      margin-right: 10px;
      margin-bottom: 15px;
      text-align:center; }

    .thumb-box{
      float: left;
      height: 250px;
      width: 180px; }

    .bg-thumb-details{
      width: 75px;
      float: left;
      margin-right: 7px;
      margin-bottom: 8px;
      text-align: center; }

    #quantity{
      width: 60px; }

    #quantites-disponibles{
      width: 444px;
      text-align: left;
      float: left;
      font-weight: bold;
      margin-bottom: 20px; }

      #detail-top h3{
        font-size: 16px;
        font-weight: bold;
        width: 350px;
        color: #4FA800;
        padding-right: 94px;
        float: left; }

      #right-inner #detail-top h4{
        font-size: 15px;
        font-weight: bold;
        font-style: normal;
        padding-bottom: 20px;
        float:left; }

        #ajouters{
          margin-bottom: 15px;
          float: left;
          width: 264px;
          padding-left: 180px;
          margin-top: 15px; }

        #ajouter{
          background-image: url(../../images/charte/ajouter.jpg);
          background-position: 0px 0px;
          float: right;
          margin-top: -24px;
          width: 80px;
          height: 24px;
          border: 0 none; }

          #ajouter:hover{
            cursor: pointer;
            background-position: 0px 24px; }

    .addresses{
      width: 222px; }

      .addresses input, textarea{
        width: 132px;
        border: 1px solid #939393;
        font-size: 11px;
        font-family: Arial;
        margin-bottom: 8px; }

    .acceder{
      color: #1b7309;
      text-decoration: none; }

      .acceder:hover{
        color: #30b914;
        text-decoration: none; }

    .important-note{
      line-height: 16px;
      margin-bottom: 20px;
      float: left;
      color: #3f8700; }

    #bon-commande tr td{
      padding: 3px; }

      .terminer{
        background-image: url(../../images/charte/terminer.jpg);
        background-position: 0px 0px;
        border: 0 none;
        font-size: 0px;
        line-height: 0px;
        width: 80px;
        display: inline;
        margin-left: 180px;
        margin-top: 10px;
        margin-bottom: 10px;
        height: 24px; }

        .terminer-over{
          background-image: url(../../images/charte/terminer.jpg);
          background-position: 0px 24px;
          border: 0 none;
          font-size: 0px;
          line-height: 0px;
          display: inline;
          margin-left: 180px;
          margin-top: 10px;
          margin-bottom: 10px;
          width: 80px;
          cursor: pointer;
          height: 24px; }

    .txtpanier{
      width: 112px;
      height: 30px;
      float: left;
      cursor: pointer;
      margin-right: 3px;
      margin-left: 38px;
      background-image: url(../../images/charte/progress_mon_panier.jpg);
      background-position: 0px 60px; }

    .txtpanier_selected{
      width: 112px;
      height: 30px;
      float: left;
      cursor: pointer;
      margin-right: 3px;
      margin-left: 38px;
      display: inline;
      background-image: url(../../images/charte/progress_mon_panier.jpg);
      background-position: 0px 60px; }

    .txtidentification_over{
      width: 112px;
      height: 30px;
      float: left;
      cursor: pointer;
      margin-right: 3px;
      background-image: url(../../images/charte/progress_identification.jpg);
      background-position: 0px 0px; }

    .txtidentification_selected{
      width: 112px;
      height: 30px;
      float: left;
      cursor: pointer;
      margin-right: 3px;
      background-image: url(../../images/charte/progress_identification.jpg);
      background-position: 0px 60px; }

    .txtrecapitulatif{
      width: 112px;
      height: 30px;
      float: left;
      cursor: pointer;
      margin-right: 3px;
      background-image: url(../../images/charte/progress_recapitulatif.jpg);
      background-position: 0px 0px; }

    .txtrecapitulatif_selected{
      width: 112px;
      height: 30px;
      float: left;
      cursor: pointer;
      margin-right: 3px;
      background-image: url(../../images/charte/progress_recapitulatif.jpg);
      background-position: 0px 60px; }

    .txtrecapitulatif_over{
      width: 112px;
      height: 30px;
      float: left;
      cursor: pointer;
      margin-right: 3px;
      background-image: url(../../images/charte/progress_recapitulatif.jpg);
      background-position: 0px 0px; }

    .txtpaiement{
      width: 98px;
      height: 30px;
      float: left;
      display: none;
      cursor: pointer;
      background-image: url(../../images/charte/progress_paiement.jpg);
      background-position: 0px 60px; }

    .txtpaiement_over{
      width: 98px;
      height: 30px;
      float: left;
      display: none;
      cursor: pointer;
      background-image: url(../../images/charte/progress_paiement.jpg);
      background-position: 0px 0px; }

    .imprimer-bon-commande{
      text-decoration: none;
      float: left;      
      margin-top: 10px;
      color: #1b7309; }

      .imprimer-bon-commande:hover{
        color: #2ba512; }

    .plus-de-details-produit{
      width: 95px;
      height: 20px;
      float: left;
      display: inline;
      margin-left: 100px;
      margin-top: 10px;
      background-image: url(../../images/charte/plusdetailsproduit.jpg);
      background-position: 0px 0px; }

      .plus-de-details-produit:hover{
        background-position: 0px 20px;}

#frais{position:absolute; top:290px; left:10px;}
#frais a:link, #frais a:visited{color:#1B7309; font-size:11px; text-decoration: none; }
#frais a:active, #frais a:hover{color:#000000;}

    /* ===| VI. OTHER ELEMENTS |====================================================*/
    img {border: 0;}

    a.thumb:link,
    a.thumb:visited{border:	0px; padding:0px; margin:1px 0; width:auto; display:block;}

    img.thumb{border-style:solid; border-width:5px; padding:1px; margin: 0 5px;}

    img.thumb{border:1px solid #fff; padding:1px; margin: 0 5px;}
    img.thumb0{border:1px solid #fff;padding:1px; margin: 0 5px; width:75px; height:75px; background:#ccc url("../../images/thumb0.jpg") 50% 50% no-repeat;}

    #menu2 ul li{display: inline;}

    /* ===| VIII. COMPONENT EVENEMENTES |=====================================================*/
    div.title{float: left; clear: left; width: 100%;}
    div.event{float: left; clear: left; width: 100%; border-top: 1px solid #ccc; padding: 5px 0;}
    #evenementes h4{text-align: center;}
    #evenementes h5 a, #evenementes h5 span{display:block; width:32%; float:left; margin: 0 1px; text-align: center;}
    #evenementes h5 span{background: #f2f2f2;}
    #evenementes h5 a:link, #evenementes h5 a:visited{text-decoration: none; color: #8d8d8d;}
    #evenementes h5 a:hover, #evenementes h5 a:active{text-decoration: underline;color: #000000;}

    div.event a:link, div.event a:visited{display: block; float: left; text-decoration: none;}
    div.event a:hover, div.event a:active{cursor:pointer; text-decoration: underline;}
    div.event div, div.event a span{vertical-align: middle;}
    div.event span{float:left; padding: 5px 10px;}

    .pagination {float: left; clear:left; width:100%; text-align:center; border-top: 1px solid #ccc;background: #f2f2f2;}
    .pagination span{padding:1px; margin: 0 50px 0 25px;}
    .pagination a:link, .pagination a:visited{padding:1px 3px; text-decoration: none; color: #8d8d8d;}
    .pagination a:hover, .pagination a:active{color:#000000; text-decoration: underline;}
    /* ---( evenemetes - details )------------------------------------------------------ */
    #event-detail{background: #f3f3f3; padding: 5px;}
    #event-detail h3 span{white-space: nowrap; font-size: smaller;}
    #event-detail .photos{text-align: center;}
    #event-detail .photos a#bigHref img{border:1px solid #ccc; padding: 5px; background: #fff;}
    #event-detail .photos div{padding: 0 0 10px;}
    #event-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #fff;}
    #event-detail .text-details{padding:10px 0; text-align: justify; border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

    /* ===| IX. COMPONENT GALERIE |========================================================*/
    #gallery{padding: 5px;}
    #gallery div.thumb{float: left; width: 30%; text-align: center; padding: 5px; min-height: 90px; height:auto!important;height:90px;}
    #gallery div.thumb a{display: block; vertical-align: middle;}
    #gallery div.thumb a img{border: 1px solid #ccc; padding:5px; background: #fff;}

    /* ===| X. COMPONENT LIENS |===========================================================*/
    #liens{padding:5px;}
    #liens div.lien{padding: 5px 0; border-top: 1px solid #f3f3f3;}
    #liens div.thumb{float:left; width:145px; text-align: center;}
    #liens div.thumb a img{padding: 5px; border: 1px solid #ccc; display: inline;}
    #liens .txt {float:left; width:360px;}
    #liens h5{font-weight:bold;text-transform:capitalize;}
    #liens p { color: #747474;}

    /* ===| XI. COMPONENT LIVRE D'OR |======================================================*/
    .submit-buttons input{cursor: pointer;}
    fieldset {border: 1px solid #ccc; padding: 5px;}
    fieldset legend {padding: 2px 5px; text-transform: capitalize;	font-weight: bold; color: gray; margin: 0;}
    fieldset legend span {color: #000000; font-size: 1.2em;}
    fieldset p{text-align: justify; padding: 5px;}
    .pagination{margin: 5px 0;}

    /* ===| XII. COMPONENT NEWSLETTER |=====================================================*/
    #newsletter{background: #f3f3f3; border: 1px solid #ccc; padding:10px;}
    #newsletter input{width: 40%; vertical-align: top;}

    #newsletter a:link, #newsletter a:visited {text-decoration: none;}
    #newsletter a:link input, #newsletter a:visited input {border: 1px solid #fff; background: #ccc; cursor: pointer; width: auto;}
    #newsletter a:hover input {border: 1px solid #ccc; background: #fff; width: auto;}

    /* ===| XIII. COMPONENT ADMINDOCS |=====================================================*/
    #admindocs{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}

    /* ===| XIV. COMPONENT LISTEGALERIE |=====================================================*/
    #listgalerie{background: #f3f3f3; border: 1px solid #cccccc; padding:10px;}

    #listgalerie .thumb {float:left; width:30%; text-align:center; padding:5px; min-height:90px; height:auto!important; height:90px;}
    #listgalerie .thumb a:link, #listgalerie .thumb a:visited{display: block; vertical-align: middle; text-decoration: none; color: #747474;}
    #listgalerie .thumb a:hover, #listgalerie .thumb a:active {text-decoration: underline; color: #000;}
    #listgalerie .thumb a img {border: 1px solid #ccc; padding:5px; background: #ffffff;}
    /* ---( listgalerie - details )------------------------------------------------------ */
    #galerie-detail .text-details{text-align: justify;}
    #galerie-detail .photos{text-align: center;}
    #galerie-detail .photos a img{border: 1px solid #ccc; padding:5px; background: #ffffff;}