body {
margin: 0;
padding: 0;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
font-size: 0.8em;
color: #fff;
background-color: #000;
}

.container {
margin: 0;
padding: 0;
position: absolute;
width: 630px;
height: 500px;
top: 50%;
left: 50%;
margin-top: -250px;
margin-left: -315px;
overflow: hidden;
background-color: transparent;
}

#square1 {
margin: 0;
padding: 0;
top: 70px;
left: 140px;
position: absolute;
border: 3px #C8C8C8 solid;
background-color:  #D7CFB8;
width: 344px;
height: 344px;
}

#square2 {
margin: 0;
padding: 0;
top: 70px;
left: 140px;
position: absolute;
border-top: 3px #C8C8C8 solid;
border-right: 3px #C8C8C8 solid;
border-left: 3px #C8C8C8 solid;
background-color: #EDE7D7;
width: 344px;
height: 57px;
text-align: right;
/* opacity: 0.0; */
}

* html #square2 { /*IE FIX*/
/* filter:alpha(opacity=0); */
}

#square2 a {
color: #252733;
text-decoration: none;
margin: 0px 5px 0px 0px;
padding: 0px;
display: block;
font-weight: bold;
}

#square3 {
margin: 0;
padding: 0;
top: 70px;
left: 347px;
position: absolute;
border-top: 3px #C8C8C8 solid;
border-right: 3px #C8C8C8 solid;
border-bottom: 3px #C8C8C8 solid;
background-color: #7D7A71;
width: 140px;
height: 344px;
text-align: right;
}


#square3 a {
color: #fff;
text-decoration: none;
margin: 10px 10px 0px 0px;
padding: 0px;
display: block;
}

#square4 {
margin: 0;
padding: 0;
top: 337px;
left: 140px;
position: absolute;
border-left: 3px #C8C8C8 solid;
border-right: 3px #C8C8C8 solid;
border-bottom: 3px #C8C8C8 solid;
background-color: #EDE7D7;
width: 344px;
height: 80px;
color: #252733;
font-size: 1.3em;
font-weight: bold;
text-align: right;
vertical-align: sub;
}

#square4 a {
color: #252733;
text-decoration: none;
margin: 60px 5px 0px 0px;
padding: 0px;
display: block;
}

* html #square4 { /*IE FIX*/
}

#square5 {
margin: 0;
padding: 0;
top: 70px;
left: 140px;
position: absolute;
border-left: 3px #C8C8C8 solid;
border-top: 3px #C8C8C8 solid;
border-bottom: 3px #C8C8C8 solid;
background-color: #EDE7D7;
width: 32px;
height: 344px;
text-align: right;
/* opacity: 0.0; */
}

* html #square5 { /*IE FIX*/
/* filter:alpha(opacity=0); */
}

#square5 a {
color: #252733;
text-decoration: none;
margin: 310px 2px 0px 0px;
padding: 0px;
display: block;
font-weight: bold;
}

#square5 a.a2 {
margin: 0px 2px 0px 0px;
display: block;
}

.hidden {
margin: 0;
padding: 0;
display: none;
}

#lien_dev2 {
display: none;
margin: 0px;
padding: 0px;
}

.noborder {
margin: 0px;
padding: 0px;
border: 0px;
}

.noborder2 {
margin: 7px;
padding: 0px;
border: 0px;
}