body {
    background: #9fd326 url('img/degrade_vert.jpg') fixed repeat-y;
    color: black;
    font-family: "Times";
    overflow: scroll;
}

#page {
    position: absolute;
    width: 800px;
    left: 50%;
    margin-left: -400px;
    margin-top: 30px;
    background: white;
}

.structure {
    width: 100%;
    background-color: transparent;
}

#top {
    position: relative;
    background: url('img/logo2.gif') no-repeat 20px 10px;
    height: 140px;
}

#content {
    position: relative;
/*    background: url('img/transparence.png')repeat;*/

}

#photo {
    position: relative;
    height: 150px;
}

#popup {
    max-height: 400px;
}

#dialogText {
    width: 400px;
}

#footer {
    position: relative;
    height: 25px;
    text-align: center;
    font-size: 10pt;
    margin-bottom: 10px;
    padding-top: 5px;
}

.underlined {
    text-decoration: underline;
}

.noBorder {
    border: none;
}


/*************************************
*           NOTIFICATIONS            *
*************************************/

#notifications{
    position: fixed;
    z-index: 10000;
    top: 0;
    left: 50%;
    margin-left: -300px;
    width: 250px;
}
/*
.ui-corner-all {
-moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px;
}

.ui-state-error {
background:#FEF1EC url(../images/?new=fef1ec&w=1&h=100&f=png&q=100&fltr[]=over|textures/05_inset_soft.png|0|0|95) repeat-x scroll 50% bottom;
border:1px solid #CD0A0A;
color:#CD0A0A;
}

.ui-state-highlight {
background:#FBF9EE url(../images/?new=fbf9ee&w=1&h=400&f=png&q=100&fltr[]=over|textures/02_glass.png|0|0|55) repeat-x scroll 50% 50%;
border:1px solid #FCEFA1;
color:#363636;
}

*/

/*************
  BOUTON
*************/
.button, .pti_button, .gro_button {
    height: 25px;
    color: #cc0138;
    font-weight: bold;
    font-size: 12pt;
    margin-top: 7px
}

.button {
    width: 160px;
    background: url('img/onglet2.gif') no-repeat center;
}

#bExport div {
    background: url('img/onglet2.gif') repeat-y top center;
    height: 40px;
}

.pti_button {
    width: 80px;
    background: url('img/onglet.gif') no-repeat center;
}

.button p{
    padding-top: 2px;
}

#submit_form_connect {
    float: right;
}

/**********
  ONGLET
**********/

.lienOnglet {
    display: block;
    text-decoration: none;
    margin-left: 12px;
    margin-right: 12px;
}

#onglets {
    position: absolute;
    bottom: 5px;
    left: 10px;
}

#divOngletProprio {
    position: relative;
    width: 100%;
    margin-left: 114px;
    text-align: center;
}

.ongletUN {
    width: 80px;
    background: url('img/onglet.gif') no-repeat center;
}

.ongletProprio {
    margin-left: 20px;
    margin-right: 20px;
    text-decoration: none;
}

.ongletDEUX, .ongletProprio {
    width: 160px;
    background: url('img/onglet2.gif') no-repeat center;
}

a.ongletUN.onglet_actif, a.ongletUN:hover {
    background: url('img/onglet_rouge.gif') no-repeat center;
    color: white;
}

a.ongletDEUX.onglet_actif, a.ongletDEUX:hover {
    background: url('img/onglet2_rouge.gif') no-repeat center;
    color: white;
}

.ongletUN, .ongletDEUX, .ongletProprio {
    height: 35px;
    float: left;
    font-size: 10pt;
    color: #cc0138;
    font-weight: bold;
    text-align: center;
}

.ongletUN span, .ongletDEUX span, .ongletProprio span {
  position:relative;
  top: 9px;
}

.ongletProprio:hover {
    color: black;
}

/***************
    Connecté
***************/

#info_connected {
    position: absolute;
    top: 5px;
    right: 10px;
    text-align: center;
    font-size: 10pt;
    line-height: 20px;
    padding: 5px;
    border: ridge 2px white;
    height: 50px;
}

#info_connected .button {
    position: absolute;
    margin-left: -80px;
    left: 50%;
    bottom: 5px;
}

/***************
    Formulaire
***************/


.errors{
    background-color: #FFFFE0;
    margin: 3px 0 10px 0;
    padding: 3px 0;
    color:red;
    font-weight:bold;
    font-size:80%;
    border: silver 1px dotted;
}

