/* HTML5 ? Boilerplate style.css contains a reset, font normalization and some base styles. credit is left where credit is due. much inspiration was taken from these projects: yui.yahooapis.com/2.8.1/build/base/base.css camendesign.com/design/ praegnanz.de/weblog/htmlcssjs-kickstart */ /* html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline) v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/ */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:top; background:transparent; font-family:Helvetica, sans-serif; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul { list-style:none; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; /*font-size:100%; vertical-align:baseline*/; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } /* tables still need cellspacing="0" in the markup */ table { /*border-collapse:collapse; border-spacing:0;*/ } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } input{ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } input[type=text]::-ms-clear { display:none; } /* END RESET CSS */ /* fonts.css from the YUI Library: developer.yahoo.com/yui/ Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages There are three custom edits: * remove arial, helvetica from explicit font stack * we normalize monospace styles ourselves * table font-size is reset in the HTML5 reset above so there is no need to repeat */ body { font:13px/1.231 sans-serif; *font-size:small; } /* hack retained to preserve specificity */ select, input, textarea, button { font:99% sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* * minimal base styles */ body, select, input, textarea { /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ color: #444; /* set your base font here, to apply evenly */ /* font-family: Georgia, serif; */ } /* Headers (h1,h2,etc) have no default font-size or margin, you'll want to define those yourself. */ h1,h2,h3,h4,h5,h6 { font-weight: bold; } /* always force a scrollbar in non-IE */ html { overflow-y: scroll; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: none; } a, a:active, a:visited { color: #607890; } a:hover { color: #036; } ul, ol { /*margin-left: 1.8em;*/ } ol { list-style-type: decimal; } /* Remove margins for navigation lists */ nav ul, nav li { margin: 0; } small { font-size: 85%; } strong, th { font-weight: bold; } /*td, td img { /*vertical-align: top;} */ sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: text-top; /*font-size: smaller; */ font-size: 0.5em; text-transform: lowercase; line-height:1; } IMG{ border:0px; } *|*:-moz-any-link img, img[usemap], object[usemap] { border:0px solid; } pre { padding: 15px; /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */ white-space: pre; /* CSS2 */ white-space: pre-wrap; /* CSS 2.1 */ white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */ word-wrap: break-word; /* IE */ } textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */ .ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */ /* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css */ input[type="radio"] { vertical-align: text-bottom; } input[type="checkbox"] { vertical-align: top; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } /* hand cursor on clickable input elements */ label, input[type=button], input[type=submit], button { cursor: pointer; } /* webkit browsers add a 2px margin outside the chrome of form elements */ button, input, select, textarea { margin: 0; } /* colors for form validity */ input:valid, textarea:valid { } input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } /* These selection declarations have to be separate. No text-shadow: twitter.com/miketaylr/status/12228805301 Also: hot pink. */ ::-moz-selection{ background: #1090C9; color:#fff; text-shadow: none; } ::selection { background:#1090C9; color:#fff; text-shadow: none; } /* j.mp/webkit-tap-highlight-color */ a:link { -webkit-tap-highlight-color: #FF5E99; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */ button { width: auto; overflow: visible; } /* bicubic resizing for non-native sized IMG: code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ .ie7 img { -ms-interpolation-mode: bicubic; border:0px;} /* Hack pointill?s autour des liens firefox */ a:focus{ outline:0; } /* * Non-semantic helper classes */ /* for image replacement */ .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */ .hidden { display: none; visibility: hidden; } /* Hide only visually, but have it available for screenreaders www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */ .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /* Hide visually and from screenreaders, but maintain layout */ .invisible { visibility: hidden; } /* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */ .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } /* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */ .clearfix { zoom: 1; } /* Primary Styles Author: */ BODY{ background-color:#EFEFEF; } #global{ width:100%; height:100%; background:url(../images/background.png) repeat-y center center; padding-bottom:20px; } #landingPage{ width:100%; height:100%; background-color:#FEED00; } /* ----------------------- HEADER ----------------------- */ #headerWrap{ width:100%; height:auto; position:fixed; z-index: 30; /left:0px; top:0px; /width:100%; /position:absolute; /*background:url(../images/top_bg.png) repeat-x top left;*/ } #headerBottom{ background:url(../images/top_bg.png) repeat-x top left; height:22px; width:100%; } #compte{ width:990px; height:34px; margin:0 auto; } #header{ width:100%; height:60px; margin:0 auto; background-color:#0091CE; display:none; } #headerContent{ padding-top:10px; width:990px; height:100%; margin:0px auto; } #headerTitle{ background:url(../images/picto_short_bleu.png) no-repeat 0 6px; height:45px; padding-left:55px; color:#b2d5f1; font-size:9pt; float:left; } .createAccount{ text-align:center; height:25px; vertical-align:bottom; margin-top:15px; } .createAccount A{ color:#FFF; } #headerLink{ float:left; width:210px; /*border-left:1px dotted #FFF; border-right:1px dotted #FFF;*/ height:40px; margin:0 20px; } .headerLinkCol{ width:120px; float:left; height:100%; } .headerLinkCol A{ color:#FFF; text-decoration:underline; font-size:8pt; } .headerLinkCol A:hover, #headerRegistrate a:hover.forgotPassword{ color:#B2D5F1; } #headerRegistrate{ width:375px; height:40px; float:left; padding-top:10px; } #headerRegistrate .submitBtn{ /margin-top:-25px; } #headerRegistrate INPUT.registerFields{ border:1px solid #BBB; padding:4px; box-shadow:inset 0 0 3px #CCC; -moz-box-shadow:inset 0 0 3px #CCC; -webkit-box-shadow:inset 0 0 3px #CCC; width:142px; /width:140px; font-size:9pt; color:#89857F; margin-right:10px; /margin-right:5px; } #headerRegistrate a.forgotPassword{ color:#FFF; text-decoration:underline; font-size:8pt; margin-left:165px; margin-top:5px; font-style:italic; cursor:pointer; } .espacePro{ background:url(../images/espace_pro.png) no-repeat -3px 0; float:right; width:144px; height:44px; } #monCompte, #userConnecte{ float:right; margin-top:-12px; cursor:pointer; } #userConnecte .leftBg, #userConnecte .rightBg, #userConnecte .middleBg{ float:left; height:34px; } #userConnecte .leftBg{ width:40px; background:url(../images/user_name_left.png) no-repeat -5px -10px; } #userConnecte .middleBg{ width:auto; background:url(../images/user_name_middle.png) repeat-x 0 -10px; } .userConnecte .rightBg{ width:36px; background:url(../images/user_name_right.png) no-repeat 0 -10px; } .userConnecteOpen .rightBg{ width:36px; background:url(../images/user_name_right_open.png) no-repeat 0 -10px; } a.userChangePassword, a.userDeconnect{ color:#FFF; float:right; padding:0px 15px; /*padding-top:10px;*/ } a.userDeconnect{ background:url(../images/deconnect.png) no-repeat 0 center; } a:hover.userChangePassword, a:hover.userDeconnect{ color:#B2D5F1; } .userConnecte, .userConnecteOpen{ /*background:url(../images/user_name.png) no-repeat -4px -10px;*/ width:auto; height:34px; color:#FFF; /*padding-left:40px;*/ line-height:150%; } .userConnecteOpen{ /*background:url(../images/user_name_open.png) no-repeat -4px -10px;*/ } .monCompte, .monCompteOpen{ background:url(../images/mon_compte.png) no-repeat -4px -10px; width:164px; height:34px; } .monCompteOpen{ background:url(../images/mon_compte_open.png) no-repeat -4px -10px; } /* ----------------------- TOP MENU ----------------------- */ #topMenuWrap{ width:1000px;/*ODR Modif*/ margin:0 auto; padding-top:55px; } #topMenu{ width:786px; height:96px; float:right; } #topMenu UL LI{ float:left; text-decoration:none; list-style-type:none; } #topMenu UL LI A{ float:left; text-indent:-9999px; height:90px; width:150px; margin-left:7px; background-position:0 0; } /*ODR : Changement des noms des themes*/ #topMenu UL LI A:hover, #topMenu a.locataireActive, #topMenu a.partenaireActive, #topMenu a.opacActive, #topMenu a.coproActive, #topMenu a.fournisseurActive, #topMenu a.logementActive{ background-position:0 -95px; } a.locataire{ background:url(../images/locataire2016.png) no-repeat; } a.locataire:hover, a.locataireActive{ background:url(../images/locataire2016.png) no-repeat; } a.partenaire{ background:url(../images/elu2016.png) no-repeat; } a.partenaire:hover, a.partenaireActive{ background:url(../images/elu2016.png) no-repeat; } a.opac{ background:url(../images/opac2016.png) no-repeat; } a.opac:hover, a.opacActive{ background:url(../images/opac2016.png) no-repeat; } a.copro{ background:url(../images/coproprietaire.png) no-repeat; } a.coproprietaire:hover, a.coproprietaireActive{ background:url(../images/coproprietaire.png) no-repeat; } a.fournisseur{ background:url(../images/fournisseur2016.png) no-repeat; } a.fournisseur:hover, a.fournisseurActive{ background:url(../images/fournisseur2016.png) no-repeat; } a.logement{ background:url(../images/louer2016.png) no-repeat; } a.logement:hover, a.logementActive{ background:url(../images/louer2016.png) no-repeat; } /* ----------------------- MAIN CONTENT ----------------------- */ #main{ width:990px; margin:20px auto 10px auto; /margin:-30px auto 20px auto; } #leftMenu{ height:196px; } html>body #leftMenu { height: auto; min-height:196px; } #leftMenu, #accesRapide, #tagCloud{ width:150px; height:auto; float:left; background:url(../images/bottom.png) no-repeat bottom left; padding-bottom:20px; margin-bottom:56px; } #accesRapide{ margin-bottom:15px; } #leftMenu UL, #accesRapide UL{ padding-left:12px; /margin-left:7px; } #leftMenu UL LI{ list-style-type:none; margin:8px 0; list-style:none; list-style-image:url(../images/slash_gris.png); } #leftMenu UL LI.open{ list-style-image:url(../images/plus_gris.png); } #leftMenu UL LI.close{ list-style-image:url(../images/moins_gris.png); } #leftMenu UL LI UL{ border-left:1px dotted #75726d; /margin-left:0px; } #leftMenu UL LI UL LI{ list-style-type:none; margin:8px 5px; /*padding-left:5px;*/ /*list-style:disc outside;*/ list-style-image:none; } #leftMenu UL LI A{ color:#75726d; text-decoration:none; line-height:110%; /*font-weight:bold;*/ margin-left:-4px; display:block; } #leftMenu UL LI A.active{ color:#1090c9; } #leftMenu UL LI:hover, #leftMenu UL LI A:hover, #leftMenu UL LI.active, #leftMenu UL LI.active A{ color:#1090c9; list-style-image:url(../images/slash_bleu.png); } #leftMenu UL LI.open:hover, #leftMenu UL LI.open A:hover{ color:#1090c9; list-style-image:url(../images/plus_bleu.png); } #leftMenu UL LI.close:hover, #leftMenu UL LI.close A:hover{ color:#1090c9; list-style-image:url(../images/moins_bleu.png); } #leftMenu UL LI.open UL LI.openActive, #leftMenu UL LI.open UL LI.openActive A, #leftMenu UL LI.close UL LI.closeActive, #leftMenu UL LI.close UL LI.closeActive A{ color:#1090c9; } #leftMenu UL LI UL LI:hover, #leftMenu UL LI UL LI A:hover, #leftMenu UL LI UL LI.active, #leftMenu UL LI UL LI.active A, #leftMenu UL LI.open UL LI:hover, #leftMenu UL LI.open UL LI A:hover, #leftMenu UL LI UL LI.openActive, #leftMenu UL LI UL LI.openActive A, #leftMenu UL LI.close UL LI:hover, #leftMenu UL LI.close UL LI A:hover, #leftMenu UL LI UL LI.closeActive, #leftMenu UL LI UL LI.closeActive A{ list-style-image:none; } /*#leftMenu UL LI.open UL LI A, #leftMenu UL LI.openActive UL LI A{ color:#75726d; }*/ #accesRapide UL LI{ list-style-type:none; margin:8px 0; list-style:none; list-style-image:url(../images/slash_vert.png); } #accesRapide UL LI A{ color:#17A345; text-decoration:none; line-height:110%; font-size:9pt; margin-left:-4px; /*font-weight:bold;*/ text-align:left; display:block; } #accesRapide UL LI:hover, #accesRapide UL LI A:hover, #accesRapide UL LI.active A{ color:#1090C9; list-style-image:url(../images/slash_bleu.png); } #contentWrap{ width:815px; float:right; height:auto; color:#4d4d48; /*padding-left:5px;*/ } /* ----------------------- ACCUEIL ----------------------- */ #contentWrap #indexChiffres{ background: url("../images/bg_chiffres.png") no-repeat scroll 0 0 transparent; color: #FFFFFF; float: left; height: 314px; line-height: 100%; padding: 10px; text-align: right; width: 160px; } #contentWrap #indexChiffres SPAN { font-size: 19pt; line-height: 90%; margin-top: 5px; } #contentWrap #indexChiffres SPAN SUP { font-size: 50%; padding-bottom: 15px; vertical-align: middle; /vertical-align: top; } #contentWrap #slideshowWrap{ width:380px; margin-left:12px; float:left; } #slideshowWrap UL, #slideshowWrap UL LI{ list-style-type:none; float:left; height:310px; } .slideshow{ width:100%; height:310px; } .slideshowBottom{ background-color:#ee7f01; width:100%; height:106px; /*height:107px !ie;*/ margin-top:-5px; } .slideshowTitle{ padding:10px; width:250px; } #slideshowNav{ width:100%; clear:both; height:25px; background-color:#ee7f01; } #slideshowNav TABLE{ border:0; margin:0 auto; padding:0; /*width:100%;*/ } #slideshowNav TABLE TR TD{ margin:0 auto; text-align:center; width:auto; position: relative; /*align:center;*/ } #slidePrev, #slideNext{ float:left; /*margin:4px;*/ height:15px; width:20px; cursor:pointer; } .slideOff, .slideOn{ float:left; /*margin:4px;*/ height:15px; width:20px; cursor:pointer; } #slidePrev{ background:url(../images/slide_prev.png) no-repeat bottom left; } .slideOn{ background:url(../images/slide_on.png) no-repeat bottom center; } .slideOff{ background:url(../images/slide_off.png) no-repeat bottom center; } #slideNext{ background:url(../images/slide_next.png) no-repeat bottom right; } #contentWrap #offres{ width:230px; float:right; background-color:#1090C9; /*padding-bottom:15px;*/ } #contentWrap #offres .locationsOn{ } #contentWrap #offres .achatsOn{ } #contentWrap #offres #locations, #contentWrap #offres #achats{ width:215px; float:left; position:relative; } #contentWrap #offres .locationsOn #achats{ display:none; } #contentWrap #offres .achatsOn #locations{ display:none; } #contentWrap #offres #locationsContent, #contentWrap #offres #achatsContent{ width:100%; background-color:#FFF; padding:20px 0 12px 15px; font-size:9pt; height:240px; /*position:absolute;*/ } .locationsTitle{ height:15px; padding:6px 0; width:102px; float:left; cursor:pointer; } .locationsOn .locationsTitle{ background:url(../images/bg_offres_locations.png) no-repeat -30px 2px; } .achatsOn .locationsTitle{ background:none; } .achatsTitle{ height:15px; padding:6px 0; width:101px; /*float:left margin-left:102px;;*/ float:left; cursor:pointer; } .locationsOn .achatsTitle{ background:none; } .achatsOn .achatsTitle{ background:url(../images/bg_offres_achats.png) no-repeat 0px 2px; } #offres a.simpleSearch{ display:inline-block; height: 33px; width: 100%; background: url(../images/rechercher.png) no-repeat 0px -33px; } #offres a.simpleSearch:hover{ background-position: 0 -33px; } #contentWrap #offres H4.locations, #contentWrap #offres H4.achats{ height:14px; width:100px; text-indent:-9999px; } #contentWrap #offres .locationsOn H4.locations{ background:url(../images/locations.png) no-repeat 10px -1px; } #contentWrap #offres .locationsOn H4.achats{ background:url(../images/achats.png) no-repeat 22px -13px; } #contentWrap #offres .achatsOn H4.locations{ background:url(../images/locations.png) no-repeat 10px -13px; } #contentWrap #offres .achatsOn H4.achats{ background:url(../images/achats.png) no-repeat 22px -1px; } #locationsContent P, #achatsContent P{ margin-bottom:14px; } #index{ width:100%; height:100%; } #index #leftColWrap #accesRapide UL LI A{ color:#1090C9; } #index #leftColWrap #accesRapide UL LI A:hover{ color:#17A345; } #index #leftColWrap #accesRapide ul li { list-style-image:url(../images/slash_bleu.png); } #index #leftColWrap #accesRapide ul li:hover { list-style-image:url(../images/slash_vert.png); } #tagCloud{ font-weight:bold; line-height:130%; width:100%; margin-bottom:0px; background:none; padding-bottom:0px; height:auto; vertical-align:bottom; } #tagCloud SPAN{ vertical-align:middle; display:inline-block; overflow:visible; /*float:left;*/ /line-height:100%; /*height:auto;*/ /padding-bottom:3px; } .CloudLevel01{ color:#1ba244; font-size:18pt; } .CloudLevel02{ color:#0091ce; font-size:16pt; } .CloudLevel03{ color:#ff911a; font-size:14pt; } .CloudLevel04{ color:#ec2579; font-size:12pt; } .CloudLevel05{ color:#ecc613; font-size:10pt; } .CloudLevel06{ color:#931898; font-size:9pt; } .CloudLevel07{ color:#ca0505; font-size:8pt; } .CloudLevel08{ color:#; font-size:; } /* ----------------------- CONTENU & AUTRES ----------------------- */ #contentWrap #bandeauImg{ /*float:right;*/ clear:both; } #breadcrumbs{ margin:10px 0; float:left; clear:both; } #breadcrumbs A{ text-decoration:underline; color:#4d4d48; } #breadcrumbs SPAN{ color:#000; } #rightIcons{ width:170px; height:30px; float:right; } #content #rightIcons{ margin:10px 0; } .printIcon, .mailIcon, .soundIcon, .facebookIcon, .twitterIcon{ width:25px; height:25px; float:right; margin-left:10px; background-position:0 0; } .printIcon:hover, .mailIcon:hover, .soundIcon:hover, .facebookIcon:hover, .twitterIcon:hover{ background-position:0 bottom; } .printIcon{ background:url(../images/picto_print.png) no-repeat; } .mailIcon{ background:url(../images/picto_mail.png) no-repeat; } .soundIcon{ background:url(../images/picto_sound.png) no-repeat; } .facebookIcon{ width:18px; background:url(../images/picto_facebook.png) no-repeat; } .twitterIcon{ background:url(../images/picto_twitter.png) no-repeat; } #content, #contentFull{ float:left; line-height:150%; width:620px; padding-bottom:20px; } #contentFull{ width:815px; } #contentFull .colLeft, #contentFull .colLeftImg{ float:left; width:275px; padding-left:15px; } #contentFull .colLeftImg{ width:155px; } #contentFull .colLeft .accordeonTitre{ border-bottom:0px; } #contentFull .colRight, #contentFull .colRightImg{ float:right; width:490px; border-left:1px dotted #0091CE; padding-left:20px; margin-top:10px; } #contentFull .colRightImg{ width:600px; margin-top:0px; } #contentFull .colRight P{ margin-bottom:10px; } #contentIntro, .contentIntro, .introText{ color:#17a345; font-size:10pt; font-weight:bold; } #contentIntro, .contentIntro{ /*padding-left:15px;*/ padding-left:20px; margin-bottom:5px; } .introText p{ margin-bottom: 10px; } #contentText{ padding-left:15px; font-size:10pt; } #contentText IMG.left{ margin:0 15px 5px 0; float:left; } #logement #contentText IMG.left, #contentFull .colRight IMG.left, #contentFull .colRightImg IMG.left{ margin:0px; float:left; } #contentFull .colRight IMG.left, #contentFull .colRightImg IMG.left{ margin:5px 10px 10px 0; vertical-align:text-top; } IMG.right{ float:right; } #content UL, #contentFull UL{ padding-left:30px; } #logement UL{ padding:0; width: 718px; } #content UL LI, #logement UL LI{ /*list-style-image:url(../images/puce.png); /list-style-image:url(../images/puce_ie7.png);*/ /vertical-align: middle; } #content UL LI UL, #contentFull UL LI UL{ padding-left:30px; } #content UL LI UL LI, #contentFull UL LI UL LI{ list-style-image:url(../images/tiret.png); } #logement{ width:100%; float:left; line-height:150%; width:815px; padding-bottom:20px; } #logement .row{ display: table; content: ""; width: 100%; border-top: dotted 1px #1090c9; padding:30px 0 0 0; margin-top: 30px; } #logement .row:empty{ border-top: none; } #logement .row.rowtop{ padding-bottom: 0; border-top: none; padding: 0; margin-top: 0px; } .row:after{ clear:both; } .twothirds, .onethird, .half{ float:left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .twothirds{ width: 67%; padding-left: 20px } .twothirds { padding-left: 0px; } .onethird{ width: 33%; } .half{ width:50%; } .half.specificIE{ width:auto; } .half:first-child, h4.description { padding-left: 20px; } h4.description{ padding-left: 20px; } .half.specificIE:first-child { width: 45%; } #logement .carousel{ background-color: #09a23f; height: 254px; margin: 25px 0; overflow: hidden; position: relative; } #logement .carousel.specificIE{ overflow: visible !important; height: 255px; } #logement .carousel.specificIE ul { height: 255px; left: 0px !important; /*right:0px;*/ /*width:500px;*/ overflow: hidden; } #logement .carousel li{ display: block; float: left; } #logement .carousel.specificIE li{ width: 340px; } #logement .carousel li img{ margin: 0 auto; } #logement .unephoto{ background-color: #ffffff; margin: 25px 0; } #logement .carousel .corner{ height: 255px; width:97px; background-image: url(../images/sliderCut.png); background-repeat: no-repeat; position: absolute; right:0; z-index: 3; top: 0px; } #logement .carousel .corner .zoom { background-image: url("../images/sliderZoom.png"); background-position: 0 bottom; background-repeat: no-repeat; bottom: 0; height: 35px; left: 0; position: absolute; text-indent: -9999px; width: 60px; z-index: 3; } #logement .carousel .corner .zoom:hover { background-position: 0 0; } #logement .carousel .corner .prev, #logement .carousel .corner .next{ height:30px; width: 50px; position: absolute; z-index: 10; background-repeat: no-repeat; text-indent: -9999px; } #logement .carousel .corner .prev{ background-image: url(../images/sliderPrev.png); bottom:0; } #logement .carousel .corner .prev:hover{ background-position: 0 bottom; } #logement .carousel .corner .next{ background-image: url(../images/sliderNext.png); background-position: 0 bottom; bottom:32px; left:12px; } #logement .carousel .corner .next:hover{ background-position: 0 0; } #logement .carousel .location_gallery{ display: block; /*margin-top: -20px;*/ } #logement #rightIcons{ margin:26px 0 0 0; } #contentWrap #logement h3, #logement .rent{ font-size: 22pt; font-weight: normal; text-transform: none; } #contentWrap #logement h3{ color:#323232; } #logement .rent, #logement .ref{ color:#09a23f; line-height: 1; } #logement .rent span{ font-size: 20px; vertical-align: bottom; } #logement .ref{ font-size: 14px; text-align: right; margin-top: 9px; } #logement h4{ color:#323232; font-size: 16px; font-weight: 600; text-transform: uppercase; margin: 0 0 20px; } #logement ul li, .unephoto ul li{ list-style-image: none; list-style-type: none; } #map_canvas { width: 783px; height: 220px; } #logement .mapcontainer{ border:solid 16px #09a23f; height: 220px; position:relative; } #logement .mapcontainer:before{ content:" "; background-image:url(../images/situation.png); position:left; width: 94px; height:25px; top: -6px; right: -10px; z-index: 3; } #logement .situation{ font-size: 14px; font-style: italic; color:#09a23f; margin-top: 10px; } #logement .row .buttons{ margin:-15px 0 0 -20px; } #logement #resetForm, .proximite{ display: block; height: 25px; text-indent: -9999px; background-repeat: no-repeat; background-position: 0px 0px; } #logement #resetForm:hover, .proximite:hover{ background-position: 0px bottom; } #logement #resetForm{ background-image: url(../images/offre_retour.png) ; width:242px; margin-bottom: 10px; } .proximite{ background-image: url(../images/offre_proximite.png) ; width: 214px; } #logement .reponse{ float: right; } #logement .reponse input{ text-indent: -9999px; background:transparent; background-image: url(../images/offre_repondre.png) ; width: 210px; height:40px; background-repeat: no-repeat; background-position: 0px 0px; } #logement .reponse input:hover{ /*background-position: 0px bottom;*/ } .colLeft .reset{ position:relative; bottom:0px; top:275px; } #contentText .colLeft{ float:left; width:300px; margin-right:10px; } .galerieIcon{ float:left; width:100%; } .icon, .lastIcon{ float:left; margin:10px 20px 0px 0px; /*padding:4px;*/ /*background-color:#17A345;*/ } .icon a:hover, .lastIcon a:hover, .icon a.active, .lastIcon a.active { opacity:0.4; } .lastIcon{ margin:10px 0px 0px 0px; } .galerieZoom{ margin-bottom:5px; float:left; width:100%; } #logement .resultNav TABLE{ width:800px; } #logement .resultNav A:hover{ color:#EE7F01; } TD.right{ text-align:right; } TD.center{ text-align:center; } #contentText .colRight{ float:right; width:485px; } .contentRightCol{ width:130px; border-left:1px dotted #0091CE; float:right; padding-left:25px; padding-top:42px; font-size:8pt; color:#0091CE; margin-top:40px; line-height:150%; background:url(../images/savoir_plus_04.png) no-repeat top left; background-position:25px 0px; } .contentRightCol IMG{ margin-bottom:8px; } #bottomMenuWrap{ /*float:left;*/ margin:15px auto 15px auto; width:100%; height:20px; padding-top:20px; background:transparent url(../images/bottom_separator.png) no-repeat center top; clear:both; } #bottomMenu{ width:100%; height:auto; /*position: relative;*/ margin:0 auto 0 auto; text-align:center; /*float:left;*/ /*padding-left:10px;*/ } #bottomMenuWrap TABLE{ margin:0 auto; padding:0; borer:0; } #bottomMenu UL{ margin:0 auto 0 auto; text-align:center; } #bottomMenu UL LI{ list-style-type:none; /*margin:5px 15px;*/ list-style:none; float:left; text-align:center; } #bottomMenu UL LI A, #bottomMenu UL LI SPAN{ float:left; text-align:center; margin:0px 5px; font-size:8pt; text-decoration:none; color:#4d4d48; text-align:center; } #bottomMenu UL LI A span.orange{ color:#ee7f00; margin:0px; text-align:left; float:none; } #bottomMenu UL LI A span.blue{ color:#200860; margin:0px; text-align:left; float:none; } #bottomMenu UL LI A:hover, #bottomMenu UL LI A:hover span{ color:#0091CE; } #bottomMenu IMG{ border:0px; vertical-align:top; margin-top:-5px; } #toiEtMoi{ background:url(../images/picto_toit_moi_02.png) no-repeat top left; height:60px; width:80px; float:right; margin-top:-25px; } .blockFormulairefull{ width:96%; border:16px solid #0091CE; /*padding:15px;*/ } .blockFormulairefull.topBlock{ border-bottom:0px; height: 100px; margin-top:15px; } .blockFormulairefull.bottomBlock{ border-top:0px; } .blockFormulairefull.bottomBlockIE{ border-top:0px; } .blockFormulaireVertFull{ width:96%; } .blockFormulaire, .blockFormulaireRight { width:365px; border:16px solid #0091CE; /*padding:15px;*/ margin-top:15px; } .blockFormulaireVert, .blockFormulaireVertFull{ border:16px solid #17A345; /*padding:15px;*/ margin-top:15px; } .blockFormulaireVert{ width:365px; } #blockFormulaireCollapse{ width:381px; height: 135px; border:16px solid #0091CE; border-right:0px; border-top:0px; float: right; padding-top:20px; z-index:-10000; padding-bottom:0px; } #blockFormulaireCollapseTitle{ border-left:16px solid #0091CE; border-right:18px solid #0091CE; float:right; width:363px; /*padding-bottom:15px;*/ } .blockFormulaireVert{ border:16px solid #17A345; float:left; } .blockFormulaireRight{ float:right; } .blockFormulaireCollapse{ float:right; border-top:none; margin-top:0px; height : 172px; } .blockBottomFleche{ background:url(../images/picto_triangle_bleu.png) no-repeat 0 0; height:18px; width:388px; float:right; clear:both; } .blockFormulaireVert .formBlockContent{ padding-left:15px; } .blockFormulaireVert .formBlockContent table tr td{ margin-bottom:5px; } .formBlockContent{ float:left; margin-right:5px; /margin-right:0px; margin-top:15px; margin-left:5px; margin-bottom:0px; display:inline-block; height:auto; } .formBlockContent.specificIE{ margin-top:100px; } #blockFormulaireCollapse .formBlockContent{ padding:15px; margin-top:0px; padding-top:0px; } #divOffreBien .formBlockContent{ width: 98.7%; } #divOffreBien .formBlockContent TABLE{ width:100%; } .formBlockContent TABLE TR TD{ color:#75726d; padding:5px; vertical-align:middle; margin-bottom:15px; } #logement .formBlockContent TABLE TR TD, #logementForm .formBlockContent TABLE TR TD{ /*float:left;*/ } #logement .formBlockContent TABLE TR TD.noSpace, #logementForm .formBlockContent TABLE TR TD.noSpace{ padding-bottom:0px; margin-bottom:0px; } #logement input.captcha, #logementForm input.captcha{ width:100px; border:1px solid #BBB; padding:4px; box-shadow:inset 0 0 3px #CCC; -moz-box-shadow:inset 0 0 3px #CCC; -webkit-box-shadow:inset 0 0 3px #CCC; margin-top:18px; vertical-align:top; margin-left:38px; } .formBlockContent TABLE TR TD.infos{ background-color:#edf4fa; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-shadow:inset 2px 2px 2px #CCC; -moz-box-shadow:inset 2px 2px 2px #CCC; -webkit-box-shadow:inset 2px 2px 2px #CCC; } .formBlockContent TABLE TR TD.infos P{ color:#016e9c; padding:4px 2px 0 2px; font-family:Georgia, "Times New Roman", Times, serif; font-size:7pt; font-style:italic; } #divOffreBien .formBlockContent TABLE TR.filet{ } #divOffreBien .formBlockContent TABLE TR.filet TD{ padding: 10px 0; text-align: center; line-height: 1px; position: relative; } #divOffreBien .formBlockContent TABLE TR.filet TD img{ vertical-align: middle; } #divOffreBien .formBlockContent TABLE TR.filet TD .criterePlus{ position: absolute; height: 13px; width: 140px; top: 8px; right: 16px; text-indent: -99999px; background-image: url(../images/search_plus_critere.jpg); background-repeat: no-repeat; background-position: 0 0; } #divOffreBien .formBlockContent TABLE TR.filet TD .criterePlus:hover{ background-position: 0 -13px; } #divOffreBien .formBlockContent TABLE TR TD .critereMoins{ position: absolute; height: 13px; width: 170px; top: 9px; right: 16px; text-indent: -99999px; background-image: url(../images/search_moins_critere.jpg); background-repeat: no-repeat; background-position: 0 0; } #divOffreBien .formBlockContent .localisation{ margin-top: 5px; } #TRlocachatvalue label{ float: left; margin-top: -1px; } #TRlocachatvalue td{ vertical-align: top; } #divOffreBien .formBlockContent .slider{ float: left; display: inline-block; } /*range slider*/ #divOffreBien .formBlockContent .noUi-horizontal{ height: 3px; width: 180px; } #divOffreBien .formBlockContent .noUi-target{ box-shadow: none; border: none; border-radius: 0; } #divOffreBien .formBlockContent .noUi-background{ background-color: #c3c3c3; box-shadow: none; } #divOffreBien .formBlockContent .noUi-connect{ background-color: #0090d1; } #divOffreBien .formBlockContent .noUi-handle{ width: 13px; height: 13px; background-repeat: no-repeat; background-image: url('../images/slider_select_btn.png'); background-position:0 0; left:-7px; top:-5px; border:none; border-radius: 0; box-shadow: none; } #divOffreBien .formBlockContent .noUi-handle:before, #divOffreBien .formBlockContent .noUi-handle:after{ display: none; } #divOffreBien .formBlockContent .noUi-handle:hover, #divOffreBien .formBlockContent .noUi-handle.noUi-active{ background-position:0 bottom; cursor: pointer; } #logementMinValue,#logement-slider,#logementMaxValue, #loyerMinValue,#loyer-slider,#loyerMaxValue, #surfaceMinValue,#surface-slider,#surfaceMaxValue{ display: block; float: left; } #logementMinValue,#logementMaxValue, #loyerMinValue,#loyerMaxValue, #surfaceMinValue,#surfaceMaxValue{ color:#7e726c; font-size: 12px; margin: 0 9px; } #loyerMinValue{ min-width: 43px; } #surfaceMinValue{ min-width: 38px; } #logementMaxValue, #loyerMaxValue, #surfaceMaxValue{ margin: 0 0 0 9px; } #logement-slider,#loyer-slider,#surface-slider{ margin-top: 5px; } #divOffreBien .formBlockContent TABLE TR TD .critereMoins:hover{ background-position: 0 -13px; } /*Tag STYLE*/ .tagContainer{ display: inline; margin-left: 118px; } #divOffreBien .staticTag, .tag, .tagCanton{ background-color: #c3c3c3; padding: 2.5px 6px; position: relative; top: 0px; color: white; display: inline-block; margin: 0 5px 10px; font-weight: bold; } #carteSelectionTags .tag{ margin: 0 0 10px; font-weight: bold; } #carteSelectionTags{ margin-bottom: 10px; } #divOffreBien .tag:hover, .tagCanton:hover{ background-color: #ee8018; cursor: pointer; } /*#formRechercheLogement .tag a, .tagCanton a{ color: white; text-decoration: none; }*/ #divOffreBien .formBlockContent TABLE TR h5{ display: inline-block; margin: 0; padding-left: 10px; float: left; } .formBlockContent TABLE TR TD.intitule{ margin-right:5px; vertical-align:middle; padding-top:10px; margin-left:15px; } .formBlockContent TABLE TR TD.space{ /*width:120px;*/ width:140px; border-right:1px solid #d1d0d0; padding-left:20px; } .formBlockContent TABLE TR TD.space.noborder{ border:none; } #divOffreBien .formBlockContent TABLE TR TD.space{ width: auto; } #divOffreBien .formBlockContent TABLE TR TD.nobottom{ padding: 10px 15px 0 12px; } #divOffreBien .formBlockContent TABLE TR TD.nobottom h5{ padding-left: 3px; } #divOffreBien .carteLink{ position: absolute; height: 28px; width: 95px; top: 7px; left: 130px; text-indent: -99999px; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/search_map_btn.jpg); } #divOffreBien .carteLink:hover{ background-position: 0 bottom; } #divOffreBien input.commune{ position: relative; left: 117px; font: 13px sans-serif; min-height: 21px; min-width: 170px; margin-bottom: 12px; } #divOffreBien input.communeIE8{ margin: 0 0 10px 10px; } #divOffreBien ::-webkit-input-placeholder { /* WebKit browsers */ font-size: 10px; font-style: italic; line-height: 1.5em; } #divOffreBien :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ font-size: 10px; font-style: italic; line-height: 1.5em; } #divOffreBien ::-moz-placeholder { /* Mozilla Firefox 19+ */ font-size: 10px; font-style: italic; line-height: 1.5em; } #divOffreBien input.commune:-ms-input-placeholder { /* Internet Explorer 10+ */ font-size: 10px; font-style: italic; line-height: 1.5em; } .reference{ position: relative; top: -4px; margin-left: 30px; font: 13px sans-serif; } #divOffreBien .formBlockContent TABLE TR TD{ width: auto; position: relative; } #logement .formBlockContent TABLE TR TD.intitule, #logementForm .formBlockContent TABLE TR TD.intitule{ width:110px; /*margin-right:25px;*/ height:40px; line-height:115%; /*vertical-align:text-top;*/ } #logement input[type="radio"], #logementForm input[type="radio"]{ vertical-align:middle; } #logement .textField, #logementForm .textField{ margin-right:25px; } .blockFormulaireVert .formBlockContent TABLE TR TD.intitule{ width:80px; } .formBlockContent TABLE TR TD.title{ margin-bottom:0px; } #logement .blockFormulairefull, #logement .blockFormulaireVertFull, #logementForm .blockFormulairefull, #logementForm .blockFormulaireVertFull{ width:660px; } #logement .container, #logementForm .container{ float:left; width:690px; } #logement .container .submitBtn, #logementForm .container .submitBtn{ margin-top:20px; margin-right:0px; } .formBlockContent TABLE TR TD INPUT.textField, .formBlockContent TABLE TR TD.infos SELECT.textField, .formBlockContent TABLE TR TD INPUT.textFieldSmall, .formBlockContent TABLE TR TD TEXTAREA{ width:160px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; /*-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;*/ border:1px solid #BBB; padding:4px; box-shadow:inset 0 0 3px #CCC; -moz-box-shadow:inset 0 0 3px #CCC; -webkit-box-shadow:inset 0 0 3px #CCC; } .formBlockContent TABLE TR TD INPUT.textFieldSmall{ width:40px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } .formBlockContent TABLE TR TD input[type=text]::-ms-clear { display:none; } .formBlockContent TABLE TR TD input:-ms-input-placeholder { max-width:170px; } .formBlockContent TABLE TR TD SELECT.textField{ width:160px; padding:2px 0; margin-top:2px; color : #75726d; } #localiser .formBlockContent TABLE TR TD SELECT.textField{ width:145px; } #localiser .formBlockContent table tr td{ margin-bottom:0px; } .formBlockContent UL { margin-left: 20px; } .formBlockContent input[type="radio"] { vertical-align: top; } #carte{ border:solid 16px #0090d0; } .modal.current{ position:relative; min-width: 970px; } .modal.current .carteTitre{ position: absolute; top: -6px; left: -8px; } .modal.current .close-modal{ position: absolute; text-indent: -99999px; top:10px; right:10px; width:15px; height:15px; background-position:0 0; background-repeat: no-repeat; background-image: url('../images/carteClose.png'); } .modal.current .close-modal:hover{ background-position:0 -15px; } #canvas_map svg{ margin: auto; display: block; } .modal.current .carteSelection{ width: 215px; position: absolute; top:100px; right:80px; } .modal.current .carteSelection div#messageLMH{ padding: 10px; color: #fff; font-size: 12px; font-weight: bold; background-color: #0090d0; margin-bottom: 20px; display: none; } .modal.current .carteSelection div#messageLMH a{ color: #fff; text-decoration: underline; } .modal.current .carteSelection h4{ font-weight: 800; font-size: 14px; color:#0090d0; text-transform: uppercase; padding-bottom: 20px; border-bottom: solid 1px #0090d0; margin-bottom: 20px; } .modal.current .carteSelection a#carteSelectionValider{ text-indent: -9999px; width: 75px; height:25px; display: inline-block; background-image: url(../images/valider.png); background-repeat: no-repeat; background-position: 0 bottom; } .modal.current .carteSelection a:hover{ background-position: 0 bottom; } .modal.current .carteSelection p{ margin-bottom: 20px; } .modal.current #carteSelectionHover{ font-weight: 800; font-size: 14px; color: #0090d0; text-transform: uppercase; position: absolute; left:-600px; top: 500px; } .modal.current .carteVilles{ width: 540px; height: 652px; display: block; position: absolute; top: 94px; left: 55.5%; margin-left: -270px; background: url(../images/carteVilles.png) no-repeat 0 0; background-size: 81%; pointer-events: none; } #formEndingBlock{ width:100%; float:left; clear:both; height:35px; margin-top:15px; padding-bottom:15px; border-bottom:1px dotted #1090C9; } /* Alertes btn */ #formEndingBlock .saveAlerte{ width:146px; height:18px; background-position:0 0; background-repeat: no-repeat; background-image: url('../images/search_enregistrer.jpg'); float:left; margin-left: 16px; margin-top: 9px; } #formEndingBlock .saveAlerte:hover, #formEndingBlock .gererAlerte:hover{ background-position: 0 bottom; cursor: pointer; } #formEndingBlock .gererAlerte{ width:146px; height:15px; background-position:0 0; background-repeat: no-repeat; float:left; margin-left: 16px; margin-top: 5px; } /* reset btn */ #formEndingBlock .reset{ text-indent: -9999px; width:160px; height:18px; background-position:0 0px; background-repeat: no-repeat; background-image: url('../images/search_reinitialiser.jpg'); float:left; margin-left: 32px; margin-top: 9px; position: relative; top:-1px; } #formEndingBlock .reset:hover{ background-position: 0 -20px; cursor: pointer; } div.reset{ float:left; cursor:pointer; } div.reset A{ font-family:Georgia, "Times New Roman", Times, serif; color:#75726d; font-style:italic; text-decoration:underline; font-size:8pt; } div.reset A:hover{ color:#1090C9; } div.submitBtn, submitBtnShort{ float:right; height:30px; cursor:pointer; width:auto; /margin-top:5px; /padding:0; } submitBtnShort{ /width:40px; } span.btnOrangeCorner, div.btnOrangeCorner, span.btnOrangeCornerShort{ background:url(../images/corner_btn_orange.png) no-repeat top left; float:left; height:30px; width:18px; display:inline-block; } INPUT.btnOrange, INPUT.btnOrangeShort{ background:url(../images/btn_bg_orange.png) repeat-x top left; float:left; height:30px; width:auto; color:#FFF; border:0px; padding-left:0px; text-transform:uppercase; font-weight:bold; display:inline-block; } INPUT.btnOrangeShort{ height:20px; font-size:8pt; width:25px; margin-top:2px; display:inline-block; } span.btnOrangeCornerShort{ width:12px; height:20px; margin-top:2px; display:inline-block; } /* for rechercher btn */ #formEndingBlock .rechercher input{ text-indent: -9999px; background:transparent; background-image: url(../images/search_btn.jpg) ; width: 107px; height: 25px; background-repeat: no-repeat; background-position: 0px bottom; } #formEndingBlock .rechercher input:hover{ background-position: 0px bottom; } #resultBlock{ width:100%; } .resultLine{ color:#323232; font-size:18px; float:left; margin-top:30px; } #formEndingBlock .resultTools{ margin-top:5px; } .resultTools{ float:right; display:block; width: auto; } .hSpacer{ height:10px; width:15px; float:right; } #localiserWrap .resultTools{ margin-top:-15px; } .resultTools .saveSelection, .resultTools .saveAlerte, .resultTools .gererAlerte{ height:15px; padding-left:22px; float:left; margin-left:15px; } .resultTools .saveSelection{ background:url(../images/picto_search_save.png) no-repeat 0 0; } .resultTools .saveSelection:hover{ background:url(../images/picto_search_save.png) no-repeat 0 -15px; color:#ee7f07; } .resultTools .saveSelection A:hover, .resultTools .saveSelection:hover A{ color:#ee7f07; } /*GLOBAL STYLE FOR STYLED-SELECT*/ .styled-select .filterSelection{ font-weight: bold; color:#0090d0; text-transform: uppercase; text-decoration: none; height: 18px; border: none; background: transparent; vertical-align: top; border-radius: 0; appearance:none; -moz-appearance:none; /* Firefox */ -webkit-appearance:none; /* Safari and Chrome */ } .styled-select .filterSelection:hover{ color:#f07f00; cursor: pointer; } .styled-select { height: 18px; overflow: hidden; background: url(../images/carret.png) no-repeat right 0; } .styled-select:hover{ background: url(../images/carret.png) no-repeat right bottom; } /*STYLED-SELECT for results*/ .resultTools .styled-select{ margin:30px 0 15px; display: inline-block; width: 268px; } .resultTools .styled-select.specificIE{ display: inline; background:none; } .resultTools .styled-select .filterSelection{ width: 289px; } .resultTools .styled-select.specificIE .filterSelection{ width: 250px; } /*STYLED-SELECT for form*/ #divOffreBien .formBlockContent .criterePlusRows .styled-select{ width: 230px; display: inline-block; margin: 0 15px 10px 0; } #divOffreBien .formBlockContent .criterePlusRows .styled-select .filterSelection{ width: 208px; } /*END*/ /*CHECKBOXES*/ #divOffreBien .formBlockContent #criteresAvancesRow TABLE{ padding-top: 5px; } #divOffreBien .formBlockContent #criteresAvancesRow TABLE TR TD{ width: auto; padding: 7px 0 3px; } #criteresAvancesRow .tableAdvancedCriteriaNotIE input[type="checkbox"]{ display: none; } #criteresAvancesRow .tableAdvancedCriteriaIE input[type="checkbox"]{ display: inline-block; } #criteresAvancesRow label{ /*width: 169px;*/ display: block; margin-right: 14px; } #criteresAvancesRow .tableAdvancedCriteriaNotIE label input[type="checkbox"] + span { display:inline-block; width: 19px; height: 19px; margin: -1px 8px 0 0; vertical-align: middle; background: url(../images/checkbox_sprite.png) left top no-repeat; cursor: pointer; } #criteresAvancesRow .tableAdvancedCriteriaIE label input[type="checkbox"] + span { display: none; width: 19px; height: 19px; margin: -1px 8px 0 0; vertical-align: middle; background: url(../images/checkbox_sprite.png) left top no-repeat; cursor: pointer; } #criteresAvancesRow label input[type="checkbox"]:checked + span { background:url(../images/checkbox_sprite.png) -19px top no-repeat; } /*END*/ #divOffreBien .formBlockContent .criterePlusRows TABLE TR TD{ width:auto; } .resultTools span{ display: inline-block; border-right:1px dotted #0090d0; height: 45px; position: relative; top: 15px; margin: 0 20px; } .resultTools .printSelection{ background:url(../images/picto_search_print.png) no-repeat 0 0; text-indent: -9999px; height:15px; width: 17px; display: inline-block; margin:30px 20px 15px 0; } .resultTools .printSelection:hover{ background:url(../images/picto_search_print.png) no-repeat 0 -15px; color:#ee7f07; } .resultTools .printSelection A:hover, .resultTools .printSelection:hover A{ color:#ee7f07; } .resultTools .saveAlerte, .resultTools .gererAlerte, #quittances .gererAlerte, #contrat .gererAlerte{ background:url(../images/picto_alerte.png) no-repeat 0 0; padding-left:20px; } #quittances .gererAlerte, #contrat .gererAlerte{ height:15px; float:left; clear:both; color:#0091CE; width:100%; margin-bottom:10px; } .resultTools .saveAlerte:hover, .resultTools .gererAlerte:hover{ background:url(../images/picto_alerte.png) no-repeat 0 -15px; color:#ee7f07; } .resultTools .saveAlerte A:hover, .resultTools .saveAlerte:hover A, .resultTools .gererAlerte A:hover, .resultTools .gererAlerte:hover A{ color:#ee7f07; } .resultTools .saveSelection A, .resultTools .printSelection A, .resultTools .saveAlerte A,.resultTools .gererAlerte A{ text-decoration:underline; color:#1090C9; } .resultList{ width:815px; border-top:1px dotted #1090C9; border-bottom:1px dotted #1090C9; padding:20px 0; float:left; /*clear:both;*/ margin:15px 0px 0px 0px; /*height:300px;*/ position:relative; } /* result list for form */ .resultList .result{ margin:10px 0; width: 100%; } .resultList .result:after{ content: " "; display: table; clear:both; } .resultList .result .resultImage, .resultList .result .resultContent, .resultList .result .resultPlus{ float:left; } .resultList .result .resultImage{ width: 224px; display: block; } .resultList .result .resultImage img{ width: 100%; /* delete if thumbnails are automatically generated at the right height */ height: 165px; } .resultList .result .resultContent{ width: 410px; margin:0 30px; padding:15px 0; } .resultList .result .resultContent h4{ font-size: 18px; color:#323232; font-weight: 800; margin:0; } .resultList .result .resultContent .price, .resultList .result .resultContent p{ color:#a0a0a; } .resultList .result .resultContent .price{ font-size: 30px; margin: 7px 0; display: inline-block; line-height: 1em; } .resultList .result .resultContent p{ margin:0; } .resultList .result .resultPlus{ position:relative; width: 105px; } .resultList .result .resultPlus a{ text-indent: -9999px; width: 105px; height: 75px; display: block; background:url(../images/resultPlus.png) no-repeat 0 0; position: absolute; top: 90px; right: -16px; } .resultList .result .resultPlus a:hover{ background:url(../images/resultPlus.png) no-repeat 0 bottom; } /* end result list */ /* old results list, kept alive if used somewhere else */ #eau .resultList{ border-bottom:none; } .resultList .colRight{ float:right; width:215px; /width:250px; /margin-right:15px; } .resultList TABLE{ background:url(../images/picto_triangle_bleu.png) no-repeat 10px 0 #e8e8e4; border-spacing:10px; cell-padding:0px; border:0; margin:0; padding:0; } .resultList TABLE.eau, .resultList TABLE.compte, .resultList TABLE.liste, .resultList TABLE.message{ background:none; border-spacing:0px; cell-padding:0px; border:0; margin:0; padding:0; float:left; border-collapse:collapse; } .resultList TABLE.eau{ width:305px; float:right; /*margin-right:10px;*/ } .resultList TABLE.compte{ width:540px; float:left; margin-bottom:20px; } .resultList TABLE.liste{ width:400px; float:left; margin-bottom:20px; } .resultList TABLE.message{ width:800px; float:left; margin-bottom:20px; border-collapse:collapse; } .resultList TABLE TR TH{ padding:5px 5px 0 5px; height:40px; vertical-align:bottom; color:#000; font-weight:normal; text-align:left; border-collapse:collapse; } #contentWrap .resultList TABLE.eau TR TH, #contentWrap .resultList TABLE.eau TR:hover TH, #contentWrap .resultList TABLE.eau TR TH:hover, #contentWrap .resultList TABLE.compte TR TH, #contentWrap .resultList TABLE.compte TR:hover TH, #contentWrap .resultList TABLE.compte TR TH:hover, #contentWrap .resultList TABLE.liste TR TH, #contentWrap .resultList TABLE.liste TR:hover TH, #contentWrap .resultList TABLE.liste TR TH:hover, #contentWrap .resultList TABLE.message TR TH, #contentWrap .resultList TABLE.message TR:hover TH, #contentWrap .resultList TABLE.message TR TH:hover{ font-weight:bold; font-size:10pt; padding:5px 15px; vertical-align:middle; color:#FFF; /*background:url(../images/cache.png) no-repeat right -1px #17A345;*/ background-color:#17A345; } #contentWrap .resultList TABLE.liste TR TD.cacheNoborder, #contentWrap .resultList TABLE.message TR TD.cacheNoborder, #contentWrap .resultList TABLE.eau TR TD.cacheNoborder, #contentWrap .resultList TABLE.compte TR TD.cacheNoborder{ width:20px; border-bottom:0px; padding:0px; } #contentWrap .resultList TABLE.liste TR TD.cacheNoborder:hover, #contentWrap .resultList TABLE.liste TR:hover TD.cacheNoborder, #contentWrap .resultList TABLE.message TR TD.cacheNoborder:hover, #contentWrap .resultList TABLE.message TR:hover TD.cacheNoborder, #contentWrap .resultList TABLE.eau TR TD.cacheNoborder:hover, #contentWrap .resultList TABLE.eau TR:hover TD.cacheNoborder, #contentWrap .resultList TABLE.compte TR TD.cacheNoborder:hover, #contentWrap .resultList TABLE.compte TR:hover TD.cacheNoborder{ background-color:#FFF; padding:0px; } #contentWrap .resultList TABLE.liste TR TH.cacheNoborder, #contentWrap .resultList TABLE.liste TR TH.cacheNoborder:hover, #contentWrap .resultList TABLE.liste TR:hover TH.cacheNoborder, #contentWrap .resultList TABLE.message TR TH.cacheNoborder, #contentWrap .resultList TABLE.message TR TH.cacheNoborder:hover, #contentWrap .resultList TABLE.message TR:hover TH.cacheNoborder, #contentWrap .resultList TABLE.compte TR TH.cacheNoborder, #contentWrap .resultList TABLE.compte TR TH.cacheNoborder:hover, #contentWrap .resultList TABLE.compte TR:hover TH.cacheNoborder{ background:url(../images/cache_02.png) no-repeat left -18px #FFF; width:20px; padding:0px; } #contentWrap .resultList TABLE.eau TR TH.cacheNoborder, #contentWrap .resultList TABLE.eau TR TH.cacheNoborder:hover, #contentWrap .resultList TABLE.eau TR:hover TH.cacheNoborder{ background:url(../images/cache_02.png) no-repeat right -10px #FFF; width:20px; padding:0px; } /*#contentWrap .resultList TABLE.liste TR TH, #contentWrap .resultList TABLE.liste TR:hover TH, #contentWrap .resultList TABLE.liste TR TH:hover, #contentWrap .resultList TABLE.message TR TH, #contentWrap .resultList TABLE.message TR:hover TH, #contentWrap .resultList TABLE.message TR TH:hover{ background:#17A345; font-weight:bold; font-size:10pt; padding:5px 15px; vertical-align:middle; color:#FFF; }*/ .resultList TABLE.eau TR TD{ width:100px; border-bottom:1px solid #CCC; padding:0px 15px; } .resultList TABLE.compte TR TD, .resultList TABLE.liste TR TD, .resultList TABLE.message TR TD{ /*width:140px;*/ border-bottom:1px solid #CCC; padding:5px; } .resultList TABLE.message TR TD{ width:80px; } .resultList TABLE.message TR TD.message{ width:400px; line-height:140%; padding:10px 30px 10px 20px; padding:10px 30px 10px 20px !ie; border-left:1px dotted #CCC; } div.suite{ float:right; position:relative; left:12px; bottom:12px; line-height:0%; left:18px\9; bottom:10px\9; /line-height:120%; /height:15px; /bottom:18px; /padding:0px; /margin:0px; } .resultList TABLE.eau TR:hover TD, .resultList TABLE.compte TR:hover TD, .resultList TABLE.liste TR:hover TD, .resultList TABLE.message TR:hover TD{ /*background:url(../images/bg_table_hover.png) repeat-y right 0 #75726D;*/ background:#75726D; border-bottom:1px solid #FFF; } .resultList TABLE.eau TR TH, .resultList TABLE.compte TR TH, .resultList TABLE.liste TR TH, .resultList TABLE.message TR TH{ height:20px; } .resultList TABLE.eau TR TH A, .resultList TABLE.eau TR TH A:hover, .resultList TABLE.compte TR TH A, .resultList TABLE.compte TR TH A:hover, .resultList TABLE.liste TR TH A, .resultList TABLE.compte TR TH A:hover, .resultList TABLE.message TR TH A, .resultList TABLE.message TR TH A:hover{ text-decoration:none; color:#FFF; } .resultList TABLE TR TH.on, #contentWrap .resultList TABLE TR TH.headerSortDown{ background:url(../images/fleche_result_off.png) no-repeat right 30px; } .resultList TABLE TR TH.on, #contentWrap .resultList TABLE.eau TR TH.headerSortDown, .resultList TABLE TR TH.on, #contentWrap .resultList TABLE.compte TR TH.headerSortDown, .resultList TABLE TR TH.on, #contentWrap .resultList TABLE.compte TR TH.headerSortDown, .resultList TABLE TR TH.on, #contentWrap .resultList TABLE.liste TR TH.headerSortDown, .resultList TABLE TR TH.on, #contentWrap .resultList TABLE.message TR TH.headerSortDown{ background:url(../images/fleche_classement_off.png) no-repeat right center #17A345; } .resultList TABLE TR TH.off, #contentWrap .resultList TABLE TR TH.headerSortUp{ background:url(../images/fleche_result_on.png) no-repeat right 30px; } .resultList TABLE TR TH.off, #contentWrap .resultList TABLE.eau TR TH.headerSortUp, .resultList TABLE TR TH.off, #contentWrap .resultList TABLE.compte TR TH.headerSortUp, .resultList TABLE TR TH.off, #contentWrap .resultList TABLE.compte TR TH.headerSortUp, .resultList TABLE TR TH.on, #contentWrap .resultList TABLE.liste TR TH.headerSortUp, .resultList TABLE TR TH.off, #contentWrap .resultList TABLE.message TR TH.headerSortUp{ background:url(../images/fleche_classement_on.png) no-repeat right center #17A345; } /*.resultList TABLE.eau TR TH A span.on, .resultList TABLE.compte TR TH A span.on, .resultList TABLE.liste TR TH A span.on, .resultList TABLE.message TR TH A span.on{ background:url(../images/fleche_classement_on.png) no-repeat right 0px; padding-right:25px; } .resultList TABLE.eau TR TH A span.off, .resultList TABLE.compte TR TH A span.off, .resultList TABLE.liste TR TH A span.off, .resultList TABLE.message TR TH A span.off{ background:url(../images/fleche_classement_off.png) no-repeat right 0px; padding-right:25px; } .resultList TABLE.eau TR TH.off, .resultList TABLE.compte TR TH.off, .resultList TABLE.liste TR TH.off, .resultList TABLE.message TR TH.off{ background:url(../images/fleche_classement_on.png) no-repeat 120px 10px; }*/ .resultList TABLE TR, .resultList TABLE TR.TabLineResult{ border:0px; margin:0px; padding:0px; } .resultList TABLE TR, .resultList TABLE TR.TabLineResult .contentMessage{ overflow:hidden; height: 35px; } .resultList TABLE TR TD{ padding:0px 5px; background-color:transparent; text-align:left; vertical-align:middle; border:0px; margin:0px; height:35px; border-collapse:separate; border-spacing:10px; /*height:30px;*/ font-size:9pt; /margin-bottom:5px; line-height:85%; } /*ODR Modif*/ .resultList TABLE TR:hover TD, .resultList TABLE TR:hover TD A{ color:#FFF; background-color:#B0ABA4; cursor:pointer; } .resultList TABLE.eau TR:hover TD, .resultList TABLE.eau TR:hover TD A{ cursor:default; } .resultList TABLE TR TD A{ text-decoration:none; color:#75726d; } .resultList TABLE TR TD A:hover { } #contentWrap .resultList TABLE TR:hover TD.thumb, #contentWrap .resultList TABLE TR:hover TH { color:#000; background-color:transparent; cursor:pointer; } .resultList TABLE TR TD.thumb{ width:60px; padding:0px 0px 0px 0px; height:35px; background-color:transparent; } .resultList TABLE TR TD.thumb:hover{ cursor:pointer; } .resultList TABLE TR TD.thumb IMG{ padding:0px; margin:0px; } .resultZoom{ /*background-color:#B0ABA4;*/ padding:14px; width:268px; position:absolute; z-index:10000; /*bottom:150px;*/ background:url(../images/picto_triangle_vertical.png) no-repeat right center; /*margin-left:-280px;*/ /*display:none;*/ /*zoom:1;*/ height:auto; float:none; top:0px; margin-left:-282px; display:none; } .resultZoom IMG{ border:10px solid #B0ABA4; } /*end old result list*/ /* bottom bar at the end of result list*/ .bottombar{ float: left; width: 100%; height: 26px; padding-bottom:15px; margin-bottom: 30px; margin-top: 15px; } .bottombarIE{ float: left; width: 100%; padding-bottom:15px; margin-bottom: 10px; margin-top: 15px; } .pagination + .bottombar{ margin-top:-26px; } .pagination + .bottombarIE{ margin-top:-26px; } .bottombar .resultProximite{ width: 30%; float: left; } .bottombarIE .resultProximite{ width: 30%; float: left; } .bottombar .resultNav{ width: 70%; color:#FFF; font-size:10pt; float:right; display:inline-block; text-align: right } .bottombarIE.resultNav{ width: 70%; color:#FFF; font-size:10pt; float:right; display:inline-block; text-align: right } .resultNav TABLE TR TD{ padding-right:5px; } .resultNav a{ color:#FFF; font-weight:normal; font-size:10pt; text-decoration:underline; display:inline-block; width: 33px; height: 25px; background:url(../images/pagination.png) center center no-repeat; line-height: 26px; text-decoration: none; text-align: center; } .resultNav a:hover{ background-position: center bottom; } .resultNav a.active{ background-position: center top; } .resultNav SPAN A, .resultNav SPAN{ font-size:8pt; display:inline-block; font-weight:normal; } .resultNav SPAN{ color:#75726D; } #elementSeparator{ clear:both; width:815px; margin:20px 0; padding-top:20px; border-top:1px dotted #1090C9; } #elementBlock, #elementBlockVert{ width:100%; padding:15px; color:#FFF; float:right; margin-bottom:15px; } #elementBlock { background:#1090C9; } #elementBlockVert { background:#17A345; } #elementBlockVert P{ padding-top:2px; } #elementBlockVert P IMG{ vertical-align:middle; } #elementBlock SPAN{ font-size:18pt; text-align:center; margin:0 auto; float:right; } #elementBlockVert div.submitBtn{ float:none; margin:10px auto 8px auto; /*width:210px;*/ padding-left:25px; } #elementBlockVert P{ text-align:center; } #graphEau{ float:left; width:490px; height:auto; /*background:#CCC;*/ vertical-align:top; margin-top:0px; /*padding:10px;*/ } #graphEau .blockFormulaire{ margin-top:0px; width:460px; } HR.separator{ border-top:1px dotted #1090C9; border-bottom:none; border-left:none; border-right:none; width:100%; float:left; clear:both; margin-top:25px; } #localiserWrap{ } #localiser{ width:100%; float:left; clear:both; } #localiser .blockFormulaireRight ul, #localiser .blockFormulaireCollapse ul{ padding-left:25px; } #localiser .blockFormulaireRight ul li, #localiser .blockFormulaireCollapse ul li, ul li.agenceOff{ list-style-image:url(../images/puce_result_agence_off.png); margin-bottom:8px; } #localiser .blockFormulaireRight ul li A, #localiser .blockFormulaireCollapse ul li A, ul li.agenceOff A{ text-decoration:none; color:#75726d; } #localiser .blockFormulaireRight ul li.agenceOn, #localiser .blockFormulaireRight ul li:hover, #localiser .blockFormulaireCollapse ul li.agenceOn, #localiser .blockFormulaireCollapse ul li:hover, ul li.agenceOn{ list-style-image:url(../images/puce_result_agence_on.png); margin-bottom:8px; } #localiser .blockFormulaireRight ul li.agenceOn A, #localiser .blockFormulaireRight ul li A:hover, #localiser .blockFormulaireCollapse ul li.agenceOn A, #localiser .blockFormulaireCollapse ul li A:hover, ul li.agenceOn A{ text-decoration:underline; color:#0091CE; } #colLeft{ float:left; } #colRight{ float:right; width:400px; } .googleMapWrap{ height:auto; } .googleMap{ width:100%; height:100%; /*margin-top:-20px;*/ /*position:absolute;*/ z-index:-10000; float:left; } .resultAgence{ width:388px; background:url(../images/picto_triangle_blanc.png) no-repeat 10px 0 #e8e8e4 ; float:right; height:auto; clear:both; margin-top:5px; padding-top:20px; padding-bottom:20px; padding-left:10px; } .resultAgence IMG{ float:left; margin-right:10px; } .resultScrollWrap{ width:18px; height:auto; position:absolute; right:318px; margin-top:40px; float:right; } .blockFormulaireCollapse .resultScrollWrap{ margin-top:-20px; } .resultScrollTop, .resultScrollBottom{ height:9px; width:18px } .resultScrollTop{ background:url(../images/bg_scroll_top.png) no-repeat 0 0 ; } .resultScrollBottom{ background:url(../images/bg_scroll_bottom.png) no-repeat 0 0 ; } .resultScroll{ width:18px; height:200px; background-color:#FFF; } .blockFormulaireCollapse .resultScroll{ width:18px; height:100px; background-color:#FFF; } .resultAgenceContent{ float:left; width:200px; } .resultAgenceContent P{ color:#000; margin-bottom:10px; font-size:9pt; } .resultAgenceInfos{ /*background:url(../images/bg_scroll_listcommunues.png) no-repeat right bottom;*/ float:right; border-left: 1px dotted #0091CE; width:150px; padding-left:15px; } .resultAgenceInfos UL LI{ color:#0091CE; text-transform:uppercase; font-size:7pt; list-style-type:none; margin-bottom:5px; } .infosPersos{ width:90%; padding:10px 10px 10px 15px; } .infosPersos SPAN{ color:#555; } .infosPersos SPAN.blue{ color:#1090C9; /* NBA correction on retire cette mise en forme */ /*text-transform:uppercase;*/ } .infosPersos P{ border-bottom:1px dotted #B0ABA4; padding-bottom:2px; margin-bottom:10px; } .rightEnding{ width:390px; float:right; margin-top:5px; } p.mention{ font-size:7pt; padding-left:20px; /padding-left:0px; width:100%; float:right; clear:both; height:25px; margin-bottom:5px; } .top{ background:url(../images/top.png) no-repeat 0 1px; height:15px; padding-left:18px; margin:15px 0 5px 0; clear:both; } .top:hover{ background:url(../images/top.png) no-repeat 0 -14px; color:#EE7F07; } .top A{ color:#1090C9; } .top A:hover, .top:hover A{ color:#EE7F07; } #questions{ width:100%; float:left; } #questions .blockFormulaireVert, #questions .blockFormulaire{ width:535px; float:left; } #questions .blockFormulaireVert { display:none; } #questions .blockFormulaireVert TABLE TR TD.intitule, #questions .blockFormulaire TABLE TR TD.intitule{ /*Augmentation taille des champs de gauche*/ width:150px; padding-right:0px; } #questions .blockFormulaireVert TABLE TR TD INPUT.textField, #questions .blockFormulaire TABLE TR TD SELECT.textField, #questions .blockFormulaireVert TABLE TR TEXTAREA{ width:300px; } #questions .blockFormulaireVert TABLE TR TD.intitule SPAN{ /*Modification taille de la police*/ /*font-size:7pt;*/ vertical-align:middle; } #questions .blockFormulaireVert TABLE TR TEXTAREA.message{ height:150px; } #questions #tabLigneBesoin3, #questions #tabLigneBesoin2{ display:none; } #questions .submitBtn{ margin:20px 3px 20px 0; } #questions .colLeft{ width:570px; float:left; } #questions .colRight{ width:200px; float:right; margin-right:20px; } #questions .colRight .contentRightCol{ margin-top:20px; width:80%; padding-left:30px; } #quittance{ } .blockDate{ background:url(../images/cache_left.png) no-repeat -1px -1px #E8E8E4; width:75px; height:72px; float:left; padding:10px 15px; margin:0 22px 20px 0; display:block; text-align:center; color:#000; font-size:10.5pt; line-height:110%; cursor: pointer; } .blockDateUnavailable{ width:75px; height:72px; float:left; padding:10px 15px; margin:0 22px 20px 0; display:block; text-align:center; color:#000; font-size:10.5pt; line-height:110%; } .blockDate SPAN{ height:25px; vertical-align:middle; display:block; border-bottom:1px solid #FFF; margin-bottom:10px; } .blockDateUnavailable SPAN{ height:25px; vertical-align:middle; display:block; border-bottom:1px solid #FFF; margin-bottom:10px; } .blockDate .Active SPAN{ border-bottom:0px; } .blockDate .selected, .blockDate:hover .selected{ width:26px; height:32px; clear:both; display:block; margin:6px auto 0 auto; /*float:left;*/ border-bottom:0px; } .blockDateUnavailable .selected { width:26px; height:32px; clear:both; display:block; margin:6px auto 0 auto; /*float:left;*/ border-bottom:0px; } .blockDate .selected{ background:url(../images/quittance_01.png) no-repeat 0 0; } .blockDateUnavailable .selected{ background:url(../images/quittance_01.png) no-repeat 0 0; } .Active .selected, .blockDate:hover .selected{ background:url(../images/quittance_01.png) no-repeat 0 -32px; } .blockDate:hover, .Active{ background-color:#0091CE; color:#FFF; } .blockDate:hover SPAN, .Active SPAN{ border-bottom:0px; } #quittances .submitBtn{ margin:0px 40px 10px 0; } a.pdf, .resultList table tr td a.pdf{ color:#0091CE; text-decoration:underline; background:url(../images/pdf.png) no-repeat 0 0px; padding:1px 0 5px 20px; height:31px; } a:hover.pdf, .resultList table tr td a:hover.pdf, .resultList table tr td:hover a.pdf, .resultList table tr:hover td a.pdf{ background:url(../images/pdf.png) no-repeat 0px -15px; color:#FFF; } #locationLogement, #locationStationnement, #locationLocaux, #venteLogement, #venteStationnement, #venteLocaux{ display:none; } .accordeonTitre, .Open{ margin:0px; padding:1px 0px 2px 10px; border-bottom:1px dotted #0091CE; cursor:pointer; background:url(../images/puce.png) no-repeat left 11px; /*background:url(../images/puce.png) no-repeat left 13px;*/ } #contentFull .colLeft .accordeonTitre H4{ color:#75726D; } #contentFull .colLeft .Open H4{ color:#0091CE; } .accordeonImg, .imgOpen{ margin-bottom:10px; cursor:pointer; } .accordeonImg IMG, .imgOpen IMG{ border:0px; margin:0px; padding:0px; } .accordeonImg{ opacity:0.40; filter:alpha(opacity=40); /* MSIE/PC */ -moz-opacity: 0.4; /* Mozilla 1.6 and older */ } .imgOpen{ opacity:1; filter:alpha(opacity=100); /* MSIE/PC */ -moz-opacity: 1; /* Mozilla 1.6 and older */ /border:3px solid #1090C9; } .accordeonContent{ padding:0 0 15px 30px; border-bottom:1px dotted #0091CE; } .accordeonContent .contentIntro{ padding-left:0px; } #accordeon01{ /*background-color:#CCC;*/ } #contrat{ margin-top:25px; height:auto; } .blockContrat{ width:130px; height:130px; float:left; margin-bottom:20px; cursor:pointer; } .blockContrat .blockDate{ margin-bottom:5px; } .blockContrat span{ display:block; clear:both; float:left; text-align:center; width:105px; line-height:105%; background:#17A345; padding:5px 0; color:#FFF; font-size:9pt; /*ODR Modif*/ /*height:30px; vertical-align:middle;*/ } .blockContrat:hover span{ /*background:#0091CE url(../images/telecharger_pdf.png) no-repeat 0 0; text-indent:-9999px;*/ background:#0091CE; } .blockContrat:hover .blockDate{ background:#0091CE url(../images/cache_left.png) no-repeat scroll -1px -1px; } .ascenseur, .garage, .stationnement, .robinetterie, .chauffageIndividuel, .chauffageCollectif, .telereleve, .compteur, .chauffeEau, .ventilation, .climatisation, .ordures, .espacesVerts, .aireDeJeu, .cableTv, .ramonage { width:100%; height:100%; } .blockContrat:hover .ascenseur, .blockContrat:hover .garage, .blockContrat:hover .stationnement, .blockContrat:hover .robinetterie, .blockContrat:hover .chauffageIndividuel, .blockContrat:hover .chauffageCollectif, .blockContrat:hover .telereleve, .blockContrat:hover .compteur, .blockContrat:hover .chauffeEau, .blockContrat:hover .ventilation, .blockContrat:hover .climatisation, .blockContrat:hover .ordures, .blockContrat:hover .espacesVerts, .blockContrat:hover .aireDeJeu, .blockContrat:hover .cableTv, .blockContrat:hover .ramonage { background:url(../images/telecharger_pdf.png) no-repeat center center; } .blockContrat:hover IMG{ display:none; } /* ----------------------- FOOTER ----------------------- */ #footer{ width:100%; /*height:120px;*/ background-color:#58585a; position:fixed; bottom:0px; opacity:0.75; filter:alpha(opacity=75); -moz-opacity:0.75; } .footerTitle{ width:115px; float:left; } #footerContent{ width:815px; margin:20px auto 15px auto; /*opacity:1; filter:alpha(opacity=100); -moz-opacity:1;*/ color:#FFF; float:left; display: table; } .footerSeparator{ background:url(../images/actu_separator.png) no-repeat top right; width:35px; height:70px; float:left; margin:0 16px; } .footerActuBlock{ /*width:280px;*/ width:340px; float:left; font-size:8.5pt; line-height:130%; color:#4d4d48; } .footerActuBlock H4 SPAN{ color:#1090C9; font-weight:normal; } .footerIcons{ float:right; width:17px; height:100%; /*margin-top:-15px;*/ } .footerRss{ width:20px; height:20px; background:url(../images/rss.png) no-repeat bottom right; position:relative; /*top:45px;*/ } a.rss{ width:12px; height:12px; background:url(../images/rss.png) no-repeat 0 0; float:left; } a:hover.rss{ background:url(../images/rss.png) no-repeat 0 bottom; } #footerTop{ width:990px; margin:2px auto; opacity:1; color:#FFF; clear:both; height:16px; cursor:pointer; /*background:url(../images/voir_actus.png) no-repeat 905px 0px;*/ } .voirActus{ float:right; padding-right:8px; } .footerDown{ width:16px; height:14px; background:url(../images/picto_down.png) no-repeat top right; float:right; cursor:pointer; } .footerUp{ width:16px; height:14px; background:url(../images/picto_up.png) no-repeat top right; float:right; cursor:pointer; } /* ----------------------- TITLES H ----------------------- */ h1.logo{ background:url(../images/logo.png) no-repeat top left; width:184px; height:84px; float:left; } #leftColWrap{ width:151px; float:left; } #leftMenu .titleWrap{ background:url(../images/titre_corner.png) no-repeat top right; width:145px; margin-bottom:10px; z-index:10000; height:auto; } #leftMenu .titleWrap H2{ background-color:#0091CE; padding:5px 0px 5px 10px; color:#FFF; width:120px; line-height:100%; } #accesRapide H2{ background:url(../images/acces_rapide_picto.png) no-repeat top left; padding:7px 0 0 28px; color:#FFF; width:165px; height:20px; color:#1BA244; margin-bottom:6px; text-transform:uppercase; font-size:8pt; font-weight:normal; letter-spacing:1.2px; } #contentWrap H3{ color:#323232; font-size:22pt; /*font-size: 40px;*/ /*font-weight: 800;*/ /*text-transform: uppercase;*/ font-weight:normal; margin:15px 0 15px 0; clear:both; line-height:110%; } #contentWrap #content H3{ width:540px; float:left; } #contentWrap #localiserWrap h3{ margin-bottom:0px; } #contentWrap .slideshowTitle H3{ color:#FFF; font-size:18pt; font-weight:bold; margin:0px; line-height:110%; text-transform: initial; } #offres H3{ background:url(../images/nos_offres.png) no-repeat top left; color:#FFF; width:165px; height:20px; text-indent:-9999px; margin-bottom:0px; margin-left:15px; } #footerContent H3.actualites, #footerContent H3.video{ background:url(../images/actualites.png) no-repeat top left; text-indent:-9999px; height:15px; width:95px; float:left; margin:0px; } #footerContent H3.video{ background:url(../images/video.png) no-repeat top left; } #footerContent H3.actuBlockTitle{ margin-bottom:10px; float:none; } #footerContent .picto{ float:left; margin:0px 8px 5px 0; width:60px; height:50px; } #footerContent .capture{ float:left; margin:0px 8px 5px 0; margin-right:12px; width:185px; height:100px; } #contentWrap .titleWrap{ /*background:url(../images/titre_corner.png) no-repeat top right;*/ width:auto; margin-bottom:20px; } #contentWrap .blockFormulaireVert .titleWrap{ position:absolute; /position:absolute; } #blockFormulaireCollapseTitle .titleWrap{ /*margin-left:19px;*/ } #logement H4.title, #logementForm H4.title{ font-size:16pt; font-weight:normal; margin-left:18px; } #logement H4.title SPAN, #logementForm H4.title SPAN{ color:#CCC; vertical-align:bottom; font-weight:normal; } #logement .colRight H4{ font-size:14pt; margin-bottom:10px; } #contentWrap .titleWrap H4, #logement .titleWrap H4, #logementForm .titleWrap H4{ /*background:url(../images/titre_bg.png) repeat-x top left;*/ padding:0px 5px 4px 0px; color:#FFF; width:auto; text-transform:uppercase; background-color:#1090C9; float:left; /*added for #formRechercheLogement --*/ margin: 0; } #logement .titleWrap H4 SPAN, #logementForm .titleWrap H4 SPAN{ text-transform:lowercase; } #logement .titleWrap H4{ padding-bottom:0px; } #contentWrap .blockFormulaireVert .titleWrap H4, #contentWrap .blockFormulaireVertFull .titleWrap H4{ background-color:#17A345; } #contentWrap .blockFormulaireVert .titleWrap SPAN.angle, #contentWrap .blockFormulaireVertFull .titleWrap SPAN.angle{ background:url(../images/titre_corner_vert.png) no-repeat 0 -1px ; } #contentWrap .titleWrap SPAN.angle{ float:left; background:url(../images/titre_corner.png) no-repeat -12px -1px ; height:20px; width:20px; } #logementForm .blockFormulaireVert .titleWrap H4, #logementForm .blockFormulaireVertFull .titleWrap H4{ background-color:#17A345; } #logementForm .blockFormulaireVert .titleWrap SPAN.angle, #logementForm .blockFormulaireVertFull .titleWrap SPAN.angle{ background:url(../images/titre_corner_vert.png) no-repeat 0 -3px ; } #logementForm .titleWrap SPAN.angle{ float:left; background:url(../images/titre_corner.png) no-repeat -12px -3px ; height:20px; width:20px; } .resultAgence H4{ color:#1090C9; text-transform:uppercase; margin-top:5px; font-size:9pt; margin-bottom:10px; } #footerContent H4, #footerContent H4 A { font-size:10pt; color:#323232; margin-bottom:5px; text-decoration:none; } #footerContent H4 A:hover { text-decoration:underline; } #headerTitle H4{ font-size:11pt; color:#FFF; text-transform:uppercase; padding-top:15px; } .contentRightCol h4{ font-size:8pt; color:#0091CE; line-height:150%; } .formBlockContent TABLE TR TD.title H5{ text-transform:uppercase; color:#1090C9; font-size:9pt; margin-bottom:10px; } #content H4{ font-size:12pt; color:#000; margin-top:15px; } #elementBlock H4, #elementBlockVert H4{ text-transform:uppercase; font-size:10.2pt; padding-left:25px; padding-bottom:10px; height:20px; letter-spacing:1px; text-align:right; } #elementBlock H4{ background:transparent url(../images/picto_small_bleu.png) no-repeat scroll 0 0; } #elementBlockVert H4{ background:transparent url(../images/picto_small_vert.png) no-repeat scroll 0 0; } #content .accordeonTitre H4, #content .accordeonTitreOpen H4{ font-size:18pt; margin-bottom:10px; font-weight:normal; } #contentFull .colLeft h4{ margin:6px 0; line-height:130%; color:#0091CE; } .resultAgenceInfos H5{ background:url(../images/puce_result_agence_off.png) no-repeat 0 0; padding-left:20px; color:#96C1E4; font-weight:normal; text-transform:uppercase; font-size:8pt; } .infosPersos H5{ text-transform:uppercase; font-size:8pt; color:#000; margin-bottom:10px; } #content H5{ color:#0091CE; font-size:11pt; margin:15px 0 10px; } #graphEau H5{ font-size:11pt; padding-left:15px; } #contentFull .colRight h5{ font-size:14pt; margin:2px 0 6px 0; } /* ----------------------- CLEAR ----------------------- */ .clear{ clear:both; } /* ----------------------- DIVERSES ----------------------- */ .scroll-pane{ width: 100%; height: 200px; overflow: auto; } .resultAgenceInfos .scroll-pane{ width: 100%; height: 200px; overflow: auto; } .ie7Spacer{ display:none; } .ie7 .ie7Spacer{ display:block; clear:both; width:100%; height:5px; } .spacer{ height:40px; clear:both; width:100%; } .navigation { margin: 0; padding: 0; list-style: none; /*background: #000; color: #fff;*/ /*width: 200px;*/ } .navigation a, .navigation span { display: block; padding: 0px; /*color: #fff;*/ text-decoration: none; /*background: #000 url(menu-item.png) left bottom no-repeat;*/ } .navigation .toggleSubMenu a, .navigation .toggleSubMenu span { /*background: url(../images/plus_bleu.png) no-repeat;*/ } #leftMenu ul li.toggleSubMenu, #leftMenu ul li.open { list-style-position:outside; list-style-type:none; margin:8px 0; } /*ODR Correction*/ #leftMenu ul li.toggleSubMenu { list-style-image:url(../images/plus_gris.png); } #leftMenu ul li.toggleSubMenu:hover, #leftMenu ul li.toggleSubMenu:hover A { list-style-image:url(../images/plus_bleu.png); } #leftMenu ul li.toggleSubMenu:hover UL LI A { list-style-image:none; } #leftMenu ul li.open { list-style-image:url(../images/moins_gris.png); } #leftMenu ul li.open:hover, #leftMenu ul li.open:hover A{ list-style-image:url(../images/moins_bleu.png); } /*Fin ODR Correction*/ .navigation .open a, .navigation .open span { /*background-image: url(menu-item-enroule.png);*/ } .navigation a:hover, .navigation a:focus, .navigation a:active, .navigation span a:hover, .navigation span a:focus, .navigation span a:active { color:#1090c9; } .navigation .subMenu { /*font-size: .8em;*/ /*background: #ccc url(subMenu.png) 0 0 repeat-x;*/ margin: 0; padding: 0; /*border-bottom: 1px solid #666;*/ } .navigation ul.subMenu a { background: none; /*padding: 3px 20px;*/ } /* * Media queries for responsive design * These follow after primary styles so they will successfully override. */ @media all and (orientation:portrait) { /* Style adjustments for portrait mode goes here */ } @media all and (orientation:landscape) { /* Style adjustments for landscape mode goes here */ } /* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome) Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */ @media screen and (max-device-width: 480px) { /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you j.mp/textsizeadjust html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */ /*ODR : Print dans ajout_opac.css*/ } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3{ page-break-after: avoid; } } /* Page Nouvelle demande */ .selectenchaine { display: none; } #demandeetagedeux TD, #demandeetagetrois TD, #demandeetagequatre TD{ border-left: 1px dotted #1090C9; padding-left: 10px; padding-bottom: 0px; margin-left: 10px; margin-top: 5px; } #demandeetagetrois TD{ margin-left: 20px; } #demandeetagequatre TD{ margin-left: 30px; } #nouvelledemande #demandeetagedeux TD select{ width:96%; } #nouvelledemande #demandeetagetrois TD select{ width:94%; } #nouvelledemande #demandeetagequatre TD select{ width:92%; } .formulaireintitule { color: #4D4D48; /* font-weight: bold; */ width: 20%; } #descriptif { resize: none; width: 95%; height: 10%; } label.numTelExemple { display: block; font-size: 0.85em; font-weight: bold; margin-top: 6px; } #nouvelledemande{ width: 605px; } #nouvelledemande TABLE { /*width: 96%;*/ width: auto; } #nouvelledemande .blockFormulairefull{ width: 575px; } #nouvelledemande select, #nouvelledemande input{ padding: 3px; } #nouvelledemande .formBlockContent, #nouvelledemande .fullformulaire { width:99%; } #nouvelledemande input#file{ width:90%; } #nouvelledemande .telandcaptcha { /*width: 53%;*/ width:90%; } #nouvelledemande .champsobligatoire { color: #F00; font-weight: 900; width: 3%; } #nouvelledemande .formBlockContent TABLE TR.selectenchaine TD { display: block; width: 98.5%; margin-bottom: 0px; } #nouvelledemande textarea { height: auto; } #bouton-nouvelle_demande { margin: 30px 0 25px 0; } /* Page d?tail demande */ #detaildemande .formBlockContent { width: 100%; } #etatdemande { float: right; position: relative; margin-right: 1px; } #detaildemande .blockFormulairefull { margin-top: 18px; } #etatdemande LABEL { background-color: #0091CE; color: #FFFFFF; padding: 5px 10px 5px 0px; text-transform: uppercase; display: block; } #etatdemande LABEL SPAN{ color:#9fe3ff; } /* --- Hack IE7 + chrome --- */ html #etatdemande { background: url("../images/etat_corner.png") no-repeat 0 -1px; padding:0 0 0 30px; margin-bottom: -18px; } #etatdemande .angleEtat { /*background: url("../images/etat_corner.jpg") no-repeat;*/ padding-bottom: 2px; padding-bottom: 3px \9; padding-right: 30px; padding-top: 3px; } html #etatdemande .angleEtat { padding-bottom: 2px; } #etatdemande root.angleEtat { padding-bottom: 2px; } #detaildemande .formBlockContent TABLE { margin-left: -8px; } #detaildemande .formBlockContent TABLE TR TD.space { border-right: 1px dotted #0091CE; padding: 10px; width: 48%; } #detaildemande .firstcolumn, #detaildemande .secondcolumn{ padding: 10px; } #detaildemande ul, #detaildemande li { list-style: none; } #detaildemande #theme, #detaildemande #soustheme, #detaildemande #motif{ /*margin-left: -5%;*/ margin-top:5px; margin-bottom: 5px; } /*#detaildemande #theme li, #detaildemande #soustheme li, #detaildemande #motif li{ margin-bottom: 5px; display: block; }*/ #detaildemande #theme SPAN, #detaildemande #soustheme SPAN, #detaildemande #motif LABEL{ border-left: 1px dotted #9B9B98; padding-left: 15px; display: block; } #detaildemande .fullformulaire { width: 100%; } #detaildemande .formBlockContent TABLE { /*margin-left: -10px;*/ } #detaildemande .formBlockContent .valeur { color: #9B9B98; border-bottom: 1px dashed #9B9B98; width: 60%; vertical-align: bottom; } #detaildemande .formBlockContent table tr .noborder { border: none; } #detaildemande .suppspace { width: 32%; } #detaildemande .formBlockContent .titre { font-weight: 900; color: #757572; width: 40%; vertical-align: top; } #detaildemande .formBlockContent .piecejointe { color: #17A345; margin-left: -20%; text-decoration: underline; } #detaildemande .formBlockContent TABLE TR TD { vertical-align: top; } #historiquescontact TABLE.message TR TD{ border-bottom: 1px solid #CCCCCC; } #historiquescontact { padding-bottom: 0px; border-bottom: none; } #historiquescontact .piecejointe { color: #17A345; padding-left: 15px; text-decoration: underline; } #historiquescontact .NOpiecejointe { color: #9B9B98; padding-left: 15px; } html .message thead tr th .descriptif { width: 100%; } /* Page Mes demandes */ #selectionMesDemandes { text-transform: uppercase; } button.deleteBtnSmall { background: url('../img/opac/delete-small.jpg'); background-position:center; background-repeat:no-repeat; width:25px; height:25px; } .mentionsLegales { display: none; border:1px solid #000000; border-radius: 5px; padding: 2px; background-color:#CCCCCC; } .mentionsLegales p { font-size:70%; } .mentionsLegalesToggler { font-size:70%; } #alerte_cookies { position:initial; border-width:0 1px 1px; left:0; padding:5px; top:0; z-index:1; background-color:#1090c9; color:#ffffff; font-size: 0.8em; text-align: center; } #croix_alerte { cursor:pointer; font-weight:bold; align:right; color:#747B83; right:10px; position:absolute; } .cookieButtons { margin: 2px; width: 100%; text-align: center; background: #ffffff; color: #1090c9; cursor: pointer; } #alerte_cookies a,#alerte_cookies a:active,#alerte_cookies a:visited { color: #ffffff; text-decoration: underline; } #alerte_cookies a:hover { text-decoration: underline; }