/* COLORS Wrapper background: Body Background: #0077be Link: # Text color: #fff Link nav: #fff ... */ /* -------------------------------------------------------------- reset.css * Resets default browser CSS. Based on work by Eric Meyer: * http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ -------------------------------------------------------------- */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;} body {line-height: 1em;} ul {list-style: none;} blockquote, q {quotes: none;} /* remember to define focus styles! */ :focus {text-decoration:underline;} /* remember to highlight inserts somehow! */ ins {text-decoration: none;} del {text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */ table {border-collapse: collapse;border-spacing: 0;} hr {display:none;} div.hr {clear:both;} /* =General -------------------------------------------------------------- */ body {background:#dedede url(img/background-body.jpg) center top repeat-y;color: #000;font-family: Verdana, Arial, sans-serif; font-size: 75%; line-height: 1.3em;} /* =Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 {color: #000;font-weight: bold;} h1 { font-size: 3em; line-height: 1em; margin-bottom: 0.5em; } h2 { font-size: 1.4em; margin-bottom: 0.75em; } h3 { font-size: 1.2em; line-height: 1em; margin-bottom: 1em; } h4 { font-size: 1.1em; line-height: 1.25em; margin-bottom: 1.25em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } /* =Text elements -------------------------------------------------------------- */ .accessibility {text-align:left;text-indent:-5000px;padding:0;height:1px;position:absolute;top:-5000px;left:-5000px;} .hide { display: none; } p { margin: 0 0 1.3em; } p.picture-left { float: left; margin: 0.5em 1em 1em 0; padding: 0; border:1px solid #000;} p.picture-right { float: right; margin: 0 0 0.5em 1em; padding: 0; clear:both;border:1px solid #000;} p.picture-left a, p.picture-right a{display:block;} ul { margin:0 1.5em 1.5em 0em; } ol { list-style-position:outside;font-family:"Avant Garde" , sans-serif ;font-size:1.3em;font-weight:bold;color:#DA2828;} ol a {font-size:0.9em;} dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 0;} abbr, acronym { border-bottom: 1px dotted #666; } address { margin-top: 1.5em; font-style: italic; } del { color:#666; } a:focus, a:hover { color: #C00000; text-decoration: none; } a { color: #C00000; text-decoration: underline; cursor: pointer; } blockquote { margin: 1.5em; color: #666; font-style: italic; } strong { font-weight: bold;color:#000; } em,dfn { font-style: italic; background: #ffc; } dfn { font-weight: bold; } pre,code { margin: 1.5em 0; white-space: pre; } pre,code,tt { font-size: 1em;font-family:'lucida console', monospace; line-height: 1.5em; } tt { display: block; margin: 1.5em 0; line-height: 1.5em; } /* =Tables -------------------------------------------------------------- */ table { margin-bottom: 1.4em; } /*th { border-bottom: 2px solid #ccc; font-weight: bold; } td { border-bottom: 1px solid #ddd; } th,td { padding: 4px 10px 4px 0; }*/ tfoot { font-style: italic; } caption { background: #ffc; } /* Use this if you use span-x classes on th/td. */ table .last { padding-right: 0; } /* =Form -------------------------------------------------------------- */ label { font-weight: normal; display: inline; } /* Fieldsets */ fieldset { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; } legend { font-weight: bold; font-size:1.2em; } /* Text fields */ #wrapper input {display:inline;margin:0.5em 0.5em 0.5em 0; padding: 2px; border:1px solid #bbb; background:#fff; } input.checkbox{background:none;border:none;} .formulaire input.checkbox{padding:0;margin:2px;} p.submit input{cursor:pointer;} #wrapper form input.hidden{display:none;} /* Textareas */ textarea { width: 518px; height: 150px; margin:0.5em 0.5em 0.5em 15px; } textarea { border:1px solid #B4A86A; background:#fff; padding:5px; } /* Select fields */ select { border:1px solid #ccc; background:#f6f6f6; } /* Success, error & notice boxes for messages and errors. */ .error, .notice, .success { position:relative; padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; } .error { position:relative; background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; } .notice { position:relative; background: #FFF6BF; color: #817134; border-color: #FFD324; } .success { background: #E6EFC2; color: #529214; border-color: #C6D880; } .error a { color: #D12F19; } .notice a { color: #817134; } .success a { color: #529214; } .error ul { margin: 0; } .date {color:#00448F;font-size:1.3em;font-weight:bold;} #main .error p, #main .success p, #main .notice p{margin:0} .btn{color:#fff;font-weight:normal;padding:2px 5px 2px 15px;background:#00448F url(img/icons/puces-small.gif) 5px 10px no-repeat;margin:0 5px;} a.btn {color:#fff;} a.btn:hover {color:#fff;} /* =Wrapper --------------------------------------------------------------------------------------------------------- */ #wrapper {margin:0 auto;position:relative;background:url(img/background-wrapper.jpg) left top repeat-x;} /* =Header --------------------------------------------------------------------------------------------------------- */ #header {position:relative;height:248px;top:0;left:0;background:url(img/header.jpg) center top no-repeat;} #home #header {background:url(img/home-header.jpg) center top no-repeat;} #home #header h1 {background:url(img/logo.jpg) left top no-repeat;text-indent:-5000px;} #header h1 {position:relative;left:50%;margin-left:-480px;width:279px;height:204px;} #header h1 a{display:block;background:url(img/logo.jpg) left top no-repeat;width:279px;height:204px;text-indent:-5000px;} /* =direct-access --------------------------------------------------------------------------------------------------------- */ #js-direct-access-link {z-index:201;position:absolute;top:0;left:-28px;width:28px;height:27px;text-indent:-5000px;} #js-direct-access-link a.open {display:block;width:100%;height:100%;background:#3E5D79 url(img/accessibilite-open.gif) 0 0 no-repeat;} #js-direct-access-link a.close {display:block;width:100%;height:100%;background:#3E5D79 url(img/accessibilite-close.gif) 0 0 no-repeat;} #js-direct-access-link a:focus {border-right:3px solid #DA2828;} #direct-access {opacity:0.9;-moz-opacity:0.9;filter: Alpha(opacity=90);position:absolute;border-bottom:2px solid #fff;padding:4px 3px;width:957px;left:-1px;top:0;z-index:200;background:#3E5D79;text-align:center;margin:0;} #direct-access h2{color:#fff;} #direct-access ul{margin:0;padding:0;} #direct-access li {display:inline;color:#fff;} #direct-access li a{color:#fff;font-size:1.1em;font-weight:bold;} /* =main-nav --------------------------------------------------------------------------------------------------------- */ #main-nav{position:absolute;top:0;left:50%;margin-left:-165px;height:195px;width:645px;} #main-nav ul{margin:0;} #main-nav ul li{float:left;} #main-nav ul li a{display:block;height:74px;width:169px;padding:110px 5px 10px 12px;text-indent:-5000px;font-size:1em;font-weight:bold;color:#000;text-decoration:none;line-height:1.2em;} #main-nav ul li span{display:block;text-indent:0;} #main-nav ul li#alerte, #main-nav ul li#top-annonce{margin-right:40px;} #main-nav ul li#alerte a{background:url(img/alerte-mail.jpg) left top no-repeat;} #main-nav ul li#alerte a:hover{background:url(img/alerte-mail.jpg) left -194px no-repeat;text-decoration:none;} #main-nav ul li#top-annonce a{background:url(img/top-annonce.jpg) left top no-repeat;} #main-nav ul li#top-annonce a:hover{background:url(img/top-annonce.jpg) left -194px no-repeat;text-decoration:none;} #main-nav ul li#widget a{background:url(img/widget.jpg) left top no-repeat;} #main-nav ul li#widget a:hover{background:url(img/widget.jpg) left -194px no-repeat;text-decoration:none;} /* =account ------------------------------------------------------------------------------------------------------------ */ #account {position:absolute;z-index:10;height:74px;width:219px;right:2px;top:-2px;padding:44px 0 0 12px;background:url(img/background-connection.jpg) left top no-repeat;} .connected#account {height:95px;background:url(img/background-connected.jpg) left top no-repeat;} #account h2{display:none;} #account form p{margin:0 0 5px 0;} #account form label{display:none;} #account form input{height:1em;margin:0;color:#aaa;} #account form input#mail{width:134px;} #account form input#connexionpassword{width:102px;} #account form p.button{position:absolute;left:130px;top:67px;} #account form p.button button{display:block;height:23px;width:23px;background:url(img/btn-ok.jpg) left top no-repeat;border:none;text-indent:-5000px;cursor:pointer;} #account form p.link{position:absolute;top:42px;left:155px;} #account form p.link a{display:block;height:52px;width:65px;background:url(img/new-account.jpg) left top no-repeat;text-indent:-5000px;} #account p{margin:-3px 0 0 0;} #account p a{font-size:0.8em;color:#c00000;} /*connecter*/ #account #connect{position:relative;font-size:1em;} #account #connect h4{width:207px;clear:both;padding:1px 4px 1px 8px;margin:-1px 0 0 -7px;background:url(img/background-name-connect.gif) left top repeat-y;color:#c00000;font-size:1em;font-weight:normal;border-top:1px solid #B4A86A;border-bottom:1px solid #B4A86A;} #account #connect p{margin:0;} #account #connect ul{margin:0 0 4px 0;} #account #connect ul li{width:114px;line-height:1em;border-right:1px solid #fff;} #account #connect ul li.annonce{position:absolute;width:90px;top:-16px;left:125px;border:none;} #account #connect ul li.annonce h3{margin:0 0 5px 0;} #account #connect ul li h3{margin:-2px 0 4px 0;padding:0;font-size:0.9em;font-weight:normal;text-decoration:underline;color:#c00000;} #account #connect ul li ul li{border-right:none;} #account #connect ul li a{font-size:0.8em;text-decoration:none;font-weight:normal;color:#393939;} #account #connect p.button{position:absolute;top:88px;left:71px;height:36px;width:149px;background:url(img/btn-deconnect.gif) no-repeat left top;} #account #connect p.button button{display:block;height:20px;width:120px;margin:5px auto 0;cursor:pointer;text-indent:0;text-indent:-5000px;background:none;border:none;} #account #connect a:hover{text-decoration:underline;} /* =content ------------------------------------------------------------------------------------------------------------ */ #content {position:relative;width:960px;margin:-57px auto 0;overflow:hidden;background:url(img/right-content.jpg) left top repeat-y;} /* =main -------------------------------------------------------------- */ #main {float:left;width:607px;position:relative;margin-top:-1px;margin-left:-4px;background:url(img/background-main.jpg) -1px top repeat-y;} #main h2 {} #main h3 {position:relative;margin-bottom:5px;padding-bottom:15px;background:url(img/bottom-h3.jpg) left bottom repeat-x;color:#838383;font-size:1.4em;} #main h4 {margin-bottom:10px;color:#C00000;} #main p {margin:0 0 7px 0;} #main p.result {font-weight:normal;} #main p.recuperation{margin:0 0 10px 15px;} #main ul{margin:10px 0;} .inside ul li{display:inline;margin:0 0 5px 0;padding:0 0 0 12px;background:url(img/bullet.gif) left 5px no-repeat;} #main .partenaire img{border:none;} #main .partenaire h4{margin:25px 0 5px;font-size:1em;} #main .partenaire p.picture-right {margin:0 10px 10px 0;border:none;} #main .partenaire ul {margin:0 0 10px 0;} #main .partenaire ul li{margin:0 0 2px 0;display:block;} /*inside*/ .inside{padding:10px 20px;font-size:1em;min-height:600px;overflow:hidden;} /*flash region*/ #search_region{width:565px;margin:0 auto;} /*liste annonce*/ .inside table{width:100%;background:#f5f5f5;font-size:0.9em;border-bottom:1px solid #a6a5a5;} .inside table thead tr{border:1px solid #808080;border-bottom:none;} .inside table thead td{padding:2px 5px 10px 5px;background:#808080 url(img/border.jpg) left bottom repeat-x;color:#fff;font-weight:bold;border-bottom:none;border-width:1px;border-style:solid;border-color:#808080 #9e9e9e #F1F1F1 #808080;} .inside table thead td.active{background:#F1F1F1 url(img/selecteur.jpg) center top no-repeat;} .inside table thead td.active a{display:block;width:79%;padding-right:10px;color:#808080;} .inside table thead td.active a.desc{background:url(img/fleche-desc.jpg) right 4px no-repeat;} .inside table thead td.active a.asc{background:url(img/fleche-asc.jpg) right 4px no-repeat;} .inside table thead td a{color:#fff;font-weight:bold;text-decoration:none;} .inside table thead td a:hover{text-decoration:underline;} .inside table tbody{border:1px solid #a6a5a5;margin:10px 0;} .inside table tbody td{vertical-align:top;padding:5px;background:#f1f1f1;border-top:1px solid #808080;} .inside table tbody td a:hover{text-decoration:underline;} .inside table tbody td.res-photo{border-left:1px solid #a6a5a5;} .inside table tbody td.res-actions, .inside table tbody td.action{border-right:1px solid #a6a5a5;} .inside table tbody td.res-annonce{width:140px;} .inside table#mandataire tbody td.res-annonce{width:auto;} .inside table tbody td.res-prix{width:60px;background:#e2e2e2;color:#C00000;font-weight:bold;} .inside table#mandataire tbody td.res-marque{background:#e2e2e2;color:#C00000;font-weight:bold;} .inside table#mandataire tbody td.res-photo img{margin:5px;} .inside table#mandataire h5{margin-bottom:5px;} #main .inside table#mandataire p {margin:0 0 2px 0;} #main .inside table#mandataire p.url {margin-top:4px;} .inside table tbody td.res-kilometrage{width:70px;} .inside table tbody td dl{margin:0;} #main .inside table tbody td p{display:block;margin-top:5px;} .inside table tbody td dl dt{color:#C00000;} .inside table tbody td dl dt a{text-decoration:none;line-height:1.2em;} .inside table tbody td dl dt a:hover{background:#C00000;color:#fff;text-decoration:none;} .inside table tbody td dl dd{line-height:1.2em;} .inside table tbody td dl dd.forward{color:#000;font-weight:bold;} .inside table tbody td dl dd.details a{padding:0;color:#000;font-weight:normal;text-decoration:underline;} .inside table tbody td dl dd.details a:hover{text-decoration:none;} .inside table tbody tr td.res-photo{padding:5px 0;text-align:center;} .inside table tbody td.res-actions ul{margin:0;} #main .inside table tbody td.res-actions ul li{margin:0;padding:0;background:none;} .inside table tbody td.res-actions ul li a{margin:5px auto;height:18px;width:18px;display:block;text-indent:-5000px;} .inside table tbody td.res-actions ul li a.imprim{background:url(img/imprim.gif) left top no-repeat;} .inside table tbody td.res-actions ul li a.sauv{background:url(img/sauv.gif) left top no-repeat;} .inside table tbody td.res-actions ul li a.envoi{background:url(img/envoi.gif) left top no-repeat;} .inside table tbody td.action a.delete{display:block;padding:15px 2px 1px;background:#fff url(img/delete.gif) center top no-repeat;text-decoration:none;border:1px solid #C00000;text-align:center;} .inside table tbody td.action a.modifier{display:block;padding:15px 2px 1px;background:#fff url(img/edit.gif) center top no-repeat;text-decoration:none;border:1px solid #C00000;text-align:center;} .inside table tbody td.action a.renouveler{display:block;padding:15px 2px 1px;background:#fff url(img/renouveler.gif) center top no-repeat;text-decoration:none;border:1px solid #C00000;text-align:center;} .inside table tbody td.action span.date_valid, .inside table tbody td.action span.valid{display:block;margin-bottom:5px;} .inside ul#dep_search{display:inline-block;margin:20px 0;overflow:hidden;} .inside ul#dep_search li.intitule{float:none;display:block;border-right:none;padding-right:0;margin-bottom:5px;} .inside ul#dep_search li{float:left;padding:0;background:none;} .inside ul#dep_search li a{float:left;margin-right:5px;margin-bottom:5px;border-right:1px solid #C00000;padding:0 5px 0 0;text-decoration:none;font-weight:bold; } .inside ul#dep_search li a:hover{text-decoration:underline;} .inside ul#complementaire-search{margin:30px 0;} .inside ul#complementaire-search li.intitule{display:block;padding:0;background:none;font-weight:bold;} .inside ul#complementaire-search li{display:block;} .inside ul#complementaire-search li.other-marque{padding:0;} .inside ul#complementaire-search li ul li{float:left;width:20%;} .inside ul#complementaire-search li ul li.intitule{width:90%;font-weight:normal;text-decoration:underline;} .inside ul#complementaire-search li ul li a{text-decoration:none;} .inside ul#complementaire-search li ul li a:hover{text-decoration:underline;} .inside ul#complementaire-search li ul li.withannonce, .inside ul#complementaire-search li ul li.withoutannonce{padding:0;background:none;} .inside ul#complementaire-search li ul li.withoutannonce a{color:#999;} /*top-annonce*/ .inside table tbody tr.top-clic td{background:#fce0e0;} .inside table tbody tr.top-clic td.res-prix{background:#ffcccc} .inside table tbody tr.top-clic td.res-photo{padding:5px;text-align:center;} /*publicite*/ #banniere-1{position:absolute;top:73px;left:50%;margin-left:-87px;height:60px;width:468px;overflow:hidden;text-align:center;} #banniere-2{width:607px;height:60px;clear:left;padding:15px 0;margin:0;background:url(img/background-grey.jpg) -1px top repeat-y;border-top:1px solid #b9b9b9;text-align:center;overflow:hidden;} #banniere-2 a{display:block;width:468px;margin:0 auto;} #banniere-2 a img, #banniere-2 img{display:block;width:468px;height:60px;margin:0 auto;} /*pagination*/ #main ul.pagination{margin:20px 0;text-align:center;} ul.pagination li{display:inline;background:none;padding:0;} ul.pagination li a{padding:2px;background:#989898;color:#cf2727;font-weight:bold;border:1px solid #838383;} ul.pagination li.active a{text-decoration:none;font-weight:bold;color:#fff;background:#cf2727;border:1px solid #cf2727;} ul.pagination li a{color:#fff;text-decoration:none;} ul.pagination li a:hover{color:#fff;background:#cf2727;border:1px solid #cf2727;} /*alerte-email*/ ul.alerte{margin:0 0 10px 0;} ul.alerte li{display:inline-block;overflow:hidden;padding:5px;background:#f1f1f1;border:1px solid #A6A5A5;} ul.alerte ul{float:left;width:50%;margin:0;} ul.alerte ul.actions{float:right;width:15%;margin:0;} ul.alerte ul.actions li{width:auto;} ul.alerte ul li{width:80%;margin-bottom:5px;padding:0;border:none;} ul.alerte ul li span.libelle{padding-bottom:2px;font-weight:bold;color:#434242;} ul.alerte ul.actions a{display:block;margin-bottom:5px;padding:2px 5px 2px 20px;text-decoration:none;border:1px solid #aaa;font-size:0.8em;} ul.alerte ul.actions a.delete{background:#fff url(img/delete.gif) 2px 2px no-repeat;} ul.alerte ul.actions a.edit{background:#fff url(img/edit.gif) 2px 2px no-repeat;} ul.alerte ul.actions a:hover.delete{background:#f7e9e9 url(img/delete.gif) 2px 2px no-repeat;} ul.alerte ul.actions a:hover.edit{background:#f7e9e9 url(img/edit.gif) 2px 2px no-repeat;} .inside p.link{display:inline-block;overflow:hidden;} .inside p.link a.submit{float:right;width:auto;padding:2px 4px;background:#ca2323;border:1px solid #eed6d9;color:#fff;font-weight:bold;text-decoration:none;} /*contenu statique*/ .content h4{margin-bottom:5px;color:#C00000;} .content p{margin:0 0 7px 0;font-size:1em;line-height:1.2em;} /*ui dialog*/ #infos_delete{padding:20px 10px 10px 150px;background:url(img/error-background.gif) 15px 10px no-repeat;text-decoration:none;font-weight:bold;text-decoration:none;} #infos_delete p {text-decoration:none;} #infos_delete a {display:block;margin-top:20px;color:#CA2323;text-decoration:underline;} #infos_delete a:hover {text-decoration:none;} .content p{margin:0 0 7px 0;font-size:1em;line-height:1.2em;} /*popular*/ #popular{width:488px;height:99px;padding:17px 0 0 30px;background:url(img/background-marque.jpg) left top no-repeat;} #popular h2{display:block;height:16px;width:388px;margin:0 0 7px 0;background:url(img/marque-title.jpg) left top no-repeat; text-indent:-5000px;} #popular li{float:left;display:inline;width:40px;height:40px;margin-right:5px;} #popular li a{display:block;height:100%;width:100%;background:#fff;border:1px solid #949494;} #popular p a.allmarque{float:right;height:49px;width:72px;margin:-4px 10px 0 0;color:#c92222;font-weight:bold;font-size:0.9em;line-height:1em;text-decoration:none;background:url(img/btn_marques.gif) left top no-repeat;text-indent:-5000px;} /*annonce*/ #annonce{float:left;width:595px;height:490px;height:auto !important;min-height:490px;padding:0 0 0 12px;background:url(img/background-annonce.jpg) left top no-repeat;overflow:hidden;} #annonce h2{display:none;} #annonce ul{margin:0;padding-top:20px;overflow:hidden;display:inline-block;} #annonce ul li{position:relative;float:left;width:266px;height:80px;padding:0 8px;margin:0 10px 20px 0;border:1px solid #949494;} #annonce.connected ul {padding-top:40px;} #annonce ul li span{position:relative;top:-10px;} #annonce ul li span.visuel{position:relative;z-index:500;float:left;width:82px;height:80px;margin:0 10px 0 0;} #annonce ul li span.visuel a{display:block;height:82px;} #annonce ul li span.visuel img{border:1px solid #9c9c9c;} #annonce ul li span.modele{padding:0 4px;background:#fff;color:#cb181c;font-weight:bold;} #annonce ul li span.modele a{text-decoration:none;} #annonce ul li span.modele a:hover{color:#fff;background:#cb181c;} #annonce ul li span.marque, #annonce ul li span.energie, #annonce ul li span.date, #annonce ul li span.km, #annonce ul li span.motorisation{display:block;text-indent:4px;} #annonce ul li span.energie{font-weight:bold;} #annonce ul li span.date{color:#000;font-size:1em;font-weight:normal;} #annonce ul li span.prix{float:right;margin-top:-15px;padding-left:9px;font-weight:bold;background:url(img/bullet.gif) left 7px no-repeat;} #annonce ul li.top-clic span{color:#cb181c;} #annonce ul li.top-clic span.top{position:absolute;width:35px;height:48px;right:5px;top:-20px;background:url(img/top-clic.gif) left top no-repeat;text-indent:-5000px;} /*geaograpic-search*/ #geographic-search{width:940px;margin:0 auto 0;padding:5px;background:#b7b7b7;border:1px solid #afafaf;} #geographic-search h2{display:none;} #geographic-search ul{margin:0;} #geographic-search ul li{display:inline;} #geographic-search ul li a{color:#000;font-size:0.9em;text-decoration:none;} #geographic-search ul li a:hover{text-decoration:underline;} /*link*/ #home #links {position:relative;left:-1px;padding-top:50px;background:url(img/bottom-content.jpg) center top no-repeat;} * html #home #links {left:-2px;} #home #links .inside-links {padding:15px 0;background:#c2c2c2;border-top:1px solid #d5d5d5;} #home #partners {width:940px;margin:10px auto 0;padding:5px;background:#b7b7b7;border:1px solid #afafaf;} #home #partners p {margin:0;} #home #partners a {font-size:0.9em;color:#000;text-decoration:none;} #home #partners a:hover {text-decoration:underline;} /*=Detail d'une annonce ------------------------------------------------------------------------------------------------------------------------------------------------*/ .inside #description, .inside #vendeur, .inside #tools {background:#f1f1f1;overflow:hidden;border:1px solid #808080;display:inline-block;} .inside #description{display:block;width:565px;color:#5F6152;margin-bottom:10px;padding-bottom:10px;} .inside #description h3, .inside #vendeur h3, .inside #tools h3{position:relative;background:#808080 url(img/border.jpg) repeat-x scroll left bottom;color:#fff;padding:2px 5px 10px;} .inside #description h3 span.publication{font-size:0.6em;font-weight:normal;padding-left:5px;} .inside #description h4{clear:both;width:95%;margin:15px auto 10px;float:none;border:none;background:#d4d4d4;color:#585858;font-weight:bold;padding:2px 5px;} .inside #description div.expand{margin:0 10px 10px 10px;} .inside ul#qualite{width:auto;margin:0 0 5px 0;overflow:hidden;} .inside ul#qualite li{float:right;margin:0 0 0 10px;padding:0;background:none;} .inside ul#qualite li.top-clic, .inside ul#qualite li.top-clic img{float:left;} .inside ul#qualite li.top-clic a{float:left;padding-top:7px;text-decoration:none;padding-left:5px;} #main .inside p.return{margin:0 0 10px 0;} .inside p.return a{color:#999999;} .inside #description h4.prix{float:left;width:50%;padding:0;text-align:left;margin:0 0 5px 10px;font-size:1.4em;background:none;color:#C00000;} .inside #description ul{float:left;width:50%;margin:0 0 10px 10px;} .inside #description ul li{display:block;padding:0;margin-bottom:3px;font-weight:bold;background:none;} .inside #description ul#equipement{width:95%;} .inside #description ul#equipement li{float:left;width:45%;margin-right:5px;font-weight:normal;} .inside #description ul li span.libelle{ display:inline;font-weight:normal;color:#5f6152; } .inside #description #adsense{clear:both;width:96%;margin:0 auto;padding:5px 0;background:#F6F6F6;border:1px solid #D4D4D4;text-align:center;} .inside #description .visuel{ float:right;width:245px;margin:-20px 10px 15px 0; } .inside #description .visuel p{ position:relative;float:left;margin-left:0;padding-bottom:0;width:202px; } .inside #description p.majeur#right{ float:right; } .inside #description .visuel p span.zoom{ position:absolute;z-index:10;width:25px;height:27px;bottom:1px;right:1px;text-indent:-5000px;background:url(img/zoom.gif) left top no-repeat; } .inside #description .visuel ul{ float:right;clear:none;padding-top:0;width:32px;margin-bottom:0; } .inside #description .visuel ul li{ padding-top:0;margin-bottom:5px; } .inside #description .visuel img{ border:1px solid #aaa; } .inside #vendeur{ float:left;width:320px;padding:0;margin-bottom:15px; } .inside #vendeur h4{ color:#000;font-weight:normal;margin:0 10px;font-weight:bold;padding-left:0;padding-bottom:3px;font-size:12px; } .inside #vendeur p{ margin:0 10px;padding-bottom:3px;font-size:12px; } .inside #vendeur #localisation{ overflow:hidden;position:relative;margin-top:5px;background:#fff;border:1px solid #fff; } .inside #vendeur #localisation .adresse{ position:absolute;padding:2px;text-align:center;z-index:50000;background:#fff;color:#000;font-size:1.2em;font-weight:bold;width:295px;padding:120px 10px 0 10px; } .inside #tools{ float:right;width:225px;padding:0 0 10px 0; } .inside #tools ul{ padding-top:0;margin:10px; } .inside #tools ul li{ display:block;margin-bottom:10px;padding-left:0;margin-left:0;height:33px;background:none; } .inside #tools ul li a{ color:#7a7777;display:block;line-height:1.2em;text-decoration:none;font-weight:bold; } .inside #tools ul li a:hover{ text-decoration:underline; } .inside #tools ul li#friend a{ background:url(img/friend_detail.gif) left top no-repeat;padding:5px 0 6px 33px; } .inside #tools ul li#selection a{ background:url(img/selection_detail.gif) left top no-repeat;padding:5px 0 8px 33px; } .inside #tools ul li#print a{ background:url(img/print_detail.gif) left top no-repeat;padding:5px 0 8px 33px; } .inside #tools ul li#contact a{ background:url(img/contact_detail.gif) left top no-repeat;padding:0 0 0 33px; } .inside #tools ul li#redirect{height:auto;} .inside #tools ul li#redirect a{ background:url(img/redirect_detail.gif) left top no-repeat;padding:0 0 0 33px; } .inside #tools ul li#sharethis{height:auto;margin:10px 0 0 5px;} .inside #tools ul li#sharethis p{padding-top:6px;font-weight:bold;color:#808080;border-top:1px solid #ddd} .inside p.topannonce{float:left;} #tooltip{position:absolute;border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none;z-index:5000;} /*top annonce*/ div.topannonce{ width:570px;background:#cdcdcd;text-align:left;overflow:hidden;height:670px; } #blockContainer div.topannonce{ width:600px;background:#cdcdcd;text-align:left;overflow:hidden;height:670px; } #blockContainer p.return{display:none;} div.topannonce .result{ margin-top:-40px;float:left;width:57%;margin-left:10px;display:inline; } #main div.topannonce h3, div.topannonce h3{ margin-bottom:15px;display:block;text-indent:-5000px;height:89px;width:600px;background:url(img/titre_top_annonce.jpg) -29px top no-repeat; } #blockContainer div.topannonce h3{background:url(img/titre_top_annonce.jpg) left top no-repeat;} #main div.topannonce h4, div.topannonce h4{ background:#808080 url(img/border.jpg) repeat-x scroll left bottom;height:1.7em;line-height:1.7em;padding:2px 5px 10px;font-weight:bold;font-size:0.8em;margin:10px auto 0 auto;color:#FFFFFF; } div.topannonce .libelle, div.topannonce .libelle_last{ font-size:0.9em;border-bottom:1px solid #ddd;margin:5px auto 0 auto;padding:0 0 3px 10px;overflow:hidden;color:#dadcc6;height:19px; } div.topannonce .libelle_last{ border-bottom:none; } div.topannonce .libelle h5, div.topannonce .libelle_last h5{ width:70%;float:left;font-weight:normal; } div.topannonce .libelle p, div.topannonce .libelle_last p{ width:40%;float:right; } div.topannonce .libelle p.ok, div.topannonce .libelle_last p.ok, div.topannonce .libelle p.oui, div.topannonce .libelle_last p.oui, div.topannonce .libelle p.non, div.topannonce .libelle_last p.non, div.topannonce .libelle p.non, div.topannonce .libelle_last p.non, div.topannonce .libelle p.contre_visite, div.topannonce .libelle_last p.contre_visite, div.topannonce .libelle p.contre_visite, div.topannonce .libelle_last p.contre_visite, div.topannonce .libelle p.warning, div.topannonce .libelle_last p.warning, div.topannonce .libelle p.warning, div.topannonce .libelle_last p.warning{ float:right;text-indent:-5000px;width:15px;height:15px;margin-right:10px; } div.topannonce .libelle p.ok, div.topannonce .libelle_last p.ok, div.topannonce .libelle p.oui, div.topannonce .libelle_last p.oui{ background:url(img/valid_top.gif) left top no-repeat; } div.topannonce .libelle p.non, div.topannonce .libelle_last p.non, div.topannonce .libelle p.non, div.topannonce .libelle_last p.non, div.topannonce .libelle p.contre_visite, div.topannonce .libelle_last p.contre_visite, div.topannonce .libelle p.contre_visite, div.topannonce .libelle_last p.contre_visite{ background:url(img/not_valid_top.gif) left top no-repeat; } div.topannonce .libelle p.warning, div.topannonce .libelle_last p.warning, div.topannonce .libelle p.warning, div.topannonce .libelle_last p.warning{ background:url(img/warning_top.gif) left top no-repeat;height:17px; } div.topannonce .libelle p.contre_visite, div.topannonce .libelle_last p.contre_visite{ background:url(img/not_valid_top.gif) left top no-repeat; } div.topannonce .legende{ background:#e9e9e6;border:1px solid #898d7f;float:right;width:32%;margin:-30px 15px 0 0;padding:5px 8px;display:inline; } #main div.topannonce .legende h3, div.topannonce .legende h3, #blockContainer div.topannonce .legende h3{ background:none;margin:5px 0 0 0;text-indent:0;height:auto;width:auto;color:#808080;font-weight:bold;font-size:0.8em;text-decoration:underline; } #main div.topannonce .legende h4, div.topannonce .legende h4{ height:auto;background:none;font-weight:normal;margin:10px 0 10px;padding:0;border:none;font-size:0.9em;line-height:1.2em;text-indent:0;color:#000;font-family:Arial, Sans-serif; } div.topannonce .legende ul li{ display:block;margin:0 0 5px 2px;padding:3px 0 3px 20px;color:#7f8471;font-size:0.9em;color:#808080;font-family:Arial, Sans-serif; } div.topannonce .legende ul li.ok{ background:url(img/valid_legend.gif) left top no-repeat; } div.topannonce .legende ul li.warning{ background:url(img/remarque_legend.gif) left top no-repeat; } div.topannonce .legende ul li.contre_visite, div.topannonce .legende ul li.non{ background:url(img/not_valid_legend.gif) left top no-repeat; } /*=magazine ------------------------------------------------------------------------------------------------------------------------------------------------*/ #main #magazine p.link{border-bottom:1px solid #ddd;padding-bottom:10px;margin-bottom:15px;} /*=mandataire ------------------------------------------------------------------------------------------------------------------------------------------------*/ #main ul#mandataire li{overflow:hidden;display:inline-block;width:100%;border-bottom:1px solid #ddd;padding:0 0 10px 0;margin-bottom:15px;background:none;} #main ul#mandataire li .res-photo {float:left;} #main ul#mandataire li .res-photo img {padding:7px 8px;background:url(img/bg-photo.gif) left top no-repeat;} #main ul#mandataire li .description {float:right;width:69%;margin-top:5px;} #main ul#mandataire li .description h5 {margin:0 0 5px 0;} #main ul#mandataire li .description p {margin:0 0 2px 0;} #main ul#mandataire li .description p.url a {font-weight:bold;} /*=marque ------------------------------------------------------------------------------------------------------------------------------------------------*/ .inside ul.allmarques{overflow:hidden;margin:0 0 15px 0;} .inside ul.allmarques li{float:left;overflow:hidden;width:40px;height:40px;margin:0 14px 10px 0;border:1px solid #808080;background:none;padding:0;} .inside div.logo{float:left;margin:10px 10px 0 0;} .inside div.liste{float:right;width:70%;overflow:hidden;margin-top:0;} .inside div.liste ul{margin:0;} .inside div.liste ul li{float:left;width:45%;margin:0 5px 5px 0;} .inside div.liste ul li a{font-weight:normal;text-decoration:none;color:#7e7e7e;} .inside div.liste ul li.active a{color:#000;font-weight:bold;} .inside div.liste ul li.active span{font-weight:bold;color:#C00000;} .inside div.liste ul li a:hover{text-decoration:underline;} /*=diagnostic ------------------------------------------------------------------------------------------------------------------------------------------------*/ div#diagnostic{background:#fff;padding:10px;width:96%;} div#diagnostic #content_diagnostic{ clear:both;display:inline-block;border-left:1px solid #5C5D47; border-right:1px solid #5C5D47; border-bottom:1px solid #5C5D47; padding:20px; } div#diagnostic ul.nav_diagnostic{ overflow:hidden;margin:0;background:url(images/border_diag.gif) left 19px no-repeat; } div#diagnostic ul.nav_diagnostic li{ float:left; height:20px; padding:0; margin:0 10px 0 0; background:#EDECD9; } div#diagnostic ul.nav_diagnostic li span{ display:block; font-weight:bold; text-decoration:none; border:1px solid #5C5D47; font-size:12px; color:#5C5D47;padding:2px 15px 4px 4px; background:#ebebeb url(images/not_valid.gif) 57px 3px no-repeat; } div#diagnostic ul.nav_diagnostic li span.active{background:#fff url(images/not_valid.gif) 57px 3px no-repeat; border-bottom:none; padding:2px 15px 5px 4px;} div#diagnostic h3{text-align:left; color:#AD2031;font-size:0.9em;margin-bottom:15px; font-weight:bold;padding:0;clear:both;} div#diagnostic form p{text-align:left;background:#F1F1F1;clear:none;float:left;margin:3px 0pt 3px 0;padding:1%;width:98%;} div#diagnostic form .raison p.inline{text-align:left;background:#F1F1F1;clear:none;float:left;margin:3px 0 3px 0;padding:1%;width:98%;} div#diagnostic form p.inline{text-align:left;background:#F1F1F1;clear:none;float:left;margin:3px 10px 3px 0;padding:1%;width:46%;} div#diagnostic form p.last{text-align:left;background:#F1F1F1;clear:none;float:left;margin:3px 0 3px 0;padding:1%;width:46%;} div#diagnostic form p.inline input.checkbox{position:relative;float:right;width:5%;margin-top:3px;border:none;background:none;} div#diagnostic form p input.checkbox{border:none;background:none;} div#diagnostic form p.soustitre{background:none;clear:none;float:none;margin:8px 0pt 8px 0;padding:0;font-weight:bold;text-align:left;} div#diagnostic form p.button{clear:both;background:none;clear:none;float:none;margin:20px 0 0 0;padding:0;font-weight:bold;text-align:center;} div#diagnostic form p.button input{width:25%;margin-top:20px;} div#diagnostic form p label{display:block;float:left;font-size:0.9em;line-height:1.6em;width:51%;} div#diagnostic form p label.diagnostic{width:90%;} div#diagnostic form p input{border:1px solid #6E6F5B;font-size:1em;padding-left:3px;top:0pt; width:44%;} div#diagnostic form p input.checkbox{width:3%;margin-top:3px;border:none;background:none;} div#diagnostic form table.formulaire{position:relative; font-size:1em; left:0; float:left; display:block; width:auto; margin-top:0;} div#diagnostic form table.formulaire td{height:auto; margin-left:0%; background:#F1F1F1; text-align:left; font-weight:400;padding:4px;font-size:12px;border:1px solid #ddd;font-size:0.9em;} div#diagnostic table.formulaire td.center {text-align:center;} div#diagnostic table.formulaire td.title {font-weight:bold;} div#diagnostic div.historique, div#diagnostic div.raison{ display:none; } div#diagnostic p.button{ font-weight:bold; margin-top:10px; } div#diagnostic span#valid_diag, div#diagnostic span#valider, div#diagnostic span#retour{ display:block; font-weight:bold; background:#CA2323; color:#fff; text-decoration:none; cursor:pointer; width:27%; margin:10px auto 0 auto; padding:2px 5px;border:1px solid #EED6D9; } div#diagnostic span#retour{ display:none; } div#diagnostic input#main{float:none;margin:0;margin-left:0;margin-top:0;background:none;width:auto;margin-left:0;} /*magasine*/ .inside #content p.link{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px;} /*footer*/ #footer{position:relative;left:-1px;margin:0 auto;padding:50px 0 0 0;background:url(img/bottom-content.jpg) center top no-repeat;overflow:hidden;} * html #footer{position:relative;left:-2px;overflow:visible;} *+html #footer{position:relative;left:-2px;overflow:visible;} #footer .links {padding:10px 0 15px;background:#c2c2c2;border-top:1px solid #d5d5d5;} #footer ul li{display:inline;padding:0 0 0 5px;line-height:0.6em;} #footer ul li.s3i {border-right:none;} #footer ul li a{padding-right:5px;color:#474545;font-weight:normal;font-size:0.8em;text-decoration:none;} #footer ul li a:hover{text-decoration:underline;} /*baseline*/ #footer #baseline, #footer #partners, #footer ul {width:940px;margin:10px auto 0;padding:5px;background:#b7b7b7;border:1px solid #afafaf;} #footer .footer-inside {position:relative;display:block;width:720px;margin:0 auto;} #footer .footer-inside ul {position:relative;float:left;display:inline;width:720px;margin:-50px auto 20px;padding:0 0 10px 130px;background:none;border:none;} * html #footer .footer-inside ul {margin:-40px auto 20px;padding:0 0 10px 240px;} *+html #footer .footer-inside ul {margin:-40px auto 20px;} #footer #baseline p, #footer #partners p{margin:0;font-size:0.9em;line-height:1.2em;color:#474545;} #footer #partners p a{font-size:0.9em;color:#474545;text-decoration:none;} #footer #partners p a:hover {text-decoration:underline;} /*home*/ #home #footer{width:607px;clear:left;padding:0;margin:0;background:url(img/background-grey.jpg) -1px top repeat-y;border-top:1px solid #b9b9b9;overflow:hidden;display:inline-block;} #home #footer ul{display:inline;float:right;width:30%;margin:10px 105px 0 0;padding:0;background:none;border:none;} #home #footer ul li{float:left;display:block;width:90%;margin-bottom:4px;border-right:none;line-height:1.2em;} #home #footer ul li.s3i{display:inline;margin:0;} #home #footer p{display:inline;float:left;width:226px;margin:0 0 0 30px;} #home #footer p a{display:block;height:104px;width:226px;background:url(img/geographic-search.jpg) left top no-repeat;text-indent:-5000px;} #home #footer p a:hover{background:url(img/geographic-search.jpg) left -104px no-repeat;} #home #footer ul li a{font-weight:bold;font-size:0.9em;} #home #footer span{display:none;} /* =sub --------------------------------------------------------------------------------------------------------- */ #sub {position:relative;float:right;right:7px;margin-top:116px;width:136px;padding-top:10px;background:url(img/background-sub.jpg) left top no-repeat;text-align:center;overflow:hidden;} #sub.connected {margin-top:162px;} #sub p, #sub div{margin:0;} #sub p.connected, #sub div.connected{margin-top:0px;} #sub div {padding:0 5px;font-size:0.9em;text-align:left;line-height:1.4em;width:122px;overflow:hidden;} #sub div div {padding:0;} #sub div.awepub {padding:0 5px 0 0;border-bottom:1px solid #bbb;} #sub div img, #sub p img {display:block;margin:0 auto 5px;width:130px;} #sub div a {font-weight:bold;text-decoration:none;} #sub div a:hover {text-decoration:underline;} #sub div span.awepub_description {display:block;margin:5px 0;} #sub div span.awepub_url {display:none;} /* =sidebar --------------------------------------------------------------------------------------------------------- */ #sidebar {float:left;width:215px;background:url(img/background-sidebar.jpg) left top repeat-y;} #sidebar .widget{display:inline-block;padding-bottom:9px;background:url(img/bottom-widget.jpg) left bottom no-repeat;} #sidebar .widget h2{display:block;width:214px;text-indent:-5000px;} /*achat*/ #sidebar #buy h2{height:46px;margin-bottom:0;background:url(img/achat-title.jpg) left top no-repeat;} #sidebar #buy form h3{padding-top:5px;margin:0 0 5px 0;font-size:1em;} #sidebar #buy form{padding:0 28px 0 24px;background:url(img/background-achat.jpg) left top no-repeat;} #sidebar #buy form p{margin:0 0 5px 0;} #sidebar #buy form p.submit{overflow:hidden;} #sidebar #buy form label{display:none;} #sidebar #buy form select{width:160px;border:1px solid #b4a86a;} #sidebar #buy form p a.init{float:left;} #sidebar #buy form button{float:right;height:20px;width:90px;background:url(img/btn-search.jpg) left top no-repeat;color:#fff;font-weight:bold;font-size:1em;border:none;cursor:pointer;} /*vente*/ #sidebar #sells{background:url(img/bottom-widget-light.jpg) left bottom no-repeat;} #sidebar #sells h2{height:51px;background:url(img/vente-title.jpg) left top no-repeat;} #sidebar #sells p{padding:0 28px 0 24px;margin:0 0 7px 0;line-height:1em;} #sidebar #sells p a{display:block;height:25px;width:163px;margin:0 0 0 -4px;padding:10px 5px;background:url(img/btn-depot.jpg) left top no-repeat;color:#fff;font-weight:bold;text-decoration:none;text-align:center;} #sidebar #sells p a:hover{text-decoration:underline;} /*service*/ #sidebar #service{background:none;} #sidebar #service h2{height:41px;background:url(img/service-title.jpg) left top no-repeat;} #sidebar ul{margin:0 22px 0 24px;} #sidebar ul li{margin:0 0 12px 0;padding:0 0 0 12px;background:url(img/bullet.gif) left 6px no-repeat;} #sidebar ul li a{font-size:1em;font-weight:bold;color:#c00000;text-decoration:none;} #sidebar ul li a:hover{text-decoration:underline;} /*servicePlus*/ #sidebar #service-plus{background:url(img/bottom-widget-light.jpg) left bottom no-repeat;} #sidebar #service-plus h2{height:41px;background:url(img/service-title-plus.jpg) left top no-repeat;} #sidebar #service-plus ul{margin:0;} #sidebar #service-plus ul li{margin:0;padding:0 0 0 13px;background:none;} #sidebar #service-plus ul li#alerte a{width:182px;height:47px;background:url(img/btn-alerte.jpg) left top no-repeat;} #sidebar #service-plus ul li#alerte a:hover{background:url(img/btn-alerte.jpg) left -47px no-repeat;} #sidebar #service-plus ul li#top-annonce a{width:182px;height:56px;background:url(img/btn-top-annonces.jpg) left top no-repeat;} #sidebar #service-plus ul li#top-annonce a:hover{background:url(img/btn-top-annonces.jpg) left -56px no-repeat;} #sidebar #service-plus ul li#widget a{width:181px;height:42px;background:url(img/btn-widget.jpg) left top no-repeat;} #sidebar #service-plus ul li#widget a:hover{background:url(img/btn-widget.jpg) left -42px no-repeat;} #sidebar #service-plus ul li#recherche-geographic{margin:10px 0 10px 0;} #sidebar #service-plus ul li#recherche-geographic a{width:182px;height:47px;background:url(img/btn-recherche.gif) left top no-repeat;} #sidebar #service-plus ul li#recherche-geographic a:hover{background:url(img/btn-recherche.gif) left -47px no-repeat;} #sidebar #service-plus ul li a{display:block;text-indent:-5000px;} /*home*/ /*widget*/ #main ul.instal_widget{margin:10px 0 25px;text-align:center;} #main .inside ul.instal_widget li{background:none;padding:0 10px 0 0;} #main .inside ul.instal_widget li a{padding:0 0 3px 20px;color:#999;text-decoration:none;} #main .inside ul.instal_widget li a:hover{text-decoration:underline;} #main .inside ul.instal_widget li a.netvibes{background:url(img/netvibes.jpg) left top no-repeat;} #main .inside ul.instal_widget li a.igoogle{background:url(img/igoogle.jpg) left top no-repeat;} #main .inside ul.instal_widget li a.dashboard{background:url(img/dashboard.jpg) left top no-repeat;} #main .inside ul.instal_widget li a.opera{background:url(img/opera.jpg) left top no-repeat;} #main .inside ul.instal_widget li a.live{background:url(img/live.jpg) left top no-repeat;} #main .content #widget{width:70%;margin:20px auto 0;} /* =formulaire --------------------------------------------------------------------------------------------------------- */ form input.hidden{display:none;} fieldset{padding:5px;margin-bottom:10px;background:#F1F1F1;border:none;} fieldset legend, #main form h5{color:#C00000;font-size:1em;padding:0 15px 0 2px;} #main form h5{margin:0 0 10px 10px;} div.expanded{padding:5px 5px 5px 0;} #main form{padding:20px 5px 10px 0;background:#F1F1F1;font-size:1em;border:1px solid #A6A5A5;} #main form p{overflow:hidden;margin:0 0 10px 0;} #main form p.recuperation{margin:0 0 10px 0;} #main form p.help{margin:0 0 10px 15px;color:#838383;} #main form p.help em{float:none;width:auto;text-align:left;padding:0 5px 0 0;} #main form p label{float:left;width:49%;margin-right:5px;padding-left:15px;color:#4d4c4c;} #main form p input, #main form p select{width:44%;margin:0;padding:0;border:1px solid #B4A86A;color:#4d4c4c;font-size:1.1em;} #main form p input{padding:1px 5px;} #main form p.captcha input{float:right;width:15%;margin-right:15px;} #main form p.captcha img{float:left;display:inline;margin-left:25px;} #main form p select{width:46%;} #main form p.button input{float:right;margin-right:8px;width:auto;padding:1px 4px;background:#ca2323;border:1px solid #eed6d9;color:#fff;font-weight:bold;} #main form p.info{margin-left:18px;color:#434242;font-weight:bold;} #main form p em{float:right;margin-right:3px;width:42%;text-align:center;color:#4D4C4C;} #main ul.sub-link{margin:0 16px 10px 15px;text-align:left;} ul.sub-link li{display:inline;margin:0;padding:0;background:none;} ul.sub-link li a{padding:2px 5px;background:#fff;border:1px solid #dc3131;text-decoration:none;} ul.sub-link li a:hover{background:#f7e9e9;} /*depot et edition annonce*/ #main form.longer{background:none;border:none;} #main form.longer fieldset{display:block;margin-bottom:20px;background:#F1F1F1;border:1px solid #A6A5A5;} #main form.longer fieldset legend{padding:0 15px 0 2px;background:url(img/fleche-desc.jpg) right 3px no-repeat;} #main form.longer .expanded{overflow:hidden;padding:0;margin-top:10px;} #main form.longer .selected{display:block;} #main form.longer p{float:left;width:48%;margin:0 7px 10px 0;padding-bottom:7px;border-bottom:1px solid #DDDDDD;} #main form.longer p.soustitre{width:95%;margin:15px auto 10px;float:none;border:none;background:#d4d4d4;color:#585858;font-weight:bold;padding:2px 5px;} #main form.longer p.commentaire{float:none;width:100%;margin:0;border:none;} #main form.longer fieldset.equipement p label{width:80%;} #main form.longer p.commentaire textarea{width:505px;} #main form.longer p input{width:38%;} #main form.longer p select{width:42%;} #main form.longer p input.checkbox{width:20px;margin:2px 5px;border:none;background:none;} #main form.longer p.button{width:auto;float:none;margin:0 0 10px 0;border:none;} #main form.longer p.button input{width:100%;margin-right:0;} #main form.longer p.button input.friend{width:20%;margin-right:0;} #main form.longer fieldset.visuel p.text{float:none;width:95%;font-weight:bold;padding-left:15px;} #main form.longer fieldset.visuel p{width:95%;margin-left:10px;} #main form.longer fieldset.visuel p.clear label{width:15%;} #main form.longer fieldset.visuel p.diagnostic{padding:15px 0 0 20px;width:auto;float:none;border:none;} #main form.longer fieldset.visuel p.diagnostic a{width:210px;margin-top:5px;display:block;padding:2px 5px;background:#fff;border:1px solid #dc3131;text-decoration:none;text-align:center;} #main form.longer fieldset.visuel h4{width:95%;margin:15px auto 10px;float:none;border:none;background:#d4d4d4;color:#585858;font-weight:bold;padding:2px 5px;} #main form.longer fieldset.visuel img{float:left;margin-left:10px;} #main form.longer img#wait {width:32px;display:none;margin:0 auto;} #flash_content{margin-left:-20px;} #blockContainer #flash_content{margin-left:0;} #blockContainer p.return{display:none;} *+html #blockContainer #flash_content{position:relative;left:300px;} * html #blockContainer #flash_content{position:relative;left:300px;} /*help slider*/ h2.helper {position:absolute;top:2px;left:50%;margin-left:422px;z-index:50;} h2.helper a {padding:2px 20px 2px 0;text-decoration:none;color:#000;font-size:11px;font-weight:bold;background:url(img/help.gif) right top no-repeat;} h2.helper a:hover {text-decoration:underline;} .slider ul, .slider li{ margin:0;padding:0;list-style:none; } .slider, .slider li{ width:721px;height:370px;margin:0 auto 0;overflow:hidden; } .slider .wrapper {border:1px solid #aaa;background:#f3f3f3 url(img/help/bg-bloc.gif) left top repeat-x;} .slider li h3 {margin-top:15px;margin-bottom:10px;} .slider li h3, .slider li p {margin-left:10px;width:350px;} .slider li p.liste {display:block;height:auto;width:350px;font-size:12px;margin:0 0 5px 10px;padding:0 0 0 10px;background:url(img/bullet.gif) left 5px no-repeat;} .slider li p.last {margin-top:10px;} .slider li p {margin-bottom:15px;} .slider li p a {color:#C00000;} .slider li p a:hover {text-decoration:underline;} .slider li#one {background:url(img/help/one.gif) right top no-repeat;} .slider li#two {background:url(img/help/two.gif) right top no-repeat;} .slider li#three {background:url(img/help/three.gif) right top no-repeat;} .slider li#for {background:url(img/help/for.gif) right top no-repeat;} .slider li#three p.liste {width:380px;} .slider li#for p.liste {width:415px;} span#nextBtn a {position:absolute;right:8px;top:210px;display:block;height:63px;width:31px;background:url(img/help/next.jpg) left top no-repeat;text-indent:-5000px;} span#prevBtn a {position:absolute;left:8px;top:210px;display:block;height:63px;width:31px;background:url(img/help/previous.jpg) left top no-repeat;text-indent:-5000px;} *+html .slider {margin-left:25px;}