/* Styles généraux */
@import url(reset.css);
body { font-size: 0.8em; font-family: Arial; background: #32B2FB url(../images/bg.jpg) repeat-x; }
p { line-height: 1.5; text-align: justify; }
a { color: #000; text-decoration: none; }
a:hover { color: #3995C8; text-decoration: underline; }
input:focus, select:focus { border: 2px solid #3995C8; color: #666; }

/* Containers */
#container { width: 840px; margin: 10px auto; background: #fff; }
#accessibilite, h1 { float: left; margin-left: -9999px; }
#header { height: 115px; background: url(../images/header_new.jpg) no-repeat; }
#content { width: 840px; clear: both; margin-top: 1em; z-index: 0;}
#footer { clear: both; font-size: 0.8em; text-align: center; padding: 5px; }
#footer p { text-align: center; }

/* Classes */
.hide { display: none; }
.center { text-align: center; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; }
.more { background: #FFF url(../images/more.png) 0px -3px no-repeat; padding-left: 20px; }
.info { background: #FFC url(../images/yellow.gif) 7px no-repeat; border: 1px solid #DDDB54; padding: 5px 5px 5px 35px; }
.erreur { background: #FB7070 url(../images/red.gif) 7px no-repeat; border: 1px solid #D43C3C; color: #FFF; padding: 5px 5px 5px 35px; }
.retour { margin: 10px; padding-left: 20px; background: #FFF url(../images/back_icon.png) no-repeat;  }

/* Menu */
.sf-menu { width: 840px; font-size: 0.8em; float: left; background: url(../images/menu.jpg) repeat-x; }
.sf-menu li { float:left; position:relative; background: url(../images/menu.jpg) repeat-x; }
.sf-menu li:hover, .sf-menu li:hover  > a, .selectedLink { background: #666; color: #fff; outline:0; }
.sf-menu a { width: 120px; padding: .75em 0em; text-align: center; text-decoration: none; display: block; color: #000; margin: 2px 0px; }
.subCat { width: 830px; float: left; padding: 5px; background: #999; display: none; font-size: 0.9em; }
.subCat li { display: inline; padding: 5px; float: left; }
.subCat li a { color: #FFF; }
.subCat li a:hover { color: #000; }
.subCat .selectedCat { color: #000; text-decoration: underline; outline: 0; }
.subSubCat { margin-top: 0px; padding-top: 0px; }

/* Index */
#last { width: 455px; margin: 0px 10px 10px 10px; padding: 10px 5px 0px; float: left; border: 1px solid #CCC; background: #CCC; }
#last h2 { width: 455px; padding: 5px; background: url(../images/menu.jpg) repeat-x; margin: -10px 0px 5px -5px; }
#lastItems li img { float: left; margin-right: 10px; }
#lastItems li p { line-height: 1.5; }
#lastItems .lastItem { display: block; width: 430px; padding: 11px; margin-bottom: 5px; border: 1px dashed #CCC; clear: both; background: #FFF; }
#lastItems .more { float: right; margin-top: 1em; }
#lastItems .up { margin-top: -1em; }
#modules { float: left; }
.mod { width: 325px; margin: 0px 10px 10px 5px; padding: 10px 5px 0px ; border: 1px solid #CCC; background: #CCC; }
.mod h2 { width: 325px; padding: 5px; background: url(../images/menu.jpg) repeat-x; margin: -10px 0px 5px -5px; }
.mod form, .mod ul { display: block; width: 300px; padding: 11px; margin-bottom: 5px; border: 1px dashed #CCC; clear: both; background: #FFF; }
.mod form #numRef { width: 105px; }
.mod ul li { margin: 7px; background: url(../images/bullet.gif) no-repeat; padding-left: 15px; }
* html #last { margin-left: 5px; width: 440px; padding-right: 0px; }
* html #last h2 { width: 455px; }
* html #modules { width: 310px; }
*html .mod { width: 325px; padding-right: 0px; }
*html .mod h2 { width: 325px; }

/* Fiche Produit */
.fildariane { font-size: 0.9em; margin: 0px 0px 10px 10px; }
#fiche { margin: 10px; }
#fiche .info, #fiche .erreur{ margin-bottom: 10px; width: 767px; }
#fiche h2 { float: left; margin-left: -9999px; }
#fLeft { float: left; }
.fBox { width: 275px; padding: 10px 5px 0px; margin: 10px 0px; border: 1px solid #CCC; background: #CCC; }
*html .fBox { padding-right: 0px; }
.fBox h3 { width: 275px; padding: 5px; background: url(../images/menu.jpg) repeat-x; margin: -10px 0px 5px -5px; }
.fBox ul, .fContent { display: block; padding: 6px; margin-bottom: 5px; border: 1px dashed #CCC; clear: both; background: #FFF; }
.fBox ul li { margin: 7px; background: url(../images/bullet.gif) no-repeat; padding-left: 15px; }
#fInformations { margin-top: 0px; }
.fImportant { font-weight: bold; color: #3995C8; }
.fCommercial { margin-top: 10px; }
.fAgence { padding-left: 25px; }
.fHome { background: url(../images/home.png) 2px 2px no-repeat; padding-left: 25px; }
.fPerson { background: url(../images/person.gif) no-repeat; padding-left: 25px; }
.fFixe { background: url(../images/fixe.gif) no-repeat; padding-left: 25px; }
.fPhone { background: url(../images/phone.png) no-repeat; padding-left: 25px; }
#fPhotos { float: left; margin: 0px 0px 10px 10px; width: 500px; padding: 10px 5px 0px ; border: 1px solid #CCC; }
#fPhotos  h3 { width: 500px; padding: 5px; background: url(../images/menu.jpg) repeat-x; margin: -10px 0px 5px -5px; }
#bPhotos { min-height: 375px; }
#lPhotos { margin: 2px; }
#lPhotos li { display: inline; margin: 0px 12px; }
.fBBox { width: 797px; clear: both; padding: 10px 5px 0px; margin: 10px 0px; border: 1px solid #CCC; background: #CCC; }
*html .fBBox { padding-right: 0px; }
.fBBox h3 { width: 797px; padding: 5px; background: url(../images/menu.jpg) repeat-x; margin: -10px 0px 5px -5px; }
*html .fBBox, *html .fBBox h3 { width: 802px; }
.fMoreLink { cursor: pointer; }
.fBBox form, #tDesc { padding: 10px; margin-bottom: 5px; border: 1px dashed #CCC; clear: both; background: #FFF; }
.fMoreForm { display: none; }
#fiche .fMoreForm .info { width: 730px; }
.fSide { float: left; }
.fInfo { margin-right: 25px; }
.fSide label { float: left; width: 150px; margin: 3px; }
.fSide input, .fSide select, .fSide textarea { margin: 1px; }
.fSide textarea { width: 265px; height: 100px; font-family: Arial; font-size: 1em;}

/* Recherche de produits */
#recherche, #results { margin: 10px; border: 1px solid #CCC; }
#recherche h2, #results h2 { padding: 5px; background: url(../images/menu.jpg) repeat-x; }
#recherche .showForm { float: right; padding: 5px 5px 5px 20px; margin: -23px 5px 0px 0px; background: url(../images/edit.gif) 0px 2px no-repeat; }
#formRecherche { margin: 5px; padding-bottom: 5px; border: 1px dashed #CCC; }
.fRecherche { float: left; margin: 5px; }
.fRight { margin-left: 50px; }
#formRecherche select { margin: 1px; }
#formRecherche .multiple { height: 90px;  }
#formRecherche label { float: left; margin: 3px; width: 130px; }
#formRecherche  input { margin: 1px; }
#formRecherche .minmax { width: 60px; }
#formRecherche .grey { color: #999; }
#villeBien, #DeptBien, #paysBien { width: 250px; }
#results li img { float: left; margin-right: 10px; }
#results p { line-height: 1.5; }
.resultItem { padding: 11px; margin: 5px; border: 1px dashed #CCC; clear: both; background: #FFF; }
.resultItem .annonce { width: 500px; height: 80px; line-height: 1.5; }
.resultItem .more { float: right; margin-top: 5px; }
*html #results h2 { width: 808px; }
*html .lResults { margin-left: 5px; }
*html .annonce  { float: right; }
*html .resultItem  { width: 775px; }
*html .resultItem .more { clear: both; width: 100px; }

/* Contact & Register */
#contact, #register { margin: 10px; border: 1px solid #CCC; }
#contact h2, #register h2 { padding: 5px; background: url(../images/menu.jpg) repeat-x; }
#contact #formContact, #register #formRegister { margin: 5px; }
#contact p, #register p { margin: 5px 0px; }
#contact label, #register label { float: left; margin: 3px 0px; width: 150px; }
#contact input, #contact select, #contact textarea, #register input, #register select, #register textarea { margin: 1px; }
#contact .side, #register .side { float: left; margin-top: 5px; }
.aContact, .aRegister { width: 800px; }
.mContact { margin-left: 40px; }
*html .mContact { margin-left: 30px; }

/* Partenaires */
#partenaires { margin: 10px; }

/* Calculs Financiers et Métriques */
#calcul, #calculMet { margin: 10px; border: 1px solid #CCC; }
#calcul  h2, #calculMet  h2 { padding: 5px; background: url(../images/menu.jpg) repeat-x; }
#calcul form, #calculMet form { margin: 5px; }
#calcul .side, #calculMet .side { float: left; margin-top: 5px; }
#calcul label { float: left; width: 155px; margin: 3px; }
#calcul input { margin: 1px; }
.calcTo { width: 180px; text-align: center; padding: 25px 0px; }

#calculMet .side { border: 1px dashed #CCC; padding: 10px; width: 350px; margin-right: 30px; }
#calculMet .side h3 { border-bottom: 1px solid #CCC; padding-bottom: 5px; margin-bottom: 10px; }
#calculMet .calcTo { width: 100%; text-align: center; padding: 10px; }
#calculMet label { width: 100px; float: left; padding: 3px; }
#calculMet input { width: 100px; margin: 1px; float: left; }
#calculMet select { float: left; margin: 1px; padding: 1px; }
.cMajDist, .cMajSurf { color: #000; }

/* Alertes */
.alertes { margin: 10px; border: 1px solid #CCC; }
.alertes  h2 { padding: 5px; background: url(../images/menu.jpg) repeat-x; cursor: pointer; }
.alertes form { margin: 5px; }
.alertes .side { float: left; margin-top: 5px; }
.alertes .pref { margin-left: 25px; }
.alertes label { float: left; width: 125px; margin: 3px; }
.pref label { width: 180px; }
.alertes input, .alertes select { margin: 1px; }

/* Partenaires et Mentions Légales */
#mentions, #partenaires { margin: 10px; }
#mentions h3, #partenaires h3 { margin: 10px 0px; color: #3995C8; border-bottom: 1px solid #3995C8; }
#mentions p, #partenaires p { margin: 10px 0px; }
#table_partenaires { width: 500px; margin: 10px auto; line-height: 1.5; border: 1px solid #CCC; border-collapse: collapse; }
#table_partenaires thead { background: url(../images/menu.jpg) repeat-x; }
#table_partenaires td { padding: 3px; border-right: 1px solid #CCC; }

/* Lois */
.lois { width: 265px; margin: 0px 10px 10px 5px; padding: 10px 5px 0px ; border: 1px solid #CCC; background: #CCC; }
.lois h2 { width: 265px; padding: 5px; background: url(../images/menu.jpg) repeat-x; margin: -10px 0px 5px -5px; }
.lois ul { display: block; width: 240px; padding: 11px; margin-bottom: 5px; border: 1px dashed #CCC; clear: both; background: #FFF; }
.loins ul li { margin: 7px; background: url(../images/bullet.gif) no-repeat; padding-left: 15px; }
*html .lois { width: 265px; padding-right: 0px; }
*html .lois h2 { width: 265px; }
.loisContent, .loisContent h2 { width: 520px;  }
.loisContent .loisInfos { display: block; width: 495px; padding: 11px; margin-bottom: 5px; border: 1px dashed #CCC; clear: both; background: #FFF; }