body { background-color:#fff; color:#4D4D4D; font-family:  Arial,Verdana,  Geneva, Helvetica, sans-serif; letter-spacing:0px; width : 100%;
		font-size:13pt; text-align: justify; background-image: url("../images/fond.jpg"); background-repeat: repeat-x;
		background-position: top;}
		
#layout, #top, #content, #pied, #colGauche, #colDroite  {position:relative;}

/** structure **/
#layout { background-repeat: no-repeat; background-position: top; min-height:647px;}
#content {width : 100%; position : relative; background: transparent url("../images/fond-page.png") repeat-y left; font-size: 10pt;}
#contentw {width : 1000px;; position : relative; margin : 0 14px;z-index :19;}
#contentww { top : -12px; z-index :10;}
#headerText {font-size: 10pt;}
#top { height : 251px; background-image : url("../images/fond-top.png"); width : 100%; margin-top : 30px}
#toHome{position : absolute; top : 13px; left : 320px; cursor: pointer; background-image: url("../images/logo-gestion-immobiliere-cavaillon.png"); width :384px; height :99px;}

#blocNav {position : absolute; top : 100px; height: 94px; width : 1000px;margin : 35px 12px 0px 12px;}
#blocCategorie { width : 118px;  height : 94px;}
#blocCategorie li {line-height:23px; display: block;}
#blocCategorie {font-size: 10pt; font-weight: bold;}
#blocRecherche{width : 712px;  height : 94px;}
#blocDynamique{width : 170px;  height : 94px;}
#attention{border: 1px solid #F47735; width : 350px;}

