body { margin: 0; padding: 0; font-family: Arial; font-size: 12px; text-align: center; background: #fff; } /*#78797b#f6ab41*/ /* ==== Links ===== */ a {color:#0080FF; text-decoration:none;} a:hover {color:#248232; text-decoration:none;} /* ================================= moi ==================================== */ /* Gabarit avec quatre blocs*/ /* Largeur fixe pour le menu et le contenu */ /* --------------------------------------------------------*/ #masterm { /* Conteneur principal pour centrer le contenu */ width:800px; margin-left:auto; margin-right:auto; padding:0; } .titrem { font-size:25px; } #entetem { /* Bloc de l'en-tête */ margin:0; height:30%; border: 1px solid red; } #entetem p { margin:0 0 0 1em; /* Marge gauche de 1em */ } .compteur:hover { background:#FF0080; font-size:13px; } .compteur { text-decoration:blink; font-size:13px; background:#FF0080; padding:10px; color:#FFFF00; align:left; } #menum { /* Bloc du menu */ float:left; margin:1; margin-top:-30%; width:5%; height:80%; /*border: 1px solid green; */ text-align:left; position: relative; } #menum p { margin:0 0 0 1em; /* Marge gauche de 1em */ } #menum a { font-family:verdana; font-size:16px; text-decoration:none; } #menum a:hover { font-family:verdana; font-size:16px; color:green; text-decoration:underline; } #menum li { line-height:3em; /* Pour définir l'espace entre les options */ list-style-type:none; /* Aucune puce */ } #contenum { /* Bloc du contenu */ float:right; margin:0; margin-left:0%; margin-top:0%; height:70%; width:100%; /*border: 1px solid blue; */ text-align: center; z-index:31; position: relative; } #contenum p { margin:0 0 0 1em; /* Marge gauche de 1em */ text-align: top; text-color:#C0FF00; } #piedm { /* Bloc du pied de page */ clear:both; margin:0; height:90px; border: 1px solid purple; } #piedm p { margin:0 0 0 1em; /* Marge gauche de 1em */ } #logom{ margin:3px; float:left; } /* ================================= moi ==================================== */ /* ================================= HEADER ==================================== */ #header {width: 100%;height: 30%;float: left;position: absolute;z-index: 2;} #headerContainer {width: 998px;height: 0px;position: absolute;margin: 0 auto;} .logo {position: absolute;width: 100px;height: 50px;top: 5px;left: 80px; z-index: 2;} .logo img {border: none;} .slogan {position: absolute;width: 433px;height: 72px;top: 54px;left: 315px;} .ref {position: absolute;top: 61px;right: 9px;width: 159px;height: 15px;margin-top: 2px;} .ref .champRef {float: right;width: 125px;height: 15px;background: #fff url(srvlinux3.technolog.fr/franceImmo/images/003690/bgRef.gif) repeat-y;border: none;font-size: 10px;color: #cb3900;padding: 0px 2px 2px 4px;} .ref .submitRef {float: right;width: 34px;height: 15px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/submitRef.gif) no-repeat;display: block;margin: 0px;padding: 0px;} .ref .submitRef:hover {width: 34px;height: 15px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/submitRefHover.gif) no-repeat;display: block;margin: 0px;padding: 0px;} .tel {position: absolute;top: 90px;right: 0px;} .flags {position: absolute;top: 19px;right: 192px;width: 52px;height: 23px;} .flags .fr {display: block;float: left;width: 23px;height: 23px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flags.png) no-repeat 0px 0px;} .flags .fr:hover {display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flags.png) no-repeat 0px -23px;} .flags .en {display: block;float: right;width: 23px;height: 23px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flags.png) no-repeat -23px 0px;} .flags .en:hover {display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flags.png) no-repeat -23px -23px;} .selection {position: absolute;top: 21px;right: 18px;} .selection a {display: block;float: left; color: #fac960;font-size: 16px;margin-right: 35px;font-weight: bold;text-decoration: none;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/puceLinkTop.gif) no-repeat top left;height: 19px;padding: 1px 10px 0px 10px;} .selection a:hover {color: #fff;} /* ================================= MENU ==================================== */ #menu {width: 100%;height: 0px;position: absolute;top: 136px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/bgMenu.png) repeat-x;z-index: 3;} #menu.floatable { position: fixed;top: 0px;background: #a1a2a3;box-shadow: 1px 1px 10px #333;} #menuContainer {padding-left: 75px;width: 923px;height: 50px;margin: 0 auto;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/bgMenuContainer.png) no-repeat center top;} #menuContainer ul { margin: 0px;padding: 0px;list-style: none; } #menuContainer li {display: block;float: left;margin-right: 35px;height: 19px;position: relative;padding-top: 16px;padding-bottom: 15px;} #menuContainer li a {color: #fac960;font-size: 16px;font-weight: bold;text-decoration: none;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/puceLinkTop.gif) no-repeat top left;display: block;padding: 0px 10px 14px 10px;} #menuContainer li a:hover {color: #fff;} #menuContainer li:hover > #listeBiens { display: block; } #listeBiens { position: absolute;top: 50px;left: -20px;background: #868788;color: #fff;text-transform: uppercase;display: none;padding: 20px;width: 126px; } #listeBiens a {background: none !important;color: #fff !important;font-size: 12px !important;font-weight: normal !important;text-align: left;padding: 0px !important;margin-bottom: 20px;} #listeBiens a:hover {color: #fac960 !important;} /* ================================= CONTAINER ==================================== */ #container {width: 100%; height:30%; float: left;text-align: left; position: relative;z-index:1} #content {width: 100%;float: left;margin-bottom: 15px;} #contentContainer {width: 998px;margin: 0 auto;} #contentContainer .left {float: left;width: 234px;margin-right: 32px;} #contentContainer .center {float: left;width: 525px;margin-top: 19px;} #contentContainer .right {float: right;width: 174px;} #contentContainer .right .mobile {font-size: 14px;font-style: italic;color: #ccc;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/mobile.png) no-repeat left top;padding: 14px 0px 0px 40px;display: block;text-align: left;font-weight: bold;margin-top: -10px;margin-bottom: 30px;} #contentContainer .right .mobile:hover {background: url(srvlinux3.technolog.fr/franceImmo/images/003690/mobileHover.png) no-repeat left top;color: #d7d6d6;} #contentContainer .right .mobile .platforms {text-transform: uppercase;} /* ================================= CAROUSEL ACCUEIL ==================================== */ /*#sliderZone {width: 100%;float: left;overflow: hidden;margin-bottom: 20px;position: relative;} original */ #sliderZone {height:30%;width: 100%;float: left;overflow: hidden;margin-bottom: 0px;position: relative;}/*par chagour*/ #sliderZone .slide {position: absolute;top: 0px;left: 0px;opacity: 0;z-index: 0;width:100%; height:30%;} #sliderZone .slide img {width: 100%;} #sliderZone .activeContent {width: 100%;position: absolute;top: 0px;cursor: pointer;z-index: 15;} #sliderZone .activeContent .infosZone {width: 998px;height:15%;margin:auto;position: relative;} #sliderZone .activeContent .infosZone .info {top:15%;height:15%;position: absolute; left: 200px;padding: 18px;color: #fff;text-align: left;font-size: 22px;letter-spacing: -0.04em;} /*#sliderZone .activeContent .infosZone .info {position: absolute; bottom: 0%; left: 200px;/*background: url(http://srvlinux3.technolog.fr/franceImmo/images/003690/grisAlpha80.png) repeat;padding: 18px;color: #fff;text-align: left;font-size: 22px;letter-spacing: -0.04em;} */ #sliderZone .activeContent .infosZone .info .ville {text-transform: uppercase;} #sliderZone .activeContent .infosZone .info a {color: #fff;text-decoration: none;text-shadow: 1px 1px 6px #000;} #sliderZone .activeContent .infosZone .info a:hover {color: #fff;} #sliderZone .prev {display: block;position: absolute;top: 20%;margin-top: -32px;left: 15px;width: 65px;height: 65px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/navArrows.png) no-repeat 0px 0px;z-index: 20;} #sliderZone .prev:hover {background: url(srvlinux3.technolog.fr/franceImmo/images/003690/navArrows.png) no-repeat -65px 0px;} #sliderZone .next {display: block;position: absolute;top: 20%;margin-top: -32px;right: 15px;width: 65px;height: 65px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/navArrows.png) no-repeat 0px -65px;z-index: 20;} #sliderZone .next:hover {background: url(srvlinux3.technolog.fr/franceImmo/images/003690/navArrows.png) no-repeat -65px -65px;} /* ================================= ITEMS ACCUEIL ==================================== */ #temoignages {float: left;width: 198px;height: 204px;background: #656566;padding: 18px;} #temoignages h2 {color: #ccc;font-size: 20px;text-transform: uppercase;margin: 0px 0px 15px 0px;font-weight: normal;} #temoignages ul {width: 198px;list-style-image: none;list-style-position: outside;list-style-type: none;padding: 0px;float: left;margin: 0px;} #temoignages li {width: 198px;float: left;height: 67px;padding-bottom: 15px;font-size: 11px;} #temoignages li .title {font-weight: bold;color: #fff;float: left;text-align: left;display: block;overflow: hidden;} #temoignages li .tem {color: #ccc;float: left;text-align: left;display: block;overflow: hidden;} #temoignages li .more {color: #e2b657;float: right;text-decoration: underline;text-align: right;display: block;} #temoignages li .more:hover {text-decoration: none;} #edito {float: left;width: 525px;} #edito h1 {margin: 0px 0px 20px 0px;font-size: 20px;color: #e2b657;line-height: 22px;} #edito h2 {margin: 0px 0px;font-size: 20px;color: #e2b657;line-height: 22px;} #edito p {color: #fff;font-size: 13px;margin-bottom: 20px;line-height: 16px;} /* ================================= MOTEUR DE RECHERCHE ==================================== */ #moteur {float: left;width: 988px;margin: 10px 0px 0px 0px;padding-bottom: 60px; } #moteur form {float: left;width: 670px;height: 26px;padding-top: 15px;} #moteur .label {float: left;color: #ccc;font-size: 14px;font-weight: bold;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/puceLink.gif) no-repeat top left;padding: 2px 0px 0px 10px;height: 21px;margin-right: 43px;} #moteur form .critSelect {float: left;width: 160px;height: 19px;background: #fff url(srvlinux3.technolog.fr/franceImmo/images/003690/bgMoteur.gif) repeat-y;border: none;font-size: 11px;color: #c3054c;padding: 2px 2px 2px 4px;margin-right: 45px;} /* ================================= PAGER HAUT ==================================== */ #pagerHaut {float: left;display: block;width: 300px;margin-top: 17px;font-size: 12px;font-weight: bold;} #pagerHaut .selected {color:#f6ab41; text-decoration:none;} /* ================================= LISTE DES BIENS ==================================== */ #listing {float: left;width: 970px;padding: 0;} #listing .bien {float: left;height: 150px;width: 462px;margin-right: 20px;margin-bottom: 35px;position: relative;} #listing .bien .thumb {float: left;width: 224px;height: 148px;margin-right: 25px;border: 1px solid #8d8f90;} #listing .bien .thumb:hover {float: left;width: 224px;height: 148px;margin-right: 25px;border: 1px solid #fff;} #listing .bien .bandeau {width: 174px;height: 71px;position: absolute;border: none;} #listing .bien .bandeau img {border: none;} #listing .bien .overview {float: left;height: 150px;width: 210px;} #listing .bien .overview h1 {float: left;width: 210px;margin: 0px 0px 12px 0px; font-size: 14px;} #listing .bien .overview p {float: left;width: 210px;margin: 0px; font-size: 12px;} #listing .bien .detail {height: 70px;} #listing .bien .price {font-size: 14px;font-weight: bold;} #listing .plus {display: block;float: left; color: #e2b657;font-size: 12px;margin-right: 17px;font-weight: bold;text-decoration: none;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/puceLinkTop.gif) no-repeat top left;height: 19px;padding: 2px 10px 0px 10px;} #listing .plus:hover {color: #fff;} /* ================================= PAGER BAS ==================================== */ #pagerBas {float: left;display: block;width: 308px;font-size: 12px;font-weight: bold; padding-left: 670px;} #pagerBas .selected {color:#f6ab41; text-decoration:none;} /* ================================= DETAIL D'UN BIEN ==================================== */ #detail {float: left;width: 998px;padding: 0;margin-top: 37px;} #detail .left {float: left;width: 215px;padding: 0;margin-right: 62px;height: 403px;margin-bottom: 9px;} #detail .left h1 {margin: 0px 0px 20px 0px;color: #fff;font-size: 18px;font-weight: normal;line-height: 19px;} #detail .left p {margin: 0px 0px 20px 0px;color: #fff;font-size: 12px;max-height: 225px;overflow: auto;line-height: 17px;padding-right: 15px;} #detail .left .prix {margin: 0px 0px 15px 0px;color: #e2b657;font-size: 16px;font-weight: bold;text-align: right;} #detail .left .reference {color: #fff;font-size: 11px;font-weight: bold;text-align: left;} #detail #media {float: left;width: 536px;max-height: 402px;padding: 0;margin-right: 15px;/*overflow: hidden;*/margin-bottom: 9px;position: relative;} #detail #media #contenuMedia {width: 536px;max-height: 402px;padding: 0;margin-right: 15px;overflow: hidden;margin-bottom: 9px;position: relative;} #detail #media #contenuMedia img {width: 536px;} #detail #media .bandeau {width: 174px;height: 71px;position: absolute;border: none;top: 0px;} #detail #media .bandeau img {width: 174px;height: 71px;} #detail .right {float: left;width: 169px;padding: 0;margin-bottom: 9px;} #detail .right .contenu {float: left;width: 130px;padding: 0;} #detail .right .flecheUp {float: left;width: 130px;height: 28px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flecheUp.png) no-repeat center top;display: block;} #detail .right .flecheUp:hover {float: left;width: 130px;height: 28px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flecheUpHover.png) no-repeat center top;display: block;} #detail .right .flecheDown {float: left;width: 130px;height: 28px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flecheDown.png) no-repeat center top;display: block;} #detail .right .flecheDown:hover {float: left;width: 130px;height: 28px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/flecheDownHover.png) no-repeat center top;display: block;} #detail .right .photos {float: left;width: 130px;height: 323px;padding: 0;margin: 12px 0px;overflow: hidden;} .listMedia {width: 130px;margin: 0;padding: 0;z-index:1;} .listMedia li {float: left;width: 130px;height: 112px;margin: 0;padding: 0;list-style: none;text-align: center;} #detail .right .photos .containerMedia {width: 130px;height: 98px;border: none;position: relative;display: block;overflow: hidden;} #detail .right .photos .containerMedia img {width: 130px;border: none;} #detail .right .photos .containerMedia .video {width: 77px;height: 77px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/iconVideo.png) no-repeat;display: block;position: absolute; top:11px; left:27px;} #detail .right .numbers {float: right;height: 343px;width: 22px;padding-top:40px;} #detail .right .numbers .item {float: right;height: 19px;width: 22px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/numSlider.png) no-repeat;color: #78797b;display: block;text-decoration: none;font-weight: bold;text-align: center;padding-top: 3px;margin-bottom: 3px;} #detail .right .numbers .item:hover {float: right;height: 19px;width: 22px;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/numSliderHover.png) no-repeat;display: block;text-decoration: none;font-weight: bold;text-align: center;padding-top: 3px;margin-bottom: 3px;} #detail .technique {float: left;width: 644px;height: 251px;margin-top: 25px;} #detail .technique .bloc {float: left;width: 322px;height: 251px;} #detail .technique .bloc h2 {float: left;width: 322px;margin: 0px 0px 20px 0px;font-size: 18px;color: #fff;} #detail .technique .bloc .carac {float: left;width: 284px;height: 22px;font-size: 11px;margin-bottom: 12px;border: 1px solid #bdbebf;font-weight: bold;} #detail .technique .bloc .carac .label {float: left;width: 126px;height: 18px;background: #f5ab41;color: #fff;padding: 4px 0px 0px 5px;} #detail .technique .bloc .carac .value {float: left;width: 148px;height: 18px;background: #fff;color: #78797b;padding: 4px 0px 0px 5px;} #detail .actions {float: right;width: 305px;height: 122px;font-size: 11px;font-weight: bold;} /* liens */ #detail .actions .plus {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_plus.png) no-repeat left;padding: 4px 0px 0px 25px;color: #fff;margin: 23px 0px 0px 7px;} #detail .actions .plus:hover {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_plusHover.png) no-repeat left;padding-left: 25px;padding: 4px 0px 0px 25px;color: #000;margin: 23px 0px 0px 7px;} #detail .actions .p360 {float: left;width: 62px;height: 44px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_360.png) no-repeat left;margin-left: 5px;} #detail .actions .p360:hover {float: left;width: 62px;height: 44px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_360Hover.png) no-repeat left;margin-left: 5px;} #detail .actions .contact {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_contact.png) no-repeat left;padding: 4px 0px 0px 25px;color: #fff;margin: 2px 0px 0px 7px;} #detail .actions .contact:hover {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_contactHover.png) no-repeat left;padding: 4px 0px 0px 25px;color: #000;margin: 2px 0px 0px 7px;} #detail .actions .credit {float: left;width: 90px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_credit.png) no-repeat left;padding: 4px 0px 0px 25px;color: #fff;margin: 2px 0px 0px 0px;} #detail .actions .credit:hover {float: left;width: 90px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_creditHover.png) no-repeat left;padding: 4px 0px 0px 25px;color: #000;margin: 2px 0px 0px 0px;} #detail .actions .alerte {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_alerte.png) no-repeat left;padding: 4px 0px 0px 25px;color: #fff;margin: 2px 0px 0px 7px;} #detail .actions .alerte:hover {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_alerteHover.png) no-repeat left;padding: 4px 0px 0px 25px;color: #000;margin: 2px 0px 0px 7px;} #detail .actions .dpe {float: left;width: 90px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_dpe.png) no-repeat left;padding: 4px 0px 0px 25px;color: #fff;margin: 2px 0px 0px 0px;} #detail .actions .dpe:hover {float: left;width: 90px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_dpeHover.png) no-repeat left;padding: 4px 0px 0px 25px;color: #000;margin: 2px 0px 0px 0x;} #detail .actions .print {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_print.png) no-repeat left;padding: 4px 0px 0px 25px;color: #fff;margin: 2px 0px 0px 7px;} #detail .actions .print:hover {float: left;width: 149px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_printHover.png) no-repeat left;padding: 4px 0px 0px 25px;color: #000;margin: 2px 0px 0px 7px;} #detail .actions .geoloc {float: left;width: 90px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_geoloc.png) no-repeat left;padding: 4px 0px 0px 25px;color: #fff;margin: 2px 0px 0px 0px;} #detail .actions .geoloc:hover {float: left;width: 90px;height: 18px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/icon_geolocHover.png) no-repeat left;padding: 4px 0px 0px 25px;color: #000;margin: 2px 0px 0px 0px;} /* ================================= PAGE AGENCE ==================================== */ .page {float: left;margin-top: 30px;} .page h1 {color: #fff;font-size: 20px;margin-top: 0px;} .page img {background: #ccc;padding: 10px;border: 1px solid #000;margin-left: 30px;} .page h2 {color: #ffdeb2;font-size: 16px;margin-top: 0px;} .page ul {list-style-image: none;list-style-position: outside;list-style-type: none;padding: 0px;float: left;margin: 0px;width: 620px;} .page li {float: left;font-size: 12px;margin-bottom: 20px;width: 100%;} .page li .title {font-weight: bold;color: #ffd88e;float: left;text-align: left;display: block;font-size: 14px;} .page li .tem {color: #fff;float: left;text-align: left;display: block;line-height: 16px;} .page li .more {color: #e2b657;float: right;text-decoration: underline;text-align: right;display: block;} .page li .more:hover {text-decoration: none;} /* ================================= FOOTER ==================================== */ #footer {width: 100%;float: left;margin-top: 20px;padding-bottom: 30px; /* Navigateurs récents */ background-image: -webkit-gradient( linear, left top, left bottom, from(#78797b), to(#979797) ); background-image: -webkit-linear-gradient( top, #78797b, #979797 ); background-image: -moz-linear-gradient( top, #78797b, #979797 ); background-image: -o-linear-gradient( top, #78797b, #979797 ); background-image: linear-gradient( top, #78797b, #979797 ); } #footerContainer {width: 998px; margin: 0 auto;} #footerContainer .left {float: left;width: 234px;margin-right: 32px;} #footerContainer .left .infoSecteur {display: block;color: #f8c962;text-transform: uppercase;font-size: 20px;line-height: 25px;text-align: left;} #footerContainer .center {float: left;width: 525px;margin-top: 2px;} #footerContainer .right {float: right;width: 174px;} #secteurs {width: 525px;font-size: 11px;line-height: 17px;text-transform: uppercase;color: #ccc;text-align: left;margin-bottom: 15px;} #secteurs a {color: #bcbcbc;text-decoration: none;} #secteurs a:hover {color: #fff;text-decoration: none;} #social {float: left;width: 170px;margin-bottom: 25px;} #social .fb {float: right;width: 60px;/*height: 33px;background: url(http://srvlinux3.technolog.fr/franceImmo/img/social.png) no-repeat 0px -33px;*/padding-top: 7px;} #social .fb:hover {/*background: url(http://srvlinux3.technolog.fr/franceImmo/img/social.png) no-repeat 0px 0px;*/} #social .yt {float: right;width: 32px;height: 32px;background: url(srvlinux3.technolog.fr/franceImmo/img/social.png) no-repeat -33px -33px;margin-left: 14px;} #social .yt:hover {background: url(srvlinux3.technolog.fr/franceImmo/img/social.png) no-repeat -33px 0px;} #social .gg {float: right;width: 32px;height: 32px;background: url(srvlinux3.technolog.fr/franceImmo/img/social.png) no-repeat -65px -33px;margin-left: 14px;} #social .gg:hover {background: url(srvlinux3.technolog.fr/franceImmo/img/social.png) no-repeat -65px 0px;} #coord {float: left;width: 170px;text-align: left;color: #fff;text-align: left;font-size: 13px;line-height: 20px;margin-bottom: 8px;} #coord .rdv {color: #e2b657;} #footer .snpi {float: right;width: 34px;height: 32px;display: block;background: url(srvlinux3.technolog.fr/franceImmo/images/003690/snpi.png) no-repeat;} #footer .snpi:hover {background: url(srvlinux3.technolog.fr/franceImmo/images/003690/snpiHover.png) no-repeat;} #mentions {float: left;color: #fff;font-size: 10px;text-align: left;} .clearer {clear: both;} /* ================================= GFI ==================================== */ #voile {-khtml-opacity:.6; -moz-opacity:.6; filter:alpha(opacity=60); opacity:.6; background:#000; display:none; height:100%; width:100%; position:fixed; left:0; top:0; z-index:1000;} #popContactAgence {background:#D9D9D9; padding:0px; color:#000; display:none; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:500px; margin-top:-250px; width:700px; margin-left:-350px; text-align:left;} #popContactAgence .top {background:#fff; width:600px; margin:30px; padding:20px; height:375px; float:left; color:#454545;} #popContactAgence .top .lib {float:left; width:200px; font-size:17px; font-weight:bold; height:20px; margin-bottom:10px; padding-top:10px;} #popContactAgence .top .val {float:left; width:400px; font-size:12px; height:30px; margin-bottom:10px;} #popContactAgence .top .val .champ {width:350px; height:30px; font-size:16px; color:#466B81;} #popContactAgence .top .send {padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; -moz-border-radius:10px; border:1px solid #797979; background:#fff; color:#000; text-decoration:none;} #popContactAgence .top .send:hover {padding-left:15px; padding-right:15px; padding-top:5px; padding-bottom:5px; -moz-border-radius:10px; border:1px solid #CFCFCF; background:#000; color:#fff; text-decoration:none;} #popContactAgence .bottom {width:690px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popContactAgence .bottom a {color: #fff;text-decoration: none;} #popContactAgence .bottom a:hover {color: #ffc037;text-decoration: none;} #popGeoloc {background:#D9D9D9; padding:0px; color:#000; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:500px; margin-top:-250px; width:700px; margin-left:-2000px; text-align:left;} #popGeoloc .top {background:#fff; width:600px; margin:30px; padding:20px; height:375px; float:left; color:#454545;} #popGeoloc .bottom {width:690px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popGeoloc .bottom a {color: #fff;text-decoration: none;} #popGeoloc .bottom a:hover {color: #ffc037;text-decoration: none;} #mapBien {width: 600px;height: 375px;float: left;} #popDpe {background:#D9D9D9; padding:0px; color:#000; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:400px; margin-top:-200px; width:700px; margin-left:-2000px; text-align:left;} #popDpe .top {background:#fff; width:600px; margin:30px; padding:20px; height:275px; float:left; color:#454545;} #popDpe .top .dpe {width:300px; float:left;text-align: center;} #popDpe .top .ges {width:300px; float:left;text-align: center;} #popDpe .top h3 {margin-top:0px;} #popDpe .bottom {width:690px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popDpe .bottom a {color: #fff;text-decoration: none;} #popDpe .bottom a:hover {color: #ffc037;text-decoration: none;} #popCredit {background:#D9D9D9; padding:0px; color:#000; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:500px; margin-top:-250px; width:700px; margin-left:-2000px; text-align:left;} #popCredit .top {background:#fff; width:600px; margin:30px; padding:20px; height:375px; float:left; color:#454545;} #popCredit .top .left {width: 200px;float: left;} #popCredit .top h3 {display: block;margin-top: 0px;} #popCredit .top h3 a {background: none;color: #333;text-decoration: none;display: block;padding: 10px;border: 1px solid #ccc;} #popCredit .top h3 a:hover {background: #fff3e3;color: #333;text-decoration: none;display: block;padding: 10px;border: 1px solid #666;} #popCredit .top h3 .selected {background: #fff3e3;color: #333;text-decoration: none;display: block;padding: 10px;border: 1px solid #666;} #popCredit .top .left .res {width: 200px;float: left;color: #ff0000;font-size: 15px;} #popCredit .top .right {width: 400px;float: right;} #popCredit .top .right p {width: 380px;float: right;margin-top: 0px;} #popCredit .top .right h4 {width: 380px;float: right;margin-top: 0px;margin-bottom: 5px;font-size: 16px;} #popCredit .top .right form {width: 380px;float: right;} #popCredit .top .right .label {width: 380px;float: left;margin-bottom: 8px;font-size: 14px;} #popCredit .top .right .valeur {width: 380px;float: left;margin-bottom: 8px;} #popCredit .top .right .valeur input {height: 25px;font-size: 15px;width: 370px;border: 1px solid #f88600;} #popCredit .top .right .btn {width: 100px;float: left;margin-bottom: 8px;font-size: 14px;background: #f6ab41;color: #fff;padding: 8px;display: block;border: 1px solid #ccc;text-align: center;font-weight: bold;} #popCredit .top .right .btn:hover {width: 100px;float: left;margin-bottom: 8px;font-size: 14px;background: #f88600;color: #fff;padding: 8px;display: block;border: 1px solid #666;text-align: center;font-weight: bold;} #popCredit .bottom {width:690px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popCredit .bottom a {color: #fff;text-decoration: none;} #popCredit .bottom a:hover {color: #ffc037;text-decoration: none;} #popP360 {background:#D9D9D9; padding:0px; color:#000; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:600px; margin-top:-300px; width:850px; margin-left:-2000px; text-align:left;} #popP360 .top {background:#fff; width:850px; height:575px; float:left; color:#454545;} #popP360 .bottom {width:823px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popP360 .bottom a {color: #fff;text-decoration: none;} #popP360 .bottom a:hover {color: #ffc037;text-decoration: none;} #popSelec {background:#D9D9D9; padding:0px; color:#000; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:500px; margin-top:-250px; width:700px; margin-left:-2000px; text-align:left;} #popSelec .top {background:#fff; width:600px; margin:30px; padding:20px; height:375px; float:left; color:#454545;} #popSelec .top h3 {display: block;margin-top: 0px;font-size: 16px;} #popSelec .top #listeSelec {float: left;width: 600px;height: 350px;overflow-x: scroll;overflow-y: none;} #popSelec .top #listeSelec .item {float: left;width: 560px;padding: 10px;background: #fff7eb;border: 1px solid #ccc;margin-bottom: 10px;} #popSelec .top #listeSelec .item .thumb {float: left;width: 150px;} #popSelec .top #listeSelec .item .desc {float: right;width: 400px;} #popSelec .top #listeSelec .item .desc h4 {font-size: 14px;margin-top: 0px;margin-bottom: 6px;} #popSelec .top #listeSelec .item .desc p {font-size: 12px;margin: 0px;} #popSelec .top #listeSelec .item .desc p a {color: #f16600;font-weight: bold;} #popSelec .top #listeSelec .item .desc p a:hover {color: #333;font-weight: bold;} #popSelec .bottom {width:690px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popSelec .bottom a {color: #fff;text-decoration: none;} #popSelec .bottom a:hover {color: #ffc037;text-decoration: none;} #popAlertes {background:#D9D9D9; padding:0px; color:#000; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:670px; margin-top:-325px; width:700px; margin-left:-2000px; text-align:left;} #popAlertes .top {background:#fff; width:600px; margin:30px; padding:20px; height:545px; float:left; color:#454545;} #popAlertes .top h3 {display: block;margin-top: 0px;font-size: 16px;} #popAlertes .top #WAlertes {float: left;width: 600px;height: 520px;overflow-x: auto;overflow-y: auto;} #popAlertes .bottom {width:690px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popAlertes .bottom a {color: #fff;text-decoration: none;} #popAlertes .bottom a:hover {color: #ffc037;text-decoration: none;} #popMentions {background:#D9D9D9; padding:0px; color:#000; border:1px solid #C2C2C2; position:fixed; z-index:1001; top:50%; left:50%; height:280px; margin-top:-140px; width:700px; margin-left:-2000px; text-align:left;} #popMentions .top {background:#fff; width:600px; margin:30px; padding:20px; height:155px; float:left; color:#454545;} #popMentions .top h3 {display: block;margin-top: 0px;font-size: 16px;} #popMentions .bottom {width:690px; height:15px; float:left; padding:5px; text-align:right; background:#3f3f3f;} #popMentions .bottom a {color: #fff;text-decoration: none;} #popMentions .bottom a:hover {color: #ffc037;text-decoration: none;} /* ================================= Alertes ==================================== */ #BdyAlertes {background: #fff;color: #333;} #BdyAlertes a {color: #f16600;font-weight: bold;} #BdyAlertes a:hover {color: #333;font-weight: bold;} #BdyAlertes .alerteTitre {font-size: 14px;font-weight: bold;} #BdyAlertes input {border: 1px solid #f16600;height: 18px;} #BdyAlertes textarea {border: 1px solid #f16600;}