/* ----------------  undostrial collection  ---------------- */


#collec {
position: absolute;
top: 135px;
left: 0;
width: 1024px;
height: 455px;
}

#collec_sans {
position: absolute;
top: 135px;
left: 0;
width: 1024px;
height: 455px;
background-color: #fff;
}

#collec_sans img.abso {
position: absolute;
}

#collec_bis {
position: absolute;
top: 135px;
left: 0;
width: 1024px;
height: 455px;
background-color: #fff;
}

#collec_img {
position: absolute;
top: 135px;
left: 0;
background: #fff;
}

#collecmenu {
position: absolute;
top: 30px;
left: 170px;;
width: 700px;
height: 95px;
background-color: transparent;
z-index: 50;
}

#collecmenu2 {
position: absolute;
top: 30px;
left: 370px;;
width: 200px;
height: 95px;
background-color: transparent;
z-index: 50;
}

#collecmenu3 {
position: absolute;
top: 30px;
left: 570px;;
width: 200px;
height: 95px;
background-color: transparent;
z-index: 50;
}


/* ----------------  menu collection  ---------------- */


#collecmenu a, #collecmenu2 a, #collecmenu3 a {
position: relative;
display: block;
margin-bottom: 8px;
width: 180px;
padding: 3px 3px 2px 3px;
border: #ccc 1px solid;
color: #999;
text-transform: uppercase;
text-decoration: none;
background-color: #fff;
}

#collecmenu a:hover, #collecmenu2 a:hover, #collecmenu3 a:hover  {
color: #fff;
background-color: #ccc;
}

#collecmenu a.active, #collecmenu2 a.active, #collecmenu3 a.active  {
color: #fff;
background-color: #ccc;
}


/* ----------------  home links  ---------------- */


#collec a {
display: block;
float: left;
margin-top: 50px;
margin-left: 30px;
padding-top: 350px;
color: #999;
text-align: center;
text-transform: uppercase;
text-decoration: none;
background-color: transparent;
}

#collec a:hover {
color: #666;
}

#collec a.zero {
width: 450px;
}

#collec a.undo {
width: 450px;
}


/* ----------------  collection details  ---------------- */


#texte_collec {
position: relative;
margin-top: 30px;
left: 530px;
width: 455px;
height: 355px;
font-size: 110%;
overflow: auto;
}

#texte_collec p {
font-size: 80%;
line-height: 140%;
}


#zoom a {
position: relative;
display: block;
top: 350px;
left: 480px;
width: 17px;
height: 17px;
background: #ccc url(../images/undo_zoom.png) 0 0 no-repeat;
z-index: 100;
}

#zoom a:hover {
background: #ccc url(../images/undo_zoom.png) 0 -17px no-repeat;
}

#zoom a span {
display: none;
}

.invisible {
visibility: hidden;
}


#acces a {
position: relative;
display: block;
margin: 0;
padding: 0;
border: 0;
top: 20px;
left: 0;
height: 17px;
width: 100px;
line-height: 130%;
color: #666;
text-align: left;
text-transform: uppercase;
text-decoration: none;
background: transparent url(../images/undo_arrow_next.png) right 0 no-repeat;
}

#acces a:hover {
color: #a6d513;
background: transparent url(../images/undo_arrow_next.png) right -17px no-repeat;
}