body{ background:url(img/bg.jpg); background-position:top; background-repeat:repeat-x; background-color:868FA1;}

.pied {font-family:Arial,Verdana; font-size:10px; color:#FFFFFF; padding-left:10px; padding-right:10px;}
.pied a {font-family:Arial,Verdana; font-size:10px; color:#FFFFFF; text-decoration:none; }
.pied a:hover {font-family:Arial,Verdana; font-size:10px; color:#FFFFFF; text-decoration:underline;}


.textebienvenue {font-family:Arial,Verdana; font-size:12px; color:#FFFFFF; }
.textebienvenue a {font-family:Arial,Verdana; font-size:12px; color:#FFFFFF; text-decoration:none; }
.textebienvenue a:hover {font-family:Arial,Verdana; font-size:12px; color:#FFFFFF; text-decoration:underline;}

.thumbAccueil {border: 1px solid white;}
.thumbAccueil:hover {border: 1px solid red; }

.thumbList {border: 1px solid white;}
.thumbList:hover {border: 1px solid red; }

.thumbListOpaque {border: 1px solid white;  opacity: 0.5;  filter:alpha(opacity=50);}

  
.ficheOption { margin-top:10px;}
.ficheOption   .titreOption { font-family:Arial; font-size:12px; width:50%; font-weight:bold; color:FFFFFF; background-color:9da4b4; padding-left:10px; line-height:20px; height:25px;}
.ficheOption   .Champ { font-family:Arial; font-size:12px;   color:FFFFFF; padding-left:10px; line-height:20px; height:25px;}

.accueilTableDesc {width:240; height:220px; background-color:929aab; margin-top:10px;}
.accueilTableDesc  .Titre { font-family:Arial; font-size:14px; font-weight:bold; color:FFFFFF; background-color:9da4b4; padding-left:10px; line-height:20px; height:25px;}
.accueilTableDesc  .QuartierVille { font-family:Arial; font-size:12px; font-weight:bold; color:FFFFFF; padding-left:10px; line-height:20px; height:25px;}
.accueilTableDesc  .Desc { font-family:Arial; font-size:12px; color:FFFFFF; padding-left:10px; padding-right:10px; line-height:15px; text-align:justify;}
.accueilTableDesc  .Prix { font-family:Arial; font-size:20px; color:FFFFFF; padding-left:10px; font-weight:bold; padding-right:10px; padding-bottom:5px; padding-top:15px; line-height:15px; }

.ventesTableDesc {width:610; background-color:929aab; margin-top:5px; border-bottom: 1px solid red; border-top: 1px solid red;}
.ventesTableDesc  .Titre { font-family:Arial; font-size:14px; font-weight:bold; color:FFFFFF; background-color:717b8f; padding-left:10px; line-height:20px; height:25px;}
.ventesTableDesc  .QuartierVille { font-family:Arial; font-size:12px; font-weight:bold; color:FFFFFF; padding-left:10px; line-height:20px; height:25px;}
.ventesTableDesc  .Desc { font-family:Arial; font-size:12px; color:FFFFFF; padding-left:10px; padding-right:10px; line-height:15px; text-align:justify; padding-bottom:5px;}
.ventesTableDesc  .Prix { font-family:Arial; font-size:16px; color:FFFFFF; padding-left:10px; background-color:717b8f; font-weight:bold; padding-right:10px; line-height:20px; }

.ficheTableDesc {width:340; height:220px; background-color:929aab;  border: 1px solid white;}
.ficheTableDesc  .Titre { font-family:Arial; font-size:14px; font-weight:bold; color:FFFFFF; background-color:717b8f; padding-left:10px; line-height:20px; height:25px;}
.ficheTableDesc  .QuartierVille { font-family:Arial; font-size:12px; font-weight:bold; color:FFFFFF; padding-left:10px; line-height:20px; height:25px;}
.ficheTableDesc  .Desc { font-family:Arial; font-size:13px; color:FFFFFF; padding-left:10px; padding-right:10px; line-height:15px; text-align:justify;}
.ficheTableDesc  .Prix { font-family:Arial; font-size:22px; color:FFFFFF; padding-left:10px; font-weight:bold; padding-right:10px; padding-bottom:5px; padding-top:15px; line-height:15px; }


.ventesNav {font-family:Arial,Verdana; font-size:12px; color:#FFFFFF;  padding-right:12px; font-weight:bold;}
.ventesNav a {font-family:Arial,Verdana; font-size:12px; color:#FFFFFF;  font-weight:bold; text-decoration:none;}
.ventesNav a:hover {font-family:Arial,Verdana; font-size:12px; color:#FFFFFF;  font-weight:bold; text-decoration:underline;}

.gallerycontainer{
position: relative;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 1px solid white;


}

.thumbnail:hover{
background-color: transparent;
}

.thumbnail:hover img{
border: 1px solid white;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;


width:360px;


visibility: hidden;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;

}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -295px;
left: 0px; /*position where enlarged image should offset horizontally */

}