#form_connect {
    position: absolute;
    background: url('img/transparence.png')repeat;
    top: 5px;
    right: 5px;
    max-width: 170px;
    text-align: right;
    font-size: 10pt;
    line-height: 20px;
    padding: 5px;
}

#form_connect input {
    width: 80px;
    z-index: 10;
}

#div_recherche, #div_recherche_remplace {
    position: relative;
    text-align: center;
    width: 100%;
    height: 100px;
}

#div_recherche_remplace {
    font-size: 18pt;
    font-weight: bold;
    color: #cc0138;
    height: 30px;
}

#submit_form_recherche {
    position: absolute;
    left: 320px;
    margin-top: 8px;
}

#form_recherche select {
    position: absolute;
    top: 10px;
    width: 130px;
    left: 290px;
}


/***************
    Commun
***************/

.invisible {
    display: none;
}

.ui-dialog {
    position: absolute;
    top: 0;
    left: 0;
}

#imgHover {
    position: fixed;
    top: 20px;
    z-index: 10000;
}

.titre {
    width: 100%;
    text-align: center;
    font-size: 15pt;
    line-height: 60px;
}

.texte {
    font-size: 12pt;
}

.texte_nsl {
    font-size: 12pt;
    color: #980618;
    font-weight: bold;
}

.grostexte {
    font-size: 13pt;
    font-weight: bold;
    padding: 5px;
}

.signePlus {
    width: 35px;
    padding: 5px;
}

.cc_offre {
    position: relative;
    top: 90px;
    left: -30px;
}

#controles {
    position: absolute;
    top: 0;
    left: 20px;
}


/***************
    Accueil
***************/
#acc_txt .ville {
    color: green;
}

#acc_txt {
    position: relative;
    height: 470px;
    width: 360px;
    top: 60px;
    margin-left: 50px;
    font-family: "Arial";
}

#acc_lokeis {
    position: relative;
    width: 100%;
    top: 20px;
    text-align: center;
}

#acc_txt .texte {
    font-size: 14pt;
    font-family: verdana;
    text-align: center;
}

#acc_txt .titre {
    font-size: 20pt;
    font-family: verdana;
}

#acc_lokeis .titre {
    font-size: 16pt;
}

#acc_img {
    position: absolute;
    top: 30px;
    right: 30px;
    height: 400px;
    width: 350px;
    outline: black outset;
}

/***************
    LOCATION
***************/


.offre_presentation {
    padding-top: 20px;
    position: relative;
    width: 700px;
    margin-left: 50px;
    font-family: "Arial";
}

.offre_presentation .header {
    position: relative;
    font-weight: bold;
    font-size: 13pt;
    color: #acca58;
    width: 100%;
    line-height: 15px;
    height: 35px;
    background: url('img/top_offre.png') center no-repeat;
}

.offre_presentation .header span {
    position: absolute;
    top: 8px;
    font-family: "Times";
}

.offre_presentation .ville {
    left: 20px;
}

.offre_presentation .ref {
    left: 300px;
}

.offre_presentation .loyer {
    right: 20px;
}

.offre_presentation .corps {
    position: relative;
    min-height: 65px;
    width: 100%;
    background: url('img/fond_offre.png') center repeat-y;
}

.offre_presentation .footer {
    position: relative;
    width: 100%;
    height: 45px;
    background: url('img/bottom_offre.png') center no-repeat;
    z-index: 1;
}

.offre_presentation .photo {
    position: absolute;
    margin-top: 3px;
    margin-left: 21px;
    height: 90px;
    width: 130px;
    outline: silver dashed 1px;
    z-index: 10000;
}

.offre_presentation .texte_offre {
    width: 530px;
    padding-left : 165px;
}

.offre_presentation .titre_pub {
    font-weight: bold;
    text-align: center;
    line-height: 25px;
    margin-top: -5px;
}

.offre_presentation .div_miniature {
    position: absolute;
    left : 155px;
    top : 3px;
}

.offre_presentation .miniature {
    height: 35px;
    margin-left : 5px;
}

.offre_presentation .lien {
    position: absolute;
    margin-left: 575px;
    margin-top: 15px;
    font-size: 10pt;
}

#nb_offres {
    position: relative;
    left: 255px;
    top: 20px;
    font-size: 16pt;
    font-weight: bold;
}

