body {
margin:0;
padding:0;
background:url('../images/visio-design-fond-1.jpg') center center fixed;
}
h1 {
display:none;
}
#top {
position:fixed;
height:77px;
background:#483535;
width:100%;
top:0;
z-index:10;
}
#menu {
width:172px;
top:0;
left:20px;
position:fixed;
z-index:100;
}
.title1{
margin:0;
font-size:8px;
}
#menu h2{
margin:0;
}
#menu h2 a{
display:block;
width:172px;
height:132px;
background:url('../images/visio-design.png');
text-indent:-2000px;
}
#menu ul{
margin:0;
padding:42px 0 0 0;
background:url('../images/visio-design-1.png') no-repeat;
list-style:none;
}
#menu ul li{
margin:0 0 5px 0;
padding:0;
font-size:20px;
text-transform: uppercase;
text-align:center;
}
#menu ul li a{
display:block;
background:#999;
color:#333;
text-decoration:none;
}
#menu ul li a:hover{
background:#483535;
color:#fff;
}
#menu .chbg1 {
padding:50px 5px 0 5px;
background:url('../images/visio-design-2.png') no-repeat;
margin:0;
color:#7b4848;
}
#newsletter {
height:127px;
background:url('../images/visio-design-3.png') no-repeat;
clear:left;
padding-top:25px;
}
#container {
width:600px;
padding:100px 0 0 220px;
}
#container h2{
font-size:36px;
font-weight:normal;
line-height:50px;
}
.title1 {
color:#fff;
}
#container h2 span{

background:#333;
padding:2px;
margin-bottom:5px;
}
#home {
background:#333;
padding:10px;
width:400px;
color:#fff;
float:right;
text-align:justify;
margin-bottom:10px;
}
.background {
background:url('../images/change-background.png') no-repeat;
color:#7b4848;
display:block;
width:26px;
height:22px;
text-decoration:none;
float:left;
margin-right:5px;
text-align:center;
padding-top:4px;
}
.chbg {
margin:8px;
height:30px;
}
.content {
background:#fff;
padding:10px;
margin-bottom:20px;
}
.title2{
color:#000;
margin:10px 0 10px 0;
font-size:16px;
}
.title2 a{
color:#000;
text-decoration:none;
}
.itemDesc {
border-top:1px solid #000;
border-bottom:1px solid #000;
}
.itemPhoto {
width:561px;
height:401px;
margin:10px auto;
overflow:hidden;
position:relative;
}
.items {
position:absolute;
}
.previous {
position:absolute;
top:50%;
left:10px;
background:url('../images/left.png') no-repeat;
width:43px;
height:43px;
text-indent:-1000px;
cursor:pointer;
}
.next {
position:absolute;
top:50%;
right:10px;
background:url('../images/right.png') no-repeat;
width:43px;
height:43px;
text-indent:-1000px;
cursor:pointer;
}
.previous:hover {
background:url('../images/left-hover.png') no-repeat;
}
.next:hover {
background:url('../images/right-hover.png') no-repeat;
}
#newsletter p{
color:#b1abab;
margin:0 0 0 10px;
line-height: 14px;
font-size:12px;
}
#newsletter form{
margin:10px 0 0 20px;
padding:0;

}
#newsletter form label{
color:#fff;
font-size:14px;
}
#newsletter form input{
border:1px solid #483535;
background:#483535;
color:#b1abab;
font-size:12px;
width:130px;
}
#newsletter form button{
width:28px;
height:28px;
border:none;
background:url('../images/button.png') no-repeat;
margin:3px  0 0 50px;
color:#fff;
}

#contact {
background:#333;
padding:10px;
width:300px;
color:#fff;
clear:right;
margin:0 100px 0 0;
text-align:justify;
}
#saut {
position:fixed;
width:150px;
left:830px;
top:150px;
background:#fff;
z-index:1000;
margin:0;
padding:5px;
font-size:12px;
list-style:none;
}
#saut li{
margin:0 0 0 0;
padding:0 0 10px 20px;
background:url('../images/list.png') left top no-repeat;
}
#saut li a{
text-decoration:none;
color:#000;
}
#formContact {
margin:0;
padding:0;
}
#formContact fieldset{
border:1px solid #7f7979;
margin:0 10px 10px 10px;
padding:10px 15px 15px 15px;
}
#formContact fieldset legend{
font-size:14px;
color:#fff;
}
#formContact fieldset label{
display:block;
width:150px;
float:left;
}
#formContact fieldset input{
width:185px;
color:#fff;
background:#483535;
border:1px solid #7f7979;
font-size:12px;
margin-top:5px;
}
#formContact fieldset textarea {
width:185px;
color:#fff;
background:#483535;
border:1px solid #7f7979;
font-size:12px;
margin-top:5px;
}

#download {
position:fixed;
top:0;
right:100px;
width:130px;
z-index:1000;
}
#downloadbg{
width:130px;
height:60px;
background:url('../images/fonds-ecrans.png') center top no-repeat;
position:relative;
font-size:12px;
text-indent:-10000px;
margin:0;
cursor:pointer;
}
#downloadtxt {
color:#fff;
background:#000;
margin:0;
padding:5px 5px 5px 10px;
}
.bg img{
border:2px solid #ccc;
}

#visiodesign {
position:absolute; 
right:0; 
bottom:0; 
height:81px; 
width:81px;
margin:0; 
}
#visio-design {
display: block; 
height: 80px; 
width: 80px; 
background: url(../images/visiodesign.png) bottom right no-repeat; 
text-decoration: none;
}
#visio-design span{
display:none;
}