html{}
body{font-family:arial;background:url('../img/bck.jpg') top left repeat}/*#140800}*/
*{margin:0px; padding:0px;}
a img, a:link img, a:visited img, a:hover img{border:none}
a, a:link, a:visited, a:hover{text-decoration:none;outline:none}

#container{width:1010px;min-height:650px;height:650px;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto; overflow:hidden;background:url('../img/bck.jpg') top left repeat;border:5px #000000 solid;} /*overflow:hidden;margin-left:-475px;*/

#container div{}

.slogan{margin-right:10px;}

/* Menu */
.menu{width:220px;position:absolute;z-index:10;padding-top:50px;text-align:right}
.menu.active{z-index:20}

/* Liste des galeries */
.galerieListe{text-align:right;padding-right:20px;line-height:20px;font-size:11px;font-weight:bold;height:403px}
.galerieListe a,.galerieListe a:link,.galerieListe a:visited{color:#cbc0c0;}
.galerieListe a:hover{color:#ffffff;}
.menu.graph .galerieListe .openGalerie{color:#922502}
.menu.prod .galerieListe .openGalerie{color:#620055}

/*THUMB*/
.navpicture{width:90px;float:left;height:465px;padding-left:10px}

.navpicture .thumb-wrapper{float:left;width:40px;height:40px;margin:0 5px 5px 0;}
.navpicture .thumb-wrapper a{display:block;width:34px;height:34px;margin:3px;}

.nav .galerie{width:500px;float:left;margin-left:20px;margin-top:3px;height:400px}
.nav .galerie .cache-picture{width:500px;height:400px;position:absolute;top:0;margin-top:100px}
.nav .galerie .picture{min-height:400px;line-height:400px}
.nav .galerie .picture img{vertical-align:middle}
.nav .galerie .galnav{height:30px;width:500px;margin-top:10px;display:none}
.nav .galerie .galnav .prev{float:left}
.nav .galerie .galnav .next{float:right}
.nav .cache-color{position:absolute;left:0;top:0;margin-left:40px;width:100px;height:600px;z-index:2000;background:url('../img/bck.jpg') top left repeat;display:none}

.picture{height:400px;width:500px;overflow:hidden;background:url('../img/ajax-loader.gif') middle center no-repeat;}
.pictureinfo{height:300px;float:left;text-align:right;width:500px;font-weight:bold;font-size:12px;margin:10px 0 0 20px;}
.picturetitle{font-size:12px;}

.nav{width:870px;height:600px;padding:95px 50px 50px;}
/*.nav:hover{cursor:pointer}*/
.nav .nav-cache{display:block;float:left;width:40px;height:100%;position:absolute;left:0;top:0}
.nav#work h2{font-size:16px;margin:9px 0 20px 0px; font-weight:normal;}
.nav#graph h2{font-size:16px;font-weight:normal;margin:-34px 0 20px 0px}
.nav#prod h2{font-size:16px;font-weight:normal;margin:-34px 0 20px 0px}
.nav#work{padding:53px 50px 50px;}

.nav.active{position:absolute;margin-left:225px;z-index:10}
.nav.seconde{position:absolute;margin-left:910px;z-index:11}
.nav.last{position:absolute;margin-left:960px;z-index:12}

#work.nav{background:url(../skins/work/background/work.jpg) top left no-repeat ;color:#004F56}
#graph.nav{background:url(../skins/work/background/graph.jpg) top left no-repeat ;color:#922502;}
#prod.nav{background:url(../skins/work/background/prod.jpg) top left no-repeat ;color:#620055}

.credit{height:30px;width:890px;z-index:15;text-align:right;padding:5px;line-height:30px;vertical-align:middle;color:#847D82;font-size:10px;font-weight:bold;position:absolute;bottom:0;}
.credit a{color:#847D82}
.credit a:hover{color:white;}
.credit p{bottom:0}