*{
margin:0;
padding:0;
}
img{
border:0;
}
body{
color:#333;
font-family:georgia2,'Century gothic',verdana;
text-align:center;
}

#background{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
background:#000;
-moz-opacity:0.6;
opacity: 0.6;
filter:alpha(opacity=60);
z-index:8;
display:none;
}

#total{
width:980px;
margin:0 auto;
text-align:left;
}
#contact{
position:absolute;
top:2px;
margin-left:843px;
font-size:11px;
color:#999;
z-index:7;
}
#contact a{
text-decoration:none;
color:#999;
}
#contact a:hover{
color:#5d632d;
}
#div_contact{
position:absolute;
z-index:9;
top:170px;
margin-left:215px;
width:555px;
background:#fff;
padding:30px 77px 25px 27px;
font-size:12px;
line-height:155%;
display:none;
}
#div_contact a{
color:#333;
text-decoration:underline;
}
#div_contact a:hover{
color:#5d632d;
text-decoration:none;
}
#div_pres{
position:absolute;
z-index:9;
top:170px;
margin-left:215px;
width:620px;
width:555px;
background:#fff;
padding:30px 77px 25px 27px;
font-size:12px;
line-height:155%;
display:none;
}
#fermer{
position:absolute;
margin-top:-17px;
margin-left:604px;
cursor:pointer;
}
#fermer:hover{
background-color:#ccc;
}
h1{
margin:20px 0 10px 0;
}
h2{
color:#666;
/*font-variant:small-caps;*/
font-size:26px;
width:243px;
padding-left:10px;
font-weight:100;
}
h2 a{
color:#666;
text-decoration:none;
}
.langue{
width:60px;
position:absolute;
top:50px;
margin-left:500px;
}
.b_ac{
border:1px solid #fff;
cursor:pointer;
height:116px;
}
.b_ac h2{
float:left;
padding-top:38px;
}
#menu{
width:223px;
margin-top:70px;
}
#menu h2{
font-size:16px;
}
#menu .lead{
font-weight:900;
font-size:26px;
}
#menu img{
margin-left:10px;
}
#menu div{
border:1px solid #fff;
padding-top:5px;
cursor:pointer;
}

#projection{
position:absolute;
width:600px;
height:500px;
top:185px;
margin-left:240px;
background:url(wait.gif) no-repeat 284px 234px;
}
#vignette{
position:absolute;
width:120px;
top:235px;
margin-left:860px;
overflow:hidden;
height:400px;
}
#vignette #vignette_plus{
overflow:hidden;
}
#vignette img{
border:1px solid #fff;
padding:4px;
float:left;
cursor:pointer;
}
#vignette img:hover{
border-color:#999;
}
#bas{
position:absolute;
z-index:7;
top:640px;
margin-left:892px;
padding:15px;
}
#haut{
position:absolute;
z-index:7;
top:185px;
margin-left:882px;
padding:15px;
}
.lien_projets{
font-size:12px;
position:absolute;
cursor:pointer;
}
.lien_projets a{
color:#5d632d;
text-decoration:none;
}
#projets_plus{
list-style-type:none;
position:absolute;
top:240px;
margin-left:750px;
border-top:1px solid #ccc;
display:none;
}
#projets_plus a{
display:block;
border:1px solid #ccc;
border-top:0;
background:#fff;
padding:6px;
color:#5d632d;
text-decoration:none;
font-size:12px;
}
#projets_plus a:hover{
color:#fff;
background:#5d632d;
}
#ville{
top:210px;
margin-left:580px;
background:url(ville.jpg) no-repeat;
padding-top:138px;
padding-left:70px;
}
#portraits{
top:430px;
margin-left:620px;
background:url(portraits.jpg) no-repeat;
padding-top:72px;
padding-left:70px;
padding-bottom:25px;
}
#WA{
top:500px;
margin-left:380px;
background:url(WA.jpg) no-repeat;
padding-top:90px;
padding-left:30px;
}
#libe{
top:330px;
margin-left:270px;
background:url(libe.jpg) no-repeat;
padding-right:40px;
padding-left:110px;
padding-top:98px;
}
#indic_photo{
position:absolute;
font-size:11px;
text-align:center;
width:600px;
top:695px;
margin-left:240px;
color:#666;
}
#indic_photo a{
color:#666;
}
#wa_acheter{
position:absolute;
z-index:9;
top:250px;
margin-left:215px;
width:620px;
width:555px;
background:#fff;
padding:30px 77px 25px 27px;
font-size:12px;
line-height:155%;
display:none;
}
#wa_acheter #fermer{
position:absolute;
margin-top:-17px;
margin-left:604px;
cursor:pointer;
}
#wa_acheter img{
margin-left:35px;
margin-top:10px;
}
#pied{
text-align:center;
margin-top:30px;
padding-top:15px;
border-top:1px dotted #999;
}