/* AVL Achat Vente Location - CSS par Kiwii Development */

* { margin:0; padding:0; }
body { margin: 0; padding: 0; text-align: center; font-size:100%; }
a, a:link, a:visited { color: #588DA2; text-decoration: none; padding: 1px 2px; }
a:hover { background-color: #06c; padding: 1px 2px; }
img { border: none; }
h2, h3 { font-size:120%; font-family: Trebuchet MS; padding:14px 0 4px 0; }
h3 { font-size:110% padding-bottom:12px; margin:0 12px 10px 12px; }
address { font-size:80%; font-variant: small-caps; font-style: normal; font-family: Trebuchet MS; color:#fff; }
hr.clear { clear: both; border:0; line-height: 0; height: 0; padding: 0; margin: 0; visibility: hidden; }

#page { width: 740px; text-align: left; margin: 0 auto; position: relative; padding: 0; top: 0; left: 0; }

/* -------------------------------------- Header  */

#header { width:772px; margin-left:-17px; }
* html #header { width:774px; margin-left:-4px; } /* HACK IE */
#header .logo { margin:40px 0 0 26px; }
#header a.none:hover { background-color: transparent; text-decoration: none; }

#title { position: absolute; top:40px; right:-5px; width:545px; height:103px; background: url(img/header-gen.png) no-repeat; padding-bottom:20px; }
* html #title { right:10px; } /* HACK IE */
#title h1 { color:#fff; font-size:120%; font-family: Trebuchet MS; line-height: 120%; padding:16px 0 0 22px;  }
#title h1 span { font: normal 90% 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif; letter-spacing: 0.8px; }
#title #search { position: absolute; width:530px; height:25px; margin-top:24px; right:0; background: url(img/bg-search.gif) no-repeat; text-align: right; }
#title #search p { font-size:.8em; position: absolute; padding-top:6px; font-family: Trebuchet MS; font-weight: 100; color:#666; right:230px; }
#title #search form { margin:0 0 0 0; padding:0; margin:0; }
#title #search fieldset { border:0; }
#title #search label { display: none; }
#title #search input { padding:0; margin:0; margin-top:4px; }
#title #search input#q { width:148px; color:#938A7A; height:12px; margin-right:20px; }
#title #search input#search-s { padding-right:8px; vertical-align: bottom; }
#title #search input#search-s:hover { background: url(img/bt-ok-hover.gif) no-repeat; }

/* -------------------------------------- leftnav Navigation  */

#leftnav { background: transparent url(img/nav_top.gif) top right no-repeat; width: 150px; margin: 10px 0 0 16px; padding: 15px 0 0 0; float: left; }
#leftnav ul { list-style-type: none; font: normal 10px/23px 'Lucida Grande','LucidaGrande',Lucida,Sans-Serif; background: transparent url(img/nav_normal.gif) 0px -30px no-repeat; color: #666; margin: 0 0 0 0px; padding: 5px 0 15px 0; }
#leftnav ul li { list-style-image: none; background: transparent url(img/nav_hover.gif) bottom right no-repeat; height: 26px; margin: 0; }
#leftnav_inside { background: transparent url(img/nav_bottom.gif) bottom right no-repeat; padding: 10px 0 50px 0; }
#leftnav li a, #leftnav li a:link { list-style-image: none; background: transparent url(img/nav_normal.gif) bottom right no-repeat; height: 26px; margin: 0; color: #999; display: block; padding: 0; }
#leftnav li a:active { color: #036; }
#leftnav li a:visited { background: transparent url(img/nav_normal.gif) bottom right no-repeat; color: #999; }
#leftnav li a:hover { background: none; color: #3F7E86; }
#leftnav li a strong { color: #A40000; font-size: 110%; }
#leftbox p { background-color:#fff; padding:0 16px 0 0; color: #936; font-family: verdana, arial, geneva, sans-serif; font-size:80%; }
#leftbox a { margin:0; padding:0; text-decoration: underline; color: #906; background-color:#E8D1DC; padding:0 2px 0 2px; }
#leftbox a:hover { background-color:#ff0; } 
* html #leftbox p { padding-right:0; } /* HACK IE */

/* -------------------------------------- Contenu  */

#contenu { float: right; width: 550px; position: relative; top: 0; right: 0; padding: 0; margin:26px 8px 0 0; }
* html #contenu { margin:26px -4px 0 2px; padding: 0 0 0 6px; width: 540px; } /* HACK IE */
.box { padding: 7px 6px 0 0; }
.boxEnd { padding: 0 0 6px 0; }
* html .boxEnd { padding: 0; } /* HACK IE */
.box a { text-decoration: none; padding:0; margin:0; }
.box a:hover { text-decoration: none; background-color: #fff; color:#f90; border:0; }
.box p { padding:3px 0 0 10px; margin-bottom:3px; line-height: 120%; font: normal .8em 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif; }
.box ul, .box ol { padding:6px 0 6px 40px; font: normal .8em 'Lucida Grande', 'Lucida Sans',verdana, arial, sans-serif; }
.box p img { border:4px solid #fff; margin:0px 6px 6px 0; float: left; display:block; }
.blueTopBox { background: #F0F7FF url(img/box-blue-top.gif) top left no-repeat; } .blueTopBox a { color: #006; border-bottom:1px dotted #006; }
.pinkTopBox { background: #FFE6E6 url(img/box-pink-top.gif) top left no-repeat; } .pinkTopBox a { color: #390; border-bottom:1px dotted #390; }
.grayTopBox { background: #F0F0F0 url(img/box-gray-top.gif) top left no-repeat; } .grayTopBox a { color: #f60; border-bottom:1px dotted #f60; }
.blueBotBox { background: #F0F7FF url(img/box-blue-bot.gif) bottom left no-repeat; }
.pinkBotBox { background: #FFE6E6 url(img/box-pink-bot.gif) bottom left no-repeat; }
.grayBotBox { background: #F0F0F0 url(img/box-gray-bot.gif) bottom left no-repeat; }
.event a, .blueTopBox p, .blueTopBox ul, .blueTopBox ol, .blueTopBox h3 { color: #06c; }
.alu a, .pinkTopBox p, .pinkTopBox ul, .pinkTopBox ol, .pinkTopBox h3 { color:#A40000; }
.acier a, .grayTopBox p, .grayTopBox ul, .grayTopBox ol, .grayTopBox h3 { color: #000; }
.event a:hover, .alu a:hover, .acier a:hover { color:#f90; background-color: transparent; }
.blueTopBox h3 { color: #06c; border-bottom:1px solid #B4BBF0; }
.pinkTopBox h3 { color: #A40000; border-bottom:1px solid #F0A1A1; }
.grayTopBox h3 { color: #000; border-bottom:1px solid #C3C3C3; }
.modified { margin:10px 0 8px; border-top: 1px dotted #fff; margin:8px 12px 0 12px; }
.blueTopBox p.score { color: #A3BD39; }
.cache {display: none;}

/* -------------------------------------- Footer  */

#footer { width: 731px; display:block; margin:30px 0 0 4px; position: absolute; padding-top: 0px; text-align: center; }
* html #footer { padding-left:14px; } /* HACK IE */
#footer .footbox { padding: 7px 0 0 0; background: #333 url(img/box-foot-top.gif) top left no-repeat; }
#footer .footbox address a { color: #000; text-decoration: underline; }
#footer .footbox address a:hover { text-decoration: none; }
#footer .footboxbot { padding: 0 0 6px 0; background: #333 url(img/box-foot-bot.gif) bottom left no-repeat; }
#footer #underfooter { width:774px; height:35px; margin-left:-22px; }