body{
text-align:center;
background:#010028;
font-family:Arial, Helvetica, sans-serif;
margin:auto;
}
div, p, img, a{
margin:0;
padding:0;
}
.clear {
clear:both;
}
.right{
position:absolute;
margin-left:716px;
}
#conteneur {
margin:auto;
text-align:left;
background:url(../img/fond2.jpg);
width:1024px;
height:604px;
}
#conteneur2 {
margin:0 auto;
text-align:left;
background:url(../img/fond1.jpg);
width:1024px;
height:604px;
}

/*début du header*/
#header {
position:absolute;
width:766px;
height:108px;
margin-top:110px;
margin-left:129px;
}
#header p{
float:left;
width:55px;
margin-top:78px;
margin-left:13px;
}
#header p.navright{
float:left;
width:55px;
margin-top:78px;
}
#header p img{
width:30px;
height:30px;
}
#header p a{
text-decoration:none;
font-size:14px;
}
#header div{
float:left;
margin-right:10px;
width:380px;
}
#header p.margheader {
padding-right:80px;
}
.navright a{
color:#CCCCCC;
font-size:14px;
}
.navright a#flat{
display:block;
float:left;
text-indent: -5000px;
width:60px;
height:32px;
background:url(../img/appart.jpg) no-repeat;
padding-bottom:13px;
}
.navright a:hover#flat{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/appartblur.jpg) no-repeat;
padding-bottom:13px;
}
.navright a#shop{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/boutik.jpg) no-repeat;
padding-bottom:13px;
}

.navright a:hover#shop{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/boutikblur.jpg) no-repeat;
padding-bottom:13px;
}
.navright a#office{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/buro.jpg) no-repeat;
padding-bottom:13px;
}

.navright a:hover#office{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/buroblur.jpg) no-repeat;
padding-bottom:13px;
}
.navright a#rest{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/resto.jpg) no-repeat;
padding-bottom:13px;}

.navright a:hover#rest{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/restoblur.jpg) no-repeat;
padding-bottom:13px;
}
.navright a#misc{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/divers.jpg) no-repeat;
padding-bottom:14px;padding-bottom:13px;}

.navright a:hover#misc{
float:left;
text-indent: -5000px;
display:block;
width:60px;
height:32px;
background:url(../img/diversblur.jpg) no-repeat;
padding-bottom:13px;
}

/*page work*/
.navwork{
padding-left:20px;
}
.navwork a{
color:#FFFFFF;
display:block;
float:left;
width:140px;
text-decoration:none;
padding-right:5px;
padding-top:0;
font-size:14px;
}
.work {
padding-left:20px;
margin-top:20px;
}
.work a{
color:#CCCCCC;
font-size:14px;
}
.work a#flat2{
display:block;
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/appartblur.jpg) no-repeat;
padding-left:5px;
}
.work a:hover#flat2{
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/appart.jpg) no-repeat;
padding-left:5px;
}
.work a#shop2{
display:block;
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/boutikblur.jpg) no-repeat;
padding-left:5px;
}
.work a:hover#shop2{
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/boutik.jpg) no-repeat;
padding-left:5px;
}
.work a#office2{
display:block;
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/buroblur.jpg) no-repeat;
padding-left:5px;
}
.work a:hover#office2{
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/buro.jpg) no-repeat;
padding-left:5px;
}
.work a#rest2{
display:block;
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/restoblur.jpg) no-repeat;
padding-left:5px;
}
.work a:hover#rest2{
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/resto.jpg) no-repeat;
padding-left:5px;
}
.work a#misc2{
display:block;
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/diversblur.jpg) no-repeat;
padding-left:5px;
}
.work a:hover#misc2{
float:left;
text-indent: -5000px;
width:140px;
height:75px;
background:url(../img/menuwork/divers.jpg) no-repeat;
padding-left:5px;
}



.navtexte{
display:block;
margin-top:15px;
font-size:14px;
color:#CCCCCC;
}
a.selec{
display:block;
margin-top:15px;
font-weight:bold;
color:#FFFFFF;
}

/*début du contenu*/
#contenu{
position:absolute;
width:766px;
height:220px;
margin-left:129px;
margin-top:265px;
color:#CCCCCC;
}
.liste{
float:left;
width:248px;
height:220px;
font-size:12px;
margin-left:13px;
}
.liste a{
text-decoration:none;
margin-bottom:5px;
display:block;
color:#CCCCCC;
}
.liste a:hover{
text-decoration:underline;
}
a.selec2{
background:url(../img/fleche.gif) no-repeat;
background-position:left;
padding-left:10px;
font-weight:bold;
color:#FFFFFF;
text-decoration:none;
}
#contenucentre{
height:220px;
width:470px;
margin-left:261px;
}
#contenucentre p{
padding-left:10px;
}
#contenucentre p a img{
margin-right:4px;
}
#contenucentre p.texte{
border-left: 1px solid #CCCCCC;
padding-left:10px;
color:#CCCCCC;
font-size:11px;
margin-bottom:20px;
}
.vignette{
border:0;
margin-top:2Opx;
margin-left:10px;
color:#CCCCCC;
font-size:12px;
}

#contenucentre strong{
color:#FFFFFF;
font-size:12px;
}
/*page contact*/
#contact{
position:absolute;
width:766px;
color:#CCCCCC;
font-size:12px;
text-align:center;
margin-top:270px;
margin-left:129px;
}
#contact a{
color:#CCCCCC;
text-decoration:none;
}
#contact span img{
margin-right:2px;
}
#contact strong{
color:#FFFFFF;
}
/*page index*/
#index{
position:absolute;
width:766px;
color:#CCCCCC;
font-size:12px;
text-align:center;
margin-top:400px;
margin-left:129px;
}
#index a{
margin-right:30px;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}
.logo {
padding-left:842px;
padding-top:440px;
}
/*pages images*/
#conteneur3{
margin:auto;
text-align:left;
background:url(../img/fond3.jpg);
width:1024px;
height:604px;
}
#conteneur3 p{
color:#CCCCCC;
margin-left:150px;
}
#conteneur3 p a{
color:#CCCCCC;
text-decoration:none;
font-size:12px;
}
.image {
padding-left:358px;
padding-top:190px;
}
.imagehaute {
padding-left:500px;
padding-top:120px;
}
.retour {
font-size:14px;
padding-left:505px;
padding-top:4O0px;
}
.retour strong{
font-weight:bold;
}
/*diaporama*/
.diaponav{
float:left;
padding-top:150px;
padding-left:135px;
}
.retour2 {
font-size:14px;
padding-left:13px;
padding-top:150px;
color:#FFFFFF;
}
.image2{
padding-left:150px;
padding-top:130px;
}
.music{
float:right;
}