body {
font-family:Arial, Helvetica, sans-serif;
font-size: 13px;
margin: 0;
padding: 0;
background:#463e31;
}


#accueil{
background: #5c4d46 url(accueil.jpg);
width: 847px;
height: 564px;
border:0px solid #dcdcdc;
}

#actu{
margin-left:405px;
background:url(infos.jpg);
width: 431px;
height:166px;
border:0px solid #dcdcdc;
}

#textactu{
color:#fff;
border:0px solid #dcdcdc;
width: 404px;
height:108px;
margin-top:4px;
padding-left:20px;
overflow : auto; 
}



#conteneur {
width: 847px;
margin: 10px auto; 
border:1px solid #dcdcdc;
}
#header {
height: 90px;
background:url(bandeau.jpg);
}
#centre {
background:#463e31;
margin:0;
padding:0;
}
#pied {
height: 18px;
background: #463e31 url(pied.jpg) repeat-x;
color:#dcdcdc;
font-size:11px;
text-align:center;
padding-top:5px;
}

img {
margin:0;
padding:0;
}

.border {
border:1px solid #dcdcdc;
}


.noborder {
border:0px;
}

p {
margin: 0;
padding:5px 20px 5px 20px;
color:#dcdcdc;
}

#centre b {
color:#e6007d;

}

#pied b {
color:#ffffff;
font-weight:300;
}

h2 {
padding:15px 20px 5px 20px;
color:#dcdcdc;
font-size:16px;
margin:0;
text-align:center;
}


.anim {
color:#dcdcdc;
}

.menuhaut {
list-style-type: none;
text-align:center;
margin: 0;
padding:0;
height:20px;
background:url(menu.jpg) repeat-x;
padding-top:4px;
}


.menuhaut span {
margin:0;
padding:0;
border:0px solid #fff;
}

.menuhaut li {
margin:0;
padding:0;
float:left;
color:#fff;
height:16px;
}


.menuhaut  a {
width:115px;
margin:0px;

padding:0;
color: #dcdcdc;
text-decoration:none;
font-weight:300;
font-size:11px;
float:left;
border:0px solid #fff;
}
 

 
.menuhaut a:hover {
color:#e6007d;
text-decoration: none;
font-size:11px;
}

a.canape{
display:block;
background: url(espace-canape.jpg) no-repeat;
width:200px;
height:201px;
border:0;
margin:0 auto;
border:1px solid #fff;
}

a.canape:hover {
background-position:0px -201px;
border:1px solid #66ca23;
}

a.design{
display:block;
background: url(espace-design.jpg) no-repeat;
width:200px;
height:201px;
border:0;
margin:0 auto;
border:1px solid #fff;
}

a.design:hover {
background-position:0px -201px;
border:1px solid #66ca23;
}



.zone {
background:#463e31;
height:15px;
padding:3px 0px 0px 10px;
border:1px solid #dcdcdc;
color:#dd0083;
font-size:0.8em;
}

.zone:focus {
height:15px;
padding:3px 0px 0px 10px;
border:1px solid #dd0083;
color:#000;
font-weight:300;
background:#ffffff;
}


.zone2 {
color:#ffffff;
border:0px solid #000;
}





.zone3 {
background:#463e31;
margin-left:5px;
padding:3px 0px 0px 10px;
border:0px solid #fff;
color:#dcdcdc;
font-size:0.8em;
border:1px solid #dcdcdc;
width:345px;
}



.submit {
border:1px solid #dcdcdc;
background:#463e31;
cursor:pointer;
color:#dcdcdc;
}


.submit:hover {
border:1px solid #FFF;
background:#000000;
cursor:pointer;
color:#dd0083;}


#shad {
position:absolute;
top:0;
left:0;
right:0;
width:100%;
height:100%;
height:6000px;
z-index:5000;
background-color:#000000;

  -moz-opacity: 0.6;

  opacity:.60;

  filter: alpha(opacity=60);
}

 

#modbox{
display:none;
position: absolute;
top:50%;
left:50%;
z-index:9999;
width:380px;
border:1px solid #EAEAEA;
text-align:left;
overflow: auto;
margin-top: -260px;
margin-right: 0;
margin-bottom: 0;
margin-left: -200px;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #463e31;
font-size: 14px;
font-weight: 300;
color:#003366;
}

.retour{
display:block;
background: url(retour.jpg) no-repeat;
width:100px;
height:47px;
border:0;
margin:0 auto;
border:1px solid #fff;
}

.retour:hover {
background-position:0px -47px;
border:1px solid #66ca23;
}

#modbox a {
color:#ffffff;
font-size: 14px;
font-weight: 300;
}


#diapo{
margin: 0 auto;
width:700px;
height:127px;
background:#463e31;
}





a.google{
display:block;
background: url(google.jpg) no-repeat;
width:120px;
height:70px;
border:0;
margin:0 auto;
border:1px solid #fff;
}

a.google:hover {
background-position:0px -70px;
border:1px solid #66ca23;
}