/***************
    VENTE
***************/
#onglet_vente {
    position: relative;
    height: 20px;
    text-align: center;
    width: 100%;
}

.onglet_vente {
    height: 80px;
    width: 250px;
    margin-left: 100px;
    background: url('img/cadre.jpg') center no-repeat;
    text-align: center;
    float: left;
}

.onglet_vente a {
    text-decoration: none;
    color: black;
}

.page_vente .offre_presentation .texte_offre {
    width: 570px;
    padding-left : 20px;
}

.page_vente {
    position: relative;
    width: 100%;
}

.page_vente .contact {
    padding-top: 15px;
}

.photo_vente {
    height: 30px;
    float: right;
    padding: 3px;
}

.zoomed_photo {
    height: 400px;
    outline: outset 2px silver;
}

.div_photo {
    position: absolute;
    float: right;
    top: 50px;
    margin-left: 8px;
    right: 15px;
    width:105px;
    height: 110px;
    text-align:right;
    overflow: hidden;
    z-index: 10;
}

/***************
    ESTIMATION
***************/
#form_estimation {
    margin-top: 10px;
    position:relative;
    height: 275px;
    line-height: 23px;
}

#form_estimation .titre, #desc p{
    text-align: center;
    font-size: 16pt;
    color: #cc0138;
}

.desc p{
    height: 40px;
}

#form_estimation .submit {
    position:absolute;
    bottom: 10px;
    margin-left: 335px;
}
/***************
    MANDAT
***************/
.ligne {
    width: 300px;
}

.desc {
    padding-top: 5px;
    width: 560px;
}

.desc_formulaire {
    padding-top: 5px;
    width: 700px;
    padding-left: 50px;
}

#form_mandat {
    margin-top: 10px;
    position:relative;
    height: 300px;
    line-height: 23px;
}

#form_mandat .titre, .desc p{
    text-align: center;
    font-size: 16pt;
    color: #cc0138;
}

.desc p{
    height: 40px;
}

#form_mandat .submit {
    position:absolute;
    bottom: 10px;
    margin-left: 335px;
/*    left: 50%;
    width: 700px;
    margin-left: -350px;
    text-align: center;
    font-weight: bold;
    font-size: 11pt;*/
}

#mandat_bien, #mandat_proprio, #est_bien, #est_proprio {
    position:absolute;
    top: 5px;
    width: 300px;
    text-align: left;
}

.ligne input, .ligne select{
    position: absolute;
    width: 150px;
    text-align: left;
    right: 0;
}

#mandat_bien, #est_bien {
    left:85px;
}

#mandat_proprio, #est_proprio {
    right: 85px;
    width: 250px;
}

/*************
  PROPRIO
*************/

#div_pro_desc {
    height: 400px;
}

#div_pro_desc .titre{
    font-weight: bold;
    text-decoration: underline;
}

#div_pro_serv {
    position: absolute;
    top: 130px;
    right: 50px;
    width: 250px;
    padding: 5px;
    border: groove 2px #e4152d;
}

#div_pro_doc .grostexte {
    padding-top: 25px;
}

.proprietaire {
    position: relative;
    height: 550px;
    width: 400px;
    clear: left;
    margin-left: 50px;
    top: 0;
}

#tcalculAug {
    margin-top: 10px;
    margin-left: 35px;
    border: solid 1px black;
    height: 180px;
}

#tcalculAug th {
    padding: 15px;
}

.proprietaire #calcul {
    text-align: center;
    margin-bottom: 10px;
    margin-left: 62px;
}

.proprietaire td {
    padding: 5px;
}

.proprietaire #nvloyer {
    vertical-align: middle;
}

.td_div {
    border-bottom: solid 1px black;
}

.div_dl {
    position: relative;
    text-align: center;
    width: 100%;
    top: 10px;
    color: #980618;
    font-size: 11pt;
}

#link_indices{
    position: relative;
    text-decoration: none;
    color: #980618;
    font-size: 11pt;
    top: -15px;
}

.ico_button:hover{
    outline: black outset;
}

.ico_button:active{
    outline: black inset;
}

#frame_indices {
    position: absolute;
    width: 800px;
    top: 0;
    height: 500px;
    overflow-x: hidden;
    /*
    left: 50%;
    martgin-left: -350px;*/
    z-index: 10000;
}

