/* ----------------  Undo Styles  ---------------- */

* {
border: 0;
margin: 0;
padding: 0;
}

html, body {
min-height: 100%;
height: auto !important;
width: 100%;
height: 100%;
font: normal 85% helvetica, arial, sans-serif;
color: #666;
background-color: #fff;
}

#global {
width: 1024px;
height: 650px;
position: absolute;
left: 50%; 
margin-left: -512px;
top: 50%;
margin-top: -325px;
}


/* ---------------- containers ---------------- */


#undo {
position: relative;
width: 1024px;
height: 650px;
background: #fff url(../images/undo_trame.png) 0 0 repeat;
}

#header {
position: relative;
top: 0;
left: 0;
width: 1024px;
height: 135px;
background-color: #fff;
z-index: 10;
}

#header_sans {
position: relative;
top: 0;
left: 0;
width: 1024px;
height: 135px;
background-color: transparent;
z-index: 10;
}

#logo {
position: relative;
top: 30px;
left: 30px;
width: 109px;
}


/* ---------------- navigation ---------------- */


#menu {
position: relative;
top: 455px;
left: 0;
width: 1024px;
height: 60px;
background-color: #fff;
z-index: 10;
}

#menu_sans {
position: relative;
top: 455px;
left: 0;
width: 1024px;
height: 60px;
background-color: transparent;
z-index: 10;
}

ul {
margin-left: 15px;
padding-top: 15px;
list-style-type: none;
text-transform: uppercase;
}

li {
display: inline;
padding: 0 38px;
float: left;
}

li a {
display: block;
text-decoration: none;
color: #ccc;
}

li a:hover {
color: #a6d513;
}

li a.active {
color: #666;
}

li a.active:hover {
color: #a6d513;
}

li a.catalog {
color: #ccc;
padding: 0 0 10px 10px;
background: transparent url(../images/undo_cadenas.png) 8px 8px no-repeat;
}

li a.catalog:hover {
color: #a6d513;
background: transparent url(../images/undo_cadenas3.png) 8px 8px no-repeat;
}

li a.catalog_active {
color: #666;
padding: 0 0 10px 10px;
background: transparent url(../images/undo_cadenas2.png) 8px 8px no-repeat;
}

li a.catalog_active:hover {
color: #a6d513;
background: transparent url(../images/undo_cadenas3.png) 8px 8px no-repeat;
}


/* ---------------- content ---------------- */


#home {
position: absolute;
top: 0;
left: 0;
width: 1024px;
height: 590px;
}

#contact {
position: absolute;
top: 0;
left: 0;
width: 1024px;
height: 590px;
}

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

#infos {
position: absolute;
top: 450px;
left: 80px;
}

#infos h1 {
font-size: 120%;
font-weight: normal;
}

#infos a {
color: #bbb;
text-decoration: none;
}

#infos a:hover {
color: #a6d513;
}

#infos p {
color: #999;
}

/* ---------------- langues ---------------- */


#langues {
position: absolute;
top: 30px;
left: 890px;
width: 130px;
height: 26px;
z-index: 100;
}

#langues a.fr {
display: block;
float: left;
padding-left: 15px;
width: 43px;
height: 26px;
background: transparent url(../images/undo_flag_fr.png) 0 0 no-repeat;
}

#langues a.fr:hover {
background: transparent url(../images/undo_flag_fr.png) 0 -26px no-repeat;
}

#langues a.uk {
display: block;
float: left;
padding-left: 15px;
width: 43px;
height: 26px;
background: transparent url(../images/undo_flag_uk.png) 0 0 no-repeat;
}

#langues a.uk:hover {
background: transparent url(../images/undo_flag_uk.png) 0 -26px no-repeat;
}

#langues span {
display: none;
}