/*

Created on : 2008.05.07
Last Modified : 2008.05.07
By Guillaume Amringer
guillaume@blsol.com

Tous les codes CSS du site.

*/

body{
background:#fff url('../images/bg.png') repeat-x 0 3px;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div,img{
float:left;
}

h1{
margin:0;
padding:0;
float:left;
}

h2{
margin:.25em 0;
padding:0;
color:#c0655c;
font-size:22px;
}

img{
border:none;
}

.b1{
height:1px;
margin:0 5px;
}
.b2{
height:1px;
margin:0 3px;
}
.b3{
height:1px;
margin:0 2px;
}
.b4{
height:2px;
margin:0 1px;
}

.c54{background:#545454;}
.cb1{background:#b1b1b1;}
.ccc{background-color:#ccc;}
.eee{background-color:#eee;}
.bContainer{width:100%;}
.bContainer div{float:none;}

.bMiddle{
float:none;
margin:0;
padding:0 5px;
}

#body{
width:760px;
float:none;
margin:0 auto;
}

#body>div.bMiddle{
height:474px;
background:url('../images/bodyBg.png');
}

#container{
float:none;
width:814px;
padding:0;
margin:0 auto;
}

#content table.list{
width:100%;
text-align:center;
border:solid #e2e2e2;
border-width:1px 0;
}

#content table.list th{
background-color:#722919;
color:#e9975d;
padding:.5em 0;
border-bottom:solid #e2e2e2 1px;
}

#content table.list td{
padding:.25em 0;
cursor:pointer;
}

#content table.list .rouge{
background-color:#e9975d;
}

#content table.list .pale{
background-color:#e9d2c1;
}

#content table.list img{
border:solid #892922 1px;
}

#content{
border:solid #000 1px;
width:268px;
height:265px;
margin:0 0 0 4px;
background:#fff;
padding:5px;
font-size:12px;
overflow:auto;
}

#flash{
margin:0 0 2px 2px;
width:573px;
height:204px;
background:url('../images/banniere.jpg');
}

#footer{
margin:.5em 0;
width:100%;
height:18px;
text-align:center;
font-size:12px;
font-family:Verdana;
color:#666;
}

#footer a{
color:#666;
text-decoration:none;
}

#footer a:hover{
text-decoration:underline;
}

#footer ul{
margin:0;
padding:0;
}

#footer li{
border-left:solid #722919 1px;
padding:0 .5em;
display:inline;
color:#722919;
text-transform:uppercase;
}

#footer ul li:first-child{
border:none;
}

#header{
background:url('../images/logo.png') no-repeat;
width:100%;
height:135px;
margin:0 0 2px 0;
}

#lang{
float:right;
margin:5px;
text-transform:uppercase;
padding:0 0 0 10px;
background:url('../images/flecheLang.png') 0 3px no-repeat;
font-size:14px;
font-weight:bold;
}

#lang a{
color:#fff;
text-decoration:none;
}

#lang a:hover{
color:#f9c8a4;
}

#mapContact{
width:100%;
height:300px;
border:solid #e2e2e2;
border-width:1px 0;
}

#menu{
width:214px;
height:183px;
background:url('../images/menuBg.png') repeat-y;
}

#menu a{
color:#000;
text-decoration:none;
}

#menu ul{
padding:0;
margin:0;
list-style-type:none;
color:#222;
}

#menu ul li{
background-repeat:no-repeat;
background-color:#eee;
}

#menu ul li:first-child{margin:0;}

#menu ul li.bg1{background-image:url('../images/bullet1.gif')}
#menu ul li.bg2{background-image:url('../images/bullet2.gif')}
#menu ul li.bg3{background-image:url('../images/bullet3.gif')}
#menu ul li.bg4{background-image:url('../images/bullet4.gif')}

#menu ul li{;
cursor:pointer;
font-size:17px;
font-weight:bold;
height:33px;
margin:1px 0 0 0;
padding:12px 0 0 60px;
text-transform:uppercase;
overflow:hidden;
}

#menuFlash{
width:400px;
height:43px;
float:right;
margin:14px 14px 0 0;
}

#partenaires .vTitle{
background-image:url('../images/bonhomme.png');
}

#partenaires .vContenu{
background-image:url('../images/partenaires.jpg');
}

#phoneNo{
margin:80px 0 0 54px;
color:#fff;
font-weight:bold;
font-size:17px;
}

#photo1{
margin:0 4px;
width:327px;
float:left;
}
#photo1.photo1Large{
width:528px;
}

#photo1 .photo1Large .bMiddle{
height:374px;
}

#photo1 .bMiddle{
height:173px;
}

.photo1Large #photo1In{
width:510px;
}


#photo2{
border:solid #000 1px;
width:250px;
height:275px;
}

#photo1In{
width:309px;
height:172px;
}

#photo1In img, #photo1InMap{
border:solid #000 1px;
}

#flashIn{
border:solid #000 1px;
width:188px;
height:462px;
}

#flashRounded{
margin:0;
width:200px;
float:right;
}

#flashRounded .bMiddle{
height:464px;
}

#mainRounded{
margin:4px 0 0 0;
width:546px;
float:left;
}

#mainRounded.mainLarge{
width:747px;
}

.mainLarge #content{
width:469px;
}

#mainRounded .bMiddle{
height:277px;
}

#slogan{
float:right;
margin:30px 20px 0px 0px;
color:#4c59be;
font-weight:bold;
font-size:18px;
}

#visiteVirtuelle .vTitle{
background-image:url('../images/maison.png');
}

#visiteVirtuelle .vContenu{
background-image:url('../images/visite.jpg');
}

.clearBoth{
clear:both;
float:none;
}

.vBox{
width:190px;
height:190px;
margin:0 0 2px 0;
}

.vTitle{
padding:12px 0 0 40px;
width:150px;
height:29px;
background:#a0412d 10px 10px no-repeat;
font-size:14px;
font-weight:bold;
text-transform:uppercase;
color:#fff;
}

.vContenu{
width:188px;
height:149px;
border:solid #e2e2e2;
border-width:0 1px 1px 1px;
}


#elementMan{
width:100%;
}

.link{
cursor:pointer;
}

.link:hover{
text-decoration:underline;
}

.portfolioItem{
width:180px;
height:180px;
padding: 1em 37px;
margin:1em 0;
}

.tblForm{
float:none;
margin:1em;
border:solid #000;
border-width:1px 1px 0 0;
}

.tblForm th,.tblForm td{
padding:.25em;
border:solid #000;
border-width:0 0 1px 1px;
}

.item{
width:100%;
line-height:1.2em;
}

.itemsContainer{
width:763px;
margin:1em 0;
border:solid #e2e2e2;
border-width:1px 0;
}

.itemContent{
border-bottom:solid #000 1px;
width:100%;
display:none;
padding: 1em 0;
}

.itemContent.last{
border-top:dotted #000 1px;
border-bottom:none;
}

.itemTitle{
border-bottom:dotted #e2e2e2 1px;
background-color:#eee;
width:100%;
cursor:pointer;
}
.itemTitle.last{border-bottom:none;}

.itemContent input,.itemContent select{
margin:0 0 1em 1em;
}


#descImmeuble{
width:444px;
}

#descImmeuble table{
width:100%;
}

#descImmeuble table th{
text-align:left;
width:15em;
}

#imageHolder{
float:right;
width:284px;
margin:0 1em 0 0;
}

#imageHolder img{
border:solid #892922 1px;
margin:0 0 1em 0;
}

#map{
border:solid #892922 1px;
width:282px;
height:282px;
float:right;
}