#lien_foxit {
    padding : 50px;
    padding-bottom: 20px;
    text-align: center;
    font-style: italic;
}

#lien_foxit a {
    color: black;
    font-weight: bold;
}
/*************
  CONTACT
*************/

#info_agence {
    position: relative;
    top: 20px;
    left: 220px;
    line-height: 20px;
    height: 350px;
    width: 250px;
}

#info_agence th{
    vertical-align: top;
}

#info_agence td{
    padding: 5px;
}

#info_agence td.gauche{
    font-size: 12pt;
    font-weight: bold;
    font-family: 'Arial';
    white-space: nowrap;
}

#info_agence td.droite{
    font-size: 12pt;
    text-align: right;
}

#info_agence td.droite a{
    color: black;
}

#contact_last_tr {
    height: 285px;
}

div#horaires {
    text-align: center;
    width: 145px;
    margin-left: 118px;
}

#logo_contact {
    padding: 20px;
    margin-left: 75px;
    width: 170px;
}

#plan {
    display: none;
    position: absolute;
    top: 10px;
    right: 30px;
    height: 400px;
    outline: black outset;
}

/**************
LOCATION DETAIL
***************/

#offre_detail {
    position: relative;
    width: 700px;
    line-height: 30px;
    left: 50px;
    font-size: 14pt;
    background: url('img/offre_detail_centre.png') center top repeat-y;
}

#css_detail_top {
    position: relative;
    top: 0;
    height: 70px;
    background: url('img/offre_detail.png') center top no-repeat;
}

#css_detail_bottom {
    position: relative;
    bottom: 0;
    height: 70px;
    background: url('img/offre_detail.png') center bottom no-repeat;
}

#fond_detail {
    position: absolute;
    width: 750px;
    left: 25px;
}

#photo_detail {
    position: relative;
}

#desc_detail {
    width: 650px;
    margin-left: 50px;
}

#desc_detail .champs {
    margin-left: -50px;
}

#titre {
    text-align:center;
    width: 100%;
    Height: 50px;
    font-size: 16pt;
    font-weight: bold;

}

#offre_detail .photo {
    width: 150px;
    margin: 10px;
    outline: black outset;
}

.champs {
    color: red;
    padding-left: 40px;
}

#offre_detail #libre {
    float: right;
    margin-right: 25px;
}

#detail_retour, #history_back {
    position: absolute;
    top: 15px;
    width: 80px;
    left: 50%;
    margin-left: -22px;
    z-index: 100;
    width: 100px;
    cursor: pointer;
}

#detail_retour_fleche {
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: -58px;
    z-index: 100;
    cursor: pointer;
}

#controles a{
    position: absolute;
    top: 25px;
    left: 5px;
}

#cc_tous {
    margin-top: 70px;
}

.icone {
    width: 30px;
}

.icone:hover{
    outline: outset 2px silver;
}

.icone:active{
    outline: inset 2px silver;
}

/***************
     ADMIN
***************/
#admin {
    padding-top: 5px;
    width: 700px;
    padding-left: 50px;
}

#admin p {
    text-align: center;
    font-size: 16pt;
    color: #cc0138;
    height: 40px;
}

#admin span {
    line-height: 40px;
}

#admin ul {
    text-align: center;
    font-size: 12pt;
    width: 100%;
    font-weight: bold;
}

#admin li {
    text-align: left;
    font-size: 12pt;
    font-weight: bold;
    list-style: disc;
    margin-left: 200px;
}



#div_convention, #div_indices, #div_export {
    position: relative;
    text-align: left;
    margin-left: 40px;
    width: 100%;
    height: 40px;
    margin-top: 40px;
}

#div_indices {
    height: 265px;
}

#submit_form_convention, #submit_form_indices {
    position: absolute;
    left: 440px;
    margin-top: -10px;
}

#submit_form_indices {
    left: 500px;
}

#fExport{
    width: 160px;
}

#bExport div{
    position: absolute;
    width: 160px;
    left: 270px;
    top: -30px;;
}
#div_indices input {
    width: 40px;
    margin-right: 10px;
}

#div_indices #parution {
    width: 80px;
}

#div_indices .ico_button {
    position:relative;
    left: 330px;
    top: 10px;
}

#div_indices table, #table_indices  {
    margin-top: 20px;
    margin-left: 10px;
    width: 700px;
    text-align: center;
}

