/*----------------------------------------------------------------------------------------------------------------------------------- BODY - Mise en forme général du body -----------------------------------------------------------------------------------------------------------------------------------*/ body { margin:0; padding:0; background: #fff url(../images/bg.gif); background-repeat:repeat-x; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#555;} /*----------------------------------------------------------------------------------------------------------------------------------- HEADER - Entête du site -----------------------------------------------------------------------------------------------------------------------------------*/ #header_cadre {width: 1030px; height: 132px; margin:auto; padding:0;padding-top:8px;} #header_logo {width: 120px; height: 114px; margin-top:16px; float: left;} #header {width: 788px; height: 100px; float: left; } #header_gestion {width: 788px; height: 85px; float: left; background-image:url(../images/logo_texte_gestion.png); background-repeat:no-repeat; } #logo_bas {width: 120px; height: 116px; float: right; margin-top:30px; text-align:center;} .clr_bth { clear:both; } /*----------------------------------------------------------------------------------------------------------------------------------- MENU PRINCIPAL - onglet de couleurs -----------------------------------------------------------------------------------------------------------------------------------*/ #menuPrincipal {width: 795px; height: 28px; margin:0 auto -28px auto; list-style:none; font-size: 10px; text-align:center; padding-left:20px; } #menuPrincipal ul {height: 28px; margin:0 ; padding:0; padding-right: 2px; list-style:none; font-size: 10px; font-weight: bold;} #menuPrincipal li {float:left; padding-right: 2px; width: 97px; height: 18px;} #menuPrincipal a {display: block; width: 97px; height: 18px; padding:10px 0 0 0; text-align:center; text-decoration: none; color:#fff; margin-top:-28px;} #menuPrincipal a:visited {color:#fff; text-decoration: none;} #menuPrincipal a:hover {background-position: 0 2px; color:#fff; text-decoration: none; color:#eee;} /*----------------------------------------------------------------------------------------------------------------------------------- MENU SECONDAIRE - sous-menu des onglets -----------------------------------------------------------------------------------------------------------------------------------*/ #menuSecondaire {width: 100%; height: 25px; margin:0 auto 0 auto; padding: 0 0 0 0; color:#FFFFFF;text-align:center; /* margin-top:-10px; */} #menuSecondaire ul {margin: 0; padding:0; list-style:none; font-size: 10px;} #menuSecondaire li {display:inline; border-left: #fff solid 1px; padding-left: 12px; padding-right:10px;} #menuSecondaire li a:link { text-decoration: none; color:#fff;} #menuSecondaire li a:visited { text-decoration: none; color:#fff;} #menuSecondaire li a:hover { text-decoration: underline; color:#fff;} /*----------------------------------------------------------------------------------------------------------------------------------- CONTENU - Contient les DIV (division) : 1)Menu gauche, 2)Zone de texte, 3)Menu droit -----------------------------------------------------------------------------------------------------------------------------------*/ #contenuBO {width: 960px; margin:41px auto 0 auto; height:1390px; } #contenu {width: 960px; margin:41px auto 0 auto; } /* 1) Menu gauche */ #menuGauche {float:left; width: 169px;} /*-----------------------------------------------------------*/ /* 2) Zone de texte */ #zoneTexteBis {float:left; width: 652px; padding: 0 34px 0 34px; background-color:#F4F1EA; height:1330px; overflow:auto; } #zoneTexte {float:left; width: 552px; padding: 0 34px 0 34px;} #zoneTexte p {font-size: 11px; color:#6b6b6b; line-height: 19px; text-align:justify; } #zoneTexte a:link { text-decoration: underline; color:#413e3e;} #zoneTexte a:visited { text-decoration: underline; color:#413e3e;} #zoneTexte a:hover { text-decoration: none; color:#0076df;} .positionDroit {float:right; margin-left: 15px; border:none;} #zoneTexteTer {float:left; width: 552px; padding: 0 34px 0 34px; background-color:lightgray;} #zoneTexteTer p {font-size: 11px; color:#6b6b6b; line-height: 19px; text-align:justify; } #zoneTexteTer a:link { text-decoration: underline; color:#413e3e;} #zoneTexteTer a:visited { text-decoration: underline; color:#413e3e;} #zoneTexteTer a:hover { text-decoration: none; color:#0076df;} /*-----------------------------------------------------------*/ /* 3) Menu droit */ #menuDroit {float:left; width: 169px; background-color:#fff;} /*----------------------------------------------------------------------------------------------------------------------------------- BOITE MENU ET LOGIN -----------------------------------------------------------------------------------------------------------------------------------*/ /* A) Boite menu */ .boite {width:169px;} #boiteRubrique {width:169px; height:20px; padding-top: 8px; text-align:center; font-size:11px; font-weight: bold; color:#fff;} #boiteTitre {width:552px; height:25px; padding-top: 5px; text-align:center; font-size:11px; /* font-weight: bold;*/ color:#fff;} .boiteMenu {background-color:#f4f1ea; padding-bottom: 10px;} .boiteMenu ul {margin: 0; padding: 0; list-style:none; text-align:center; } .boiteMenu li {height:22px;} .boiteMenu a {display:block; width:130px; height:13px; padding-left:39px; padding-top:5px; background:url(../images/puceMenuGauche.gif) top left no-repeat; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000; text-decoration: none;} .boiteMenu a:link {color: #999387;} .boiteMenu a:visited {color: #999387;} .boiteMenu a:hover {color: #000; text-decoration: none; background-image:url(../images/puceMenuGaucheOver.gif);} /*-----------------------------------------------------------*/ /* Boite Login */ #blocCadreLogin {background-color:#f4f1ea; padding-bottom: 10px; padding-left: 25px;} #blocCadreLogin .formulaire {width: 130px; padding-top:5px; margin:0;} #blocCadreLogin .formulaire p { padding:0; margin:0; line-height: 12px; font-size:10px; color:#6b6b6b;} .formulaireBoite {width: 100px; height:14px; font-size:9px; color: #6b6b6b; border:1px solid #e8e1cf; background-color: #fff; margin: 2px 0; padding:1px;} .boutonFormulaire {width: 35px; height:20px;font-size:9px; color: #6b6b6b; border:1px solid #e8e1cf; background-color: #fff; margin: 2px 0 0 35px; padding:0;} /*----------------------------------------------------------------------------------------------------------------------------------- FOOTER DU SITE -----------------------------------------------------------------------------------------------------------------------------------*/ /* footer */ #footer {width: 100%; height: 43px; margin-top:50px; padding-top: 13px; background:url(../images/footerBg.gif) top repeat-x;} #footer p {font-size: 9px; text-align: center; color:#6b6b6b;} #footer a:link { text-decoration: underline; color:#413e3e;} #footer a:visited { text-decoration: underline; color:#413e3e;} #footer a:hover { text-decoration: none; color:#0076df;} /*----------------------------------------------------------------------------------------------------------------------------------- AUTRES CLASSES UTILES -----------------------------------------------------------------------------------------------------------------------------------*/ h1 {font-size:15px; font-weight: bold; /* color:#999387;*/ background-color:#f8f6f1; border-top: 1px solid #e8e1cf; border-bottom: 1px solid #e8e1cf; line-height: 24px; margin:0;} .retourHaut { text-align:right; margin: 0 0 15px 0; padding:0;} .retourHaut img { border: none;} .galerieBtn {font-size:12px; color: #000; font-family: Arial, Helvetica, sans-serif; border: 1px solid #e8e1cf; background-color: #f8f6f1; margin: 2px 0; padding:4px;} .spacer {clear: both; visibility:hidden; margin:0; padding:0;} /* Patch bug IE6 */ /* ======================= HZ ============================= */ #plan_google { width:552px; height: 430px; } #title { width:560px; background-color:#f4f1ea; padding:10px; } #content { width:560px; background-color:#f4f1ea; padding:10px; } #questions { width:560px; background-color:#f4f1ea; padding:10px; padding-top:0px; float:left; height:20px; } #suite_bien { width:660px; height: 160px; background-color:#f4f1ea; padding:10px; float:left; } #visible { width:200px; height: 20px; background-color:#f4f1ea; float:left; } #rang { width:250px; height: 20px; background-color:#f4f1ea; float:left; } #action { width:100px; height: 20px; background-color:#f4f1ea; float:left; } #surface { width:180px; height: 30px; background-color:#f4f1ea; float:left; } #prix { width:180px; height: 30px; background-color:#f4f1ea; float:left; } #nbc { width:180px; height: 30px; background-color:#f4f1ea; float:left; } #point_fort { width:600px; height: 50px; background-color:#f4f1ea; float:left; } #mots { width:670px; height: 40px; background-color:#f4f1ea; float:left; } #note { width:600px; height: 40px; background-color:#f4f1ea; float:left; } #content_login { width:400px; background-color:#f4f1ea; margin:auto; margin-top:100px; } #table_login1 { width:400px; height:50px; background-color:#f4f1ea; padding:10px; font-size:10pt; } #table_login2 { width:400px; height:100px; background-color:#f4f1ea; padding:10px; font-size:10pt; } #small1 { float:left; width:150px; height:150px; /* min-height:240px; */ margin-top:10px; } #large1 { float:left; width:430px; height:250px; /* min-height:160px; */ min-height:240px; margin-top:10px; margin-left:5px; } #small2 { float:left; width:150px; height:150px; /* min-height:240px; */ margin-top:10px; } #large2 { float:left; width:430px; height:250px; /* min-height:160px; */ min-height:240px; margin-top:10px; margin-left:5px; } #small3 { float:left; width:150px; height:150px; /* min-height:240px; */ margin-top:10px; } #large3 { float:left; width:430px; height:250px; /* min-height:160px; min-height:240px;*/ margin-top:10px; margin-left:5px; } .vignettes { width:500px; height:120px; margin:auto; } .vig1 { float:left; width:150px; height:auto; } .vig2 { float:left; width:150px; height:auto; } .vig3 { float:left; width:150px; height:auto; } .vente_gros_p { font-size:13pt;line-height:25px; color: rgb(128, 0, 0);} .loc_gros_p { font-size:13pt;line-height:25px; color: gray;} #sousMenuVentes { width:97px; height:100px; display:none; float:left; position:absolute; background: url(../images/rouge.gif) repeat 0 0; } #sousMenuVentes ul li { list-style-type: none; width:110px; height:10px; margin-left:-36px; padding-top:6px; } #sousMenuVentesBas { width:97px; height:28px; display:none; float:left; position:absolute; background-image: url(../images/rouge_bas.gif); background-repeat:repeat; } #sousMenuVentes ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:bold; text-decoration:none; line-height:17px; margin-left:0px; width:110px; height:10px; } #sousMenuVentes ul li a:hover {color: orange; } #sousMenuLocations { width:97px; height:100px; display:none; float:left; position:absolute; background: url(../images/bleu.gif) repeat 0 0; } #sousMenuLocations ul li { list-style-type: none; width:110px; height:10px; margin-left:-36px; padding-top:6px; } #sousMenuLocationsBas { width:97px; height:28px; display:none; float:left; position:absolute; background: url(../images/bleu_bas.gif) repeat 0 0; } #sousMenuLocations ul li a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#fff; font-weight:bold; text-decoration:none; line-height:17px;margin-left:0px; width:110px; height:10px; } #sousMenuLocations ul li a:hover {color: orange;} #types { width:160px; height:20px; float:left; } #soustypes { width:220px; height:20px; float:left; } #localisation { width:290px; height:20px; float:left; } #espaceSoustypes { width:300px; height:500px; background-color:lightgray; display:none; position:absolute; } #espaceSoustypesTable { width:300px; height:470px; overflow: auto; } #espaceLocalisations { width:260px; height:500px; background-color:lightgray; display:none; position:absolute; } #espaceLocalisationsTable { width:260px; height:470px; overflow: auto; } #site_types { width:170px; height:45px; float:left;background-color:#f4f1ea; text-align:center; } #site_soustypes { width:170px; height:45px; float:left;background-color:#f4f1ea; text-align:center; } #site_localisation { width:170px; height:50px; float:left;background-color:#f4f1ea; text-align:center; } .site_select { width:170px; height:22px; padding-left:2px; } #suite_recherche { float:left; width:170px; height:auto; background-color:#f4f1ea; }