body { margin: 0 0 15px 0; text-align:center; background-color: #797265; }
body, table, input, textarea { font-family: Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; }
form { margin:0; padding:0; }
a{color: black;}
a:hover
{
  text-decoration: none;
}
div.frame{
  width:776px;
  margin:0px auto 20px auto;
  padding:0px;
  text-align:left;
  background: #ffffff url(../images/bottom_frame.gif) no-repeat center bottom;
}
  div.frame div.h{
    position:relative;
    width:auto;
    padding: 6px 6px 0 6px;
    z-index: 9999;

  }
  div.h a#print{
     position: absolute;
     left: 33px;
     top: 7px;

     width: 16px;
     height: 16px;
     background: url(/images/imprimer.gif) no-repeat top left;
  }
  div.h a#send_friend{
     position: absolute;
     left: 10px;
     top: 7px;

     width: 16px;
     height: 16px;
     background: url(/images/send-friend.gif) no-repeat top left;
  }
  div.h a#no_tel{
     position: absolute;
     left: 55px;
     top: 7px;
     width: 130px;
     height: 14px;
     background: url(/images/no_tel.jpg) no-repeat top left;
  }
  div.h a#no_tel2{
     position: absolute;
     left: 0px;
     top: -37px;
     width: 153px;
     height: 36px;
     background: url(/images/phone2.gif) no-repeat top left;
  }
  div.header{
     position: relative;
  }
  div.header a#tel{
     position: absolute;
     top: 165px;
     left: 210px;

     color: white;
     text-decoration: none;
  }
    div.header img{
        display: none;
    }
  div.h h1#logo{
     display: block;
     height: 153px;
     width: 152px;

     position: absolute;
     top: 20px;
     left: 18px;

       opacity: 0.0;
       filter:alpha(opacity=0);
     background: url(/images/logo_plancher640.jpg) no-repeat top left

  }
  div.h h1#logo a{
     display: block;
     height: 153px;
     width: 152px;

  }
    div.frame div.h div.header{
      height: 227px;
      width: 763px;
      background: url(../images/header.jpg) no-repeat center top;
      margin: 0;
      padding: 0;
    }
    div.frame div.h div.mini_menu{
        position: relative;
      width: 763px;
      height: 27px;
      margin-top: 1px;
      background: #22140c url(../images/top_left_mini_menu.jpg) no-repeat left top;
      text-align: right;
    }

      div.frame div.h div.mini_menu ul{
        margin: 0;
        padding: 0;
        list-style-type: none;
        float: right;
        margin: 7px 20px 0 0;
      }
        div.frame div.h div.mini_menu ul li{
          margin: 0;
          padding: 0;
          float: left;
          color: white;
          font: bold 10px verdana, arial, sans-serif;
        }
          div.frame div.h div.mini_menu ul li a{
            text-decoration: none;
            color: white;
            font: bold 10px verdana, arial, sans-serif;
          }
          div.frame div.h div.mini_menu ul li a:hover{
            color: #d5c7af;
          }

    div.frame div.h div.menu{
      width: 763px;
      height: 39px;
      margin: 1px 0 0 0;
      position: relative;
    }
    div.frame div.h div.menu span{
         display: none;
        }
      div.frame div.h div.menu ul{
        width: 763px;
        height: 39px;
        list-style-type: none;
        margin: 0;
        padding: 0;
      }

        div.frame div.h div.menu li{
          margin: 0;
          padding: 0;
          float: left;
          text-align: left;
          height: 39px;
          border-right: 1px white solid;
        }
          div.frame div.h div.menu li a{
            float: left;
            text-decoration: none;
            height: 39px;
            background: url(../images/menu.jpg);
          }

        /*A propos de nous*/
        div.frame div.h div.menu li.apropos{
          width: 152px;
        }
          div.frame div.h div.menu li.apropos a{
            width: 152px;
            background-position: 0 0;
          }
          div.frame div.h div.menu li.apropos a:hover{
            width: 152px;
            background-position: 0 39px;
          }

        /*L'équipe*/
        div.frame div.h div.menu li.equipe{
          width: 98px;
        }
          div.frame div.h div.menu li.equipe a{
            width: 98px;
            background-position: -153px 0;
          }
          div.frame div.h div.menu li.equipe a:hover{
            background-position: -153px 39px;
          }

        /*Nos produits*/
        div.frame div.h div.menu li.produits{
          width: 129px;
          position: relative;
        }
          div.frame div.h div.menu li.produits a{
            width: 129px;
            background-position: -252px 0;
          }
          div.frame div.h div.menu li.produits a:hover{
            background-position: -252px 39px;
          }

                    /* MENU DÉROULANT  /////////////////////// par Julien*/
            div.frame div.h div.menu li.produits ul#menu_produit{
                display: none;
                        background: none;
                position: absolute;
                left: 0px;
                top: 100%;

                float: left;
                width: 200px;

                padding: 0;
                margin: 0;
                        height: auto;


            }
            div.frame div.h div.menu li.produits ul#menu_produit li{
                        foat: left;
                        width: 340px;
                        background: none;
                        height: 20px;

                        padding: 0;

                margin: 0;

                        border: none;
                        border-bottom: 1px solid #c2b9b3;
            }
            div.frame div.h div.menu li.produits ul#menu_produit a{
                display: block;
                        font-size: 10px;
                color: #c2b9b3;
                background: none;
                        padding: 2px 0px 2px 0px;

                        font-weight: bold;
                        color: white;
                margin: 0;
                padding-left: 20px;
                        width: 320px;
                height: 16px;

                        background-color: #2f2620;
                        opacity: 0.9;
                        filter:alpha(opacity=90);
            }
            div.frame div.h div.menu li.produits ul#menu_produit a:hover{
                opacity: 1;
                        filter:alpha(opacity=100);
            }


        /*Salle de montre*/
        div.frame div.h div.menu li.salledemontre{
          width:  152px;
        }
          div.frame div.h div.menu li.salledemontre a{
            width:  152px;
            background-position: -382px 0;
          }
          div.frame div.h div.menu li.salledemontre a:hover{
            background-position: -382px 39px;
          }

        /*Des idées*/
        div.frame div.h div.menu li.desidess{
          width: 104px;
        }
          div.frame div.h div.menu li.desidess a{
            width: 104px;
            background-position: -535px 0;
          }
          div.frame div.h div.menu li.desidess a:hover{
            background-position: -535px 39px;
          }

        /*Nous joindre*/
        div.frame div.h div.menu li.nousjoindre{
          width: 123px;
          border-right: none;
        }
          div.frame div.h div.menu li.nousjoindre a{
            width: 123px;
            background-position: -640px 0;
          }
          div.frame div.h div.menu li.nousjoindre a:hover{
            background-position: -640px 39px;
          }

  div.frame div.c{
    position: relative;
    text-align: left;
    padding: 0 6px;
    margin: 1px 0 0 0;
    width: 763px;

  }
    div.frame div.c a.moreInfo{
      background: url(../images/little_arrow.gif) no-repeat left 2px;
      padding: 0 0 0 16px;
      color: white;
      font: bold 10px verdana, arial, sans-serif;

    }
    div.frame div.c a.moreInfo:hover{
      text-decoration: none;
    }
    div.frame div.c div.link_all{
      position: absolute;
      bottom: 5px;
      left: 10px;
    }

    div.frame div.c div.c1{
      position: relative;
            width: 506px;
      padding: 0px;
      float: left;
      text-align: left;

    }
    div.frame div.c div.c1.single{
          width: 763px;
    }
      div.frame div.c div.c1 div#content ul#nos_produits a{
          font-weight: bold;
          color: #504431;
          text-decoration: none;
      }
      div.frame div.c div.c1 div#content ul#nos_produits a:hover{

          font-weight: normal

      }

      div.frame div.c div.c1 h2.titre{
          position: relative;
        background: no-repeat left bottom;
        height: 77px;
        width: 474px;
        position: relative;
        left: -6px;
        margin: 10px 0 0 0;
      }
            div.frame div.c div.c1 h2.titre span{
                display: none;
            }
      div.frame div.c div.c1 div#content{
        font: 11px verdana, arial, sans-serif;
        color: #484540;
        text-align: justify;
        margin: 0 17px 0 20px;
        position: relative;
      }
      div.frame div.c div.c1 div#content.near_title{
        top: -25px;
      }
                div.frame div.c div.c1 div#content ul#plan_du_site{
                    list-style: none;
                    margin-top : 0px;
                    padding-top: 0px;
                }
                div.frame div.c div.c1 div#content ul#plan_du_site li a{
                    font-weight: bold;
                    color: #504431;
                    text-decoration: none;
                }
                div.frame div.c div.c1 div#content ul#plan_du_site li a:hover{
                    text-decoration: underline;
                }

                div.frame div.c div.c1 div#content ul#plan_du_site ul{
                    list-style: none;
                    margin-bottom: 5px;
                }
                div.frame div.c div.c1 div#content ul#plan_du_site ul li a{
                    font-weight: normal;
                }


        div.frame div.c div.c1 div#content p{
          margin: 0 0 10px 0;
        }
                div.frame div.c div.c1 div#content div#adr
        {
            border-bottom: 2px dotted #ccc;
            margin-bottom: 20px;
            padding-left: 10px;
        }
        div.frame div.c div.c1 div#content div#adr p{
            padding: 0px;
            padding-left: 5px;
            padding-bottom: 5px;
            margin: 0px;
        }
        div.frame div.c div.c1 div#content div#adr span{
          font-weight: bold;
          display: block;
          margin-top: 5px;

        }
        div.frame div.c div.c1 div#content div#adr p.heure
        {
            font-size:10px;
        }
        div.frame div.c div.c1 div#content div#adr span.heure{
                    font-size:10px;

        }
        div.frame div.c div.c1 div#content img.photo_left_corner_near_title{
          float: left;
          position: relative;
          top: -29px;
          left: -20px;
          margin: 0 -5px -20px 0;
        }

      div.frame div.c div.c1 div.retourHaut {
        color: #484540;
        float: right;
        display: block;
        height: 25px;
        width: 31px;
        background: url(../images/haut.gif);
      }
      div.frame div.c div.c1 div.retourHaut a{
          display: block;
        height: 25px;
        width: 31px;

      }
      div.frame div.c div.c1 div.retourHaut a:hover{
        color: #484540;
        text-decoration: none;
      }

            div.c h4.titre_secondaire{
                position: relative;
                left: 22px;
                top: -46px;
                z-index: 999;
                color: #797265;
                padding: 0px;
                margin: 0px;

                font-weight: bold;
                font-size: 12px;
            }


      /*ACCUEIL*/
      body#index div.frame div.c div.c1{
        width: 436px;
      }

        body#index div.frame div.c div.c1 div#map{
          width: 248px;
          height: 199px;
          margin: 1px 0 0 0;
          float: left;
        }
          body#index div.frame div.c div.c1 div#map img{
            border: none;
          }

        body#index div.frame div.c div.c1 div#distributeur{
          width: 187px;
          height: 199px;
          margin: 1px 0 0 1px;
          float: left;
        }

      /*contracteurs*/
      div.frame div.contracteurs div.contracteurs{
          border-top: 1px dashed gray;
          padding: 10px 0 0 0;
      }
          div.frame div.contracteurs div.contracteurs.first{
              border: none;
          }

          div.frame div.contracteurs div.contracteurs span.titre{
              font-weight: bold;
              font-size: 14px;
          }

      /* DES IDÉES //////////////////////////////////*/
      div.c1 #content div#list_idea{
          float: left;
          width: 100%;
          padding: 0px;
          margin: 0px;
      }
      div.c1 #content div#list_idea img{
          border: none;
      }
      div.c1 #content div#list_idea a{
              text-decoration: none;
          color: #322727;
      }
      div.c1 #content div#list_idea ul{
          padding: 0px;
          margin: 0px;
          list-style: none;
      }
      div.c1 #content div#list_idea li{

          float: left;
              width: 166px; /* 158 + 6padding + 2border */
              margin: 6px;
      }
      div.c1 li.row_end{
               clear: left;
      }

      div.c1 #content div#list_idea div{
          width: 158px;
          height: 94px;
          padding: 3px;
          border: 1px solid black;
          text-align: left;
      }

      div.c1 #content div#list_idea span{
          display: block;
          text-align: left;
          font-weight: bold;
          padding-right: 2px;

      }

    div.frame div.c div.c2{
      position: relative;
      float: left;
      width: 255px;
      padding: 0px;

      text-align: left;
      margin: 0 0 0 2px;
    }

      div.frame div.c div.c2 div#miniMap{
         width: 248px;
         height: 199px;
         margin: 4px 0 0 0;
         float: right;
      }
         div.frame div.c div.c2 div#miniMap img{
            border: none;
         }

         div.frame div.c div.c2 div#miniDecorateurVirtuelle{
            position: relative;
            margin: 5px 0 0 0;
            width: 248px;
            height: 141px;
            background: url(../images/bg_mini_decorateur.jpg) no-repeat;
            float: right;
         }
            div.frame div.c div.c2 div#miniDecorateurVirtuelle div.link_all{
               position: absolute;
               bottom: 26px;
               left: 9px;
            }

      /*ACCUEIL*/
      body#index div.frame div.c div.c2{
        width: 325px;
      }

        body#index div.frame div.c div.c2 div#nouvelles{
          position: relative;
          width: 325px;
          height: 207px;
          background: url(../images/bg_nouvelle_accueil.jpg) no-repeat center top;
          font: 11px verdana, arial, sans-serif;
          color: white;

        }

          body#index div.frame div.c div.c2 div#nouvelles ul{
            margin: 0;
            padding: 23px 0 0 15px;
            list-style-type: none;
          }
            body#index div.frame div.c div.c2 div#nouvelles li{
              margin: 8px 10px 8px 0;
              padding: 0;
            }
              body#index div.frame div.c div.c2 div#nouvelles li h5{
                margin: 0;
                padding: 0;
                font-weight: normal;
                font-size: 9px;
              }
              body#index div.frame div.c div.c2 div#nouvelles li a.title{
                margin: 0;
                padding: 0;
                color: white;
                font-weight: bold;
                text-decoration: none;
              }
              body#index div.frame div.c div.c2 div#nouvelles li a.title:hover{
                text-decoration: underline;
              }
              body#index div.frame div.c div.c2 div#nouvelles li p{
                margin: 0;
                padding: 0;
              }

        body#index div.frame div.c div.c2 div#decorateurVirtuelle{
          position: relative;
          margin: 1px 0 0 0;
          width: 325px;
          height: 155px;
          background: url(../images/bg_decorateur_accueil.jpg) no-repeat center top;
        }
          body#index div.frame div.c div.c2 div#decorateurVirtuelle div.link_all{
            position: absolute;
            bottom: 26px;
            left: 9px;
          }

        body#index div.frame div.c div.c2 div#temoignages{
          position: relative;
          margin: 1px 0 0 0;
          padding: 40px 12px 0 12px;
          width: 301px;
          height: 105px;
          background: url(../images/bg_temoignage_accueil.jpg) no-repeat center top;
        }

        body#index div.frame div.c div.c2 div#noTemoignages{
          position: relative;
          margin: 1px 0 0 0;
          padding: 0;
          width: 188px;
          height: 145px;
          background: url(../images/bg_temoignage_accueil_no.jpg) no-repeat left top;
          float: left;
        }
            body#index div.frame div.c div.c2 div#noTemoignages a{
              color: white;
              text-decoration: underline;
              font-weight: bold;
              position: absolute;
              top: 102px;
              left: 20px;
              font-size: 10px;
              width: 170px;
            }
            body#index div.frame div.c div.c2 div#noTemoignages a:hover{
              color: #fee5ad;
            }
            
        body#index div.frame div.c div.c2 div#noTemoignagesVideo{
            float: left;
            width: 135px;
            height: 145px;
            margin: 1px 0 0 1px;
        }
            body#index div.frame div.c div.c2 div#noTemoignagesVideo img{
                border: none;
            }

        body#index div.frame div.c div.c2 div#temoignages p{
        margin: 0;
        padding: 0;
        color: white;
        }

            body#index div.frame div.c div.c2 div#temoignages p#temoignage{
              margin: 0;
              padding: 0;
              color: #e2d4d4;
            }

            /*remplace le strong dans les temoignages par du texte juste un peut plus flash*/
            body#index div.frame div.c div.c2 div#temoignages p#temoignage strong{
              font-weight: normal;
              color: white;
            }

            body#index div.frame div.c div.c2 div#temoignages p#auteur{
              margin: 0;
              padding: 0;
              text-align: right;
            }

        body#index div.frame div.c div.c2 div#temoignages div.link_all{
        bottom: 20px;
        }

  div.frame  div.f{
    text-align: center;
    padding: 0 0 15px 0;

  }
    div.frame  div.f p{
      font: 10px verdana, arial, sans-serif;
      color: black;
      margin: 10px;
    }
      div.frame  div.f a{
        color: black;
        text-decoration: none;
      }
      div.frame  div.f a:hover{
        text-decoration: underline;
      }
  div.frame  div.f div.signature a{
    text-decoration: none;
  }
  div.frame  div.f div.signature a:hover{
    text-decoration: underline;
  }

