html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset { margin: 0; padding: 0 }

body {
	background: #fff url('http://web-petitesannonces.fr/images/bg_site.gif') repeat-x;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #231F1A      
	}

a{ text-decoration: underline; color: #231F1A }
a:hover{text-decoration:none }
a img { border: none }
p { margin: 10px 0 }
fieldset { padding: 5px 10px; border: 1px solid #BFBFBF }
legend { font-weight: 700; font-size: 14px; color: #231F1A }

input, select { font-family: Arial,Helvetica,sans-serif; font-size: 11px; color: #231F1A }

.left { float: left }
.right { float: right }
.clear { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 0px; font-size: 0px }
.align_left {text-align: left }
.align_right {text-align: right }
.center { text-align: center}
.justify { text-align: justify }
.invisible { display: none }
.info { background: #ffd; border: 1px dashed #7ca2ea ; padding: 5px 10px }
.erreur { color: #f00; font-weight: 700; clear: both }
.message-erreur { color: #f00; font-weight: 700; background: #fff; padding: 5px 10px; border: 1px dashed #f00 }
.message-confirm { text-align: center; color: #5b1; font-weight: 700; background: #fff; padding: 5px 10px; border: 1px dashed #5b1 }
.hr { clear: both; height: 21px; background: transparent url('http://web-petitesannonces.fr/images/bg-h2-detail.png') repeat-x; }
.hr hr { display: none; }
.ul { margin-left:30px; margin-top:5px;}
.ul li { list-style-image: url('http://web-petitesannonces.fr/images/puce.png') }

.lienRetourHaut { text-align:right; margin-top:5px; margin-right: 10px }
.lienRetourHaut a { color: #f90; font-weight: bold; text-decoration: none }
.lienRetourHaut a:hover { text-decoration: underline }
.lienOrange a { color: #f90; font-weight: bold }

.ligneForm { margin: 0 0 6px 0; clear: both }        
.ligneForm label { display: inline; float: left; text-align: right; line-height: 18px; width: 150px; margin: 0 5px 6px 0 }
.ligneForm span { float: left; line-height: 18px }
.ligneForm span label, .ligneForm label span { float: none }



h1 { font: 20px normal verdana, sans-serif; color: #fff; text-align: center; margin: 20px 0 }
h2 { font-size: 16px; color: #231F1A; margin: 20px 0 }

#conteneur {
        position: relative;       
	width: 984px;
	margin: 0 auto
	}
	
#header{
	width: 468px;
	height: 60px;
	background: url('http://web-petitesannonces.fr/images/pub/banniere.gif') no-repeat left top;
        margin-top: 5px;
        /*float: left*/
	}

#header a {
	display: block;
	width: 468px;
	height: 60px;
	}
	
#header a span { display: none }

#gratuit { 
        position: absolute;
        top: -5px; left: 460px;
        width: 125px; height: 47px;
        background: url('http://web-petitesannonces.fr/images/gratuit.png');
        margin-top: 10px;
        margin-left: 130px
        }
#gratuit span { display: none }
#gratuit a { display: block; width: 125px; height: 47px; }       

#arbo { background-color:#F2EEE9; padding: 2px; text-indent: 8px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
#arbo a { font-weight: bold; text-decoration: none;}
#arbo a:hover { text-decoration: underline; }

#leftColumn {
        width: 674px;
        float: left;
        margin-top: 15px;
        padding-right: 10px
        }
        
#rightColumn {
        width: 300px;
        float: left;
        margin-top: 15px
        }

#navbar {
        border-top: 1px solid #F2EEE9;
        border-bottom: 1px solid #C2BEB9;
        width: 100%;
        line-height: 30px;
        height: 30px;
        margin-top: 5px
        }
        
#navbar ul{
	margin:0px;	/* No indent */
	padding:0px;	/* No indent */
	}
        
#navbar li {
	margin:0;
	padding:0;
        list-style-type: none;
        display: inline;
        float: left;
        height: 30px        
	}

#navbar a {
	margin:0px;
	padding:0px;
	text-decoration: none;        
        padding: 0 10px;
	float:left;
	display: inline;        
        line-height: 30px;
        border-right: 1px solid #C2BEB9;
	border-left: 1px solid #FFFEF9;
        background: url(http://web-petitesannonces.fr/images/menutopbg.gif) 0 0;
        font-weight: 700
	}
        
#navbar a:hover {
        background: url('http://web-petitesannonces.fr/images/menutopbg.gif') 0 -30px;
        color: #fff;
        }

#navbar .select {         background: url('http://web-petitesannonces.fr/images/menutopbg.gif') 0 -30px;
        color: #fff;
}
        
#navbar a#leftitem { border-left: 0; }

.content {
        background: #F2EEE9 url('http://web-petitesannonces.fr/images/bg-content.jpg') no-repeat;
        padding: 5px 10px;
        }
.contentBottom { background: #F2EEE9 url('http://web-petitesannonces.fr/images/bg-content-bottom.gif') no-repeat; height: 10px; }
/** Style Info-bulles **/
.infobulle {
	position: absolute;
	z-index: 1500;
	visibility : hidden;
	padding: 3px 6px;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background-color: #FFF;
	-moz-opacity:0.85;
	opacity: 0.85;
	filter:alpha(opacity=85);
	}
/** fin Info-bulles **/
#contenu { margin: 0; padding: 15px 0 10px 10px; width: 674px; float: left; }
/** résultat **/
.ColSearchCadre { border: 1px solid #BFBFBF; background: #F2EEE9; padding: 5px; }
.ColSearchtitle { background: #231F1A; color: #fff; font-weight: 700; padding: 1px 10px }

.btn-depot a {
        display: block;
        width: 300px;
        height: 50px;        
        background: url('http://web-petitesannonces.fr/images/btn-depot-large.png') no-repeat 0 0;
        text-decoration: none
        }
.btn-depot a:hover {
        background: url('http://web-petitesannonces.fr/images/btn-depot-large.png') no-repeat 0 -50px;
        }
.btn-depot a span { visibility: hidden }

/** Annonces **/
.bloc_annonce { 
	margin-bottom: 10px;
	width: 674px;
	background: #F2EEE9 url('http://web-petitesannonces.fr/images/annonce/bg.gif') repeat-y;
	}

.bloc_annonce .ref { font-size: 10px; background: #fff; width: 674px; line-height: 14px; height: 14px; }

.num { font-weight: bold; margin-left: 3px; margin-right: 5px; padding: 1px 0 1px 12px; background: url('http://web-petitesannonces.fr/images/annonce/num.gif') left; }
.num span { background: url('http://web-petitesannonces.fr/images/annonce/num.gif') right; padding: 1px 12px 1px 0; }

.bloc_annonce h2 { font-size: 13px; line-height: 20px; padding: 0 13px; margin: 0 }
.bloc_annonce h2 a { text-decoration:none; color: #fff; }
.bloc_annonce h2.auto           { background: #54AE54 url('http://web-petitesannonces.fr/images/annonce/h3-auto.gif') no-repeat; }
.bloc_annonce h2.moto           { background: #D2666B url('http://web-petitesannonces.fr/images/annonce/h3-moto.gif') no-repeat; }
.bloc_annonce h2.bateau         { background: #318CE7 url('http://web-petitesannonces.fr/images/annonce/h3-bateau.gif') no-repeat; }
.bloc_annonce h2.immo           { background: #B666D2 url('http://web-petitesannonces.fr/images/annonce/h3-immo.gif') no-repeat; }
.bloc_annonce h2.animaux        { background: #AE7A57 url('http://web-petitesannonces.fr/images/annonce/h3-animaux.gif') no-repeat; }
.bloc_annonce h2.musique        { background: #EAA026 url('http://web-petitesannonces.fr/images/annonce/h3-musique.gif') no-repeat; }
.bloc_annonce h2.services       { background: #8BA69F url('http://web-petitesannonces.fr/images/annonce/h3-services.gif') no-repeat; }
.bloc_annonce h2.affaires       { background: #5B88B4 url('http://web-petitesannonces.fr/images/annonce/h3-affaires.gif') no-repeat; }
.bloc_annonce .conteneur { margin-left: 13px; }
.bloc_annonce .contenu { float: left; }
.bloc_annonce p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: 54px; text-align:justify; float: left; overflow: auto; padding: 5px; margin: 0; background: #fff; border: 1px solid #D2CEC9; line-height: 13px; }
.bloc_annonce p a { font-weight: normal; color:#693A00; font-size:11px;}
.bloc_annonce .prix { float: right; color: #fff; font-weight:normal; font-size:12px;}
.bloc_annonce ul { list-style: none; }
.annonceBas { line-height: 23px; height: 23px; background: #F2EEE9 url('http://web-petitesannonces.fr/images/annonce/bas.gif') no-repeat; font-size: 12px; padding-left: 13px;}

.fixe  { margin-left: 5px; padding-left: 17px; background: url('http://web-petitesannonces.fr/images/annonce/fixe.gif') no-repeat left center;}
.mobile { margin-left: 5px; padding-left: 10px; background: url('http://web-petitesannonces.fr/images/annonce/mobile.gif') no-repeat left center;}

ul.item_inline { margin: 3px 0 2px 0px }
ul.item_inline li { margin-right: 10px; display: inline; background: url('http://web-petitesannonces.fr/images/puce.png') no-repeat left; padding-left: 8px; line-height: 14px;}
ul.itemoption { margin: 5px 0 0 0; padding: 0 }
ul.itemoption li { display: inline; width:150px; padding-left: 8px; background: url('http://web-petitesannonces.fr/images/puce.png') no-repeat left; float: left; }

.photoannonce1 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #54AE54; }
.photoannonce2 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #D2666B; }
.photoannonce3 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #318CE7; }
.photoannonce4 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #B666D2; }
.photoannonce5 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #AE7A57; }
.photoannonce6 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #EAA026; }
.photoannonce7 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #8BA69F; }
.photoannonce8 { float: left; padding: 2px; margin-right: 3px; margin-top:3px; background: #fff; border: 1px solid #5B88B4; }

.menuAnnonce { float: left; margin-left: 5px; width: 160px;}
.menuAnnonce li a { color: #693A00; font-size: 11px; font-weight: normal; text-decoration: underline; }
.menuAnnonce li a:hover { text-decoration: none; }
.menuAnnonce li { padding-left: 20px; line-height: 17px; }
.menuAnnonce li.mail { background: url('http://web-petitesannonces.fr/images/annonce/mail.gif') no-repeat left; }
.menuAnnonce li.detail { background: url('http://web-petitesannonces.fr/images/annonce/plus.gif') no-repeat left; }
.menuAnnonce li.plus { background: url('http://web-petitesannonces.fr/images/annonce/selection-plus.gif') no-repeat left; }
.menuAnnonce li.moins { background: url('http://web-petitesannonces.fr/images/annonce/selection-moins.gif') no-repeat left; }
.menuAnnonce li.pro { background: url('http://web-petitesannonces.fr/images/annonce/pro.gif') no-repeat left; }
.menuAnnonce li.photo { background: url('http://web-petitesannonces.fr/images/icons/camera.png') no-repeat left; }
.menuAnnonce li.sup { background: url('http://web-petitesannonces.fr/images/icons/delete.png') no-repeat left; }
.menuAnnonce li.modif { background: url('http://web-petitesannonces.fr/images/icons/page_white_edit.png') no-repeat left; }
.menuAnnonce li.partenariat { background: url('http://web-petitesannonces.fr/images/icons/izi.png') no-repeat left; }
.menuAnnonce li.localisation { background: url('http://web-petitesannonces.fr/images/icons/map_add.png') no-repeat left; }
.menuAnnonce li.localisation2 { background: url('http://web-petitesannonces.fr/images/icons/map_edit.png') no-repeat left; }

.entete {
	border-top: 1px solid #EFEFEF;
	border-right: 1px solid #696969;
	border-bottom: 1px solid #84847B;
	border-left: 1px solid #EFEFEF;
	margin-bottom: 1px;
	line-height: 5px;
	height:5px;
	}

* html .entete { width: 674px; margin-bottom: 0; }

h1.h1-auto         { font-size: 16px; line-height: 38px; margin: 0; background: #54AE54 url('http://web-petitesannonces.fr/images/vehic/h2-detail.gif') repeat-x }
h1.h1-moto         { font-size: 16px; line-height: 38px; margin: 0; background: #D2666B url('http://web-petitesannonces.fr/images/deuxroues/h2-detail.gif') repeat-x }
h1.h1-bateau       { font-size: 16px; line-height: 38px; margin: 0; background: #318CE7 url('http://web-petitesannonces.fr/images/nautisme/h2-detail.gif') repeat-x }
h1.h1-immo         { font-size: 16px; line-height: 38px; margin: 0; background: #B666D2 url('http://web-petitesannonces.fr/images/immo/h2-detail.gif') repeat-x }
h1.h1-animaux      { font-size: 16px; line-height: 38px; margin: 0; background: #AE7A57 url('http://web-petitesannonces.fr/images/animaux/h2-detail.gif') repeat-x }
h1.h1-musique      { font-size: 16px; line-height: 38px; margin: 0; background: #EAA026 url('http://web-petitesannonces.fr/images/musique/h2-detail.gif') repeat-x }
h1.h1-services     { font-size: 16px; line-height: 38px; margin: 0; background: #8BA69F url('http://web-petitesannonces.fr/images/services/h2-detail.gif') repeat-x }
h1.h1-affaires     { font-size: 16px; line-height: 38px; margin: 0; background: #5B88B4 url('http://web-petitesannonces.fr/images/affaires/h2-detail.gif') repeat-x }

.blocDetail { padding: 5px 15px 10px 15px; background: #F2EEE9; font-size: 12px }
.blocDetail h2 { margin: 15px 0 5px 0; background: url('http://web-petitesannonces.fr/images/bg-h2-detail.png') repeat-x }
.blocDetail h2 span { background: #F2EEE9; padding-right: 5px }

.description { text-align:justify; margin: 5px 0 0 0; clear:both }
.prixLeft { float: right; font-size: 16px; padding-left: 15px; background: url('http://web-petitesannonces.fr/images/prix.gif') no-repeat left;}
.prixRight { padding-right: 15px; line-height: 36px; background: url('http://web-petitesannonces.fr/images/prix.gif') no-repeat right; display: block;}

#bloc-vignettes img { margin: 5px }
.vignette-auto { background: #fff; padding: 3px; border:1px solid #54AE54; }
.vignette-moto { background: #fff; padding: 3px; border:1px solid #D2666B; }
.vignette-bateau { background: #fff; padding: 3px; border:1px solid #318CE7; }
.vignette-immo { background: #fff; padding: 3px; border:1px solid #B666D2; }
.vignette-animaux { background: #fff; padding: 3px; border:1px solid #AE7A57; }
.vignette-musique { background: #fff; padding: 3px; border:1px solid #EAA026; }
.vignette-services { background: #fff; padding: 3px; border:1px solid #8BA69F; }
.vignette-affaires { background: #fff; padding: 3px; border:1px solid #5B88B4; }

#overtrail {z-index: 1000; left: -50px; visibility: hidden; position: absolute; top: 0px; background-color: #fff }
.over-auto { border: 2px solid #54AE54; }
.over-moto { border: 2px solid #D2666B; }
.over-bateau { border: 2px solid #318CE7; }
.over-immo { border: 2px solid #B666D2; }
.over-animaux { border: 2px solid #AE7A57; }
.over-musique { border: 2px solid #EAA026; }
.over-services { border: 2px solid #8BA69F; }
.over-affaires { border: 2px solid #5B88B4; }

.btn-comparatif { margin-bottom: 0 }
.btn-comparatif a { color: #f90; font-weight: 700; background: #fff; padding: 2px 4px; text-decoration: none; border: 1px solid #f90 }
.btn-comparatif a:hover { background: #f90; color: #fff }

.contactDetail { list-style: none; margin-top: 5px }
.contactDetail li { padding: 2px 0 }

/** fin Annonces **/
/* STYLE BARRE DE TRI */
.filtres { background: #7ca2ea; padding: 5px 10px 5px 10px; margin-top: 10px }
.filtres fieldset { border: 1px solid #fff }
.filtres legend { color: #fff }
.filtres label { font-weight: 700 }
.filtres .labelLeft { width: 80px; text-align: right; float: left; line-height: 20px }
.filtres .selectLeft { float: left }
.filtres .selectLeft select { width: 100px }
#inputKw { width: 140px }

.triTop {
        background: #7ca2ea;
	border-bottom: 1px solid #6180B8;
        padding: 0 10px
        }
        
.triTop h1 { margin: 0; font-size: 14px; font-weight: 700; text-align :left; float: left; line-height: 29px}

.tri {
        margin: 0;
        background: #7ca2ea;
        border: 0;
        border-bottom: 1px solid #6180B8;
        border-top: 1px solid #A8C4F9;
        padding: 2px 10px
        }

.tri img { margin: 0;}
.tri label {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #231F1A;
        line-height:32px;
        }
.triTop ul, .tri ul {
        margin: 0;
        padding: 4px;
        list-style-type: none;
        }
.triTop ul li, .tri ul li{
        display: inline;
        float: left;
        }

.triTop ul li a{
        display: block;
        width: 26px;
        line-height: 21px;
        text-decoration: none;
        margin: 2px 0 4px 0;
        }
.triTop ul li a span { display: none; }

.triTop li.start a{
        background: url(http://web-petitesannonces.fr/images/tri/btn-start.gif) 0 0;
        margin-right:5px;
        width: 10px;
        cursor: default;
        }
.triTop ul li.triphoto1 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-photo.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triphoto1 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-photo.jpg') 0 -21px;
        margin-right:5px;
        }
.triTop ul li.triphoto2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-photo.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triphoto2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-photo.jpg') 0 -21px;
        margin-right:5px;
        }
.triTop ul li.triprint a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-print.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triprint a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-print.jpg') 0 -21px;
        }
.triTop ul li.trieuro a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-euro.jpg') 0 0;
        margin-right:5px;
        }
.triTop ul li.trieuro a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-euro.jpg') 0 -21px;
        }
.triTop ul li.trieuro2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-euro.jpg') 0 -21px;
        margin-right:5px;
        cursor: default;
        }
.triTop ul li.trifranc a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-franc.jpg') 0 0;
        margin-right:5px;
        }
.triTop ul li.trifranc a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-franc.jpg') 0 -21px;
        }
.triTop ul li.trifranc2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-franc.jpg') 0 -21px;
        margin-right:5px;
        cursor: default;
        }
        
.triTop ul li.trialerte a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-alerte.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.trialerte a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-alerte.jpg') 0 -21px;
        }

.triTop ul li.trirss a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-rss.jpg') 0 0;
        width: 26px;
        margin-right:5px
        }        
.triTop ul li.trirss a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-rss.jpg') 0 -21px;
        }
        
.triTop ul li.select-moins a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-select-moins.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.select-moins a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-select-moins.jpg') 0 -21px;
        }

.triTop ul li.triAuto a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-auto.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triAuto a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-auto.jpg') 0 -21px;
        }
.triTop ul li.triAuto2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-auto.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triAuto2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-auto.jpg') 0 -21px;
        }
.triTop ul li.triMoto a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-moto.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triMoto a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-moto.jpg') 0 -21px;
        }
.triTop ul li.triMoto2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-moto.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triMoto2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-moto.jpg') 0 -21px;
        margin-right:5px;
        }
.triTop ul li.triBateau a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-bateau.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triBateau a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-bateau.jpg') 0 -21px;
        }
.triTop ul li.triBateau2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-bateau.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triBateau2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-bateau.jpg') 0 -21px;
        }
.triTop ul li.triImmo a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-immo.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triImmo a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-immo.jpg') 0 -21px;
        }
.triTop ul li.triImmo2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-immo.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triImmo2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-immo.jpg') 0 -21px;
        }
.triTop ul li.triAnimaux a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-animaux.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triAnimaux a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-animaux.jpg') 0 -21px;
        }
.triTop ul li.triAnimaux2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-animaux.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triAnimaux2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-animaux.jpg') 0 -21px;
        }
.triTop ul li.triMusique a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-musique.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triMusique a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-musique.jpg') 0 -21px;
        }
.triTop ul li.triMusique2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-musique.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triMusique2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-musique.jpg') 0 -21px;
        }
.triTop ul li.triServices a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-services.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triServices a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-services.jpg') 0 -21px;
        }
.triTop ul li.triServices2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-services.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triServices2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-services.jpg') 0 -21px;
        }
.triTop ul li.triAffaires a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-affaires.jpg') 0 0;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triAffaires a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-affaires.jpg') 0 -21px;
        }
.triTop ul li.triAffaires2 a{
        background: url('http://web-petitesannonces.fr/images/tri/btn-affaires.jpg') 0 -21px;
        width: 26px;
        margin-right:5px;
        }
.triTop ul li.triAffaires2 a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/btn-affaires.jpg') 0 -21px;
        }

        

.tri ul li.triami a{
        background: url('http://web-petitesannonces.fr/images/tri/ami.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.triami a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/ami.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.tridate a{
        background: url('http://web-petitesannonces.fr/images/tri/date.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.tridate a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/date.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.tricarte a{
        background: url('http://web-petitesannonces.fr/images/tri/carte.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.tricarte a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/carte.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.tripart a{
        background: url('http://web-petitesannonces.fr/images/tri/particulier.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.tripart a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/particulier.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.tripro a{
        background: url('http://web-petitesannonces.fr/images/tri/pro.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.tripro a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/pro.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.triprix a{
        background: url('http://web-petitesannonces.fr/images/tri/prix.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.triprix a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/prix.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.retourListe a{
        background: url('http://web-petitesannonces.fr/images/tri/liste.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.retourListe a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/liste.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.retour a{
        background: url('http://web-petitesannonces.fr/images/tri/back.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.retour a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/back.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.abus a{
        background: url('http://web-petitesannonces.fr/images/tri/abus.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.abus a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/abus.jpg') 0 -32px;
        margin-right:5px;
        }
.tri ul li.select-plus a{
        background: url('http://web-petitesannonces.fr/images/tri/select-plus.jpg') 0 0;
        width: 40px;
        margin-right:5px;
        }
.tri ul li.select-plus a:hover{
        background: url('http://web-petitesannonces.fr/images/tri/select-plus.jpg') 0 -32px;
        margin-right:5px;
        }



.navigation {
	width: 674px;
	font-size:11px;
	border: 0;
	border-top: 1px solid #EBEBEB;
	border-bottom: 1px solid #C0C0C0;
	background: #F2EEE9;
	color: #693A00;
	font-weight: normal;
	}

.navigation a { color: #231F1A; font-weight: normal; text-decoration:underline; }	
.navigation a:hover {text-decoration:none; }	

.numpage {
	padding: 1px 4px;
	background: #ccc;
	font-weight: bold;
	color:#231F1A;
	}

.btn-suivant, .btn-precedent, .btn-debut, .btn-fin, .btn-top {
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	}

.btn-suivant a { 
	background: url('http://web-petitesannonces.fr/images/tri/suivant.png') no-repeat right top;
	margin:	0;
        display: block;
	padding: 1px 18px 2px 0;
	}

.btn-precedent a { 
	background: url('http://web-petitesannonces.fr/images/tri/precedent.png') no-repeat left top;
	margin:	0;
        display: block;
	padding: 1px 0 2px 18px;
	}

.btn-debut a { 
	background: url('http://web-petitesannonces.fr/images/tri/debut.png') no-repeat left top;
	margin:	0;
        display: block;
	height: 16px; width: 16px;
	}

.btn-fin a { 
	background: url('http://web-petitesannonces.fr/images/tri/fin.png') no-repeat right top;
	margin:	0;
	display: block;
	height: 16px; width: 16px;
	}

.btn-debut span, .btn-fin span { display: none }

.lienspage a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #231F1A;
        text-decoration: none;
        padding: 1px 4px
        }
.lienspage a:hover {
        background: #ddd
        }

/* FIN BARRE DE TRI */       
#bottom {
        margin-top: 10px;
        padding: 5px 0;
        background: #D2CEC9            
        }
#bottomContent {
        width: 980px;
        margin: auto;
        }
#bottomContent ul { margin-left: 20px }