/* ----------------  undostrial catalog  ---------------- */


#catalog {
position: absolute;
top: 135px;
left: 0;
width: 1024px;
height: 455px;
background-color: #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;
}

#collec_img {
position: absolute;
width: 512px;
height: 455px;
background-color: transparent;
}

#collec_spec {
position: absolute;
width: 512px;
height: 455px;
left: 512px;
background-color: transparent;
}


/* ----------------  menu catalog  ---------------- */


#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;
}


/* ----------------  sub-menu  ---------------- */


#submenu {
position: absolute;
left: 380px;
width: 80px;
}

#submenu ul {
text-align: center;
line-height: 24px;
}

#submenu li {
margin: 0;
margin-bottom: 8px;
padding: 0;
width: 80px; 
height: 23px;
}

#submenu li a {
display: block;
border: 1px solid #ccc;
color: #666;
text-transform: uppercase;
text-decoration: none;
background-color: #fff;
}

#submenu li a:hover, #submenu li a.active {
color: #fff;
background-color: #ccc;
}


/* --------- */ 


#submenu2 {
position: absolute;
left: 465px;
width: 40px;
}

#submenu2 ul {
text-align: center;
line-height: 24px;
}

#submenu2 li {
margin: 0;
margin-bottom: 8px;
padding: 0;
width: 40px; 
height: 23px;
}

#submenu2 li a {
display: block;
border: 1px solid #ccc;
color: #666;
text-transform: uppercase;
text-decoration: none;
background-color: #fff;
}

#submenu2 li a:hover, #submenu2 li a.active {
color: #fff;
background-color: #ccc;

}

/* ----------------  catalog details  ---------------- */


#cata {
position: absolute;
top: 470px;
left: 390px;
text-align: center;
background-color: transparent;
}

#cata a img {
margin-left: -10px;
}

#cata a {
color: #666;
text-decoration: none;
}

#cata a:hover {
color: #666;
text-decoration: underline;
}

#cata a p {
font-size: 80%;
margin-top: 5px;
text-decoration: none;
}


#modele {
position: absolute;
top: 150px;;
left: 545px;
text-transform: uppercase;
text-align: left;
background-color: transparent;
}



/* ----------------  collection login  ---------------- */



#login {
position: relative;
margin: 0 auto;
margin-top: 25px;
width: 400px;
height: 400px;
background: transparent url(../images/undo_secure.png) 0 0 no-repeat;
}

#formulaire {
position: relative;
margin: 0 auto;
top: 75px;
width: 270px;
height: 120px;
background-color: transparent;
}

#formulaire p {
margin: 10px 0;
text-transform: uppercase;
}

#formulaire p a {
color: #666;
text-decoration: none;
}

#formulaire p a:hover {
color: #a6d513;
text-decoration: none;
}


#formulaire hr {
visibility: hidden;
clear: both;
}

#formulaire input {
float: right;
margin-top: -35px;
margin-bottom: 15px;
padding: 5px;
border: 1px solid #666;
}

#compte {
position: relative;
margin: 0 auto;
top: 170px;
width: 270px;
height: 26px;
}

#compte a.access {
display: block;
width: 270px;
height: 26px;
color: #666;
text-transform: uppercase;
text-decoration: none;
line-height: 26px;
background: transparent url(../images/undo_lettre2.png) 0 right no-repeat;
}

#compte a.access:hover {
color: #a6d513;
background: transparent url(../images/undo_lettre2.png) -26px right no-repeat;
}