#table_indices  {
}

#div_indices table td, #table_indices td {
    padding: 5px;
    border: ridge 4px #cc0138;
}

/***************
    MENTION
***************/

#mention {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}

#mention {
    width: 700px;
    margin-left: 50px;
}

#mention ul {
    margin-top: 15px;
    margin-bottom: 15px;
    list-style: disc;
}
*
#mention li {
    text-align: left;
    margin-left:300px;
    line-height: 25px;
}

#legal, #realisateur {
    margin-top: 40px;
    margin-bottom: 20px;
    width: 700px;
    margin-left: 50px;
    text-align: center;
    font-size: 10pt;
}

#realisateur a {
    text-decoration: none;
    color: black;
    font-weight:bold;
}

#msg {
    position: absolute;
    top: 10px;
    left: 50%;
    margin-left: -250px;
    width: 500px;
    border: Ridge 8px #fd2940;
    background-color: #fcf7da;
    z-index: 100000;
    text-decoration: blink;
}

#compteur {
    width: 100%;
    text-align: center;
    padding: 5px;
}

#validator {
    height: 50px;
    padding-top: 50px;
}

#div_search {
    position: absolute;
    border: ridge 4px #9fd326;
    padding: 5px;
    text-align: center;
    width: 300px;
    left: 50%;
    margin-left: -150px;
    margin-top: 10px;
    background-color: #b2f60e;
    z-index: 1000;
}

#submit_search {
    width: 15px;
    height: 15px;
    padding-top: 3px;
    margin-left: 3px;
}

#search {
    width: 80px;
}

#diag_dpe {
	position: relative;
	height: 200px;
}

.bareme_diag {
	width: 230px;
	height: 190px;
	z-index: 100;
}

#diag_energie {
	position: absolute;
	left: 50px;
	top: 10px;
	border: solid 1px black;
}

#diag_ges {
	border: solid 1px black;
	position: absolute;
	right: 50px;
	top: 10px;
}

.fleche_diag {
	position: absolute;
	height: 50px;
	width: 50px;
}

.fleche_diag_div {
	position: absolute;
	right: 50px;
	top: 0;
	text-align: center;
}

.fleche_diag_div span.unite_diag {
	position: absolute;
	bottom: -52px;
	font-size: 8pt;
	line-height: 10px;
	margin-left: 2px;
}

.fleche_diag_div span.valeur_diag {
    font-size: 10pt;
    font-weight: bold;
    margin-left: 16px;
    margin-top: 3px;
    position: absolute;
}

#div_diagnostic {
	position: relative;
	height: 260px;
	margin-top: 50px;
}

#div_diagnostic table {
	width: 100%;
	text-align: center;
}

#div_diagnostic input {
	width: 30px;
}

.relative {
	position: relative;
}

.chiffre {
    width: 20px;
}

.nombre {
    width: 50px;
}

#table_offre td {
    padding: 5px;
}

#table_offre td span {
    text-align: left;
}

#table_offre td input, #table_offre td select {
    float: right;
}

#table_offre {
    margin-left: 5%;
    width: 90%;
}

#bien {
    width: 150px
}

#ville {
    width: 130px
}

#description {
    height: 100px;
}

#table_offre tr td:first-child {
    width: 250px;
}

#table_offre tr td:first-child + td {
    width: 180px;
}

#localisation {
    width: 150px;
}

#cuisine {
    width: 120px;
}

#overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    cursor: pointer;
}

.offreIcone {
    position: absolute;
    top: 70px;
    left: -40px;
    width: 25px;
}

.deleteIcone {
    top: 120px;
    left: -40px;
}

.div_description {
    width: 650px;
    margin-bottom: 5px;
}

.div_descriptionWithPhotos {
    width: 565px;
    margin-bottom: 5px;
}

#photoVenteFieldset {
    width: 90%;
    border: solid 1px #CCC;
    padding: 20px;
}

.diverror {
    text-align: center;
    width: 80%;
    border: solid 1px red;
    background-color: wheat;
    padding: 20px;
    margin: 20px;
}

#miniatureVenteEdit {
    position: relative;
    margin-top: 20px;
}

.photo_vente_edit {
    float: left;
    padding: 6px;
    height: 130px;
}

.photo_vente_edit_img {
    height: 100px;
}


.photo_vente_edit img.icone {
    margin-top: 5px;
}