/**************************************************************************************/
/*--------------------  GENERAL  */
/**************************************************************************************/
body {
  width: 984px;
  margin: 8px auto;
  font-family: tahoma;
  font-size: 0.9em;
}
a {
  text-decoration: none;
  font-weight: bold;
  color: #FF8D1D;
}
    a:hover {
      text-decoration: underline;
    }
a img { border : 0; }




#header1 {
  height: 100px; 
  border-width: 1px 1px 0px 1px; border-style: solid; border-color: #000000;

  background-image: url("../images/css/header1.jpg");
  background-color: #67A99C;
  color: #FFFFFF;
}

#header2 {
  height: 20px; 
  padding: 4px; 
  font-family: bell MT;
  font-size: 1.1em;
  text-align: right;
  border-width: 0px 1px 0px 1px; border-style: solid; border-color: #000000;

  background-image: url("../images/css/header2.jpg");
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  color: #000000;
}
    #header2 ul {
      margin: 0;
    }
        #header2 ul li {
          display: inline;
          list-style-type: none;
          padding: 0px 5px;
          border: 1px solid transparent;
        }
            #header2 ul li:hover {
              border-left-color: #AAAAAA;
              border-bottom-color: #AAAAAA;
            }
            #header2 ul li a {
              font-weight: bold;
              color: #000000;
            }
                #header2 ul li a:hover {
                  text-decoration: none;
                }




#main {
  padding: 4px; 
  border-width: 0px 1px 0px 1px; border-style: solid; border-color: #000000;

  background-color: #EFEFEF;
}
    #main .folders, #main .vitrine {
      float: left;
      width: 440px;
      margin: 5px 15px;
      border-width: 2px; border-style: solid; border-color: #A0A0A0;

      background-color: #FAFAFA;
    }
    #main .folders {
      padding: 4px;
    }
        #main .folders ul {
          margin: 0;
          padding-left: 25px;
        }
            #main .folders ul li {
              padding: 0;
              list-style-image: url(../images/icones/folder.gif);
            }
                #main .folders ul li:hover {
                  list-style-image: url(../images/icones/folder2.gif);
                }
                #main .folders ul li a {
                  color: #000000;
                }
                    #main .folders ul li a:hover {
                      text-decoration: underline;
                    }
    #main .vitrine {
      padding: 4px;
      text-align: center;
    }
        #main .vitrine span {
          text-decoration: underline;
        }
        #main .vitrine img {
          width: 400px;
          margin: 5px 0px 10px;
        }


    #main .previews {
      margin: 5px 15px;
      padding: 25px 4px 0px;
      border-width: 0px 4px 3px 4px; border-style: solid; border-color: #A0A0A0;

      background-color: #FAFAFA;
      background-image: url("../images/css/preview-top.png");
      background-position: top;
      background-repeat: repeat-x;
    }
        #main .previews .line-vid {
          clear: both;
          display: table-row; 
        }
          .line-vid .line-vid-l, .line-vid .line-vid-r {
            display: table-cell; 
            vertical-align: top;
          }
          .line-vid .line-vid-l {
            padding: 2px 0px 15px;
          }
          .line-vid .line-vid-r {
            padding: 5px 0px;
          }
              .line-vid-r b a {
                text-decoration: none;
                font-size: 1.3em;
                color: #000000;
              }
                  .line-vid-r b a:hover {
                    text-decoration: none;
                  }




#footer1 {
  height: 20px; 
  padding: 4px; 
  text-align: center;
  border-width: 1px 1px 1px 1px; border-style: solid; border-color: #000000;

  background-color: #6E837F;
  color: #FFFFFF;
}
    #footer1 a {
      font-weight: bold;
      color: #FFFFFF;
    }




/**************************************************************************************/
/*--------------------  LIENS  */
/**************************************************************************************/




/**************************************************************************************/
/*--------------------  TITRES  */
/**************************************************************************************/
h1 {
  margin: 5px 10px 15px;
  padding-bottom: 3px;
  font-family: times new roman;
  font-weight: normal;
  letter-spacing: 8px;
  
  color: #FF8D1D;
  border-width: 0px 0px 1px 0px; border-style: dotted; border-color: #FF8D1D;
}
    h1 span {
      font-size: 0.4em;
    }




/**************************************************************************************/
/*--------------------  IMAGES  */
/**************************************************************************************/
div.thumb-img {
  display: inline-block;
  width: 151px; 
  height: 152px;
  margin: 0px 17px 5px;
  background-image: url("../images/css/thumb-img-shadow.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}
    .thumb-img .thumb-img-in {
      width: 135px; 
      height: 140px;
      padding: 5px 5px 0px 5px;
      border: 1px solid #333333;
    
      background-color: #DDDDDD;
    }
        .thumb-img-in .thumb-img-in2 {
          width: 135px; 
          height: 120px;
          overflow: hidden;
        }
            .thumb-img-in .thumb-img-in2 img {
              min-width: 135px;
              min-height: 120px;
            }

div.thumb-vid {
  width: 139px; 
  padding: 0px 7px 10px;
  background-image: url("../images/css/thumb-vid-shadow.png");
  background-position: bottom;
  background-repeat: no-repeat;
}
    .thumb-vid img {
      width: 135px;
      border: 2px outset #000000;
    }





/**************************************************************************************/
/*--------------------  TABLEAUX  */
/**************************************************************************************/
table.tab01, table.tab01 td {
  border: 1px solid #000000;
  border-collapse: collapse;
  padding: 0px;
}
    table.tab01 td {
      padding: 4px 10px;
    }