/* ----------------  undostrial shops  ---------------- */

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

#mail {
position: relative;
top: 350px;
left: 30px;
}

#mail a {
padding: 4px 6px 4px 0;
color: #a6d513;
text-decoration: none;
}

#mail a:hover {
color: #fff;
background-color: #a6d513;
// text-decoration: underline;
}

img.lettre {
position: relative;
top: 8px;
margin-right: 5px;
}


/* ----------------  text + arrows  ---------------- */


#text_top {
position: absolute;
top: 30px;
left: 170px;
width: 820px;
height: 110px;
font-size: 90%;
line-height: 145%;
z-index: 50;
text-transform: uppercase;
text-align: right;
overflow: auto;
}

p {
margin-bottom: 5px;
}

p.vert {
color: #a6d513;
}

#arrows {
position: absolute;
top: 105px;
left: 950px;
width: 70px;
height: 17px;
z-index: 100;
}

#arrows a.next {
display: block;
float: left;
padding-left: 15px;
width: 17px;
height: 17px;
background: transparent url(../images/undo_arrow_next.png) 0 0 no-repeat;
}

#arrows a.next:hover {
background: transparent url(../images/undo_arrow_next.png) 0 -17px no-repeat;
}

#arrows a.previous {
display: block;
float: left;
padding-left: 15px;
width: 17px;
height: 17px;
background: transparent url(../images/undo_arrow_prev.png) 0 0 no-repeat;
}

#arrows a.previous:hover {
background: transparent url(../images/undo_arrow_prev.png) 0 -17px no-repeat;
}

#arrows span {
display: none;
}