html{
background-image: url(../images/Fond.png);
}
body{
width: 980px;
background-color: #EAEAEA;
}
input, textarea, select{
margin: .2em .5em;
}
input[type=text], textarea, select {
border-left: 1px solid #777;
border-top: 1px solid #777;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
#DonneeContenu{
margin: 2em;
padding: 1em;
}
#DonneeContenu h2{
text-align: center;
font-size: 140%;
padding: .5em 0;
background-color: #f6f6f6;
}
/* jQuery Tools */
/* overlay */
/*.TexteOverlay{
border:1px solid black;
background-color:white;
color:black;
padding:2em;
}
.TexteOverlay h2{
font-size: 140%;
padding: .5em 0;
}*/
/* générique */
li{ /* suppression des points de liste */
list-style-type: none;
}
.erreur{
color: red;
}
fieldset {
border: 1px solid #999;
padding : .5em;
}
.exposant{
vertical-align: super;
font-size: 65%;
}
.Message {
margin: 2em;
font-size: 120%;
}
.ACacher {
visibility: hidden;
}
/* -- */
/**/
.bConnexionPetit fieldset {
border: 0;
padding : 0;
margin : 0;
}
.bConnexionPetit form {
border: 0;
padding : 0;
margin : 0;
}
/* -- */
/* */
.bInfoAccueil {margin: 1em; padding: 1em; width: 35em; border: 1px solid #999;}
/* -- */
/* bloc de recherche commun */
.bRecherche .cFormulaire .RetourLigne, .bRecherche1Ligne .cFormulaire .RetourLigne {clear: both;}
.bRecherche .cFormulaire #LienRechercheAvance, .bRecherche1Ligne .cFormulaire #LienRechercheAvance {float: left;}
.bRecherche .cFormulaire #RechercheAvance, .bRecherche1Ligne .cFormulaire #RechercheAvance{display: none;}
/* -- */
/* bloc de recherche */
.bRecherche {margin: 1em; width: 30em;}
.bRecherche .cFormulaire .Ligne {clear: both;}
.bRecherche .cFormulaire label {display: block; float: left; margin-left: 1em; padding: 1em 0; width: 9.5em;}
.bRecherche .cFormulaire div.frmLib {display: block; float: left; margin-left: 1em; padding: 1em 0; width: 9.5em;}
.bRecherche .cFormulaire div.frmVal {display: block; float:left; width: 12em;}
.bRecherche .cFormulaire input {display: block; float:left; width: 11em;}
.bRecherche .cFormulaire input[type=radio]{display: block; width: 2em; }
.bRecherche .cFormulaire select {display: block; float:left; width: 12em;}
.bRecherche .cFormulaire .LigneBouton {float: right;}
.bRecherche .cFormulaire .LigneCampus input[type=checkbox]{width: 2em;}
/* -- */
/* bloc de recherche sur 1 ligne */
.bRecherche1Ligne {margin: 1em;}
.bRecherche1Ligne .cFormulaire .Ligne {display: block;}
.bRecherche1Ligne .cFormulaire label {display: block; float: left; margin-left: 1em; padding: 1em 0; text-align: right;}
.bRecherche1Ligne .cFormulaire input {display: block; float:left; width: 6em;}
.bRecherche1Ligne .cFormulaire select {display: block; float:left; width: 9em;}
.bRecherche1Ligne .cFormulaire .LigneBouton {float: right;}
.bRecherche1Ligne .cFormulaire .LigneBouton input{width: 7em;}
.bRecherche1Ligne .cFormulaire .LigneCampus input[type=checkbox]{width: 2em;}
/* -- */
/* bloc de tri */
.bTri {margin: 1em;}
.bTri #bFormTri {display: none;}
.bTri #bFormTri .Ligne{ margin: 1em;}
.bTri #bFormTri input[type=radio] { margin-right: .5em; }
/* -- */
/* bloc de filtrage */
.bFiltre {margin: 1em;}
.bFiltre #bFormFiltre {display: none;}
.bFiltre #bFormFiltre .Ligne{ margin: 1em;}
.bFiltre #bFormFiltre input[type=radio] { margin-right: .5em; }
/* -- */
/*Commun lien développer */
.DevelLien:hover {text-decoration:underline; cursor: pointer;}
/* -- */
/* bloc de choix de la page */
div.LigneChoixPage{
margin: 2em;
padding: 1em 0;
text-align: center;
border: 1px solid #999;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}
div.LigneChoixPage ul li{
margin : 0;
padding: 1em .6em;
display: inline;
}
/* -- */
/* page carte */
.PageCarte .LaCarte {width: 690px; height: 520px;}
.BoutonCarte {margin-top: .4em;}
/* -- */
/* bloc affichage des contacts d'un logement */
.bContactComplet {margin: 1em;}
.bContactComplet h3 {font-size: 120%; padding: .5em; border-bottom: 1px dotted grey;}
.bContactComplet .NomPrenom {padding-top: 1em;}
.bContactComplet ul {padding: 1em;}
/* -- */
.IdLogement{font-size: 80%;}
/* bloc affichage d'un logement dans la liste */
/* sans carte */
.bResultatRechercheVide{margin: 1em; padding: 1em; border: 1px solid grey;}
.bUnLogement {margin: 1em; border: 2px solid grey;}
.bUnLogement .bDescrLogement {margin: .1em; padding: .5em; margin: 0 1em; border-bottom: 1px dotted grey;}
.bUnLogement .bDescrLogement div {padding-left: 1em;}
.bUnLogement .bDescrLogement .IdLogement {margin-left: -2em;}
.bUnLogement .bDescrLogement .Libelle {text-align: right;}
.bUnLogement .bDescrLogement .IdLogement {float: left;}
.bUnLogement .bDescrLogement .OccupationFichier .ImgFichier{padding-right: 1em;}
.bUnLogement .bDescrLogement .loyer {margin-top: 1em;}
.bUnLogement .bDescrLogement .EquipementResume {margin-top: 1em;}
.bUnLogement .bDescrLogement .EquipementResume ul li{padding-left: 1em; padding-top: .5em;}
.bUnLogement .bDescrLogement .EquipementResume .bContactDetail {float: right; margin:1em;}
.bUnLogement .bDescrLogement .EquipementResume .bEquipementLogement{float: left; width: 350px;}
.bUnLogement .bDescrLogement .EquipementResume .bEquipementDistance{float: left;}
/* avec carte */
/*
.bResultatRechercheVide{margin: 1em; padding: 1em; border: 1px solid grey;}
.bUnLogement {margin: 1em; border: 2px solid grey;}
.bUnLogement .bDescrLogement {float: left; margin: .1em; padding: .5em; width: 550px; border:1px dotted grey;}
.bUnLogement .bDescrLogement div {padding-left: 1em;}
.bUnLogement .bDescrLogement .Libelle {text-align: right;}
.bUnLogement .bDescrLogement .IdLogement {float: left;}
.bUnLogement .bDescrLogement .OccupationFichier .ImgFichier{padding-right: 1em;}
.bUnLogement .bDescrLogement .loyer {margin-top: 1em;}
.bUnLogement .bDescrLogement .EquipementResume {margin-top: 1em;}
.bUnLogement .bDescrLogement .EquipementResume ul li{padding-left: 1em; padding-top: .5em;}
.bUnLogement .bDescrLogement .EquipementResume .bContactDetail {float: right; margin:1em;}
.bUnLogement .bDescrLogement .EquipementResume .bEquipementLogement{border:1px dotted grey;}
.bUnLogement .bCarteLogement {float: right; padding: .5em;}
.bUnLogement .bCarteLogement .LaCarte {width: 250px; height: 200px; margin-right: 1em;}
*/
/* -- */
/* partie commune aux bloc affichage d'un logement */
.EnteteUnLogement {padding: .5em; border-bottom: 1px dotted grey;}
.EnteteUnLogement h3 {float: left; font-size: 120%;}
/*.EnteteUnLogement .Adresse{float: left;}*/
.EnteteUnLogement .Occupation{float: left; margin-right: 1em;}
.EnteteUnLogement .IdLogement{float: right;}
/* -- */
/* bloc affichage des détails d'un logement */
.bUnLogementComplet {margin: 1em;}
.bUnLogementComplet h4 {font-size: 110%; margin-top: .5em; padding-top: .5em;}
.bUnLogementComplet h5 {margin-top: .5em; padding-top: .5em;}
.bUnLogementComplet .bDescrLogement {float: left; padding: .5em; width: 550px;}
.bUnLogementComplet .bDescrLogement div {padding-left: 1em;}
.bUnLogementComplet .bDescrLogement .loyer {margin-top: 1em;}
.bUnLogementComplet .bDescrLogement .NbreLogBat {margin-top: 1em;}
.bUnLogementComplet .bDescrLogement .Equipement {margin-top: 1em;}
.bUnLogementComplet .bDescrLogement .Equipement ul{margin-top: -1em;}
.bUnLogementComplet .bDescrLogement .Equipement .bEquipementLogement,
.bUnLogementComplet .bDescrLogement .Equipement .bEquipementDistance{margin-top: 0;}
.bUnLogementComplet .bDescrLogement .Equipement ul li{padding-left: 1em; padding-top: .5em;}
.bUnLogementComplet .bDescrLogement .Equipement h4 {border-top: 1px dotted grey;}
.bUnLogementComplet .bDescrLogement .Equipement h5 {padding-top: 1.5em; padding-bottom: 1em; font-weight: bold;}
.bUnLogementComplet .bDescrLogement .Equipement .ListeEquipement{margin-left: -1em;}
.bUnLogementComplet .bDescrLogement .Equipement .ListeEquipement sup{margin-right: .5em;}
.bUnLogementComplet .bDescrLogement .Equipement .ListeConditionLocation{padding-top: 1.5em;}
.bUnLogementComplet .bDescrLogement .Equipement .DetailAutreCondition{padding-left: .5em;}
.bUnLogementComplet .bDescrLogement .Equipement .Mention{margin-left: .5em;}
.bUnLogementComplet .CarteVisiteComformite {float: right; width: 300px;}
.bUnLogementComplet .CarteVisiteComformite h4 {margin-bottom: .5em;}
.bUnLogementComplet .CarteVisiteComformite .VisiteComformite{margin-left: 1em; margin-top: .5em;}
.bUnLogementComplet .CarteVisiteComformite .Visite{float: left; margin-left: 1em;}
.bUnLogementComplet .CarteVisiteComformite .Comformite{float: left;}
.bUnLogementComplet .CarteVisiteComformite .Occupation {margin-top: 1em; border-top: 1px dotted grey;}
.bUnLogementComplet .CarteVisiteComformite .Occupation ul{margin-top: .5em;}
.bUnLogementComplet .CarteVisiteComformite .Occupation ul li{list-style-type: disc; margin-left: 1em;}
.bUnLogementComplet .CarteVisiteComformite .bContactComplet {margin: 0; margin-top: 1em; border-top: 1px dotted grey;}
.bUnLogementComplet .CarteVisiteComformite .bContactComplet .NomPrenom {padding-top: 1em;}
.bUnLogementComplet .CarteVisiteComformite .bContactComplet ul {padding: 1em;}
.bUnLogementComplet .CarteVisiteComformite .bFichierLogement {border-top: 1px dotted grey;}
.bUnLogementComplet .CarteVisiteComformite .bFichierLogement .ImagePresentation{margin-left: 1em;}
/* .bUnLogementComplet .CarteVisiteComformite .bFichierLogement .ImagePresentation{width: 100px; background-repeat: no-repeat; background-position: 0 0;} */
/* .bUnLogementComplet .CarteVisiteComformite .bFichierLogement .ImagePresentation:hover{background-position: -100px 0;} */
/*.bUnLogementComplet .CarteVisiteComformite .bFichierLogement .UneImage{width: 60px;}*/
.bUnLogementComplet .CarteVisiteComformite .bCarteLogement {border-top: 1px dotted grey;}
.bUnLogementComplet .CarteVisiteComformite .TitreLaCarte {margin-top: 2em; margin-bottom: .5em;}
.bUnLogementComplet .CarteVisiteComformite .LaCarte {border: 1px solid grey; width: 250px; height: 200px; margin-bottom: .5em;}
.bUnLogementComplet .NoteBasPage {border-top: 1px dashed gray; margin-top: 2em; margin-bottom: .5em; padding-top: .5em;}
.bUnLogementComplet .NoteBasPage sup{margin-right: 1em;}
/* -- */
/* Affichage des images */
.bDiaporamaFichier .ImagePresentation{height: 480px;}
.bDiaporamaFichier .UneImage{height: 100px; padding-right: .5em; cursor: pointer;}
/* -- */
/* Liste Condensée */
div.ListeCondense{
margin: 1em .5em 2em .5em;
padding-bottom: .5em;
border-bottom: 1px dotted black;
}
div.ListeCondense .Ligne{
margin-bottom: 1em;
}
div.ListeCondense .AdresseLogement{
float: left;
font-weight: bold;
}
div.ListeCondense .CarrePlanGx{
margin-left: 2em;
padding: 0 .5em;
border: 1px solid black;
}
div.ListeCondense .NbreLogementBat{
margin-left: 2em;
font-weight: normal;
}
/*div.ListeCondense .FinOccupation{
float: left;
margin-left: 2em;
}*/
div.ListeCondense .TypeLogement{
float: right;
}
div.ListeCondense .IdLogement{
font-size: 80%;
}
div.ListeCondense .InformationLogement{
padding-left: 1em;
}
div.ListeCondense .InformationLogement a:link{
text-decoration: none;
}
/* -- */
/* Icone pour les numéros de contact */
.IconeT{
padding : 5px 0 5px 20px;
background: transparent url('../images/Telephone.png') no-repeat center left;
}
.IconeG{
padding : 5px 0 5px 20px;
background: transparent url('../images/Gsm.png') no-repeat center left;
}
.IconeF{
padding : 5px 0 5px 20px;
background: transparent url('../images/Fax.png') no-repeat center left;
}
.IconeM{
padding : 5px 0 5px 20px;
background: transparent url('../images/Mail.png') no-repeat center left;
}
.IconeImage{
padding : 0 5px;
}
/* -- */
/* overlay */
.simple_overlay {
/* must be initially hidden */
display:none;
/* place overlay on top of other elements */
z-index:10000;
/* styling */
background-color:#333;
width:700px;
min-height:200px;
border:1px solid #666;
/* CSS3 styling for latest browsers */
-moz-box-shadow:0 0 90px 5px #000;
-webkit-box-shadow: 0 0 90px #000;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
background-image:url(img/close.png);
position:absolute;
right:-15px;
top:-15px;
cursor:pointer;
height:35px;
width:35px;
}
.overlay_Contact {
background-color: white;
padding: 2em;
}
.overlay_Detail {
background-color: white;
padding: 2em;
}
/* -- */
/* Tooltip */
.tooltip {
display: none;
background-color: white;
color: black;
border:1px solid grey;
width: 200px;
padding-top: 10px;
padding-bottom: 5px;
padding-left: 20px;
font-size: 12px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
opacity: inherit;
}
/* -- */