/* Aspect général du site */
body {
text-align: center;
font-family: tribuchet MS, Verdana, arial;
background: url(img/fond.gif);
margin: 0 10px 0 122px;
}
h1 {
font-variant: small-caps;
color: #990000;
}
h2 {
font-style: italic;
color: #0000ff;
text-align: center;
font-size: 1.3em;
}
h3 {
font-family: Arial, Helvetica;
font-variant: small-caps;
font-size: 1.3em;
color: #0000ff;
background-color: #ffffff;
text-align: left;
margin: 0px 0px 5px 0px;
}
a {
color: #ff6600;
}
a:hover {
color: #ff0000;
text-decoration: undeline;
}
a:visited {
text-decoration: none;
} 
p {
margin: 0px;
}
.attention {
color: #ff0000;
font-weight: bold;
font-size: 0.8em;
}
.important {
color: #ff0000;
background: yellow;
}
.gras {
font-weight: bold;
}
.petit {
font-size: 9px;
}
.italique {
font-style: italic;
font-size: 0.9em;
}
.separation {
clear: both;
}
.espace {
height: 20px;
}
.interligne {
line-height: 1.8em;
}
.cadreOut {
border: 4px outset;
}
.gauche {
float: left;
}
.aligneGauche {
text-align: left;
}
.aligneDroite {
text-align: right;
}
.droite {
float: right;
}
.centre {
text-align: center;
}
.blocIsole {
position: relative;
height: 100px;
margin: 10px;
}
#logo {
background: url(img/logoP.jpg);
width: 140px;
height: 185px;
float: right;
margin: 5px;
}
#copy {
margin: 0px 0px 0px 0px;
color: #0000ff;
font-size: 0.7em;
text-align: center;
font-style: bolder;
background: #ffff99;
}
.copyright{
font-size: 1.5em;
}

/* Page d'accueil */
.FondAcc {
background: url(img/fond.jpg);
}
#fenetreAcc {
padding: 0;
margin-right: auto;
margin-left: auto;
text-align: left;
width: 611px;
height: 458px;
background: url(img/1.jpg);
}
#fenetreAcc div {
width: 280px;
margin: 270px 0px 0px 296px;
color: #000000;
font-size: 22px;
text-align: center;
background: url(img/1.jpg);
background-position: 311px -732px;
}
#bienvenue {
position: absolute;
left: 10px;
top: 70px;
background: url(img/bienvenue.gif);
width: 620px;
height: 190px;
}
/* MENU PAGE D'ACCUEIL et bouton retour*/
#menuAcc{
width: 500px;
margin-top: 20px;
margin-right: auto;
margin-left: auto;
list-style-type: none;
}
#menuAcc li {
float: left;
}
#menuAcc a, #retour a {
display: block;
width: 120px;
line-height: 30px;
text-decoration: none;
color: #000000;
font-weight: bolder;
background: #aaaaaa;
border-width: 1px 2px 2px 1px;
border-color: #cecece #4a4a4a #4a4a4a #cecece;
border-style: solid;
}
#menuAcc a:hover, #retour a:hover{
border-width: 2px 1px 1px 2px;
border-color: #4a4a4a #cecece #cecece #4a4a4a;
color: #441111;
background: #aaaaae;
}
#retour a {
text-align: center;
width: 290px;
}
/* Entête des pages */
#entete {
text-align: left;
padding: 0 0 0 50px;
height: 75px;
background-color: #ffffff;
margin: 0 0 0 -55px;
}	  
#enteteTel {
position: relative;
left: -245px;
}
#enteteLoc {
text-align: left;
height: 75px;
background-color: #ffffff;
}
#titreLoc {
position: relative;
bottom: 20px;
font-size: 1.5em;
font-weight: bolder;
font-style: italic;
color: #0000ff;
}
/* MENU GENERAL */
#menu ul, li {
list-style-type: none;
margin: 0;
padding: 0;
}
#menu ul {
position: absolute;
left: 0px;
top: 0px;
background: url(img/menu.gif);
background-repeat: no-repeat;
height: 520px;
width: 122px;
padding-top: 135px;
}
#menu li {
display: inline;
}
#menu li a {
display: block;
width: 122px;
line-height: 40px;
color: #ffffff;
font-size: 15px;
font-family: georgia, serif;
text-decoration: none;
font-weight: bold;
}
#menu li a:hover {
color: #000000;
background: url(img/menu.gif);
}
#menu a#lien1:hover {
background-position: 0% -818px;
}
#menu a#lien2:hover {
background-position: 0% -858px;
}
#menu a#lien3:hover {
background-position: 0% -898px;
}
#menu a#lien4:hover {
background-position: 0% -938px;
}
#menu a#lien5:hover {
background-position: 0% -978px;
}
#menu a#lien6:hover {
background-position: 0% -1018px;
}
/* 2ème Menu */
#menu2 ul {
position: absolute;
right:0px;
top: 52px;
list-style-type: none;
margin: 0;
padding: 0;
width: 260px;
text-align: center;
}
#menu2 li {
display: inline;
}
#menu2 li a {
color: #969696;
font-size: 10px;
font-family: georgia, serif;
text-decoration: none;
}
#menu2 li a:hover {
color: #ffff99;
background: #000000;
}

/* Positionnement des fenêtres */
#fenetre {
margin-top: -19px;
padding: 0 10px 10px 5px;
background: #aaccee;
text-align: justify;
} 
#fenetreLoc {
margin: 10px 10px 0px -112px;
padding: 0;
background: #aaccee;
text-align: center;
}
/* positionnement de la liste des immeubles */
#immeuble {
position: relative;
width: 100%;
margin: 5px;
color: #0000ff;
}

#detailAppart {
position: relative;
left: 30px;
font-size: 0.8em;
text-align: left;
margin-right: 30px;
}
	   
/* Format des cadres afféctés aux images/photos */
.cadre1, .cadre3 {
border: 4px inset #dddddd;
}  
.cadre2 {
border: 2px inset;
}

/* disposition du formulaire */
#formulaire1 {
width: 100%;
text-align: center;
}
#formulaire2 {
line-height: 1em;
width: 490px;
margin: 10px auto 5px auto;
padding: 0px 20px 5px 20px;
text-align: left;
background: url(img/fond.gif);
}
.formulaireG {
float: left;
width: 100px;
}
.formulaireD {
width: 347px;
} 
textarea {
width: 450px;
height:100px;
}
/* Format adresse*/
.fondation, .adr1, .adrVille {
display: block;
margin-left: 110px;
color: #990000;
font: small-caps bolder 1.1em;
}
.fondation {
font: small-caps bolder 1.3em;
}
.adrTel {
}

/* Format de l'affichage de la page de gestion des appartements*/ 
.gestionG {
float: left;
width: 175px;
}
/* Format de l'affichage de la mention légale*/ 
#mentions li{
font-size: 0.8em;
list-style: decimal;
padding: 10px;
}