a.lien_retour{
  margin: 0 0 0 20px;
  position: relative;
  top: -20px;
}
a.lien_retour img{
  border: none;
}

/*tableau_produit*/
div.frame div.c.tableau_produit div.c1 div#content table{
  border: 1px #B2B2B2 solid;
  border-width: 0 0 1px 1px;
  text-align: center;
}
div.frame div.c.tableau_produit div.c1 div#content table tr.title{
  background: #705E50;
  color: white;
}
div.frame div.c.tableau_produit div.c1 div#content td{
  border: 1px #B2B2B2 solid;
  border-width: 1px 1px 0 0;
  padding: 2px;
}
div.frame div.c.tableau_produit div.c1 div#content table.center,
div.frame div.c.tableau_produit div.c1 div#content tr.center,
div.frame div.c.tableau_produit div.c1 div#content td.center{
  text-align: center;
}

div.frame div.c.tableau_produit div.c1 div#content td div.separateur{
  border-bottom: 1px gray dashed;
  height: 1px;
  width: 230px;
  margin: 10px auto 15px auto;
}

div.frame div.c div.c1 #btn_video{
    width: 320px;
    text-align: center;
    margin-top: 5px;
}
div.frame div.c div.c1 #btn_video a{
    width: 253px;
    height: 43px;
}
div.frame div.c div.c1 #btn_video img.current{
    filter:alpha(opacity=50); 
    -moz-opacity: 0.5; 
    opacity: 0.5;
}
div.frame div.c div.c1 #btn_video a img{
    border: none;
    margin-top: 5px;
}