@charset "UTF-8";
/* CSS Document */

body {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #000000;background-color: #9e9c95; margin:0;}
h1,h2,h3,h4 { margin:0; padding:0;}
a { cursor:pointer; color:#333333;}

#global { display:block; width:1000px; border:solid 1px #000; position:relative; height:632px; margin:50px auto; background:#fff; overflow:hidden; }
#accueil { display:block; position:absolute; bottom:11px; left:540px; width:430px; height:120px; z-index:50; opacity:0; }
#accueil a.contact { color:#000000; font-size:9px; text-decoration:none; display:block; float:right;}
#accueil a.contact:hover { color:#97948d; }

#meuble { position:absolute; top:0px; left:0px; opacity:0; }

#charleso, #surmesure, #boislaque { display:block; width:1000px; position:absolute; left:1000px; background:#FFF; }
#contact { display:block; width:1000px; position:absolute; left:1000px; opacity:0; background:#FFF; }

#charleso p, #surmesure p { display:block; margin-left:35px;}
#charleso p { width:480px; }
#surmesure p { width:380px; }
#contact p {  display:block; width:300px; margin-left:35px; }
#charleso h3, #surmesure h3, #boislaque h3, #contact h3 { display:block; color:#FFF; background:#000; width:162px; height:14px; padding: 1px 0 0 17px; position:absolute; top:473px; left:411px; font-weight:normal; font-size:12px; }
#boislaque p { display:block; width:380px; margin-left:35px;}

ul#meubles {display:block; position:absolute; top:650px; left:371px; width:180px; height:50px; opacity:0; z-index:70; }
#meubles li, #nav li { list-style:none; color:#FFF; background:#000; width:162px; height:14px; padding: 1px 0 0 17px; font-size:12px; border-top: 1px solid #fff; border-bottom:1px solid #fff; }
#meubles li:hover, #nav li:hover { background:#9e9c95; }
#meubles li a, #nav li a { color:#FFFFFF; text-decoration:none;}

.bt-retour { position:absolute; bottom:-143px; left:30px; }

/* collection */

ul#nav {display:block; width:350px; position:absolute; top:420px; left:-40px;}
#nav li { background:#9e9c95;}
#nav li:hover, #nav li.on { background:#000; cursor:pointer; }

#retour { position:absolute; left:-415px; top:500px;}
p.description { display:block; width:600px; height:130px; position:absolute; left:180px; font-size:11px }
p.titre { font-size:14px; line-height:25px; display:block; width:300px; position:absolute; top:470px; left:180px;}

.detail { display:block; overflow:hidden; float:right; width:369px; height:552px; position:absolute; top:0; left:590px; }
.detail2 { display:block; overflow:hidden; width:636px; height:421px; position:absolute; top:0; left:330px; }

.nav1 { position:absolute; top:433px; left:181px; z-index:50; display:block; width:280px; }
.nav2 { position:absolute; top:540px; left:181px; z-index:100; display:block; background:url(skins/photos-consultables.gif) right no-repeat; padding-right:110px; }
.nav1 a { background: #9e9c95; color:#9e9c95; text-decoration: none; padding:0; display:inline-block; height:15px; width:15px; font-size:13px; line-height:13px; margin-right:2px; }
.nav2 a { background: #9e9c95; color:#9e9c95; text-decoration: none; padding:0; font-size:5px; line-height:11px; width:9px; height:9px; margin-right:6px; display:inline-block; overflow:hidden; }
.nav1 a.activeSlide, .nav2 a.activeSlide { background: #000; color:#000; }
.nav1 a:focus, .nav2 a:focus { outline: none; }

#s1 { opacity:0; position:relative; }