a  {color : #4D4D4D; text-decoration: none;}
a:hover {text-decoration: none; color : #000}
a.orange, a.orange:hover {color : #F47735;}
.orange {color : #F47735;}
.highlight {color : #F47735; font-weight: bold;}
h3 {font-size : 7pt;}


#footer {font-size:7pt; color:#000;
         width : 100%; height : 205px; background-image: url("../images/fond-bottom.png");}
hr.footer-sep {height : 3px; background-color : #ccc; margin: 3px 0; }
#footer > div{ padding : 5px 30px; }
#separation-actu {width : 100%; height:18px; background-image: url("../images/separation-actu.png"); }

/** bloc recherche **/
table.blocRecherchetable{ table-layout: auto; border-spacing: 2px; margin-left : 25px; margin-top: 3px;}
select { background-color : #E6E6E6; text-align: left;}
select.t0 {width : 110px;}
select#recherche_type,select#recherche_pieces {width : 180px;}
select#recherche_surface {width : 180px;}
select#recherche_budgetMin, select#recherche_budgetMax {width : 180px;}
select#recherche_ville{width : 150px;}
#recherche_pieces{margin-top : 2px;}


#boutonRecherche{position: absolute; top : 12px; left : 705px; width : 110px;}
#boutonRechercheHint{ width : 93px; font-size: 7pt;}
#biensCount{height : 30px; float : right;}
#locationstrouvees {height : 30px; width : 47px; float : right; text-align: right; padding-top : 10px;}
.blocRechercheHead{color:#fff; font-size: 10pt}
.blocRechercheHead a  {color:#ddd;  font-weight: bold; height: auto; font-size: 12pt;}
.blocRechercheHead a:hover  {text-decoration : none;}

/** pagination **/
.pagination { font-weight : bold; color : #F47735; margin : 6px 4px;}
#coda-nav-1 a.current{background-color : #E6E6E6;}
.page {padding : 6px 4px 3px 4px;}

/** Formulaires **/
fieldset {border  : none;  background-color: #fff; padding-left: 7px;  border : 1px solid #F2F2F2;}
input#input_login,input#input_password {border: 1px solid #999; margin: 10px 10px;}
.boutonSubmit{ font-weight : bold; color : #F47735;  cursor : pointer;}
label span { color : #000; font-weight : bold; font-size : 10pt; margin-left : 5px;}
label {width : 130px; float : left; margin: 10px 10px;}
input {border  : none; background-color : transparent; width : 130px; height : 20px; display :block; padding-top: 4px;}
.label { width :381px; background-image : url(../images/champ-contact.png); margin-top : 5px; height : 26px; background-repeat :no-repeat; }
table.adresse{color : black; border : none;}
table.adresse td {width : 250px;}

/** contact **/
form#contact {border  : none;  background-color: #fff; padding-left: 7px;  border : 1px solid #ddd; margin: 30px 30px;}
textarea#contact_message {font-size : 9pt;padding : 15px 15px; border  : 0; width : 400px;  overflow: auto; height : 120px; background-color: #F2F2F2; color: #666; border: none;}
input#contact_nom, input#contact_prenom , input#contact_adresse , input#contact_email , input#contact_telephone , input#contact_message
{ border : 1px solid #F47735; width : 200px;color: #666;}

input#contact_sujet{ border : 1px solid #F47735; width : 400px;color: #666;}
#options {position : absolute; top : 114px; left : 590px; width : 150px;}
#options .sep {float : left; width : 1px; height : 290px; background-color: #E6E6E6;}
#options ul { margin-left : 10px;}
#options li {width : 100%;  height : 25px;}
#options li img {margin-top : 4px; vertical-align: bottom;}

.validation-failed {border  : 1px solid red; }
.validation-passed {border  : 1px solid green;}
.error_list{ background-color:#F47735; }
.nor {display:inline; width : 40px;width : auto; height : auto; }
h1.contact{ background : transparent url(../images/vertical-gris.png) no-repeat scroll 0px 0; padding-left: 7px; color : #666;
                 font-weight: bold; font-size: 13pt; line-height: 34px; background-color: #fff; width : 400px;}
h1.extended{ width : 576px; }
hr.contact {margin : 0px 0px; background : transparent url(../images/actu-separateur.png); width :576px; height : 4px; line-height: 4px;}
h1.valider{ width : 576px; background-color: #808080; }
.submit { height : 30px; width : 130px; font-weight : bold; font-size : 14pt; color : #fff; cursor: pointer;}

/** ZONE CONTENU **/
#colContainer {padding-bottom : 25px; position: relative;  width :100%; background : transparent url(../images/fond-colcontainer.png) repeat-x bottom center; background-color : #fff; }
#colGauche { z-index: 10; position : relative; float : left; width : 240px; min-height : 400px; }
#colDroite { width : 748px; float:right; min-height : 400px; }
.pageContent {margin: 25px 40px 0pt 25px;}
.pageContent h2, .pageContent h1 {margin-bottom : 15px;}

/** PAGE RESULTATS **/
h2#resumeRecherche {position : absolute; padding-left : 10px; background-color: #E6E6E6; font-weight: bold; font-size: 9pt; line-height: 20px; width : 700px; height : 40px;z-index: 200; padding-top: 3px;}
#fak{margin-top : 18px;background-color: #E6E6E6; font-weight: bold; font-size: 9pt; line-height: 20px; width : 100%; height : 60px;}

/** bien d'une liste**/
.listeBien{width : 748px;}
.listeBien .imgContainer{width : 140px; height : 105px;}
.listeBien  img {width : 140px; height : 105px;}
.listeBien .bienImages{width :134px; height : 22px; background-color: #666666; color : #fff; padding : 4px 0px 0px 6px;}
.listeBien .bienImages a {color : #fff;}
.listeBien .bienContent{ width : 586px; position :relative; height : 169px;}
.listeBien .bienContent .desc {float : right; width : 440px;}
.listeBien .bienContent .bottom {position : absolute; top : 130px; left: 152px; width : 100%;}
.listeBien .bienContent p{padding : 1px 5px ;}
.listeBien h4.bienTitre{color : #333; font-weight: 16pt; width : 50%; padding : 5px 0px 10px 11px; font-size : 14pt; }
.listeBien .cp-ville{color : #000;font-size : 11pt; padding : 1px 5px ;}
.listeBien .bienPrix{color : #F47735; font-size: 14pt; font-weight: bold;}
.listeBien .blocBienPrix{float :right; font-size: 11pt; padding-top : 4px;}
.listeBien .details a{color : #F47735; font-weight: bold; background : url(../images/croix-off.jpg) right no-repeat; width : 100%; display:block;}
.listeBien .details a:hover{background : url(../images/croix-on.jpg) right no-repeat;}
.listeBien .details span {width : 150px; padding-right : 20px;}
img.croix:hover {}

/** bien d'une fiche**/
p.nav {margin-left : 100px;}
.bien .main_image{width : 400px; height : 300px;}
.bien .desc {background-color : #fff; background : url(../images/fond-desc.png) bottom left no-repeat;}
.bien .bienContent {margin-top : 15px;}
.bien .bienContent .bottom {padding:10px 0 20px; margin : 0 0;}
.bien .bienContent .description {padding:10px 30px 0 0;}
.bien .bienContent .description p {padding  : 0 0;}
.bienHeader h1.bienTitre{color : #333; font-weight: 14pt; width : 50%; margin-right : 15px; font-size : 14pt; }
.bienHeader .cp-ville{color : #000;font-size : 11pt; padding : 1px 0px 0px 11px ;}
.bienHeader .bienPrix{color : #F47735; font-size: 14pt;}
.bienHeader .blocBienPrix{font-size: 11pt; font-weight: bold; color : #666;}
.bienHeader .bienPrix {margin-right : 15px;}
.bienHeaderContainer {padding-top : 8px;}

.navBien {margin : 5px 0px;}
.navBien #right{float : right; margin-right : 30px;}
#miniatures{ position : absolute; top : 94px; left : 410px; width : 130px; }
.miniatures_nav {top : 114px !important;}

/** extranet **/

#categContainer img { margin: 30px 0px 0px 20px;}
#categContainer  li:hover { background-color:#E6E6E6;}
#categContainer a:hover{ text-decoration: none;  }
#categContainer li.actif { background-color : #F47735;}
#categContainer li.actif a { color : #fff;}
#promoContainer{background-image : url(../images/promoContainer.png); background-repeat : no-repeat; width : 270px; height: 353px;margin-top:40px;}
#banniereContainer{width : 240px; height:322px;  }
#myDynamicContent {margin-top : 16px;}

#categories {margin-top : 10px; line-height: 18px;}
#categories li {  padding-left : 23px; background-image : url(../images/barre-orange.png); background-repeat: no-repeat;  }

/** bloc référencement **/
#blocReferencement{margin:20px 14px; color : #e9e9e9;}
#colDroite #blocReferencement,#colDroite #blocReferencement ul.ville a {color : #999 !important;}
#colDroite #blocReferencement span {color : #666 !important;}
#blocReferencement span {font-size: 8pt; }
ul.villeContainer{list-style-type: none; margin : 10px 0px;}
ul.villeContainer li.main {float : left; }
ul.ville { width : 200px;text-align: center;}
li.ville { }
ul.ville, ul.ville a {font-size: 7pt; color : #e9e9e9;}


/** conseils **/
#conseils{margin : 30px 30px;}
#conseils h2 {margin-bottom : 10px; font-size:9pt;}

/** coda-slider **/
#nouveaute { font-size : 10pt; width : 748px; height : 190px; background : transparent url(../images/fond-actu.png) bottom left no-repeat;
            margin-top : 2px;}
#futur { font-size : 10pt; margin-top : 2px; width : 748px; height : 190px; background : transparent url(../images/fond-actu.png) bottom left no-repeat;}
#coda-slider {float: right;}
.coda-slider, .coda-slider .panel { width : 748px; }
.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {  width : 706px; }
.coda-nav {float : right;width : auto !important;}
.coda-nav ul li a.current { background: #F47735 !important; color: #fff !important;}
.coda-slider .panel-wrapper {  padding-top : 2px !important; }
.coda-nav ul li a { background: #E6E6E6 !important; color: #000 !important;}
.coda-nav ul li {margin : 1px 1px;}
.panel img.photoBien {width : 140px;}
.actuheader {height : 100%; width : 350px; margin-right: 20px;}
.blocCategorie p.normal {padding: 0 0 !important; margin: 0 0 !important;}
#fak h1 {padding-top : 20px; margin-left : 11px;}
.tilde {margin-top :15px; margin-bottom:12px;}
.savoirPlus {float : right;}

a.liencontact {display : block; width : 140px; height : 25px;  background-image: url("../images/bouton-contact.png") ; background-position: 0px;background-repeat: no-repeat;}
a.liencontact:hover{background-position: -140px ;}
a.liencontact:active{background-position: -280px ;}