/* CSS Document */
body {
	margin: 0px 0 ;
    padding: 0 ;
    text-align: center ;
	background-image:url(images/font.gif);
	background-color: #d8d8d8;
	}
#contenu {
	 margin: 0 auto ;
   text-align: left ;
	width: 890px;
	position: relative;
	margin-top:50px;	
}
a {
color:#94927c;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:normal
}

#gauche
{ float:left;
 width:282px;
 height:640px;
 }
 #droite
{ float:left;
margin-left:57px;
 width:282px;
 height:640px;
 }
#menu1
{
padding-top:20px;
width:282px;
margin-top:56px;
background-color:#efefe8;
padding-bottom:10px;
}

.lien1
{
  list-style: none;
  padding: 0;
  margin: 0;
}

.titre1
{

margin-left:25px;
list-style-image:url(images/puce_menu.gif);
margin-top:10px;
}

.titre1 a{
color:#94927c;
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight: 200;
text-decoration:none;
}
.titre1 a:hover{
color:#FFFFFF;
display:block;
background-color:#bcb99d;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
font-weight: 200;
text-decoration:none;
}

#adresse
{
width:282px;
margin-top:56px;
background-color:#621b05;
}
#menu2
{width:282px;
height:30px;

}

.lien2
{
  list-style: none;
  padding: 0;
  margin: 0;
  height:30px;
  width:100%;
}

.titre2
{
float:left;
margin-left:4px;
height:10px;
margin-left:25px;
list-style-image: url(images/tri_puce.gif);
}
li.tri{
float:left;
margin-left:4px;
background: url(images/tri_puce.gif);
width:1px;
height:10px;
}

#propriete
{
width:551px;
background-color:#efefe8;
}
#propriete_liste
{
width:551px;
background-color:#efefe8;

}
#menu3
{width:551px;
 height:30px;
 background-color:#aaa88f;
}
.lien3
{
  list-style: none;
  padding: 0;
  margin: 0;
  margin-left:10px;
  padding-top:4px;
  }

.titre3
{
float:left;
height:30px;
margin-left:20px;
list-style-image: url(images/tri_menu.gif);

}


.titre3 a:hover{
color:#615f51;
height:24px;
font-family: "Century Gothic", Arial;
font-size:10pt;
font-weight: 200;
text-decoration:none;
}
#diapo
{
width: 549px;
margin-top:20px;
}
#frame {
	overflow: hidden;
	margin: 0 auto;
	width: 470px;
	
}
#scroller {
	width: 470px;
	margin: 0 auto;	
	overflow: hidden;
}
#content {
	width: 2490px;
}
.section {
	width: 465px;
	float: left;
	padding: 5px;
	}
.active
{
color:#615f51;
height:24px;
font-family: "Century Gothic", Arial;
font-size:10pt;
font-weight: 200;
text-decoration:none;
}
.inactive{
color:#ffffff;
height:24px;
height:24px;
font-family: "Century Gothic", Arial;
font-size:10pt;
font-weight: 200;
text-decoration:none;
}

/* album photo */


/* style the outer cntaining div to fit the landscape, portrait and buttons */
#album {
width:549px; 
height:378px; 
background:#FFFFFF;
border:1px solid #FFFFFF;
position:relative
}
/* remove the padding margin and bullets from the list. Add a top margin and width to fit the images and a position relative */
.gallery {
padding:0; 
margin:390px 0px 0px 0px; 
list-style-type:none; 
position:relative; 
width:549px;
text-align:center;
}
/* remove the default image border */
.gallery img {
border:0;
}
/* make the list horizontal */
.gallery li {
float: right;
margin-right:10px;
}

/* style the link text to be central in a surrounding box */
.gallery li a, .gallery li a:visited {
/*font-size:11px;
float:left; 
text-decoration:none; 
color:#000; 
background:#fff; 
text-align:center; 
width:26px; 
height:26px; 
line-height:24px; 
border:1px solid #9dcae2;
margin:2px;*/
display:block;
background: url(images/puce_diapo.gif);
width:22px;
height:29px;

}
/* position the images using an absolute position and hide them from view */
.gallery li a img {
position:absolute; 
top:0px; 
left:10px; 
visibility:hidden; 
border:0;
}
/* fix the top position for the landscape images */
.gallery li a img.landscape {
top:-390px;
left:0px;
}
/* fix the left position for the portrait images */
.gallery li a img.portrait {
left:0;
border-left:40px solid #eee;
border-right:40px solid #eee;
}
/* style the hover background color for the text boxes */
.gallery li a:hover {
display:block;
background: url(images/puce_diapo_2.gif);
width:22px;
height:29px;
}
/* style the active/focus colors for the text boxes (required for IE) */
.gallery li a:active, .gallery li a:focus {
display:block;
background: url(images/puce_diapo_2.gif);
width:22px;
height:29px;

}
/* make the images visible on active/focus */
.gallery li a:active img, .gallery li a:focus img {
visibility:visible;
}




/************************************************************ gallerie ****************************************************/

.rotational-wrap{ width: 549px; height: 390px; margin-top:20px; }
.main-spinner{ list-style: none; margin: 0; padding: 0; 
    position: relative;
    width: 549px;
    height: 378px;
	}
#thumbnav{ list-style: none; margin: 21px 0 0 0; padding: 0; }
#thumbnav li{ float: left; margin: 0 6px 6px 0; }
#thumbnav li.third{ margin-right: 0; }
#thumbnav li a{ 
display: block;
background: url(images/puce_diapo.gif);
width:22px;
height:29px;
  }
#thumbnav li a:hover {
display:block;
background: url(images/puce_diapo_2.gif);
width:22px;
height:29px;
}
#thumbnav li a:active {
display:block;
background: url(images/puce_diapo_2.gif);
width:22px;
height:29px;
}



/* ********************************************************  css page index ********************************************  */
#logo_index{
float:left;
}
#lange_index{
float:left;
margin-left:30px;
width:315px;
height:310px;
background-color:#efefe8;
}
#bas 
{
position:relative;
margin-top:20px;
padding-top:20px;
padding-left:15px;
width:643px;

background-color:#efefe8;
}