html, body {
    background: url(../images/bg/galery.gif) repeat-x;
}

#bloc-gauche {
    border-right:1px solid #363636;
    float:left;
    height:100%;
    width:496px;
}
#photos #bloc-gauche {
    background:url(../images/bg/galery-bloc-gauche.jpg) no-repeat right 180px;
}
#video #bloc-gauche {
    background:url(../images/bg/video-bloc-gauche.jpg) no-repeat right;
}

#bloc-droite {
    float:left;
    height:100%;
}
#photos #bloc-droite {
    margin-left:33px;
}
#video #bloc-droite {
    background:url(../images/bg/video-bloc-droite.jpg) no-repeat;
    text-align:center;
    width:520px;
}

#conteneur-video {
    position:relative;
    top:100px;
}

#triangle-separateur {
    background:url(../images/galery/triangle-separateur.gif) no-repeat;
    float:right;
    height:19px;
    left:10px;
    position:relative;
    top:139px;
    width:10px;
}

#gauche-logo {
    float:left;
    padding:30px 19px 0 20px;
    width:168px;
}
#gauche-logo h1 {
    height:14px;
    margin-bottom:10px;
}
#photos #gauche-logo h1 a {
    color:#9B9B9B;
    text-decoration: none;
}
#photos #gauche-logo h1 a:hover, #photos #gauche-logo h1 a.selected {
    color:#4578b4;
}
#photos #gauche-logo h1 {
    /*background:url(../images/galery/titre-photos.gif) no-repeat;*/
    color:#FFF;
    font-family: Arial, "Times New Roman", Times, serif;
    font-size:0.8em;
    font-weight: normal;
}
#video #gauche-logo h1 {
    color: #fff;
    font-family: Arial,"Times New Roman",Times,serif;
    font-size:1em;
    margin-top:55px;
}

#gauche-miniatures {
    float:left;
    text-align:center;
    width:68px;
}

#conteneur-miniatures {
    height: 502px;
    overflow:hidden;
    position:relative;/*IE6 IE7*/
}
#miniatures a img {
    border:1px solid #000000;
    display:block;
    margin-bottom:3px;
}
#miniatures a:hover img {
    border-color:#FFFFFF;
}
#video #miniatures {
    background:url(../images/galery/video-haut-vignettes.jpg) no-repeat;
    padding-top:122px;
}

#description {
    color:#9b9b9b;
    float:right;
    font-family:Arial;
    font-size:0.8em;
    margin: 120px 2px 20px 0;
    padding-left:26px;
    width:183px;
}
#description h2 {
    color:#4578b4;
    font-family: Arial, "Times New Roman", Times, serif;
    font-size:1.2em;
    text-transform:uppercase;
}

#suivant-precedent {
    background:url(../images/galery/suivant-precedent.jpg);
    float:right;
    height:22px;
    padding-left:13px;
    width:195px;
}
#suivant-precedent a {
    color:#C0C0C0;
    font-family: Arial, "Times New Roman", Times, serif;
    font-size:0.8em;
    text-decoration:none;
}
#suivant-precedent a:hover {
    color:#000000;
}