/* Balises g�n�rales */
*{margin:0;padding:0;}
strong{font-weight:normal;}
h1, h2, h3, h4, h5, p.title{display:block;font-weight:bold;color:#468ed1;font-size:16px;margin-bottom:15px;}
p, ul{margin-bottom:15px;}
fieldset{margin-bottom:10px;padding:10px;}
fieldset legend{color:#3E72BB;font-weight:bold;}
a img{border:none;text-decoration:none !important;}
a:link, a:visited{color:#0056A6;}
ul li{list-style:none;}
hr{background:#e1dfdf;border:none;margin:-10px 10px 10px 0;}
.clear{clear:both;}
.mini{height:1px;}
a:hover, a.nodec:link, a.nodec:visited{text-decoration:none;}
.strong{font-weight:bold;}
.justify{text-align:justify;}
.center{text-align:center;}
.right{text-align:right;}
.block{display:block;}

.alert,.confirm,.error{margin:10px 10px 20px 10px;padding:5px 10px;}
.alert{background:#FFFFCC;border:1px solid #dedede;}
.confirm{background:#EEF4D4;border:1px solid #8FAD3D;color:#486B38;font-weight:bold;}
.error{background:#F6CBCA;border:1px solid #CB2026;}

.noir{color:#333333 !important;}
.orange{color:#ff6600 !important;}
.green{color:#486B38 !important;}
.bleufonce{color:#2a4280 !important;}

/* Publicite */
.pubban, .pubbantop{width:728px;margin:0 auto 10px auto;}
.pubban{margin:10px auto !important;}
.pubsky{width:160px;height:600px;margin:0 0 0 15px;}

/* Structure du site */
body{background:#f1f0f0 url('../images/design/background_head.png') repeat-x;font-family:Arial,Helvetica,"Lucida Grande","Lucida Sans Unicode";font-size:13px;color:#333333;}
div#wrap{position:relative;width:950px;margin:0px auto;padding-top:160px;}

/* Header */
div#header {height:0px;}
div#header span a{background:url('../images/design/logo.png') no-repeat;width:310px;height:92px;font-size:0;text-indent:-1000px;position:absolute;top:13px;left:10px;}

/* Connexion */
div#connection {background:url('../images/design/connection.png') no-repeat;width:310px;height:105px;position:absolute;left:630px;top:0px;}
div#connection div.titre{color:#e0551f;font-weight:bold;padding:10px 0 0 30px;}
div#conn_infos{padding:20px 0 0 40px;}
form#conn_form{font-size:11px;padding:10px 0 0 30px;}
form#conn_form div.pos{float:left;padding-top:5px;}
* html form#conn_form div.clear{margin-top:-25px;}
*:first-child+html form#conn_form div.clear{margin-top:-10px;}
form#conn_form input.conn_text{border:1px solid #cccccc;width:93px;height:18px;margin-right:5px;}
form#conn_form input.conn_text:focus{background:#f7f6f6;}
form#conn_form input.conn_checkbox{margin-left:5px;border:1px solid #cccccc;}
*:first-child+html * html form#conn_form input.conn_checkbox{border:none;margin-top:-3px;}
form#conn_form input.conn_submit{color:#ffffff;font-weight:bold;border:none;background:url('../images/design/bouton_orange.jpg') no-repeat;width:32px;height:20px;}
form#conn_form a:link, form#conn_form a:hover, form#conn_form a:visited{color:#333333;}

/* Menu */
div#menu{background:url('../images/design/background_menu.jpg') repeat-x;position:absolute;top:121px;height:30px;width:930px;padding:0px 15px;}
div#menu ul li{list-style:none;float:left;font-size:14px;margin:0 9px;padding-top:8px;font-weight:bold;}
div#menu ul li.selected{background:#ffffff url('../images/design/tabmenu_left.jpg') no-repeat scroll left top;margin-top:-6px;padding:12px 0 0 5px !important;}
div#menu ul li.selected a{background:url('../images/design/tabmenu_right.jpg') no-repeat scroll right top;padding:12px 14px 0 9px;	}
div#menu ul li a:link, div#menu ul li a:hover, div#menu ul li a:visited{text-decoration:none;color:#2a4280;}
div#menu ul li.selected a:link, div#menu ul li.selected a:hover, div#menu ul li.selected a:visited {color:#ff6600;}
div#page{padding:0 10px 10px 10px;background:#ffffff;width:940px;}
div#ariane{margin-top:-5px;padding-bottom:8px;color:#cacaca;}
div#ariane a:link, div#ariane a:hover, div#ariane a:visited {color:#cacaca;}

/* Contenu */
div#content_left{width:740px;padding:20px 7px 20px 0;float:left;}
div#content_left .cols2{background:url('../images/design/background_bloc_cols2.png') no-repeat;width:340px;margin:0 10px 10px 0;padding:10px;float:left;}
div#content_left .col{background:url('../images/design/background_bloc.png') no-repeat;width:710px;margin:0 10px 10px 0;padding:10px;}
input.btnbleu{background:#3a6dae;border:none;height:26px;padding:5px 15px;color:#ffffff;font-weight:bold;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;}
div#content_left input.text{border:1px solid #cccccc !important;height:16px;margin-bottom:4px;padding-top:2px;}
div#content_left input.text:focus, div#content_left textarea:focus, div#content_left select.text:focus{background:#f7f6f6;}

/* Petit formulaire (page d'accueil et autre) */
div#content_left form.little label{display: inline;float: left;width: 130px;}
div#content_left form.signup label{display:inline;float:left;width:250px;}
div#content_left form.little select, #content_left form.signup select, #content_right select{border:1px solid #cccccc;width:150px;height:18px;margin-bottom:4px;}

/* Recherche */
div.recherchecol{float:left;padding-right:10px;width:345px;}

.result{border-collapse:collapse;border-spacing:0;width:100%;}
.result thead td{font-weight:bold;border-bottom:1px solid #EEEEEE;padding-bottom:8px;}
.result tbody td{height:30px;padding:3px;border-bottom:1px solid #EEEEEE;vertical-align:middle;}
.result tbody tr:hover td{background:#eceef4;}
.result a:link, .result a:hover, .result a:visited{text-decoration:none !important;color:#333333;font-weight:bold;font-size:17px;}
.result tbody img{height:40px;float:left;margin-right:8px;}
.result span{display:block;font-size:11px;margin-top:3px;color:#BBBBBB}

div.navigation{width:712px;padding:7px;margin-top:10px;}
div.navigation div.content{float:left;padding-top:3px;font-style: italic;}
div.navigation ul{float:right;margin:0 !important;}
div.navigation ul li{display:block;float:left;margin-left:3px;font-size:18px;}
div.navigation ul li a{text-decoration:none !important;}

/* Contenu sp�cial visualisation annonce */
div.vendeur{float:left;width:340px;padding:10px 10px 0 10px;border-bottom:1px dotted #dedede;}
div.vendeur:hover{background:#F7F6F6;}
div.annonce h1#titre{font-size:26px;margin-bottom:0px !important;}
div.annonce span#prix{color:#ff6600;font-size:24px;font-weight:bold;display:block;margin-bottom:10px;}
div.annonce div.photo{float:left;padding-left:20px;}
div.annonce div.cols2 ul{margin-left:10px;}
div.annonce ul#options{border-top:1px solid #e1dfdf;padding-top:10px;margin-right:10px;}
div.annonce ul#options li{display:block;float:left;width:175px;padding:0 0 4px 5px;height:16px;}
ul#options a:link, ul#options a:hover, ul#options a:visited{color:#333333;text-decoration:none;}
div.annonce div.form_contact{width:484px;float:left;}
form#cf label{display: inline;float: left;width: 176px;}
form#cf input.text, form#cf textarea{border:1px solid #cccccc;height:16px;margin-bottom:4px;padding-top:2px;width:255px;}
form#cf textarea{height:85px;}
div.annonce div.coordonnees{width:220px;float:left;}
div.photoDescription{margin:10px 5px 0;}
div.photoDescription div{float:right;	}
div.photoDescription div a{padding:0 5px;	}
div.photoPicture{background:#F7F7F7;border-bottom:1px solid #BBBBBB;border-top:1px solid #BBBBBB;margin:5px 0;padding:10px;text-align:center;}

/* Contenu � droite */
div#content_right{width:190px;float:left;}
div#content_right h1, div#content_right h2, div#content_right h3, div#content_right h4, div#content_right h5{display:block;font-weight:normal;font-size:16px;color:#ffffff;background:#3e78b9;padding:7px 9px;margin-bottom:5px;}
div#content_right div.gris{background:#f3f2f2;padding:9px 10px;margin-bottom:10px;}
div#content_right div.gris .title{font-size:14px;}
div#content_right div.gris img.photo{margin-bottom:7px;}
div#content_right div.annonces{font-size:12px;}
div#content_right div.options{margin-top:10px;}
div#content_right div.options span{padding-bottom:5px;font-weight:bold;}
div#content_right div.options a.selected{color:#404040;font-weight:bold;padding-right:20px;background:url('http://www.loccasion.com/images/mini/tick.png') right no-repeat;}

/* Footer */
div#footer{background:#3e78b9;color:#ffffff;border-bottom:3px solid #ffffff;min-width:950px;}
div#footer_content{width:950px;margin:0 auto;}
div#footer div.cols{background:url('../images/design/background_footer.png') no-repeat;width:455px;padding:10px;float:left;}
div#footer div.cols div.cols3{width:147px;margin-left:4px;float:left;}
div#footer div.cols span.titre{color:#66ccff;font-size:16px;display:block;margin-bottom:22px;}
div#footer div.cols ul li{list-style: none;margin-bottom:9px;}
div#footer ul li a:link, div#footer ul li a:hover, div#footer ul li a:visited{text-decoration:none;color:#ffffff;}

/* Profooter (apr�s le footer) */
div#profooter {background:url('../images/design/background_footer2.png') repeat-x;height:92px;width:100%;min-width:950px;}
div#profooter_content{width:950px;margin:0 auto;text-align:center;padding:22px 0px;}
div#profooter_content a:link, div#profooter_content a:hover, div#profooter_content a:visited{color:#333333;text-decoration:none;}

/* Blog Sidebar */
#bgnc{width:550px;padding:0 15px 0 10px;float:left;border-right:1px solid #D9D9D9;}
#bgnc .navbar{clear:both;display:block;}
#bgnc .navbar .alignleft{display:block;}
#bgnc .navbar .alignright{display:block;width:100%;text-align:right;}

.post{clear:both;text-align:justify;}
.post h2{font-size:22px;margin:0;padding-top:20px;}
.post h1{font-size:26px;margin-bottom:15px;}
.post h2 a:link, .post h2 a:visited, .post h2 a:hover, .post h1 a:link, .post h1 a:visited, .post h1 a:hover{color:#1B2C3E;}
.entry a:link, .entry a:hover, .entry a:visited{color:#468ED1;font-weight:bold;}
.entry strong{font-weight:bold !important;}

#mr{border-right:1px solid #D9D9D9;float:left;padding:20px 10px 10px 10px;width:208px;}
#rr h3, #mr h3{margin:0 0 15px 0;color:#333333;border-bottom:5px solid #468ED1;}
#mr li{background:#EFEFEF;padding:5px;margin-bottom:10px;}
#mr span.title{font-weight:bold;display:block;margin-bottom:5px;}
#mr span.date{font-style:italic;text-align:right;color:#468ED1;width:100%;display:block;}

#rr{float:left;width:120px;margin-left:10px;padding-left:5px;font-size:10px;}
#rr ul{margin:0;}
#rr h3{margin-top:10px;}

/* Espace membre */
#menu_left,#right_content,.right_content{font-family:"Lucida Grande","Lucida Sans Unicode",Helvetica,Arial}
#menu_left{float:left;width:180px;padding-right:10px;font-size:12px;color:#333;}
#menu_left dl dt{margin-top:10px;font-weight:bold;color:#666;}
#menu_left dl dd{padding:5px;border-bottom:1px solid #d6d9de;cursor:pointer;}
#menu_left dl dd a{text-decoration:none;color:#333;width:100%;}
#menu_left dl dd:hover{background-color:#eceef4;}
#right_content,.right_content{float:left;width:700px;padding-left:20px;border-left:1px solid #bbb;min-height:300px;}

.tab-stats{width:100%;border-spacing:0;border-collapse:collapse;margin-bottom:20px;}
.tab-stats tr td{border-bottom:1px solid #bbb;padding:5px;}
.tab-stats thead tr td{font-weight:bold;}
.tab-stats tbody tr:hover td{background:#eceef4;}

.formated_form label{display:inline;float:left;width:250px;}
.formated_form input, .formated_form select.big, .formated_form textarea{background:#fff;border:1px solid #dce2e7;min-height:18px;padding:3px;width:250px;}
.formated_form textarea{height:75px;}
.formated_form input[type=submit]{font-size:14px;padding:7px;}
.formated_form input[type=submit]:hover{background:#e4edf6 none repeat scroll 0 0;cursor:pointer;}

.marque{padding:10px 5px 2px 5px;margin-bottom:10px;margin-top:10px;width:100px;height:70px;text-align:center;border:1px solid #FFFFFF;float:left;}
.marque span.liens{display:none;}
.marque:hover span.liens {display: block;position: absolute;margin:0;width: 10em;text-decoration:none;text-align: center;z-index:1000;}

/* Infobulle css */
a.info{z-index: 24;}
a.info:hover{z-index: 25;}
a.info span{display: none;}
a.info:hover span {display: block;position: absolute;margin:2em 0 0 -6em;width: 10em;text-decoration:none;border: 1px solid #6699cc;background-color: #eeeeee;color: #6699cc;text-align: center;padding: 1px;z-index:1000;}

/*
* jQuery UI CSS Framework
* Copyright (c) 2009 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #4297d7; background: #5c9ccc url(images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }
.ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #c5dbec; background: #dfeffc url(images/ui-bg_glass_85_dfeffc_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; outline: none; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; outline: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; outline: none; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; outline: none; }
.ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; outline: none; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; outline: none; text-decoration: none; }
.ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.ui-widget-overlay { background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }